@fluentui/react-input 9.4.15 → 9.4.17

package/CHANGELOG.json

@@ -2,7 +2,103 @@
   "name": "@fluentui/react-input",
   "entries": [
     {
-      "date": "Thu, 25 May 2023 09:57:45 GMT",
+      "date": "Tue, 20 Jun 2023 12:34:51 GMT",
+      "tag": "@fluentui/react-input_v9.4.17",
+      "version": "9.4.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-field to v9.1.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-text to v9.3.13",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 31 May 2023 06:46:14 GMT",
+      "tag": "@fluentui/react-input_v9.4.16",
+      "version": "9.4.16",
+      "comments": {
+        "patch": [
+          {
+            "author": "seanmonahan@microsoft.com",
+            "package": "@fluentui/react-input",
+            "commit": "d640b972d7ac86bfb76ae6c6329f12cdd33b3b7c",
+            "comment": "chore: Update Griffel to v1.5.7."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-field to v9.1.6",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-utilities to v9.9.2",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-text to v9.3.12",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 25 May 2023 10:00:48 GMT",
       "tag": "@fluentui/react-input_v9.4.15",
       "version": "9.4.15",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,41 @@
 # Change Log - @fluentui/react-input
 
-This log was last generated on Thu, 25 May 2023 09:57:45 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:34:51 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.4.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.4.17)
+
+Tue, 20 Jun 2023 12:34:51 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.4.16..@fluentui/react-input_v9.4.17)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-text to v9.3.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
+## [9.4.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.4.16)
+
+Wed, 31 May 2023 06:46:14 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.4.15..@fluentui/react-input_v9.4.16)
+
+### Patches
+
+- chore: Update Griffel to v1.5.7. ([PR #27925](https://github.com/microsoft/fluentui/pull/27925) by seanmonahan@microsoft.com)
+- Bump @fluentui/react-field to v9.1.6 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-utilities to v9.9.2 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-text to v9.3.12 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+
 ## [9.4.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.4.15)
 
-Thu, 25 May 2023 09:57:45 GMT 
+Thu, 25 May 2023 10:00:48 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.4.14..@fluentui/react-input_v9.4.15)
 
 ### Patches

package/lib/Input.js

@@ -1,2 +1 @@
 export * from './components/Input/index';
-//# sourceMappingURL=Input.js.map

package/lib/Input.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/Input.ts"],"sourcesContent":["export * from './components/Input/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["Input.ts"],"sourcesContent":["export * from './components/Input/index';\n"],"names":[],"mappings":"AAAA,cAAc,2BAA2B"}

package/lib/components/Input/Input.js

@@ -5,12 +5,10 @@ import { useInputStyles_unstable } from './useInputStyles.styles';
 import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * The Input component allows people to enter and edit text.
- */
-export const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useInput_unstable(props, ref);
-  useInputStyles_unstable(state);
-  useCustomStyleHook_unstable('useInputStyles_unstable')(state);
-  return renderInput_unstable(state);
+ */ export const Input = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useInput_unstable(props, ref);
+    useInputStyles_unstable(state);
+    useCustomStyleHook_unstable('useInputStyles_unstable')(state);
+    return renderInput_unstable(state);
 });
 Input.displayName = 'Input';
-//# sourceMappingURL=Input.js.map

package/lib/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useInput_unstable","renderInput_unstable","useInputStyles_unstable","useCustomStyleHook_unstable","Input","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useInput_unstable } from './useInput';\nimport { renderInput_unstable } from './renderInput';\nimport { useInputStyles_unstable } from './useInputStyles.styles';\nimport type { InputProps } from './Input.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * The Input component allows people to enter and edit text.\n */\nexport const Input: ForwardRefComponent<InputProps> = React.forwardRef((props, ref) => {\n  const state = useInput_unstable(props, ref);\n\n  useInputStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useInputStyles_unstable')(state);\n\n  return renderInput_unstable(state);\n});\n\nInput.displayName = 'Input';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,uBAAuB,QAAQ;AAGxC,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,KAAA,gBAAyCL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrF,MAAMC,KAAA,GAAQR,iBAAA,CAAkBM,KAAA,EAAOC,GAAA;EAEvCL,uBAAA,CAAwBM,KAAA;EAExBL,2BAAA,CAA4B,2BAA2BK,KAAA;EAEvD,OAAOP,oBAAA,CAAqBO,KAAA;AAC9B;AAEAJ,KAAA,CAAMK,WAAW,GAAG"}
+{"version":3,"sources":["Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useInput_unstable } from './useInput';\nimport { renderInput_unstable } from './renderInput';\nimport { useInputStyles_unstable } from './useInputStyles.styles';\nimport type { InputProps } from './Input.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * The Input component allows people to enter and edit text.\n */\nexport const Input: ForwardRefComponent<InputProps> = React.forwardRef((props, ref) => {\n  const state = useInput_unstable(props, ref);\n\n  useInputStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useInputStyles_unstable')(state);\n\n  return renderInput_unstable(state);\n});\n\nInput.displayName = 'Input';\n"],"names":["React","useInput_unstable","renderInput_unstable","useInputStyles_unstable","useCustomStyleHook_unstable","Input","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,0BAA0B;AAGlE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,sBAAyCL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrF,MAAMC,QAAQR,kBAAkBM,OAAOC;IAEvCL,wBAAwBM;IAExBL,4BAA4B,2BAA2BK;IAEvD,OAAOP,qBAAqBO;AAC9B,GAAG;AAEHJ,MAAMK,WAAW,GAAG"}

package/lib/components/Input/Input.types.js

@@ -1,2 +1 @@
 import * as React from 'react';
-//# sourceMappingURL=Input.types.js.map

package/lib/components/Input/Input.types.js.map

@@ -1 +1 @@
-{"version":3,"names":["React"],"sources":["../../../src/components/Input/Input.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type InputSlots = {\n  /**\n   * Wrapper element which visually appears to be the input and is used for borders, focus styling, etc.\n   * (A wrapper is needed to properly position `contentBefore` and `contentAfter` relative to `input`.)\n   *\n   * The root slot receives the `className` and `style` specified directly on the `<Input>`.\n   * All other top-level native props will be applied to the primary slot, `input`.\n   */\n  root: NonNullable<Slot<'span'>>;\n\n  /**\n   * The actual `<input>` element. `type=\"text\"` will be automatically applied unless overridden.\n   *\n   * This is the \"primary\" slot, so native props specified directly on the `<Input>` will go here\n   * (except `className` and `style`, which go to the `root` slot). The top-level `ref` will\n   * also go here.\n   */\n  input: NonNullable<Slot<'input'>>;\n\n  /** Element before the input text, within the input border */\n  contentBefore?: Slot<'span'>;\n\n  /** Element after the input text, within the input border */\n  contentAfter?: Slot<'span'>;\n};\n\nexport type InputProps = Omit<\n  ComponentProps<Partial<InputSlots>, 'input'>,\n  // `children` is unsupported. The rest of these native props have customized definitions.\n  'children' | 'defaultValue' | 'onChange' | 'size' | 'type' | 'value'\n> & {\n  /** Input can't have children. */\n  children?: never;\n\n  /**\n   * Size of the input (changes the font size and spacing).\n   * @default 'medium'\n   */\n  // This name overlaps with the native `size` prop, but that prop isn't very useful in practice\n  // (we could add `htmlSize` for the native functionality if someone needs it)\n  // https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/size\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Controls the colors and borders of the input.\n   * @default 'outline'\n   *\n   * Note: 'filled-darker-shadow' and 'filled-lighter-shadow' are deprecated and will be removed in the future.\n   */\n  appearance?:\n    | 'outline'\n    | 'underline'\n    | 'filled-darker'\n    | 'filled-lighter'\n    | 'filled-darker-shadow'\n    | 'filled-lighter-shadow';\n\n  /**\n   * Default value of the input. Provide this if the input should be an uncontrolled component\n   * which tracks its current state internally; otherwise, use `value`.\n   *\n   * (This prop is mutually exclusive with `value`.)\n   */\n  defaultValue?: string;\n\n  /**\n   * Current value of the input. Provide this if the input is a controlled component where you\n   * are maintaining its current state; otherwise, use `defaultValue`.\n   *\n   * (This prop is mutually exclusive with `defaultValue`.)\n   */\n  value?: string;\n\n  /**\n   * Called when the user changes the input's value.\n   */\n  onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: InputOnChangeData) => void;\n\n  /**\n   * An input can have different text-based [types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#input_types)\n   * based on the type of value the user will enter.\n   *\n   * Note that no custom styling is currently applied for alternative types, and some types may\n   * activate browser-default styling which does not match the Fluent design language.\n   *\n   * (For non-text-based types such as `button` or `checkbox`, use the appropriate component or an\n   * `<input>` element instead.)\n   * @default 'text'\n   */\n  type?:\n    | 'text'\n    | 'email'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'url'\n    | 'date'\n    | 'datetime-local'\n    | 'month'\n    | 'number'\n    | 'time'\n    | 'week';\n};\n\n/**\n * State used in rendering Input.\n */\nexport type InputState = Required<Pick<InputProps, 'appearance' | 'size'>> & ComponentState<InputSlots>;\n\n/**\n * Data passed to the `onChange` callback when a user changes the input's value.\n */\nexport type InputOnChangeData = {\n  /** Updated input value from the user */\n  value: string;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW"}
+{"version":3,"sources":["Input.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type InputSlots = {\n  /**\n   * Wrapper element which visually appears to be the input and is used for borders, focus styling, etc.\n   * (A wrapper is needed to properly position `contentBefore` and `contentAfter` relative to `input`.)\n   *\n   * The root slot receives the `className` and `style` specified directly on the `<Input>`.\n   * All other top-level native props will be applied to the primary slot, `input`.\n   */\n  root: NonNullable<Slot<'span'>>;\n\n  /**\n   * The actual `<input>` element. `type=\"text\"` will be automatically applied unless overridden.\n   *\n   * This is the \"primary\" slot, so native props specified directly on the `<Input>` will go here\n   * (except `className` and `style`, which go to the `root` slot). The top-level `ref` will\n   * also go here.\n   */\n  input: NonNullable<Slot<'input'>>;\n\n  /** Element before the input text, within the input border */\n  contentBefore?: Slot<'span'>;\n\n  /** Element after the input text, within the input border */\n  contentAfter?: Slot<'span'>;\n};\n\nexport type InputProps = Omit<\n  ComponentProps<Partial<InputSlots>, 'input'>,\n  // `children` is unsupported. The rest of these native props have customized definitions.\n  'children' | 'defaultValue' | 'onChange' | 'size' | 'type' | 'value'\n> & {\n  /** Input can't have children. */\n  children?: never;\n\n  /**\n   * Size of the input (changes the font size and spacing).\n   * @default 'medium'\n   */\n  // This name overlaps with the native `size` prop, but that prop isn't very useful in practice\n  // (we could add `htmlSize` for the native functionality if someone needs it)\n  // https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/size\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Controls the colors and borders of the input.\n   * @default 'outline'\n   *\n   * Note: 'filled-darker-shadow' and 'filled-lighter-shadow' are deprecated and will be removed in the future.\n   */\n  appearance?:\n    | 'outline'\n    | 'underline'\n    | 'filled-darker'\n    | 'filled-lighter'\n    | 'filled-darker-shadow'\n    | 'filled-lighter-shadow';\n\n  /**\n   * Default value of the input. Provide this if the input should be an uncontrolled component\n   * which tracks its current state internally; otherwise, use `value`.\n   *\n   * (This prop is mutually exclusive with `value`.)\n   */\n  defaultValue?: string;\n\n  /**\n   * Current value of the input. Provide this if the input is a controlled component where you\n   * are maintaining its current state; otherwise, use `defaultValue`.\n   *\n   * (This prop is mutually exclusive with `defaultValue`.)\n   */\n  value?: string;\n\n  /**\n   * Called when the user changes the input's value.\n   */\n  onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: InputOnChangeData) => void;\n\n  /**\n   * An input can have different text-based [types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#input_types)\n   * based on the type of value the user will enter.\n   *\n   * Note that no custom styling is currently applied for alternative types, and some types may\n   * activate browser-default styling which does not match the Fluent design language.\n   *\n   * (For non-text-based types such as `button` or `checkbox`, use the appropriate component or an\n   * `<input>` element instead.)\n   * @default 'text'\n   */\n  type?:\n    | 'text'\n    | 'email'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'url'\n    | 'date'\n    | 'datetime-local'\n    | 'month'\n    | 'number'\n    | 'time'\n    | 'week';\n};\n\n/**\n * State used in rendering Input.\n */\nexport type InputState = Required<Pick<InputProps, 'appearance' | 'size'>> & ComponentState<InputSlots>;\n\n/**\n * Data passed to the `onChange` callback when a user changes the input's value.\n */\nexport type InputOnChangeData = {\n  /** Updated input value from the user */\n  value: string;\n};\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/Input/index.js

@@ -3,4 +3,3 @@ export * from './Input.types';
 export * from './renderInput';
 export * from './useInput';
 export * from './useInputStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/Input/index.ts"],"sourcesContent":["export * from './Input';\nexport * from './Input.types';\nexport * from './renderInput';\nexport * from './useInput';\nexport * from './useInputStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Input';\nexport * from './Input.types';\nexport * from './renderInput';\nexport * from './useInput';\nexport * from './useInputStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,aAAa;AAC3B,cAAc,0BAA0B"}

package/lib/components/Input/renderInput.js

@@ -1,13 +1,8 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of Input
- */
-export const renderInput_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(slots.root, slotProps.root, slots.contentBefore && /*#__PURE__*/createElement(slots.contentBefore, slotProps.contentBefore), /*#__PURE__*/createElement(slots.input, slotProps.input), slots.contentAfter && /*#__PURE__*/createElement(slots.contentAfter, slotProps.contentAfter));
+ */ export const renderInput_unstable = (state)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.contentBefore && /*#__PURE__*/ createElement(slots.contentBefore, slotProps.contentBefore), /*#__PURE__*/ createElement(slots.input, slotProps.input), slots.contentAfter && /*#__PURE__*/ createElement(slots.contentAfter, slotProps.contentAfter));
 };
-//# sourceMappingURL=renderInput.js.map

package/lib/components/Input/renderInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["createElement","getSlotsNext","renderInput_unstable","state","slots","slotProps","root","contentBefore","input","contentAfter"],"sources":["../../../src/components/Input/renderInput.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { InputSlots, InputState } from './Input.types';\n\n/**\n * Render the final JSX of Input\n */\nexport const renderInput_unstable = (state: InputState) => {\n  const { slots, slotProps } = getSlotsNext<InputSlots>(state);\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.contentBefore && <slots.contentBefore {...slotProps.contentBefore} />}\n      <slots.input {...slotProps.input} />\n      {slots.contentAfter && <slots.contentAfter {...slotProps.contentAfter} />}\n    </slots.root>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,oBAAA,GAAwBC,KAAA,IAAsB;EACzD,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAAyBE,KAAA;EACtD,oBACEH,aAbJ,CAaKI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI,EAC3BF,KAAA,CAAMG,aAAa,iBAAIP,aAd9B,CAc+BI,KAAA,CAAMG,aAAa,EAAKF,SAAA,CAAUE,aAAa,gBACxEP,aAfN,CAeOI,KAAA,CAAMI,KAAK,EAAKH,SAAA,CAAUG,KAAK,GAC/BJ,KAAA,CAAMK,YAAY,iBAAIT,aAhB7B,CAgB8BI,KAAA,CAAMK,YAAY,EAAKJ,SAAA,CAAUI,YAAY;AAG3E"}
+{"version":3,"sources":["renderInput.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { InputSlots, InputState } from './Input.types';\n\n/**\n * Render the final JSX of Input\n */\nexport const renderInput_unstable = (state: InputState) => {\n  const { slots, slotProps } = getSlotsNext<InputSlots>(state);\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.contentBefore && <slots.contentBefore {...slotProps.contentBefore} />}\n      <slots.input {...slotProps.input} />\n      {slots.contentAfter && <slots.contentAfter {...slotProps.contentAfter} />}\n    </slots.root>\n  );\n};\n"],"names":["createElement","getSlotsNext","renderInput_unstable","state","slots","slotProps","root","contentBefore","input","contentAfter"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,uBAAuB,CAACC,QAAsB;IACzD,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAAyBE;IACtD,qBACE,AAbJ,cAaKC,MAAME,IAAI,EAAKD,UAAUC,IAAI,EAC3BF,MAAMG,aAAa,kBAAI,AAd9B,cAc+BH,MAAMG,aAAa,EAAKF,UAAUE,aAAa,iBACxE,AAfN,cAeOH,MAAMI,KAAK,EAAKH,UAAUG,KAAK,GAC/BJ,MAAMK,YAAY,kBAAI,AAhB7B,cAgB8BL,MAAMK,YAAY,EAAKJ,UAAUI,YAAY;AAG3E,EAAE"}

package/lib/components/Input/useInput.js

@@ -10,66 +10,65 @@ import { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-co
  *
  * @param props - props from this instance of Input
  * @param ref - reference to `<input>` element of Input
- */
-export const useInput_unstable = (props, ref) => {
-  props = useFieldControlProps_unstable(props, {
-    supportsLabelFor: true,
-    supportsRequired: true,
-    supportsSize: true
-  });
-  const overrides = useOverrides();
-  var _overrides_inputDefaultAppearance;
-  const {
-    size = 'medium',
-    appearance = (_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline',
-    onChange
-  } = props;
-  if (process.env.NODE_ENV !== 'production' && (appearance === 'filled-darker-shadow' || appearance === 'filled-lighter-shadow')) {
-    // eslint-disable-next-line no-console
-    console.error("The 'filled-darker-shadow' and 'filled-lighter-shadow' appearances are deprecated and will be removed in the" + ' future.');
-  }
-  const [value, setValue] = useControllableState({
-    state: props.value,
-    defaultState: props.defaultValue,
-    initialState: ''
-  });
-  const nativeProps = getPartitionedNativeProps({
-    props,
-    primarySlotTagName: 'input',
-    excludedPropNames: ['size', 'onChange', 'value', 'defaultValue']
-  });
-  const state = {
-    size,
-    appearance,
-    components: {
-      root: 'span',
-      input: 'input',
-      contentBefore: 'span',
-      contentAfter: 'span'
-    },
-    input: resolveShorthand(props.input, {
-      required: true,
-      defaultProps: {
-        type: 'text',
-        ref,
-        ...nativeProps.primary
-      }
-    }),
-    contentAfter: resolveShorthand(props.contentAfter),
-    contentBefore: resolveShorthand(props.contentBefore),
-    root: resolveShorthand(props.root, {
-      required: true,
-      defaultProps: nativeProps.root
-    })
-  };
-  state.input.value = value;
-  state.input.onChange = useEventCallback(ev => {
-    const newValue = ev.target.value;
-    onChange === null || onChange === void 0 ? void 0 : onChange(ev, {
-      value: newValue
+ */ export const useInput_unstable = (props, ref)=>{
+    props = useFieldControlProps_unstable(props, {
+        supportsLabelFor: true,
+        supportsRequired: true,
+        supportsSize: true
     });
-    setValue(newValue);
-  });
-  return state;
+    const overrides = useOverrides();
+    var _overrides_inputDefaultAppearance;
+    const { size ='medium' , appearance =(_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline' , onChange  } = props;
+    if (process.env.NODE_ENV !== 'production' && (appearance === 'filled-darker-shadow' || appearance === 'filled-lighter-shadow')) {
+        // eslint-disable-next-line no-console
+        console.error("The 'filled-darker-shadow' and 'filled-lighter-shadow' appearances are deprecated and will be removed in the" + ' future.');
+    }
+    const [value, setValue] = useControllableState({
+        state: props.value,
+        defaultState: props.defaultValue,
+        initialState: ''
+    });
+    const nativeProps = getPartitionedNativeProps({
+        props,
+        primarySlotTagName: 'input',
+        excludedPropNames: [
+            'size',
+            'onChange',
+            'value',
+            'defaultValue'
+        ]
+    });
+    const state = {
+        size,
+        appearance,
+        components: {
+            root: 'span',
+            input: 'input',
+            contentBefore: 'span',
+            contentAfter: 'span'
+        },
+        input: resolveShorthand(props.input, {
+            required: true,
+            defaultProps: {
+                type: 'text',
+                ref,
+                ...nativeProps.primary
+            }
+        }),
+        contentAfter: resolveShorthand(props.contentAfter),
+        contentBefore: resolveShorthand(props.contentBefore),
+        root: resolveShorthand(props.root, {
+            required: true,
+            defaultProps: nativeProps.root
+        })
+    };
+    state.input.value = value;
+    state.input.onChange = useEventCallback((ev)=>{
+        const newValue = ev.target.value;
+        onChange === null || onChange === void 0 ? void 0 : onChange(ev, {
+            value: newValue
+        });
+        setValue(newValue);
+    });
+    return state;
 };
-//# sourceMappingURL=useInput.js.map

package/lib/components/Input/useInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useFieldControlProps_unstable","getPartitionedNativeProps","resolveShorthand","useControllableState","useEventCallback","useOverrides_unstable","useOverrides","useInput_unstable","props","ref","supportsLabelFor","supportsRequired","supportsSize","overrides","_overrides_inputDefaultAppearance","size","appearance","inputDefaultAppearance","onChange","process","env","NODE_ENV","console","error","value","setValue","state","defaultState","defaultValue","initialState","nativeProps","primarySlotTagName","excludedPropNames","components","root","input","contentBefore","contentAfter","required","defaultProps","type","primary","ev","newValue","target"],"sources":["../../../src/components/Input/useInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport {\n  getPartitionedNativeProps,\n  resolveShorthand,\n  useControllableState,\n  useEventCallback,\n} from '@fluentui/react-utilities';\nimport type { InputProps, InputState } from './Input.types';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n\n/**\n * Create the state required to render Input.\n *\n * The returned state can be modified with hooks such as useInputStyles_unstable,\n * before being passed to renderInput_unstable.\n *\n * @param props - props from this instance of Input\n * @param ref - reference to `<input>` element of Input\n */\nexport const useInput_unstable = (props: InputProps, ref: React.Ref<HTMLInputElement>): InputState => {\n  props = useFieldControlProps_unstable(props, { supportsLabelFor: true, supportsRequired: true, supportsSize: true });\n\n  const overrides = useOverrides();\n\n  const { size = 'medium', appearance = overrides.inputDefaultAppearance ?? 'outline', onChange } = props;\n\n  if (\n    process.env.NODE_ENV !== 'production' &&\n    (appearance === 'filled-darker-shadow' || appearance === 'filled-lighter-shadow')\n  ) {\n    // eslint-disable-next-line no-console\n    console.error(\n      \"The 'filled-darker-shadow' and 'filled-lighter-shadow' appearances are deprecated and will be removed in the\" +\n        ' future.',\n    );\n  }\n\n  const [value, setValue] = useControllableState({\n    state: props.value,\n    defaultState: props.defaultValue,\n    initialState: '',\n  });\n\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['size', 'onChange', 'value', 'defaultValue'],\n  });\n\n  const state: InputState = {\n    size,\n    appearance,\n    components: {\n      root: 'span',\n      input: 'input',\n      contentBefore: 'span',\n      contentAfter: 'span',\n    },\n    input: resolveShorthand(props.input, {\n      required: true,\n      defaultProps: {\n        type: 'text',\n        ref,\n        ...nativeProps.primary,\n      },\n    }),\n    contentAfter: resolveShorthand(props.contentAfter),\n    contentBefore: resolveShorthand(props.contentBefore),\n    root: resolveShorthand(props.root, {\n      required: true,\n      defaultProps: nativeProps.root,\n    }),\n  };\n\n  state.input.value = value;\n  state.input.onChange = useEventCallback(ev => {\n    const newValue = ev.target.value;\n    onChange?.(ev, { value: newValue });\n    setValue(newValue);\n  });\n\n  return state;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,6BAA6B,QAAQ;AAC9C,SACEC,yBAAyB,EACzBC,gBAAgB,EAChBC,oBAAoB,EACpBC,gBAAgB,QACX;AAEP,SAASC,qBAAA,IAAyBC,YAAY,QAAQ;AAEtD;;;;;;;;;AASA,OAAO,MAAMC,iBAAA,GAAoBA,CAACC,KAAA,EAAmBC,GAAA,KAAiD;EACpGD,KAAA,GAAQR,6BAAA,CAA8BQ,KAAA,EAAO;IAAEE,gBAAA,EAAkB,IAAI;IAAEC,gBAAA,EAAkB,IAAI;IAAEC,YAAA,EAAc;EAAK;EAElH,MAAMC,SAAA,GAAYP,YAAA;MAEoBQ,iCAAA;EAAtC,MAAM;IAAEC,IAAA,GAAO;IAAUC,UAAA,GAAa,CAAAF,iCAAA,GAAAD,SAAA,CAAUI,sBAAsB,cAAhCH,iCAAA,cAAAA,iCAAA,GAAoC,SAAS;IAAEI;EAAQ,CAAE,GAAGV,KAAA;EAElG,IACEW,OAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,iBACxBL,UAAA,KAAe,0BAA0BA,UAAA,KAAe,uBAAsB,GAC/E;IACA;IACAM,OAAA,CAAQC,KAAK,CACX,iHACE;EAEN;EAEA,MAAM,CAACC,KAAA,EAAOC,QAAA,CAAS,GAAGtB,oBAAA,CAAqB;IAC7CuB,KAAA,EAAOlB,KAAA,CAAMgB,KAAK;IAClBG,YAAA,EAAcnB,KAAA,CAAMoB,YAAY;IAChCC,YAAA,EAAc;EAChB;EAEA,MAAMC,WAAA,GAAc7B,yBAAA,CAA0B;IAC5CO,KAAA;IACAuB,kBAAA,EAAoB;IACpBC,iBAAA,EAAmB,CAAC,QAAQ,YAAY,SAAS;EACnD;EAEA,MAAMN,KAAA,GAAoB;IACxBX,IAAA;IACAC,UAAA;IACAiB,UAAA,EAAY;MACVC,IAAA,EAAM;MACNC,KAAA,EAAO;MACPC,aAAA,EAAe;MACfC,YAAA,EAAc;IAChB;IACAF,KAAA,EAAOjC,gBAAA,CAAiBM,KAAA,CAAM2B,KAAK,EAAE;MACnCG,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZC,IAAA,EAAM;QACN/B,GAAA;QACA,GAAGqB,WAAA,CAAYW;MACjB;IACF;IACAJ,YAAA,EAAcnC,gBAAA,CAAiBM,KAAA,CAAM6B,YAAY;IACjDD,aAAA,EAAelC,gBAAA,CAAiBM,KAAA,CAAM4B,aAAa;IACnDF,IAAA,EAAMhC,gBAAA,CAAiBM,KAAA,CAAM0B,IAAI,EAAE;MACjCI,QAAA,EAAU,IAAI;MACdC,YAAA,EAAcT,WAAA,CAAYI;IAC5B;EACF;EAEAR,KAAA,CAAMS,KAAK,CAACX,KAAK,GAAGA,KAAA;EACpBE,KAAA,CAAMS,KAAK,CAACjB,QAAQ,GAAGd,gBAAA,CAAiBsC,EAAA,IAAM;IAC5C,MAAMC,QAAA,GAAWD,EAAA,CAAGE,MAAM,CAACpB,KAAK;IAChCN,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAWwB,EAAA,EAAI;MAAElB,KAAA,EAAOmB;IAAS;IACjClB,QAAA,CAASkB,QAAA;EACX;EAEA,OAAOjB,KAAA;AACT"}
+{"version":3,"sources":["useInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport {\n  getPartitionedNativeProps,\n  resolveShorthand,\n  useControllableState,\n  useEventCallback,\n} from '@fluentui/react-utilities';\nimport type { InputProps, InputState } from './Input.types';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n\n/**\n * Create the state required to render Input.\n *\n * The returned state can be modified with hooks such as useInputStyles_unstable,\n * before being passed to renderInput_unstable.\n *\n * @param props - props from this instance of Input\n * @param ref - reference to `<input>` element of Input\n */\nexport const useInput_unstable = (props: InputProps, ref: React.Ref<HTMLInputElement>): InputState => {\n  props = useFieldControlProps_unstable(props, { supportsLabelFor: true, supportsRequired: true, supportsSize: true });\n\n  const overrides = useOverrides();\n\n  const { size = 'medium', appearance = overrides.inputDefaultAppearance ?? 'outline', onChange } = props;\n\n  if (\n    process.env.NODE_ENV !== 'production' &&\n    (appearance === 'filled-darker-shadow' || appearance === 'filled-lighter-shadow')\n  ) {\n    // eslint-disable-next-line no-console\n    console.error(\n      \"The 'filled-darker-shadow' and 'filled-lighter-shadow' appearances are deprecated and will be removed in the\" +\n        ' future.',\n    );\n  }\n\n  const [value, setValue] = useControllableState({\n    state: props.value,\n    defaultState: props.defaultValue,\n    initialState: '',\n  });\n\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['size', 'onChange', 'value', 'defaultValue'],\n  });\n\n  const state: InputState = {\n    size,\n    appearance,\n    components: {\n      root: 'span',\n      input: 'input',\n      contentBefore: 'span',\n      contentAfter: 'span',\n    },\n    input: resolveShorthand(props.input, {\n      required: true,\n      defaultProps: {\n        type: 'text',\n        ref,\n        ...nativeProps.primary,\n      },\n    }),\n    contentAfter: resolveShorthand(props.contentAfter),\n    contentBefore: resolveShorthand(props.contentBefore),\n    root: resolveShorthand(props.root, {\n      required: true,\n      defaultProps: nativeProps.root,\n    }),\n  };\n\n  state.input.value = value;\n  state.input.onChange = useEventCallback(ev => {\n    const newValue = ev.target.value;\n    onChange?.(ev, { value: newValue });\n    setValue(newValue);\n  });\n\n  return state;\n};\n"],"names":["React","useFieldControlProps_unstable","getPartitionedNativeProps","resolveShorthand","useControllableState","useEventCallback","useOverrides_unstable","useOverrides","useInput_unstable","props","ref","supportsLabelFor","supportsRequired","supportsSize","overrides","size","appearance","inputDefaultAppearance","onChange","process","env","NODE_ENV","console","error","value","setValue","state","defaultState","defaultValue","initialState","nativeProps","primarySlotTagName","excludedPropNames","components","root","input","contentBefore","contentAfter","required","defaultProps","type","primary","ev","newValue","target"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,6BAA6B,QAAQ,wBAAwB;AACtE,SACEC,yBAAyB,EACzBC,gBAAgB,EAChBC,oBAAoB,EACpBC,gBAAgB,QACX,4BAA4B;AAEnC,SAASC,yBAAyBC,YAAY,QAAQ,kCAAkC;AAExF;;;;;;;;CAQC,GACD,OAAO,MAAMC,oBAAoB,CAACC,OAAmBC,MAAiD;IACpGD,QAAQR,8BAA8BQ,OAAO;QAAEE,kBAAkB,IAAI;QAAEC,kBAAkB,IAAI;QAAEC,cAAc,IAAI;IAAC;IAElH,MAAMC,YAAYP;QAEoBO;IAAtC,MAAM,EAAEC,MAAO,SAAQ,EAAEC,YAAaF,CAAAA,oCAAAA,UAAUG,sBAAsB,cAAhCH,+CAAAA,oCAAoC,SAAS,CAAA,EAAEI,SAAQ,EAAE,GAAGT;IAElG,IACEU,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBACxBL,CAAAA,eAAe,0BAA0BA,eAAe,uBAAsB,GAC/E;QACA,sCAAsC;QACtCM,QAAQC,KAAK,CACX,iHACE;IAEN,CAAC;IAED,MAAM,CAACC,OAAOC,SAAS,GAAGrB,qBAAqB;QAC7CsB,OAAOjB,MAAMe,KAAK;QAClBG,cAAclB,MAAMmB,YAAY;QAChCC,cAAc;IAChB;IAEA,MAAMC,cAAc5B,0BAA0B;QAC5CO;QACAsB,oBAAoB;QACpBC,mBAAmB;YAAC;YAAQ;YAAY;YAAS;SAAe;IAClE;IAEA,MAAMN,QAAoB;QACxBX;QACAC;QACAiB,YAAY;YACVC,MAAM;YACNC,OAAO;YACPC,eAAe;YACfC,cAAc;QAChB;QACAF,OAAOhC,iBAAiBM,MAAM0B,KAAK,EAAE;YACnCG,UAAU,IAAI;YACdC,cAAc;gBACZC,MAAM;gBACN9B;gBACA,GAAGoB,YAAYW,OAAO;YACxB;QACF;QACAJ,cAAclC,iBAAiBM,MAAM4B,YAAY;QACjDD,eAAejC,iBAAiBM,MAAM2B,aAAa;QACnDF,MAAM/B,iBAAiBM,MAAMyB,IAAI,EAAE;YACjCI,UAAU,IAAI;YACdC,cAAcT,YAAYI,IAAI;QAChC;IACF;IAEAR,MAAMS,KAAK,CAACX,KAAK,GAAGA;IACpBE,MAAMS,KAAK,CAACjB,QAAQ,GAAGb,iBAAiBqC,CAAAA,KAAM;QAC5C,MAAMC,WAAWD,GAAGE,MAAM,CAACpB,KAAK;QAChCN,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAWwB,IAAI;YAAElB,OAAOmB;QAAS;QACjClB,SAASkB;IACX;IAEA,OAAOjB;AACT,EAAE"}

package/lib/components/Input/useInputStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["tokens","typographyStyles","__resetStyles","__styles","mergeClasses","shorthands","inputClassNames","root","input","contentBefore","contentAfter","fieldHeights","small","medium","large","useRootClassName","useRootStyles","sshi5w","uwmqm3","z189sj","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","i8kkvl","Belr9w4","outline","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Drbcw7","udz0bu","Be8ivqh","ofdepl","underline","De3pzq","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","vrafjx","wvpqe5","Eqx8gd","B1piin3","underlineInteractive","B3778ie","d9w3h3","Bl18szs","B4j8arr","filled","g2u3we","h3c5rm","B9xav0g","zhjwy3","filledInteractive","q7v0qe","kmh5ft","nagaa4","B1yhkcb","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","E5pizo","disabled","Bceei9c","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bsft5z2","Bduesf4","d","h","a","m","w","useInputClassName","useInputElementStyles","sj55zd","yvdlaj","useContentClassName","useContentStyles","kwki1k","useInputStyles_unstable","state","size","appearance","startsWith","rootStyles","inputStyles","contentStyles","className","contentClasses"],"sources":["../../../src/components/Input/useInputStyles.styles.ts"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { InputSlots, InputState } from './Input.types';\n\nexport const inputClassNames: SlotClassNames<InputSlots> = {\n  root: 'fui-Input',\n  input: 'fui-Input__input',\n  contentBefore: 'fui-Input__contentBefore',\n  contentAfter: 'fui-Input__contentAfter',\n};\n\n// TODO(sharing) should these be shared somewhere?\nconst fieldHeights = {\n  small: '24px',\n  medium: '32px',\n  large: '40px',\n};\n\nconst useRootClassName = makeResetStyles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  flexWrap: 'nowrap',\n  gap: tokens.spacingHorizontalXXS,\n  borderRadius: tokens.borderRadiusMedium, // used for all but underline\n  position: 'relative',\n  boxSizing: 'border-box',\n\n  // size: medium (default)\n  minHeight: fieldHeights.medium,\n  padding: `0 ${tokens.spacingHorizontalMNudge}`,\n  ...typographyStyles.body1,\n\n  // appearance: outline (default)\n  backgroundColor: tokens.colorNeutralBackground1,\n  border: `1px solid ${tokens.colorNeutralStroke1}`,\n  borderBottomColor: tokens.colorNeutralStrokeAccessible,\n\n  // This is all for the bottom focus border.\n  // It's supposed to be 2px flat all the way across and match the radius of the field's corners.\n  '::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    left: '-1px',\n    bottom: '-1px',\n    right: '-1px',\n\n    // Maintaining the correct corner radius:\n    // Use the whole border-radius as the height and only put radii on the bottom corners.\n    // (Otherwise the radius would be automatically reduced to fit available space.)\n    // max() ensures the focus border still shows up even if someone sets tokens.borderRadiusMedium to 0.\n    height: `max(2px, ${tokens.borderRadiusMedium})`,\n    borderBottomLeftRadius: tokens.borderRadiusMedium,\n    borderBottomRightRadius: tokens.borderRadiusMedium,\n\n    // Flat 2px border:\n    // By default borderBottom will cause little \"horns\" on the ends. The clipPath trims them off.\n    // (This could be done without trimming using `background: linear-gradient(...)`, but using\n    // borderBottom makes it easier for people to override the color if needed.)\n    borderBottom: `2px solid ${tokens.colorCompoundBrandStroke}`,\n    clipPath: 'inset(calc(100% - 2px) 0 0 0)',\n\n    // Animation for focus OUT\n    transform: 'scaleX(0)',\n    transitionProperty: 'transform',\n    transitionDuration: tokens.durationUltraFast,\n    transitionDelay: tokens.curveAccelerateMid,\n\n    '@media screen and (prefers-reduced-motion: reduce)': {\n      transitionDuration: '0.01ms',\n      transitionDelay: '0.01ms',\n    },\n  },\n  ':focus-within::after': {\n    // Animation for focus IN\n    transform: 'scaleX(1)',\n    transitionProperty: 'transform',\n    transitionDuration: tokens.durationNormal,\n    transitionDelay: tokens.curveDecelerateMid,\n\n    '@media screen and (prefers-reduced-motion: reduce)': {\n      transitionDuration: '0.01ms',\n      transitionDelay: '0.01ms',\n    },\n  },\n  ':focus-within:active::after': {\n    // This is if the user clicks the field again while it's already focused\n    borderBottomColor: tokens.colorCompoundBrandStrokePressed,\n  },\n  ':focus-within': {\n    outline: '2px solid transparent',\n  },\n});\n\nconst useRootStyles = makeStyles({\n  small: {\n    minHeight: fieldHeights.small,\n    paddingLeft: tokens.spacingHorizontalSNudge,\n    paddingRight: tokens.spacingHorizontalSNudge,\n    ...typographyStyles.caption1,\n  },\n  medium: {\n    // included in rootBaseStyles\n  },\n  large: {\n    minHeight: fieldHeights.large,\n    paddingLeft: tokens.spacingHorizontalM,\n    paddingRight: tokens.spacingHorizontalM,\n    ...typographyStyles.body2,\n    ...shorthands.gap(tokens.spacingHorizontalSNudge),\n  },\n  outline: {\n    // included in rootBaseStyles\n  },\n  outlineInteractive: {\n    ':hover': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n      borderBottomColor: tokens.colorNeutralStrokeAccessibleHover,\n    },\n    // DO NOT add a space between the selectors! It changes the behavior of make-styles.\n    ':active,:focus-within': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n      borderBottomColor: tokens.colorNeutralStrokeAccessiblePressed,\n    },\n  },\n  underline: {\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.borderRadius(0), // corners look strange if rounded\n    // border is specified in rootBaseStyles, but we only want a bottom border here\n    borderTopStyle: 'none',\n    borderRightStyle: 'none',\n    borderLeftStyle: 'none',\n    // Make the focus underline (::after) match the width of the bottom border\n    '::after': {\n      left: 0,\n      right: 0,\n    },\n  },\n  underlineInteractive: {\n    ':hover': {\n      borderBottomColor: tokens.colorNeutralStrokeAccessibleHover,\n    },\n    // DO NOT add a space between the selectors! It changes the behavior of make-styles.\n    ':active,:focus-within': {\n      borderBottomColor: tokens.colorNeutralStrokeAccessiblePressed,\n    },\n    '::after': shorthands.borderRadius(0), // remove rounded corners from focus underline\n  },\n  filled: {\n    ...shorthands.borderColor(tokens.colorTransparentStroke),\n  },\n  filledInteractive: {\n    // DO NOT add a space between the selectors! It changes the behavior of make-styles.\n    ':hover,:focus-within': {\n      // also handles pressed border color (:active)\n      ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n    },\n  },\n  invalid: {\n    ':not(:focus-within),:hover:not(:focus-within)': {\n      ...shorthands.borderColor(tokens.colorPaletteRedBorder2),\n    },\n  },\n  'filled-darker': {\n    backgroundColor: tokens.colorNeutralBackground3,\n  },\n  'filled-lighter': {\n    backgroundColor: tokens.colorNeutralBackground1,\n  },\n  'filled-darker-shadow': {\n    backgroundColor: tokens.colorNeutralBackground3,\n    boxShadow: tokens.shadow2,\n  },\n  'filled-lighter-shadow': {\n    backgroundColor: tokens.colorNeutralBackground1,\n    boxShadow: tokens.shadow2,\n  },\n  disabled: {\n    cursor: 'not-allowed',\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n    '@media (forced-colors: active)': {\n      ...shorthands.borderColor('GrayText'),\n    },\n    // remove the focus border\n    '::after': {\n      content: 'unset',\n    },\n    // remove the focus outline\n    ':focus-within': {\n      outlineStyle: 'none',\n    },\n  },\n});\n\nconst useInputClassName = makeResetStyles({\n  boxSizing: 'border-box',\n  flexGrow: 1,\n  minWidth: 0, // required to make the input shrink to fit the wrapper\n  borderStyle: 'none', // input itself never has a border (this is handled by inputWrapper)\n  padding: `0 ${tokens.spacingHorizontalXXS}`,\n  color: tokens.colorNeutralForeground1,\n  // Use literal \"transparent\" (not from the theme) to always let the color from the root show through\n  backgroundColor: 'transparent',\n\n  '::placeholder': {\n    color: tokens.colorNeutralForeground4,\n    opacity: 1, // browser style override\n  },\n\n  outlineStyle: 'none', // disable default browser outline\n\n  // Inherit typography styles from root\n  fontFamily: 'inherit',\n  fontSize: 'inherit',\n  fontWeight: 'inherit',\n  lineHeight: 'inherit',\n});\n\nconst useInputElementStyles = makeStyles({\n  large: {\n    paddingLeft: tokens.spacingHorizontalSNudge,\n    paddingRight: tokens.spacingHorizontalSNudge,\n  },\n  disabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n    backgroundColor: tokens.colorTransparentBackground,\n    cursor: 'not-allowed',\n    '::placeholder': {\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n  },\n});\n\nconst useContentClassName = makeResetStyles({\n  boxSizing: 'border-box',\n  color: tokens.colorNeutralForeground3, // \"icon color\" in design spec\n  display: 'flex',\n  // special case styling for icons (most common case) to ensure they're centered vertically\n  // size: medium (default)\n  '> svg': { fontSize: '20px' },\n});\n\nconst useContentStyles = makeStyles({\n  disabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  // Ensure resizable icons show up with the proper font size\n  small: {\n    '> svg': { fontSize: '16px' },\n  },\n  medium: {\n    // included in useContentClassName\n  },\n  large: {\n    '> svg': { fontSize: '24px' },\n  },\n});\n\n/**\n * Apply styling to the Input slots based on the state\n */\nexport const useInputStyles_unstable = (state: InputState): InputState => {\n  const { size, appearance } = state;\n  const disabled = state.input.disabled;\n  const invalid = `${state.input['aria-invalid']}` === 'true';\n  const filled = appearance.startsWith('filled');\n\n  const rootStyles = useRootStyles();\n  const inputStyles = useInputElementStyles();\n  const contentStyles = useContentStyles();\n\n  state.root.className = mergeClasses(\n    inputClassNames.root,\n    useRootClassName(),\n    rootStyles[size],\n    rootStyles[appearance],\n    !disabled && appearance === 'outline' && rootStyles.outlineInteractive,\n    !disabled && appearance === 'underline' && rootStyles.underlineInteractive,\n    !disabled && filled && rootStyles.filledInteractive,\n    filled && rootStyles.filled,\n    !disabled && invalid && rootStyles.invalid,\n    disabled && rootStyles.disabled,\n    state.root.className,\n  );\n\n  state.input.className = mergeClasses(\n    inputClassNames.input,\n    useInputClassName(),\n    size === 'large' && inputStyles.large,\n    disabled && inputStyles.disabled,\n    state.input.className,\n  );\n\n  const contentClasses = [useContentClassName(), disabled && contentStyles.disabled, contentStyles[size]];\n  if (state.contentBefore) {\n    state.contentBefore.className = mergeClasses(\n      inputClassNames.contentBefore,\n      ...contentClasses,\n      state.contentBefore.className,\n    );\n  }\n  if (state.contentAfter) {\n    state.contentAfter.className = mergeClasses(\n      inputClassNames.contentAfter,\n      ...contentClasses,\n      state.contentAfter.className,\n    );\n  }\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"names":["tokens","typographyStyles","__resetStyles","__styles","mergeClasses","shorthands","inputClassNames","root","input","contentBefore","contentAfter","fieldHeights","small","medium","large","useRootClassName","useRootStyles","sshi5w","uwmqm3","z189sj","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","i8kkvl","Belr9w4","outline","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Drbcw7","udz0bu","Be8ivqh","ofdepl","underline","De3pzq","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","vrafjx","wvpqe5","Eqx8gd","B1piin3","underlineInteractive","B3778ie","d9w3h3","Bl18szs","B4j8arr","filled","g2u3we","h3c5rm","B9xav0g","zhjwy3","filledInteractive","q7v0qe","kmh5ft","nagaa4","B1yhkcb","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","E5pizo","disabled","Bceei9c","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bsft5z2","Bduesf4","d","h","a","m","w","useInputClassName","useInputElementStyles","sj55zd","yvdlaj","useContentClassName","useContentStyles","kwki1k","useInputStyles_unstable","state","size","appearance","startsWith","rootStyles","inputStyles","contentStyles","className","contentClasses"],"sources":["useInputStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nexport const inputClassNames = {\n    root: 'fui-Input',\n    input: 'fui-Input__input',\n    contentBefore: 'fui-Input__contentBefore',\n    contentAfter: 'fui-Input__contentAfter'\n};\n// TODO(sharing) should these be shared somewhere?\nconst fieldHeights = {\n    small: '24px',\n    medium: '32px',\n    large: '40px'\n};\nconst useRootClassName = makeResetStyles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    flexWrap: 'nowrap',\n    gap: tokens.spacingHorizontalXXS,\n    borderRadius: tokens.borderRadiusMedium,\n    position: 'relative',\n    boxSizing: 'border-box',\n    // size: medium (default)\n    minHeight: fieldHeights.medium,\n    padding: `0 ${tokens.spacingHorizontalMNudge}`,\n    ...typographyStyles.body1,\n    // appearance: outline (default)\n    backgroundColor: tokens.colorNeutralBackground1,\n    border: `1px solid ${tokens.colorNeutralStroke1}`,\n    borderBottomColor: tokens.colorNeutralStrokeAccessible,\n    // This is all for the bottom focus border.\n    // It's supposed to be 2px flat all the way across and match the radius of the field's corners.\n    '::after': {\n        boxSizing: 'border-box',\n        content: '\"\"',\n        position: 'absolute',\n        left: '-1px',\n        bottom: '-1px',\n        right: '-1px',\n        // Maintaining the correct corner radius:\n        // Use the whole border-radius as the height and only put radii on the bottom corners.\n        // (Otherwise the radius would be automatically reduced to fit available space.)\n        // max() ensures the focus border still shows up even if someone sets tokens.borderRadiusMedium to 0.\n        height: `max(2px, ${tokens.borderRadiusMedium})`,\n        borderBottomLeftRadius: tokens.borderRadiusMedium,\n        borderBottomRightRadius: tokens.borderRadiusMedium,\n        // Flat 2px border:\n        // By default borderBottom will cause little \"horns\" on the ends. The clipPath trims them off.\n        // (This could be done without trimming using `background: linear-gradient(...)`, but using\n        // borderBottom makes it easier for people to override the color if needed.)\n        borderBottom: `2px solid ${tokens.colorCompoundBrandStroke}`,\n        clipPath: 'inset(calc(100% - 2px) 0 0 0)',\n        // Animation for focus OUT\n        transform: 'scaleX(0)',\n        transitionProperty: 'transform',\n        transitionDuration: tokens.durationUltraFast,\n        transitionDelay: tokens.curveAccelerateMid,\n        '@media screen and (prefers-reduced-motion: reduce)': {\n            transitionDuration: '0.01ms',\n            transitionDelay: '0.01ms'\n        }\n    },\n    ':focus-within::after': {\n        // Animation for focus IN\n        transform: 'scaleX(1)',\n        transitionProperty: 'transform',\n        transitionDuration: tokens.durationNormal,\n        transitionDelay: tokens.curveDecelerateMid,\n        '@media screen and (prefers-reduced-motion: reduce)': {\n            transitionDuration: '0.01ms',\n            transitionDelay: '0.01ms'\n        }\n    },\n    ':focus-within:active::after': {\n        // This is if the user clicks the field again while it's already focused\n        borderBottomColor: tokens.colorCompoundBrandStrokePressed\n    },\n    ':focus-within': {\n        outline: '2px solid transparent'\n    }\n});\nconst useRootStyles = makeStyles({\n    small: {\n        minHeight: fieldHeights.small,\n        paddingLeft: tokens.spacingHorizontalSNudge,\n        paddingRight: tokens.spacingHorizontalSNudge,\n        ...typographyStyles.caption1\n    },\n    medium: {\n    },\n    large: {\n        minHeight: fieldHeights.large,\n        paddingLeft: tokens.spacingHorizontalM,\n        paddingRight: tokens.spacingHorizontalM,\n        ...typographyStyles.body2,\n        ...shorthands.gap(tokens.spacingHorizontalSNudge)\n    },\n    outline: {\n    },\n    outlineInteractive: {\n        ':hover': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n            borderBottomColor: tokens.colorNeutralStrokeAccessibleHover\n        },\n        // DO NOT add a space between the selectors! It changes the behavior of make-styles.\n        ':active,:focus-within': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n            borderBottomColor: tokens.colorNeutralStrokeAccessiblePressed\n        }\n    },\n    underline: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderRadius(0),\n        // border is specified in rootBaseStyles, but we only want a bottom border here\n        borderTopStyle: 'none',\n        borderRightStyle: 'none',\n        borderLeftStyle: 'none',\n        // Make the focus underline (::after) match the width of the bottom border\n        '::after': {\n            left: 0,\n            right: 0\n        }\n    },\n    underlineInteractive: {\n        ':hover': {\n            borderBottomColor: tokens.colorNeutralStrokeAccessibleHover\n        },\n        // DO NOT add a space between the selectors! It changes the behavior of make-styles.\n        ':active,:focus-within': {\n            borderBottomColor: tokens.colorNeutralStrokeAccessiblePressed\n        },\n        '::after': shorthands.borderRadius(0)\n    },\n    filled: {\n        ...shorthands.borderColor(tokens.colorTransparentStroke)\n    },\n    filledInteractive: {\n        // DO NOT add a space between the selectors! It changes the behavior of make-styles.\n        ':hover,:focus-within': {\n            // also handles pressed border color (:active)\n            ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive)\n        }\n    },\n    invalid: {\n        ':not(:focus-within),:hover:not(:focus-within)': {\n            ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n        }\n    },\n    'filled-darker': {\n        backgroundColor: tokens.colorNeutralBackground3\n    },\n    'filled-lighter': {\n        backgroundColor: tokens.colorNeutralBackground1\n    },\n    'filled-darker-shadow': {\n        backgroundColor: tokens.colorNeutralBackground3,\n        boxShadow: tokens.shadow2\n    },\n    'filled-lighter-shadow': {\n        backgroundColor: tokens.colorNeutralBackground1,\n        boxShadow: tokens.shadow2\n    },\n    disabled: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n        '@media (forced-colors: active)': {\n            ...shorthands.borderColor('GrayText')\n        },\n        // remove the focus border\n        '::after': {\n            content: 'unset'\n        },\n        // remove the focus outline\n        ':focus-within': {\n            outlineStyle: 'none'\n        }\n    }\n});\nconst useInputClassName = makeResetStyles({\n    boxSizing: 'border-box',\n    flexGrow: 1,\n    minWidth: 0,\n    borderStyle: 'none',\n    padding: `0 ${tokens.spacingHorizontalXXS}`,\n    color: tokens.colorNeutralForeground1,\n    // Use literal \"transparent\" (not from the theme) to always let the color from the root show through\n    backgroundColor: 'transparent',\n    '::placeholder': {\n        color: tokens.colorNeutralForeground4,\n        opacity: 1\n    },\n    outlineStyle: 'none',\n    // Inherit typography styles from root\n    fontFamily: 'inherit',\n    fontSize: 'inherit',\n    fontWeight: 'inherit',\n    lineHeight: 'inherit'\n});\nconst useInputElementStyles = makeStyles({\n    large: {\n        paddingLeft: tokens.spacingHorizontalSNudge,\n        paddingRight: tokens.spacingHorizontalSNudge\n    },\n    disabled: {\n        color: tokens.colorNeutralForegroundDisabled,\n        backgroundColor: tokens.colorTransparentBackground,\n        cursor: 'not-allowed',\n        '::placeholder': {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    }\n});\nconst useContentClassName = makeResetStyles({\n    boxSizing: 'border-box',\n    color: tokens.colorNeutralForeground3,\n    display: 'flex',\n    // special case styling for icons (most common case) to ensure they're centered vertically\n    // size: medium (default)\n    '> svg': {\n        fontSize: '20px'\n    }\n});\nconst useContentStyles = makeStyles({\n    disabled: {\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    // Ensure resizable icons show up with the proper font size\n    small: {\n        '> svg': {\n            fontSize: '16px'\n        }\n    },\n    medium: {\n    },\n    large: {\n        '> svg': {\n            fontSize: '24px'\n        }\n    }\n});\n/**\n * Apply styling to the Input slots based on the state\n */ export const useInputStyles_unstable = (state)=>{\n    const { size , appearance  } = state;\n    const disabled = state.input.disabled;\n    const invalid = `${state.input['aria-invalid']}` === 'true';\n    const filled = appearance.startsWith('filled');\n    const rootStyles = useRootStyles();\n    const inputStyles = useInputElementStyles();\n    const contentStyles = useContentStyles();\n    state.root.className = mergeClasses(inputClassNames.root, useRootClassName(), rootStyles[size], rootStyles[appearance], !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && appearance === 'underline' && rootStyles.underlineInteractive, !disabled && filled && rootStyles.filledInteractive, filled && rootStyles.filled, !disabled && invalid && rootStyles.invalid, disabled && rootStyles.disabled, state.root.className);\n    state.input.className = mergeClasses(inputClassNames.input, useInputClassName(), size === 'large' && inputStyles.large, disabled && inputStyles.disabled, state.input.className);\n    const contentClasses = [\n        useContentClassName(),\n        disabled && contentStyles.disabled,\n        contentStyles[size]\n    ];\n    if (state.contentBefore) {\n        state.contentBefore.className = mergeClasses(inputClassNames.contentBefore, ...contentClasses, state.contentBefore.className);\n    }\n    if (state.contentAfter) {\n        state.contentAfter.className = mergeClasses(inputClassNames.contentAfter, ...contentClasses, state.contentAfter.className);\n    }\n    return state;\n};\n"],"mappings":"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"}

package/lib/index.js

@@ -1,2 +1 @@
 export { Input, inputClassNames, renderInput_unstable, useInputStyles_unstable, useInput_unstable } from './Input';
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Input","inputClassNames","renderInput_unstable","useInputStyles_unstable","useInput_unstable"],"sources":["../src/index.ts"],"sourcesContent":["export { Input, inputClassNames, renderInput_unstable, useInputStyles_unstable, useInput_unstable } from './Input';\nexport type { InputOnChangeData, InputProps, InputSlots, InputState } from './Input';\n"],"mappings":"AAAA,SAASA,KAAK,EAAEC,eAAe,EAAEC,oBAAoB,EAAEC,uBAAuB,EAAEC,iBAAiB,QAAQ"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { Input, inputClassNames, renderInput_unstable, useInputStyles_unstable, useInput_unstable } from './Input';\nexport type { InputOnChangeData, InputProps, InputSlots, InputState } from './Input';\n"],"names":["Input","inputClassNames","renderInput_unstable","useInputStyles_unstable","useInput_unstable"],"mappings":"AAAA,SAASA,KAAK,EAAEC,eAAe,EAAEC,oBAAoB,EAAEC,uBAAuB,EAAEC,iBAAiB,QAAQ,UAAU"}

package/lib-commonjs/Input.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./components/Input/index"), exports);
- //# sourceMappingURL=Input.js.map
-
-//# sourceMappingURL=Input.js.map

package/lib-commonjs/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/Input.js"],"sourcesContent":["export * from './components/Input/index';\n//# sourceMappingURL=Input.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,iCAAiC"}
+{"version":3,"sources":["Input.js"],"sourcesContent":["export * from './components/Input/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

package/lib-commonjs/components/Input/Input.js

@@ -18,6 +18,4 @@ const Input = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _reactSharedContexts.useCustomStyleHook_unstable)('useInputStyles_unstable')(state);
     return (0, _renderInput.renderInput_unstable)(state);
 });
-Input.displayName = 'Input'; //# sourceMappingURL=Input.js.map
-
-//# sourceMappingURL=Input.js.map
+Input.displayName = 'Input';

package/lib-commonjs/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Input/Input.js"],"sourcesContent":["import * as React from 'react';\nimport { useInput_unstable } from './useInput';\nimport { renderInput_unstable } from './renderInput';\nimport { useInputStyles_unstable } from './useInputStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The Input component allows people to enter and edit text.\n */\nexport const Input = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useInput_unstable(props, ref);\n  useInputStyles_unstable(state);\n  useCustomStyleHook_unstable('useInputStyles_unstable')(state);\n  return renderInput_unstable(state);\n});\nInput.displayName = 'Input';\n//# sourceMappingURL=Input.js.map"],"names":["Input","React","forwardRef","props","ref","state","useInput_unstable","useInputStyles_unstable","useCustomStyleHook_unstable","renderInput_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;0BACW;6BACG;sCACG;qCACI;AAIrC,MAAMA,QAAQ,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACjE,MAAMC,QAAQC,IAAAA,2BAAiB,EAACH,OAAOC;IACvCG,IAAAA,6CAAuB,EAACF;IACxBG,IAAAA,gDAA2B,EAAC,2BAA2BH;IACvD,OAAOI,IAAAA,iCAAoB,EAACJ;AAC9B;AACAL,MAAMU,WAAW,GAAG,SACpB,iCAAiC"}
+{"version":3,"sources":["Input.js"],"sourcesContent":["import * as React from 'react';\nimport { useInput_unstable } from './useInput';\nimport { renderInput_unstable } from './renderInput';\nimport { useInputStyles_unstable } from './useInputStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The Input component allows people to enter and edit text.\n */ export const Input = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useInput_unstable(props, ref);\n    useInputStyles_unstable(state);\n    useCustomStyleHook_unstable('useInputStyles_unstable')(state);\n    return renderInput_unstable(state);\n});\nInput.displayName = 'Input';\n"],"names":["Input","React","forwardRef","props","ref","state","useInput_unstable","useInputStyles_unstable","useCustomStyleHook_unstable","renderInput_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;0BACW;6BACG;sCACG;qCACI;AAGjC,MAAMA,QAAQ,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAClE,MAAMC,QAAQC,IAAAA,2BAAiB,EAACH,OAAOC;IACvCG,IAAAA,6CAAuB,EAACF;IACxBG,IAAAA,gDAA2B,EAAC,2BAA2BH;IACvD,OAAOI,IAAAA,iCAAoB,EAACJ;AAChC;AACAL,MAAMU,WAAW,GAAG"}

package/lib-commonjs/components/Input/Input.types.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
- //# sourceMappingURL=Input.types.js.map
-
-//# sourceMappingURL=Input.types.js.map

package/lib-commonjs/components/Input/Input.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Input/Input.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=Input.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,uCAAuC"}
+{"version":3,"sources":["Input.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}

package/lib-commonjs/components/Input/index.js

@@ -8,6 +8,3 @@ _exportStar(require("./Input.types"), exports);
 _exportStar(require("./renderInput"), exports);
 _exportStar(require("./useInput"), exports);
 _exportStar(require("./useInputStyles.styles"), exports);
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

package/lib-commonjs/components/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Input/index.js"],"sourcesContent":["export * from './Input';\nexport * from './Input.types';\nexport * from './renderInput';\nexport * from './useInput';\nexport * from './useInputStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Input';\nexport * from './Input.types';\nexport * from './renderInput';\nexport * from './useInput';\nexport * from './useInputStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}

package/lib-commonjs/components/Input/renderInput.js

@@ -11,6 +11,4 @@ const _reactUtilities = require("@fluentui/react-utilities");
 const renderInput_unstable = (state)=>{
     const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
     return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slots.contentBefore && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.contentBefore, slotProps.contentBefore), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.input, slotProps.input), slots.contentAfter && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.contentAfter, slotProps.contentAfter));
-}; //# sourceMappingURL=renderInput.js.map
-
-//# sourceMappingURL=renderInput.js.map
+};

package/lib-commonjs/components/Input/renderInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Input/renderInput.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Input\n */\nexport const renderInput_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlotsNext(state);\n  return /*#__PURE__*/createElement(slots.root, slotProps.root, slots.contentBefore && /*#__PURE__*/createElement(slots.contentBefore, slotProps.contentBefore), /*#__PURE__*/createElement(slots.input, slotProps.input), slots.contentAfter && /*#__PURE__*/createElement(slots.contentAfter, slotProps.contentAfter));\n};\n//# sourceMappingURL=renderInput.js.map"],"names":["renderInput_unstable","state","slots","slotProps","getSlotsNext","createElement","root","contentBefore","input","contentAfter"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,uBAAuBC,CAAAA,QAAS;IAC3C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,aAAa,IAAI,WAAW,GAAEF,IAAAA,8BAAa,EAACH,MAAMK,aAAa,EAAEJ,UAAUI,aAAa,GAAG,WAAW,GAAEF,IAAAA,8BAAa,EAACH,MAAMM,KAAK,EAAEL,UAAUK,KAAK,GAAGN,MAAMO,YAAY,IAAI,WAAW,GAAEJ,IAAAA,8BAAa,EAACH,MAAMO,YAAY,EAAEN,UAAUM,YAAY;AACtT,GACA,uCAAuC"}
+{"version":3,"sources":["renderInput.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Input\n */ export const renderInput_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.contentBefore && /*#__PURE__*/ createElement(slots.contentBefore, slotProps.contentBefore), /*#__PURE__*/ createElement(slots.input, slotProps.input), slots.contentAfter && /*#__PURE__*/ createElement(slots.contentAfter, slotProps.contentAfter));\n};\n"],"names":["renderInput_unstable","state","slots","slotProps","getSlotsNext","createElement","root","contentBefore","input","contentAfter"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,uBAAuB,CAACC,QAAQ;IAC7C,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,aAAa,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMK,aAAa,EAAEJ,UAAUI,aAAa,GAAG,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMM,KAAK,EAAEL,UAAUK,KAAK,GAAGN,MAAMO,YAAY,IAAI,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMO,YAAY,EAAEN,UAAUM,YAAY;AAC5T"}

package/lib-commonjs/components/Input/useInput.js

@@ -72,6 +72,4 @@ const useInput_unstable = (props, ref)=>{
         setValue(newValue);
     });
     return state;
-}; //# sourceMappingURL=useInput.js.map
-
-//# sourceMappingURL=useInput.js.map
+};

package/lib-commonjs/components/Input/useInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Input/useInput.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, resolveShorthand, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n/**\n * Create the state required to render Input.\n *\n * The returned state can be modified with hooks such as useInputStyles_unstable,\n * before being passed to renderInput_unstable.\n *\n * @param props - props from this instance of Input\n * @param ref - reference to `<input>` element of Input\n */\nexport const useInput_unstable = (props, ref) => {\n  props = useFieldControlProps_unstable(props, {\n    supportsLabelFor: true,\n    supportsRequired: true,\n    supportsSize: true\n  });\n  const overrides = useOverrides();\n  var _overrides_inputDefaultAppearance;\n  const {\n    size = 'medium',\n    appearance = (_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline',\n    onChange\n  } = props;\n  if (process.env.NODE_ENV !== 'production' && (appearance === 'filled-darker-shadow' || appearance === 'filled-lighter-shadow')) {\n    // eslint-disable-next-line no-console\n    console.error(\"The 'filled-darker-shadow' and 'filled-lighter-shadow' appearances are deprecated and will be removed in the\" + ' future.');\n  }\n  const [value, setValue] = useControllableState({\n    state: props.value,\n    defaultState: props.defaultValue,\n    initialState: ''\n  });\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['size', 'onChange', 'value', 'defaultValue']\n  });\n  const state = {\n    size,\n    appearance,\n    components: {\n      root: 'span',\n      input: 'input',\n      contentBefore: 'span',\n      contentAfter: 'span'\n    },\n    input: resolveShorthand(props.input, {\n      required: true,\n      defaultProps: {\n        type: 'text',\n        ref,\n        ...nativeProps.primary\n      }\n    }),\n    contentAfter: resolveShorthand(props.contentAfter),\n    contentBefore: resolveShorthand(props.contentBefore),\n    root: resolveShorthand(props.root, {\n      required: true,\n      defaultProps: nativeProps.root\n    })\n  };\n  state.input.value = value;\n  state.input.onChange = useEventCallback(ev => {\n    const newValue = ev.target.value;\n    onChange === null || onChange === void 0 ? void 0 : onChange(ev, {\n      value: newValue\n    });\n    setValue(newValue);\n  });\n  return state;\n};\n//# sourceMappingURL=useInput.js.map"],"names":["useInput_unstable","props","ref","useFieldControlProps_unstable","supportsLabelFor","supportsRequired","supportsSize","overrides","useOverrides","_overrides_inputDefaultAppearance","size","appearance","inputDefaultAppearance","onChange","process","env","NODE_ENV","console","error","value","setValue","useControllableState","state","defaultState","defaultValue","initialState","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","components","root","input","contentBefore","contentAfter","resolveShorthand","required","defaultProps","type","primary","useEventCallback","ev","newValue","target"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;4BACuB;gCACsD;qCAC9C;AAU/C,MAAMA,oBAAoB,CAACC,OAAOC,MAAQ;IAC/CD,QAAQE,IAAAA,yCAA6B,EAACF,OAAO;QAC3CG,kBAAkB,IAAI;QACtBC,kBAAkB,IAAI;QACtBC,cAAc,IAAI;IACpB;IACA,MAAMC,YAAYC,IAAAA,0CAAY;IAC9B,IAAIC;IACJ,MAAM,EACJC,MAAO,SAAQ,EACfC,YAAa,AAACF,CAAAA,oCAAoCF,UAAUK,sBAAsB,AAAD,MAAO,IAAI,IAAIH,sCAAsC,KAAK,IAAIA,oCAAoC,SAAS,CAAA,EAC5LI,SAAQ,EACT,GAAGZ;IACJ,IAAIa,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAiBL,CAAAA,eAAe,0BAA0BA,eAAe,uBAAsB,GAAI;QAC9H,sCAAsC;QACtCM,QAAQC,KAAK,CAAC,iHAAiH;IACjI,CAAC;IACD,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,oCAAoB,EAAC;QAC7CC,OAAOrB,MAAMkB,KAAK;QAClBI,cAActB,MAAMuB,YAAY;QAChCC,cAAc;IAChB;IACA,MAAMC,cAAcC,IAAAA,yCAAyB,EAAC;QAC5C1B;QACA2B,oBAAoB;QACpBC,mBAAmB;YAAC;YAAQ;YAAY;YAAS;SAAe;IAClE;IACA,MAAMP,QAAQ;QACZZ;QACAC;QACAmB,YAAY;YACVC,MAAM;YACNC,OAAO;YACPC,eAAe;YACfC,cAAc;QAChB;QACAF,OAAOG,IAAAA,gCAAgB,EAAClC,MAAM+B,KAAK,EAAE;YACnCI,UAAU,IAAI;YACdC,cAAc;gBACZC,MAAM;gBACNpC;gBACA,GAAGwB,YAAYa,OAAO;YACxB;QACF;QACAL,cAAcC,IAAAA,gCAAgB,EAAClC,MAAMiC,YAAY;QACjDD,eAAeE,IAAAA,gCAAgB,EAAClC,MAAMgC,aAAa;QACnDF,MAAMI,IAAAA,gCAAgB,EAAClC,MAAM8B,IAAI,EAAE;YACjCK,UAAU,IAAI;YACdC,cAAcX,YAAYK,IAAI;QAChC;IACF;IACAT,MAAMU,KAAK,CAACb,KAAK,GAAGA;IACpBG,MAAMU,KAAK,CAACnB,QAAQ,GAAG2B,IAAAA,gCAAgB,EAACC,CAAAA,KAAM;QAC5C,MAAMC,WAAWD,GAAGE,MAAM,CAACxB,KAAK;QAChCN,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAAS4B,IAAI;YAC/DtB,OAAOuB;QACT,EAAE;QACFtB,SAASsB;IACX;IACA,OAAOpB;AACT,GACA,oCAAoC"}
+{"version":3,"sources":["useInput.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, resolveShorthand, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n/**\n * Create the state required to render Input.\n *\n * The returned state can be modified with hooks such as useInputStyles_unstable,\n * before being passed to renderInput_unstable.\n *\n * @param props - props from this instance of Input\n * @param ref - reference to `<input>` element of Input\n */ export const useInput_unstable = (props, ref)=>{\n    props = useFieldControlProps_unstable(props, {\n        supportsLabelFor: true,\n        supportsRequired: true,\n        supportsSize: true\n    });\n    const overrides = useOverrides();\n    var _overrides_inputDefaultAppearance;\n    const { size ='medium' , appearance =(_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline' , onChange  } = props;\n    if (process.env.NODE_ENV !== 'production' && (appearance === 'filled-darker-shadow' || appearance === 'filled-lighter-shadow')) {\n        // eslint-disable-next-line no-console\n        console.error(\"The 'filled-darker-shadow' and 'filled-lighter-shadow' appearances are deprecated and will be removed in the\" + ' future.');\n    }\n    const [value, setValue] = useControllableState({\n        state: props.value,\n        defaultState: props.defaultValue,\n        initialState: ''\n    });\n    const nativeProps = getPartitionedNativeProps({\n        props,\n        primarySlotTagName: 'input',\n        excludedPropNames: [\n            'size',\n            'onChange',\n            'value',\n            'defaultValue'\n        ]\n    });\n    const state = {\n        size,\n        appearance,\n        components: {\n            root: 'span',\n            input: 'input',\n            contentBefore: 'span',\n            contentAfter: 'span'\n        },\n        input: resolveShorthand(props.input, {\n            required: true,\n            defaultProps: {\n                type: 'text',\n                ref,\n                ...nativeProps.primary\n            }\n        }),\n        contentAfter: resolveShorthand(props.contentAfter),\n        contentBefore: resolveShorthand(props.contentBefore),\n        root: resolveShorthand(props.root, {\n            required: true,\n            defaultProps: nativeProps.root\n        })\n    };\n    state.input.value = value;\n    state.input.onChange = useEventCallback((ev)=>{\n        const newValue = ev.target.value;\n        onChange === null || onChange === void 0 ? void 0 : onChange(ev, {\n            value: newValue\n        });\n        setValue(newValue);\n    });\n    return state;\n};\n"],"names":["useInput_unstable","props","ref","useFieldControlProps_unstable","supportsLabelFor","supportsRequired","supportsSize","overrides","useOverrides","_overrides_inputDefaultAppearance","size","appearance","inputDefaultAppearance","onChange","process","env","NODE_ENV","console","error","value","setValue","useControllableState","state","defaultState","defaultValue","initialState","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","components","root","input","contentBefore","contentAfter","resolveShorthand","required","defaultProps","type","primary","useEventCallback","ev","newValue","target"],"mappings":";;;;+BAYiBA;;aAAAA;;;6DAZM;4BACuB;gCACsD;qCAC9C;AAS3C,MAAMA,oBAAoB,CAACC,OAAOC,MAAM;IAC/CD,QAAQE,IAAAA,yCAA6B,EAACF,OAAO;QACzCG,kBAAkB,IAAI;QACtBC,kBAAkB,IAAI;QACtBC,cAAc,IAAI;IACtB;IACA,MAAMC,YAAYC,IAAAA,0CAAY;IAC9B,IAAIC;IACJ,MAAM,EAAEC,MAAM,SAAQ,EAAGC,YAAY,AAACF,CAAAA,oCAAoCF,UAAUK,sBAAsB,AAAD,MAAO,IAAI,IAAIH,sCAAsC,KAAK,IAAIA,oCAAoC,SAAS,CAAA,EAAGI,SAAQ,EAAG,GAAGZ;IACrO,IAAIa,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAiBL,CAAAA,eAAe,0BAA0BA,eAAe,uBAAsB,GAAI;QAC5H,sCAAsC;QACtCM,QAAQC,KAAK,CAAC,iHAAiH;IACnI,CAAC;IACD,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,oCAAoB,EAAC;QAC3CC,OAAOrB,MAAMkB,KAAK;QAClBI,cAActB,MAAMuB,YAAY;QAChCC,cAAc;IAClB;IACA,MAAMC,cAAcC,IAAAA,yCAAyB,EAAC;QAC1C1B;QACA2B,oBAAoB;QACpBC,mBAAmB;YACf;YACA;YACA;YACA;SACH;IACL;IACA,MAAMP,QAAQ;QACVZ;QACAC;QACAmB,YAAY;YACRC,MAAM;YACNC,OAAO;YACPC,eAAe;YACfC,cAAc;QAClB;QACAF,OAAOG,IAAAA,gCAAgB,EAAClC,MAAM+B,KAAK,EAAE;YACjCI,UAAU,IAAI;YACdC,cAAc;gBACVC,MAAM;gBACNpC;gBACA,GAAGwB,YAAYa,OAAO;YAC1B;QACJ;QACAL,cAAcC,IAAAA,gCAAgB,EAAClC,MAAMiC,YAAY;QACjDD,eAAeE,IAAAA,gCAAgB,EAAClC,MAAMgC,aAAa;QACnDF,MAAMI,IAAAA,gCAAgB,EAAClC,MAAM8B,IAAI,EAAE;YAC/BK,UAAU,IAAI;YACdC,cAAcX,YAAYK,IAAI;QAClC;IACJ;IACAT,MAAMU,KAAK,CAACb,KAAK,GAAGA;IACpBG,MAAMU,KAAK,CAACnB,QAAQ,GAAG2B,IAAAA,gCAAgB,EAAC,CAACC,KAAK;QAC1C,MAAMC,WAAWD,GAAGE,MAAM,CAACxB,KAAK;QAChCN,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAAS4B,IAAI;YAC7DtB,OAAOuB;QACX,EAAE;QACFtB,SAASsB;IACb;IACA,OAAOpB;AACX"}

package/lib-commonjs/components/Input/useInputStyles.styles.js

@@ -404,5 +404,3 @@ const useInputStyles_unstable = (state)=>{
     }
     return state;
 }; //# sourceMappingURL=useInputStyles.styles.js.map
-
-//# sourceMappingURL=useInputStyles.styles.js.map

package/lib-commonjs/components/Input/useInputStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Input/useInputStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const inputClassNames = {\n  root: 'fui-Input',\n  input: 'fui-Input__input',\n  contentBefore: 'fui-Input__contentBefore',\n  contentAfter: 'fui-Input__contentAfter'\n};\n// TODO(sharing) should these be shared somewhere?\nconst fieldHeights = {\n  small: '24px',\n  medium: '32px',\n  large: '40px'\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r1jtohuq\", \"rl1z2p5\", [\".r1jtohuq{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:var(--spacingHorizontalXXS);border-radius:var(--borderRadiusMedium);position:relative;box-sizing:border-box;min-height:32px;padding:0 var(--spacingHorizontalMNudge);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);background-color:var(--colorNeutralBackground1);border:1px solid var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".r1jtohuq::after{box-sizing:border-box;content:\\\"\\\";position:absolute;left:-1px;bottom:-1px;right:-1px;height:max(2px, var(--borderRadiusMedium));border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom:2px solid var(--colorCompoundBrandStroke);-webkit-clip-path:inset(calc(100% - 2px) 0 0 0);clip-path:inset(calc(100% - 2px) 0 0 0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);transition-property:transform;transition-duration:var(--durationUltraFast);transition-delay:var(--curveAccelerateMid);}\", \"@media screen and (prefers-reduced-motion: reduce){.r1jtohuq::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\", \".r1jtohuq:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);transition-property:transform;transition-duration:var(--durationNormal);transition-delay:var(--curveDecelerateMid);}\", \"@media screen and (prefers-reduced-motion: reduce){.r1jtohuq:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\", \".r1jtohuq:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}\", \".r1jtohuq:focus-within{outline:2px solid transparent;}\", \".rl1z2p5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:var(--spacingHorizontalXXS);border-radius:var(--borderRadiusMedium);position:relative;box-sizing:border-box;min-height:32px;padding:0 var(--spacingHorizontalMNudge);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);background-color:var(--colorNeutralBackground1);border:1px solid var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".rl1z2p5::after{box-sizing:border-box;content:\\\"\\\";position:absolute;right:-1px;bottom:-1px;left:-1px;height:max(2px, var(--borderRadiusMedium));border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom:2px solid var(--colorCompoundBrandStroke);-webkit-clip-path:inset(calc(100% - 2px) 0 0 0);clip-path:inset(calc(100% - 2px) 0 0 0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);transition-property:transform;transition-duration:var(--durationUltraFast);transition-delay:var(--curveAccelerateMid);}\", \"@media screen and (prefers-reduced-motion: reduce){.rl1z2p5::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\", \".rl1z2p5:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);transition-property:transform;transition-duration:var(--durationNormal);transition-delay:var(--curveDecelerateMid);}\", \"@media screen and (prefers-reduced-motion: reduce){.rl1z2p5:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\", \".rl1z2p5:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}\", \".rl1z2p5:focus-within{outline:2px solid transparent;}\"]);\nconst useRootStyles = /*#__PURE__*/__styles({\n  small: {\n    sshi5w: \"f1pha7fy\",\n    uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  medium: {},\n  large: {\n    sshi5w: \"f1w5jphr\",\n    uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"faaz57k\",\n    i8kkvl: \"f1rjii52\",\n    Belr9w4: \"f1r7g2jn\"\n  },\n  outline: {},\n  outlineInteractive: {\n    Bgoe8wy: \"fvcxoqz\",\n    Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n    oetu4i: \"f1l4zc64\",\n    gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n    Drbcw7: \"f8vnjqi\",\n    udz0bu: [\"fz1etlk\", \"f1hc16gm\"],\n    Be8ivqh: \"f1klwx88\",\n    ofdepl: [\"f1hc16gm\", \"fz1etlk\"]\n  },\n  underline: {\n    De3pzq: \"f1c21dwh\",\n    Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n    Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n    B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n    Btl43ni: [\"f1ozlkrg\", \"f10ostut\"],\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n    Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n    B1piin3: [\"f15yvnhg\", \"f1n6gb5g\"]\n  },\n  underlineInteractive: {\n    oetu4i: \"f1l4zc64\",\n    Be8ivqh: \"f1klwx88\",\n    B3778ie: [\"f1nf3wye\", \"feulmo5\"],\n    d9w3h3: [\"feulmo5\", \"f1nf3wye\"],\n    Bl18szs: [\"f18vqdqu\", \"f53nyzz\"],\n    B4j8arr: [\"f53nyzz\", \"f18vqdqu\"]\n  },\n  filled: {\n    g2u3we: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"]\n  },\n  filledInteractive: {\n    q7v0qe: \"ftmjh5b\",\n    kmh5ft: [\"f17blpuu\", \"fsrcdbj\"],\n    nagaa4: \"f1tpwn32\",\n    B1yhkcb: [\"fsrcdbj\", \"f17blpuu\"]\n  },\n  invalid: {\n    tvckwq: \"fs4k3qj\",\n    gk2u95: [\"fcee079\", \"fmyw78r\"],\n    hhx65j: \"f1fgmyf4\",\n    Bxowmz0: [\"fmyw78r\", \"fcee079\"]\n  },\n  \"filled-darker\": {\n    De3pzq: \"f16xq7d1\"\n  },\n  \"filled-lighter\": {\n    De3pzq: \"fxugw4r\"\n  },\n  \"filled-darker-shadow\": {\n    De3pzq: \"f16xq7d1\",\n    E5pizo: \"fyed02w\"\n  },\n  \"filled-lighter-shadow\": {\n    De3pzq: \"fxugw4r\",\n    E5pizo: \"fyed02w\"\n  },\n  disabled: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n    Bjwas2f: \"fg455y9\",\n    Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n    Bxeuatn: \"f1cwzwz\",\n    n51gp8: [\"f14g86mu\", \"f1rvyvqg\"],\n    Bsft5z2: \"fhr9occ\",\n    Bduesf4: \"f99w1ws\"\n  }\n}, {\n  d: [\".f1pha7fy{min-height:24px;}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1w5jphr{min-height:40px;}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}\", \".f1r7g2jn{row-gap:var(--spacingHorizontalSNudge);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".f1nf3wye::after{border-bottom-right-radius:0;}\", \".feulmo5::after{border-bottom-left-radius:0;}\", \".f18vqdqu::after{border-top-right-radius:0;}\", \".f53nyzz::after{border-top-left-radius:0;}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}\", \".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}\", \".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}\", \".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}\", \".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fyed02w{box-shadow:var(--shadow2);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".fhr9occ::after{content:unset;}\"],\n  h: [\".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".f1l4zc64:hover{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}\", \".ftmjh5b:hover,.ftmjh5b:focus-within{border-top-color:var(--colorTransparentStrokeInteractive);}\", \".f17blpuu:hover,.f17blpuu:focus-within{border-right-color:var(--colorTransparentStrokeInteractive);}\", \".fsrcdbj:hover,.fsrcdbj:focus-within{border-left-color:var(--colorTransparentStrokeInteractive);}\", \".f1tpwn32:hover,.f1tpwn32:focus-within{border-bottom-color:var(--colorTransparentStrokeInteractive);}\"],\n  a: [\".f8vnjqi:active,.f8vnjqi:focus-within{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".fz1etlk:active,.fz1etlk:focus-within{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f1hc16gm:active,.f1hc16gm:focus-within{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f1klwx88:active,.f1klwx88:focus-within{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}\"],\n  m: [[\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  w: [\".f99w1ws:focus-within{outline-style:none;}\"]\n});\nconst useInputClassName = /*#__PURE__*/__resetStyles(\"rvp2gzh\", null, [\".rvp2gzh{box-sizing:border-box;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:0;border-style:none;padding:0 var(--spacingHorizontalXXS);color:var(--colorNeutralForeground1);background-color:transparent;outline-style:none;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}\", \".rvp2gzh::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".rvp2gzh::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".rvp2gzh:-ms-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".rvp2gzh::placeholder{color:var(--colorNeutralForeground4);opacity:1;}\"]);\nconst useInputElementStyles = /*#__PURE__*/__styles({\n  large: {\n    uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n  },\n  disabled: {\n    sj55zd: \"f1s2aq7o\",\n    De3pzq: \"f1c21dwh\",\n    Bceei9c: \"fdrzuqr\",\n    yvdlaj: \"fahhnxm\"\n  }\n}, {\n  d: [\".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fdrzuqr{cursor:not-allowed;}\", \".fahhnxm::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}\", \".fahhnxm::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}\"]\n});\nconst useContentClassName = /*#__PURE__*/__resetStyles(\"r1572tok\", null, [\".r1572tok{box-sizing:border-box;color:var(--colorNeutralForeground3);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".r1572tok>svg{font-size:20px;}\"]);\nconst useContentStyles = /*#__PURE__*/__styles({\n  disabled: {\n    sj55zd: \"f1s2aq7o\"\n  },\n  small: {\n    kwki1k: \"f3u2cy0\"\n  },\n  medium: {},\n  large: {\n    kwki1k: \"fa420co\"\n  }\n}, {\n  d: [\".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f3u2cy0>svg{font-size:16px;}\", \".fa420co>svg{font-size:24px;}\"]\n});\n/**\n * Apply styling to the Input slots based on the state\n */\nexport const useInputStyles_unstable = state => {\n  const {\n    size,\n    appearance\n  } = state;\n  const disabled = state.input.disabled;\n  const invalid = `${state.input['aria-invalid']}` === 'true';\n  const filled = appearance.startsWith('filled');\n  const rootStyles = useRootStyles();\n  const inputStyles = useInputElementStyles();\n  const contentStyles = useContentStyles();\n  state.root.className = mergeClasses(inputClassNames.root, useRootClassName(), rootStyles[size], rootStyles[appearance], !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && appearance === 'underline' && rootStyles.underlineInteractive, !disabled && filled && rootStyles.filledInteractive, filled && rootStyles.filled, !disabled && invalid && rootStyles.invalid, disabled && rootStyles.disabled, state.root.className);\n  state.input.className = mergeClasses(inputClassNames.input, useInputClassName(), size === 'large' && inputStyles.large, disabled && inputStyles.disabled, state.input.className);\n  const contentClasses = [useContentClassName(), disabled && contentStyles.disabled, contentStyles[size]];\n  if (state.contentBefore) {\n    state.contentBefore.className = mergeClasses(inputClassNames.contentBefore, ...contentClasses, state.contentBefore.className);\n  }\n  if (state.contentAfter) {\n    state.contentAfter.className = mergeClasses(inputClassNames.contentAfter, ...contentClasses, state.contentAfter.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useInputStyles.styles.js.map"],"names":["inputClassNames","useInputStyles_unstable","root","input","contentBefore","contentAfter","fieldHeights","small","medium","large","useRootClassName","__resetStyles","useRootStyles","__styles","sshi5w","uwmqm3","z189sj","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","i8kkvl","Belr9w4","outline","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Drbcw7","udz0bu","Be8ivqh","ofdepl","underline","De3pzq","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","vrafjx","wvpqe5","Eqx8gd","B1piin3","underlineInteractive","B3778ie","d9w3h3","Bl18szs","B4j8arr","filled","g2u3we","h3c5rm","B9xav0g","zhjwy3","filledInteractive","q7v0qe","kmh5ft","nagaa4","B1yhkcb","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","E5pizo","disabled","Bceei9c","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bsft5z2","Bduesf4","d","h","a","m","w","useInputClassName","useInputElementStyles","sj55zd","yvdlaj","useContentClassName","useContentStyles","kwki1k","state","size","appearance","startsWith","rootStyles","inputStyles","contentStyles","className","mergeClasses","contentClasses"],"mappings":"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"}
+{"version":3,"sources":["useInputStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const inputClassNames = {\n  root: 'fui-Input',\n  input: 'fui-Input__input',\n  contentBefore: 'fui-Input__contentBefore',\n  contentAfter: 'fui-Input__contentAfter'\n};\n// TODO(sharing) should these be shared somewhere?\nconst fieldHeights = {\n  small: '24px',\n  medium: '32px',\n  large: '40px'\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r1jtohuq\", \"rl1z2p5\", [\".r1jtohuq{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:var(--spacingHorizontalXXS);border-radius:var(--borderRadiusMedium);position:relative;box-sizing:border-box;min-height:32px;padding:0 var(--spacingHorizontalMNudge);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);background-color:var(--colorNeutralBackground1);border:1px solid var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".r1jtohuq::after{box-sizing:border-box;content:\\\"\\\";position:absolute;left:-1px;bottom:-1px;right:-1px;height:max(2px, var(--borderRadiusMedium));border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom:2px solid var(--colorCompoundBrandStroke);-webkit-clip-path:inset(calc(100% - 2px) 0 0 0);clip-path:inset(calc(100% - 2px) 0 0 0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);transition-property:transform;transition-duration:var(--durationUltraFast);transition-delay:var(--curveAccelerateMid);}\", \"@media screen and (prefers-reduced-motion: reduce){.r1jtohuq::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\", \".r1jtohuq:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);transition-property:transform;transition-duration:var(--durationNormal);transition-delay:var(--curveDecelerateMid);}\", \"@media screen and (prefers-reduced-motion: reduce){.r1jtohuq:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\", \".r1jtohuq:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}\", \".r1jtohuq:focus-within{outline:2px solid transparent;}\", \".rl1z2p5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:var(--spacingHorizontalXXS);border-radius:var(--borderRadiusMedium);position:relative;box-sizing:border-box;min-height:32px;padding:0 var(--spacingHorizontalMNudge);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);background-color:var(--colorNeutralBackground1);border:1px solid var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".rl1z2p5::after{box-sizing:border-box;content:\\\"\\\";position:absolute;right:-1px;bottom:-1px;left:-1px;height:max(2px, var(--borderRadiusMedium));border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom:2px solid var(--colorCompoundBrandStroke);-webkit-clip-path:inset(calc(100% - 2px) 0 0 0);clip-path:inset(calc(100% - 2px) 0 0 0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);transition-property:transform;transition-duration:var(--durationUltraFast);transition-delay:var(--curveAccelerateMid);}\", \"@media screen and (prefers-reduced-motion: reduce){.rl1z2p5::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\", \".rl1z2p5:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);transition-property:transform;transition-duration:var(--durationNormal);transition-delay:var(--curveDecelerateMid);}\", \"@media screen and (prefers-reduced-motion: reduce){.rl1z2p5:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\", \".rl1z2p5:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}\", \".rl1z2p5:focus-within{outline:2px solid transparent;}\"]);\nconst useRootStyles = /*#__PURE__*/__styles({\n  small: {\n    sshi5w: \"f1pha7fy\",\n    uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  medium: {},\n  large: {\n    sshi5w: \"f1w5jphr\",\n    uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"faaz57k\",\n    i8kkvl: \"f1rjii52\",\n    Belr9w4: \"f1r7g2jn\"\n  },\n  outline: {},\n  outlineInteractive: {\n    Bgoe8wy: \"fvcxoqz\",\n    Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n    oetu4i: \"f1l4zc64\",\n    gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n    Drbcw7: \"f8vnjqi\",\n    udz0bu: [\"fz1etlk\", \"f1hc16gm\"],\n    Be8ivqh: \"f1klwx88\",\n    ofdepl: [\"f1hc16gm\", \"fz1etlk\"]\n  },\n  underline: {\n    De3pzq: \"f1c21dwh\",\n    Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n    Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n    B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n    Btl43ni: [\"f1ozlkrg\", \"f10ostut\"],\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n    Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n    B1piin3: [\"f15yvnhg\", \"f1n6gb5g\"]\n  },\n  underlineInteractive: {\n    oetu4i: \"f1l4zc64\",\n    Be8ivqh: \"f1klwx88\",\n    B3778ie: [\"f1nf3wye\", \"feulmo5\"],\n    d9w3h3: [\"feulmo5\", \"f1nf3wye\"],\n    Bl18szs: [\"f18vqdqu\", \"f53nyzz\"],\n    B4j8arr: [\"f53nyzz\", \"f18vqdqu\"]\n  },\n  filled: {\n    g2u3we: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"]\n  },\n  filledInteractive: {\n    q7v0qe: \"ftmjh5b\",\n    kmh5ft: [\"f17blpuu\", \"fsrcdbj\"],\n    nagaa4: \"f1tpwn32\",\n    B1yhkcb: [\"fsrcdbj\", \"f17blpuu\"]\n  },\n  invalid: {\n    tvckwq: \"fs4k3qj\",\n    gk2u95: [\"fcee079\", \"fmyw78r\"],\n    hhx65j: \"f1fgmyf4\",\n    Bxowmz0: [\"fmyw78r\", \"fcee079\"]\n  },\n  \"filled-darker\": {\n    De3pzq: \"f16xq7d1\"\n  },\n  \"filled-lighter\": {\n    De3pzq: \"fxugw4r\"\n  },\n  \"filled-darker-shadow\": {\n    De3pzq: \"f16xq7d1\",\n    E5pizo: \"fyed02w\"\n  },\n  \"filled-lighter-shadow\": {\n    De3pzq: \"fxugw4r\",\n    E5pizo: \"fyed02w\"\n  },\n  disabled: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n    Bjwas2f: \"fg455y9\",\n    Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n    Bxeuatn: \"f1cwzwz\",\n    n51gp8: [\"f14g86mu\", \"f1rvyvqg\"],\n    Bsft5z2: \"fhr9occ\",\n    Bduesf4: \"f99w1ws\"\n  }\n}, {\n  d: [\".f1pha7fy{min-height:24px;}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1w5jphr{min-height:40px;}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}\", \".f1r7g2jn{row-gap:var(--spacingHorizontalSNudge);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".f1nf3wye::after{border-bottom-right-radius:0;}\", \".feulmo5::after{border-bottom-left-radius:0;}\", \".f18vqdqu::after{border-top-right-radius:0;}\", \".f53nyzz::after{border-top-left-radius:0;}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}\", \".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}\", \".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}\", \".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}\", \".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fyed02w{box-shadow:var(--shadow2);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".fhr9occ::after{content:unset;}\"],\n  h: [\".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".f1l4zc64:hover{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}\", \".ftmjh5b:hover,.ftmjh5b:focus-within{border-top-color:var(--colorTransparentStrokeInteractive);}\", \".f17blpuu:hover,.f17blpuu:focus-within{border-right-color:var(--colorTransparentStrokeInteractive);}\", \".fsrcdbj:hover,.fsrcdbj:focus-within{border-left-color:var(--colorTransparentStrokeInteractive);}\", \".f1tpwn32:hover,.f1tpwn32:focus-within{border-bottom-color:var(--colorTransparentStrokeInteractive);}\"],\n  a: [\".f8vnjqi:active,.f8vnjqi:focus-within{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".fz1etlk:active,.fz1etlk:focus-within{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f1hc16gm:active,.f1hc16gm:focus-within{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f1klwx88:active,.f1klwx88:focus-within{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}\"],\n  m: [[\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  w: [\".f99w1ws:focus-within{outline-style:none;}\"]\n});\nconst useInputClassName = /*#__PURE__*/__resetStyles(\"rvp2gzh\", null, [\".rvp2gzh{box-sizing:border-box;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:0;border-style:none;padding:0 var(--spacingHorizontalXXS);color:var(--colorNeutralForeground1);background-color:transparent;outline-style:none;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}\", \".rvp2gzh::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".rvp2gzh::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".rvp2gzh:-ms-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".rvp2gzh::placeholder{color:var(--colorNeutralForeground4);opacity:1;}\"]);\nconst useInputElementStyles = /*#__PURE__*/__styles({\n  large: {\n    uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n  },\n  disabled: {\n    sj55zd: \"f1s2aq7o\",\n    De3pzq: \"f1c21dwh\",\n    Bceei9c: \"fdrzuqr\",\n    yvdlaj: \"fahhnxm\"\n  }\n}, {\n  d: [\".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fdrzuqr{cursor:not-allowed;}\", \".fahhnxm::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}\", \".fahhnxm::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}\"]\n});\nconst useContentClassName = /*#__PURE__*/__resetStyles(\"r1572tok\", null, [\".r1572tok{box-sizing:border-box;color:var(--colorNeutralForeground3);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".r1572tok>svg{font-size:20px;}\"]);\nconst useContentStyles = /*#__PURE__*/__styles({\n  disabled: {\n    sj55zd: \"f1s2aq7o\"\n  },\n  small: {\n    kwki1k: \"f3u2cy0\"\n  },\n  medium: {},\n  large: {\n    kwki1k: \"fa420co\"\n  }\n}, {\n  d: [\".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f3u2cy0>svg{font-size:16px;}\", \".fa420co>svg{font-size:24px;}\"]\n});\n/**\n * Apply styling to the Input slots based on the state\n */\nexport const useInputStyles_unstable = state => {\n  const {\n    size,\n    appearance\n  } = state;\n  const disabled = state.input.disabled;\n  const invalid = `${state.input['aria-invalid']}` === 'true';\n  const filled = appearance.startsWith('filled');\n  const rootStyles = useRootStyles();\n  const inputStyles = useInputElementStyles();\n  const contentStyles = useContentStyles();\n  state.root.className = mergeClasses(inputClassNames.root, useRootClassName(), rootStyles[size], rootStyles[appearance], !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && appearance === 'underline' && rootStyles.underlineInteractive, !disabled && filled && rootStyles.filledInteractive, filled && rootStyles.filled, !disabled && invalid && rootStyles.invalid, disabled && rootStyles.disabled, state.root.className);\n  state.input.className = mergeClasses(inputClassNames.input, useInputClassName(), size === 'large' && inputStyles.large, disabled && inputStyles.disabled, state.input.className);\n  const contentClasses = [useContentClassName(), disabled && contentStyles.disabled, contentStyles[size]];\n  if (state.contentBefore) {\n    state.contentBefore.className = mergeClasses(inputClassNames.contentBefore, ...contentClasses, state.contentBefore.className);\n  }\n  if (state.contentAfter) {\n    state.contentAfter.className = mergeClasses(inputClassNames.contentAfter, ...contentClasses, state.contentAfter.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useInputStyles.styles.js.map"],"names":["inputClassNames","useInputStyles_unstable","root","input","contentBefore","contentAfter","fieldHeights","small","medium","large","useRootClassName","__resetStyles","useRootStyles","__styles","sshi5w","uwmqm3","z189sj","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","i8kkvl","Belr9w4","outline","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Drbcw7","udz0bu","Be8ivqh","ofdepl","underline","De3pzq","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","vrafjx","wvpqe5","Eqx8gd","B1piin3","underlineInteractive","B3778ie","d9w3h3","Bl18szs","B4j8arr","filled","g2u3we","h3c5rm","B9xav0g","zhjwy3","filledInteractive","q7v0qe","kmh5ft","nagaa4","B1yhkcb","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","E5pizo","disabled","Bceei9c","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bsft5z2","Bduesf4","d","h","a","m","w","useInputClassName","useInputElementStyles","sj55zd","yvdlaj","useContentClassName","useContentStyles","kwki1k","state","size","appearance","startsWith","rootStyles","inputStyles","contentStyles","className","mergeClasses","contentClasses"],"mappings":"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"}

package/lib-commonjs/index.js

@@ -16,6 +16,3 @@ _export(exports, {
     useInput_unstable: ()=>_input.useInput_unstable
 });
 const _input = require("./Input");
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Input, inputClassNames, renderInput_unstable, useInputStyles_unstable, useInput_unstable } from './Input';\n//# sourceMappingURL=index.js.map"],"names":["Input","inputClassNames","renderInput_unstable","useInputStyles_unstable","useInput_unstable"],"mappings":";;;;;;;;;;;IAASA,KAAK,MAALA,YAAK;IAAEC,eAAe,MAAfA,sBAAe;IAAEC,oBAAoB,MAApBA,2BAAoB;IAAEC,uBAAuB,MAAvBA,8BAAuB;IAAEC,iBAAiB,MAAjBA,wBAAiB;;uBAAQ;CACzG,iCAAiC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export { Input, inputClassNames, renderInput_unstable, useInputStyles_unstable, useInput_unstable } from './Input';\n"],"names":["Input","inputClassNames","renderInput_unstable","useInputStyles_unstable","useInput_unstable"],"mappings":";;;;;;;;;;;IAASA,KAAK,MAALA,YAAK;IAAEC,eAAe,MAAfA,sBAAe;IAAEC,oBAAoB,MAApBA,2BAAoB;IAAEC,uBAAuB,MAAvBA,8BAAuB;IAAEC,iBAAiB,MAAjBA,wBAAiB;;uBAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-input",
-  "version": "9.4.15",
+  "version": "9.4.17",
   "description": "Fluent UI React Input component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,18 +28,18 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.21",
-    "@fluentui/react-text": "^9.3.11",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
+    "@fluentui/react-text": "^9.3.13",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.5",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.5",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.1",
-    "@griffel/react": "^1.5.2",
+    "@fluentui/react-field": "^9.1.7",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.7",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.3",
+    "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {