Function fieldInput

packages/@react-spectrum/s2/src/style-utils.ts:108–132

()

  }) as const;

export const fieldInput = () =>
  ({
    gridArea: 'input',
    minWidth: controlSize(),
    contain: {
      // Only apply size containment if contain-intrinsic-width is supported.
      // In older browsers, this will fall back to the default browser intrinsic width.
      '@supports (contain-intrinsic-width: 1px)': 'inline-size',
      isQuiet: 'none'
    },
    '--defaultWidth': {
      type: 'width',
      value: {
        default: 208,
        size: {
          S: 192,
          L: 224,
          XL: 240
        }
      }
    },
    // contain-intrinsic-width only includes the width of children, not the padding or borders.
    containIntrinsicWidth:
      'calc(var(--defaultWidth) - self(paddingStart, 0px) - self(paddingEnd, 0px) - self(borderStartWidth, 0px) - self(borderEndWidth, 0px))'
  }) as const;

/**
 * Returns style properties that set the CSS `color-scheme` for a component. Defaults to the page's