@fluentui/react-input 0.0.0-nightlyca6ef2bc8e20220105.1

package/lib/components/Input/renderInput.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
+/**
+ * Render the final JSX of Input
+ */
+
+export const renderInput = state => {
+  const {
+    slots,
+    slotProps
+  } = getSlots(state, ['input', 'contentBefore', 'contentAfter', 'root']);
+  return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
+  }, /*#__PURE__*/React.createElement(slots.contentBefore, { ...slotProps.contentBefore
+  }), /*#__PURE__*/React.createElement(slots.input, { ...slotProps.input
+  }), /*#__PURE__*/React.createElement(slots.contentAfter, { ...slotProps.contentAfter
+  }));
+};
+//# sourceMappingURL=renderInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Input/renderInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,WAAW,GAAI,KAAD,IAAsB;AAC/C,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAa,KAAb,EAAoB,CAAC,OAAD,EAAU,eAAV,EAA2B,cAA3B,EAA2C,MAA3C,CAApB,CAArC;AACA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,aAAP,EAAoB,EAAA,GAAK,SAAS,CAAC;AAAf,GAApB,CADF,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CAFF,eAGE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,YAAP,EAAmB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAnB,CAHF,CADF;AAOD,CATM","sourceRoot":""}

package/lib/components/Input/useInput.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { InputProps, InputState } from './Input.types';
+/**
+ * Create the state required to render Input.
+ *
+ * The returned state can be modified with hooks such as useInputStyles,
+ * before being passed to renderInput.
+ *
+ * @param props - props from this instance of Input
+ * @param ref - reference to `<input>` element of Input
+ */
+export declare const useInput: (props: InputProps, ref: React.Ref<HTMLInputElement>) => InputState;

package/lib/components/Input/useInput.js

@@ -0,0 +1,64 @@
+import { getPartitionedNativeProps, resolveShorthand, useControllableState, useEventCallback } from '@fluentui/react-utilities';
+/**
+ * Create the state required to render Input.
+ *
+ * The returned state can be modified with hooks such as useInputStyles,
+ * before being passed to renderInput.
+ *
+ * @param props - props from this instance of Input
+ * @param ref - reference to `<input>` element of Input
+ */
+
+export const useInput = (props, ref) => {
+  const {
+    size = 'medium',
+    appearance = 'outline',
+    inline = false,
+    onChange
+  } = props;
+  const [value, setValue] = useControllableState({
+    state: props.value,
+    defaultState: props.defaultValue,
+    initialState: undefined
+  });
+  const nativeProps = getPartitionedNativeProps({
+    props,
+    primarySlotTagName: 'input',
+    excludedPropNames: ['size', 'onChange', 'value', 'defaultValue']
+  });
+  const state = {
+    size,
+    appearance,
+    inline,
+    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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Input/useInput.ts"],"names":[],"mappings":"AACA,SACE,yBADF,EAEE,gBAFF,EAGE,oBAHF,EAIE,gBAJF,QAKO,2BALP;AAQA;;;;;;;;AAQG;;AACH,OAAO,MAAM,QAAQ,GAAG,CAAC,KAAD,EAAoB,GAApB,KAAoE;AAC1F,QAAM;AAAE,IAAA,IAAI,GAAG,QAAT;AAAmB,IAAA,UAAU,GAAG,SAAhC;AAA2C,IAAA,MAAM,GAAG,KAApD;AAA2D,IAAA;AAA3D,MAAwE,KAA9E;AAEA,QAAM,CAAC,KAAD,EAAQ,QAAR,IAAoB,oBAAoB,CAAC;AAC7C,IAAA,KAAK,EAAE,KAAK,CAAC,KADgC;AAE7C,IAAA,YAAY,EAAE,KAAK,CAAC,YAFyB;AAG7C,IAAA,YAAY,EAAE;AAH+B,GAAD,CAA9C;AAMA,QAAM,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAA,KAD4C;AAE5C,IAAA,kBAAkB,EAAE,OAFwB;AAG5C,IAAA,iBAAiB,EAAE,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,EAA8B,cAA9B;AAHyB,GAAD,CAA7C;AAMA,QAAM,KAAK,GAAe;AACxB,IAAA,IADwB;AAExB,IAAA,UAFwB;AAGxB,IAAA,MAHwB;AAIxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,KAAK,EAAE,OAFG;AAGV,MAAA,aAAa,EAAE,MAHL;AAIV,MAAA,YAAY,EAAE;AAJJ,KAJY;AAUxB,IAAA,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAP,EAAc;AACnC,MAAA,QAAQ,EAAE,IADyB;AAEnC,MAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE,MADM;AAEZ,QAAA,GAFY;AAGZ,WAAG,WAAW,CAAC;AAHH;AAFqB,KAAd,CAVC;AAkBxB,IAAA,YAAY,EAAE,gBAAgB,CAAC,KAAK,CAAC,YAAP,CAlBN;AAmBxB,IAAA,aAAa,EAAE,gBAAgB,CAAC,KAAK,CAAC,aAAP,CAnBP;AAoBxB,IAAA,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,IAAP,EAAa;AACjC,MAAA,QAAQ,EAAE,IADuB;AAEjC,MAAA,YAAY,EAAE,WAAW,CAAC;AAFO,KAAb;AApBE,GAA1B;AA0BA,EAAA,KAAK,CAAC,KAAN,CAAY,KAAZ,GAAoB,KAApB;AACA,EAAA,KAAK,CAAC,KAAN,CAAY,QAAZ,GAAuB,gBAAgB,CAAC,EAAE,IAAG;AAC3C,UAAM,QAAQ,GAAG,EAAE,CAAC,MAAH,CAAU,KAA3B;AACA,IAAA,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAQ,KAAA,CAAR,GAAA,QAAQ,CAAG,EAAH,EAAO;AAAE,MAAA,KAAK,EAAE;AAAT,KAAP,CAAR;AACA,IAAA,QAAQ,CAAC,QAAD,CAAR;AACD,GAJsC,CAAvC;AAMA,SAAO,KAAP;AACD,CAjDM","sourceRoot":""}

package/lib/components/Input/useInputStyles.d.ts

@@ -0,0 +1,6 @@
+import type { InputState } from './Input.types';
+export declare const inputClassName = "fui-Input";
+/**
+ * Apply styling to the Input slots based on the state
+ */
+export declare const useInputStyles: (state: InputState) => InputState;

package/lib/components/Input/useInputStyles.js

@@ -0,0 +1,296 @@
+import { __styles, mergeClasses, shorthands } from '@fluentui/react-make-styles';
+export const inputClassName = 'fui-Input'; // TODO(sharing) use theme values once available
+
+const horizontalSpacing = {
+  xxs: '2px',
+  xs: '4px',
+  sNudge: '6px',
+  s: '8px',
+  mNudge: '10px',
+  m: '12px'
+};
+const motionDurations = {
+  ultraFast: '0.05s',
+  normal: '0.2s'
+};
+const motionCurves = {
+  accelerateMid: 'cubic-bezier(0.7,0,1,0.5)',
+  decelerateMid: 'cubic-bezier(0.1,0.9,0.2,1)'
+};
+const contentSizes = {
+  // TODO(sharing) shouldn't these be in the theme?
+  body1: theme => ({
+    fontSize: theme.fontSizeBase300,
+    lineHeight: theme.lineHeightBase300
+  }),
+  caption1: theme => ({
+    fontSize: theme.fontSizeBase200,
+    lineHeight: theme.lineHeightBase200
+  }),
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  400: theme => ({
+    fontSize: theme.fontSizeBase400,
+    lineHeight: theme.lineHeightBase400
+  })
+}; // TODO(sharing) should these be shared somewhere?
+
+const fieldHeights = {
+  small: '24px',
+  medium: '32px',
+  large: '40px'
+};
+
+const useRootStyles = /*#__PURE__*/__styles({
+  "base": {
+    "mc9l5x": "f22iagw",
+    "Bt984gj": "f122n59",
+    "Eh141a": "flvyvdh",
+    "i8kkvl": "f16mnhsx",
+    "Belr9w4": "fbi42co",
+    "Bahqtrf": "fk6fouc",
+    "Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
+    "Beyfa6y": ["f16jpd5f", "f1aa9q02"],
+    "B7oj6ja": ["f1jar5jt", "fyu767a"],
+    "Btl43ni": ["fyu767a", "f1jar5jt"],
+    "qhf8xq": "f10pi13n",
+    "B7ck84d": "f1ewtqcl"
+  },
+  "interactive": {
+    "oqd9ik": "ffdc0f3",
+    "Bs6t6z0": "fqc6z8f",
+    "Hdbjpj": "f11ef69",
+    "jc51t6": ["f383sj6", "fpmdmpy"],
+    "Bj55yzk": "fqmzrrm",
+    "cnmfks": ["fpmdmpy", "f383sj6"],
+    "mpb1vu": "f1iv82i4",
+    "B9nohqn": ["f1j2a01o", "fvxed1z"],
+    "frdscb": ["fvxed1z", "f1j2a01o"],
+    "B3zxwmv": "f1gw3il9",
+    "J4s2b0": "fd0py6g",
+    "Bk8j60v": "f1ta67ae",
+    "B5pt6m4": "fabrkco",
+    "xn0juu": "f1lmmjng",
+    "wbfbqe": "fopw4to",
+    "mafdb0": "f1dw3w9y",
+    "s1xtto": "f1n2ytmg",
+    "Hbcoss": "fnqdfvx",
+    "lq1u8j": "fbqc2tv",
+    "B37x0ls": "fvvig05",
+    "H8rp7s": "f1nwpqpa",
+    "uvoyur": "f1e6xsgv"
+  },
+  "small": {
+    "sshi5w": "f1pha7fy",
+    "z8tnut": "f1g0x7ka",
+    "z189sj": ["f1sgzk6v", "f1bg5zqg"],
+    "Byoj8tv": "f1qch9an",
+    "uwmqm3": ["f1bg5zqg", "f1sgzk6v"],
+    "Be2twd7": "fy9rknc",
+    "Bg96gwp": "fwrc4pm"
+  },
+  "medium": {
+    "sshi5w": "f1nxs5xn",
+    "z8tnut": "f1g0x7ka",
+    "z189sj": ["f81rol6", "frdkuqy"],
+    "Byoj8tv": "f1qch9an",
+    "uwmqm3": ["frdkuqy", "f81rol6"],
+    "Be2twd7": "fkhj508",
+    "Bg96gwp": "f1i3iumi"
+  },
+  "large": {
+    "sshi5w": "f1w5jphr",
+    "z8tnut": "f1g0x7ka",
+    "z189sj": ["f11qrl6u", "fjlbh76"],
+    "Byoj8tv": "f1qch9an",
+    "uwmqm3": ["fjlbh76", "f11qrl6u"],
+    "Be2twd7": "fod5ikn",
+    "Bg96gwp": "faaz57k",
+    "i8kkvl": "fgfbwa2",
+    "Belr9w4": "f1y3hx6l"
+  },
+  "inline": {
+    "mc9l5x": "ftuwxu6"
+  },
+  "outline": {
+    "De3pzq": "fxugw4r",
+    "B4j52fo": "f5ogflp",
+    "Bekrc4i": ["f1hqa2wf", "finvdd3"],
+    "Bn0qgzm": "f1f09k3d",
+    "ibv6hh": ["finvdd3", "f1hqa2wf"],
+    "icvyot": "fzkkow9",
+    "vrafjx": ["fcdblym", "fjik90z"],
+    "oivjwe": "fg706s2",
+    "wvpqe5": ["fjik90z", "fcdblym"],
+    "g2u3we": "fj3muxo",
+    "h3c5rm": ["f1akhkt", "f1lxtadh"],
+    "B9xav0g": "f1c1zstj",
+    "zhjwy3": ["f1lxtadh", "f1akhkt"]
+  },
+  "outlineInteractive": {
+    "Bgoe8wy": "fvcxoqz",
+    "Bwzppfd": ["f1ub3y4t", "f1m52nbi"],
+    "oetu4i": "f1l4zc64",
+    "gg5e9n": ["f1m52nbi", "f1ub3y4t"],
+    "Drbcw7": "f8vnjqi",
+    "udz0bu": ["fz1etlk", "f1hc16gm"],
+    "Be8ivqh": "f1klwx88",
+    "ofdepl": ["f1hc16gm", "fz1etlk"]
+  },
+  "underline": {
+    "De3pzq": "f1c21dwh",
+    "Bbmb7ep": ["f1krrbdw", "f1deotkl"],
+    "Beyfa6y": ["f1deotkl", "f1krrbdw"],
+    "B7oj6ja": ["f10ostut", "f1ozlkrg"],
+    "Btl43ni": ["f1ozlkrg", "f10ostut"],
+    "Bn0qgzm": "f1f09k3d",
+    "oivjwe": "fg706s2",
+    "B9xav0g": "f1c1zstj"
+  },
+  "underlineInteractive": {
+    "oetu4i": "f1l4zc64",
+    "Be8ivqh": "f1klwx88",
+    "frdscb": ["fqvcdsd", "f9cg6ix"],
+    "B9nohqn": ["f9cg6ix", "fqvcdsd"],
+    "B1dhsta": ["f1pvm60u", "f179ivkp"],
+    "Bjdmjzx": ["f179ivkp", "f1pvm60u"]
+  },
+  "filled": {
+    "E5pizo": "fyed02w",
+    "B4j52fo": "f5ogflp",
+    "Bekrc4i": ["f1hqa2wf", "finvdd3"],
+    "Bn0qgzm": "f1f09k3d",
+    "ibv6hh": ["finvdd3", "f1hqa2wf"],
+    "icvyot": "fzkkow9",
+    "vrafjx": ["fcdblym", "fjik90z"],
+    "oivjwe": "fg706s2",
+    "wvpqe5": ["fjik90z", "fcdblym"],
+    "g2u3we": "fghlq4f",
+    "h3c5rm": ["f1gn591s", "fjscplz"],
+    "B9xav0g": "fb073pr",
+    "zhjwy3": ["fjscplz", "f1gn591s"]
+  },
+  "filledInteractive": {
+    "q7v0qe": "ftmjh5b",
+    "kmh5ft": ["f17blpuu", "fsrcdbj"],
+    "nagaa4": "f1tpwn32",
+    "B1yhkcb": ["fsrcdbj", "f17blpuu"]
+  },
+  "filledDarker": {
+    "De3pzq": "f16xq7d1"
+  },
+  "filledLighter": {
+    "De3pzq": "fxugw4r"
+  },
+  "disabled": {
+    "Bceei9c": "fdrzuqr",
+    "B4j52fo": "f5ogflp",
+    "Bekrc4i": ["f1hqa2wf", "finvdd3"],
+    "Bn0qgzm": "f1f09k3d",
+    "ibv6hh": ["finvdd3", "f1hqa2wf"],
+    "icvyot": "fzkkow9",
+    "vrafjx": ["fcdblym", "fjik90z"],
+    "oivjwe": "fg706s2",
+    "wvpqe5": ["fjik90z", "fcdblym"],
+    "g2u3we": "f1jj8ep1",
+    "h3c5rm": ["f15xbau", "fy0fskl"],
+    "B9xav0g": "f4ikngz",
+    "zhjwy3": ["fy0fskl", "f15xbau"],
+    "Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
+    "Beyfa6y": ["f16jpd5f", "f1aa9q02"],
+    "B7oj6ja": ["f1jar5jt", "fyu767a"],
+    "Btl43ni": ["fyu767a", "f1jar5jt"]
+  }
+}, {
+  "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}", ".f16mnhsx{-webkit-column-gap:2px;column-gap:2px;}", ".fbi42co{row-gap:2px;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f10pi13n{position:relative;}", ".f1ewtqcl{box-sizing:border-box;}", ".ffdc0f3:after{box-sizing:border-box;}", ".fqc6z8f:after{content:\"\";}", ".f11ef69:after{position:absolute;}", ".f383sj6:after{left:-1px;}", ".fpmdmpy:after{right:-1px;}", ".fqmzrrm:after{bottom:-1px;}", ".f1iv82i4:after{height:-webkit-max(2px, var(--borderRadiusMedium));height:-moz-max(2px, var(--borderRadiusMedium));height:max(2px, var(--borderRadiusMedium));}", ".f1j2a01o:after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".fvxed1z:after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f1gw3il9:after{border-bottom-width:2px;}", ".fd0py6g:after{border-bottom-style:solid;}", ".f1ta67ae:after{border-bottom-color:var(--colorCompoundBrandStroke);}", ".fabrkco:after{-webkit-clip-path:inset(calc(100% - 2px) 0 0 0);clip-path:inset(calc(100% - 2px) 0 0 0);}", ".f1lmmjng:after{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}", ".fopw4to:after{transition-property:transform;}", ".f1dw3w9y:after{transition-duration:0.05s;}", ".f1n2ytmg:after{transition-delay:cubic-bezier(0.7,0,1,0.5);}", ".f1pha7fy{min-height:24px;}", ".f1g0x7ka{padding-top:0;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f1qch9an{padding-bottom:0;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1nxs5xn{min-height:32px;}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1w5jphr{min-height:40px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fgfbwa2{-webkit-column-gap:6px;column-gap:6px;}", ".f1y3hx6l{row-gap:6px;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".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;}", ".fqvcdsd:after{border-bottom-right-radius:0;}", ".f9cg6ix:after{border-bottom-left-radius:0;}", ".f1pvm60u:after{border-top-right-radius:0;}", ".f179ivkp:after{border-top-left-radius:0;}", ".fyed02w{box-shadow:var(--shadow2);}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", ".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);}"],
+  "w": [".fnqdfvx:focus-within:after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}", ".fbqc2tv:focus-within:after{transition-property:transform;}", ".fvvig05:focus-within:after{transition-duration:0.2s;}", ".f1nwpqpa:focus-within:after{transition-delay:cubic-bezier(0.1,0.9,0.2,1);}", ".f1e6xsgv:focus-within:active:after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}"],
+  "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,:focus-within{border-left-color:var(--colorTransparentStrokeInteractive);}", ".f1tpwn32:hover,.f1tpwn32:focus-within{border-bottom-color:var(--colorTransparentStrokeInteractive);}", ".fsrcdbj:hover,.fsrcdbj:focus-within{border-left-color:var(--colorTransparentStrokeInteractive);}", ".f17blpuu:hover,:focus-within{border-right-color:var(--colorTransparentStrokeInteractive);}"],
+  "a": [".f8vnjqi:active,.f8vnjqi:focus-within{border-top-color:var(--colorNeutralStroke1Pressed);}", ".fz1etlk:active,.fz1etlk:focus-within{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f1hc16gm:active,:focus-within{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1klwx88:active,.f1klwx88:focus-within{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}", ".f1hc16gm:active,.f1hc16gm:focus-within{border-left-color:var(--colorNeutralStroke1Pressed);}", ".fz1etlk:active,:focus-within{border-right-color:var(--colorNeutralStroke1Pressed);}"]
+});
+
+const useInputElementStyles = /*#__PURE__*/__styles({
+  "base": {
+    "B7ck84d": "f1ewtqcl",
+    "Bh6795r": "fqerorx",
+    "icvyot": "f1ern45e",
+    "vrafjx": ["f1n71otn", "f1deefiw"],
+    "oivjwe": "f1h8hb77",
+    "wvpqe5": ["f1deefiw", "f1n71otn"],
+    "z8tnut": "f1g0x7ka",
+    "z189sj": ["f12huiiw", "f161knb0"],
+    "Byoj8tv": "f1qch9an",
+    "uwmqm3": ["f161knb0", "f12huiiw"],
+    "sj55zd": "f19n0e5",
+    "De3pzq": "f3rmtva",
+    "yvdlaj": "fwyc1cq",
+    "B3o7kgh": "f13ta7ih",
+    "B486eqv": "f2hkw1w"
+  },
+  "small": {
+    "Be2twd7": "fy9rknc",
+    "Bg96gwp": "fwrc4pm"
+  },
+  "medium": {
+    "Be2twd7": "fkhj508",
+    "Bg96gwp": "f1i3iumi"
+  },
+  "large": {
+    "Be2twd7": "fod5ikn",
+    "Bg96gwp": "faaz57k",
+    "z8tnut": "f1g0x7ka",
+    "z189sj": ["f1sgzk6v", "f1bg5zqg"],
+    "Byoj8tv": "f1qch9an",
+    "uwmqm3": ["f1bg5zqg", "f1sgzk6v"]
+  },
+  "disabled": {
+    "sj55zd": "f1s2aq7o",
+    "De3pzq": "f1c21dwh",
+    "Bceei9c": "fdrzuqr",
+    "yvdlaj": "fahhnxm"
+  }
+}, {
+  "d": [".f1ewtqcl{box-sizing:border-box;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f1g0x7ka{padding-top:0;}", ".f12huiiw{padding-right:2px;}", ".f161knb0{padding-left:2px;}", ".f1qch9an{padding-bottom:0;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f3rmtva{background-color:transparent;}", ".fwyc1cq::-webkit-input-placeholder{color:var(--colorNeutralForeground4);}", ".fwyc1cq::-moz-placeholder{color:var(--colorNeutralForeground4);}", ".f13ta7ih::-webkit-input-placeholder{opacity:1;}", ".f13ta7ih::-moz-placeholder{opacity:1;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".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);}"],
+  "i": [".f2hkw1w:focus-visible{outline-style:none;}"]
+});
+
+const useContentStyles = /*#__PURE__*/__styles({
+  "base": {
+    "B7ck84d": "f1ewtqcl",
+    "sj55zd": "f11d4kpn",
+    "clhimo": "fyuhxbn"
+  },
+  "disabled": {
+    "sj55zd": "f1s2aq7o"
+  }
+}, {
+  "d": [".f1ewtqcl{box-sizing:border-box;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fyuhxbn>svg{display:block;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}"]
+});
+/**
+ * Apply styling to the Input slots based on the state
+ */
+
+
+export const useInputStyles = state => {
+  const {
+    size,
+    appearance
+  } = state;
+  const disabled = state.input.disabled;
+  const filled = appearance.startsWith('filled');
+  const rootStyles = useRootStyles();
+  const inputStyles = useInputElementStyles();
+  const contentStyles = useContentStyles();
+  state.root.className = mergeClasses(inputClassName, rootStyles.base, rootStyles[size], rootStyles[appearance], !disabled && rootStyles.interactive, !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && appearance === 'underline' && rootStyles.underlineInteractive, !disabled && filled && rootStyles.filledInteractive, state.inline && rootStyles.inline, filled && rootStyles.filled, disabled && rootStyles.disabled, state.root.className);
+  state.input.className = mergeClasses(inputStyles.base, inputStyles[size], disabled && inputStyles.disabled, state.input.className);
+  const contentClasses = [contentStyles.base, disabled && contentStyles.disabled];
+
+  if (state.contentBefore) {
+    state.contentBefore.className = mergeClasses(...contentClasses, state.contentBefore.className);
+  }
+
+  if (state.contentAfter) {
+    state.contentAfter.className = mergeClasses(...contentClasses, state.contentAfter.className);
+  }
+
+  return state;
+};
+//# sourceMappingURL=useInputStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Input/useInputStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}

package/lib/index.d.ts

@@ -0,0 +1 @@
+export * from './Input';

package/lib/index.js

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

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/lib/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.18.1"
+    }
+  ]
+}

package/lib-commonjs/Input.d.ts

@@ -0,0 +1 @@
+export * from './components/Input/index';

package/lib-commonjs/Input.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/Input/index"), exports);
+//# sourceMappingURL=Input.js.map

package/lib-commonjs/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Input.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/Input/Input.d.ts

@@ -0,0 +1,8 @@
+import type { InputProps } from './Input.types';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+/**
+ * The Input component allows people to enter and edit text.
+ *
+ * ⚠️ **This component is still in alpha (unstable) status. APIs may change before the final release.**
+ */
+export declare const Input: ForwardRefComponent<InputProps>;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const useInput_1 = /*#__PURE__*/require("./useInput");
+
+const renderInput_1 = /*#__PURE__*/require("./renderInput");
+
+const useInputStyles_1 = /*#__PURE__*/require("./useInputStyles");
+/**
+ * The Input component allows people to enter and edit text.
+ *
+ * ⚠️ **This component is still in alpha (unstable) status. APIs may change before the final release.**
+ */
+
+
+exports.Input = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useInput_1.useInput(props, ref);
+  useInputStyles_1.useInputStyles(state);
+  return renderInput_1.renderInput(state);
+});
+exports.Input.displayName = 'Input';
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAIA;;;;AAIG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,UAAA,CAAA,QAAA,CAAS,KAAT,EAAgB,GAAhB,CAAd;AAEA,EAAA,gBAAA,CAAA,cAAA,CAAe,KAAf;AACA,SAAO,aAAA,CAAA,WAAA,CAAY,KAAZ,CAAP;AACD,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","sourceRoot":""}

package/lib-commonjs/components/Input/Input.types.d.ts

@@ -0,0 +1,84 @@
+import * as React from 'react';
+import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
+export declare type InputSlots = {
+    /**
+     * Wrapper element which visually appears to be the input and is used for borders, focus styling, etc.
+     * (A wrapper is needed to properly position `contentBefore` and `contentAfter` relative to `input`.)
+     *
+     * The root slot receives the `className` and `style` specified directly on the `<Input>`.
+     * All other top-level native props will be applied to the primary slot, `input`.
+     */
+    root: IntrinsicShorthandProps<'span'>;
+    /**
+     * The actual `<input>` element. `type="text"` will be automatically applied unless overridden.
+     *
+     * This is the "primary" slot, so native props specified directly on the `<Input>` will go here
+     * (except `className` and `style`, which go to the `root` slot). The top-level `ref` will
+     * also go here.
+     */
+    input: IntrinsicShorthandProps<'input'>;
+    /** Element before the input text, within the input border */
+    contentBefore?: IntrinsicShorthandProps<'span'>;
+    /** Element after the input text, within the input border */
+    contentAfter?: IntrinsicShorthandProps<'span'>;
+};
+export declare type InputProps = Omit<ComponentProps<InputSlots, 'input'>, 'children' | 'defaultValue' | 'onChange' | 'size' | 'type' | 'value'> & {
+    /** Input can't have children. */
+    children?: never;
+    /**
+     * Size of the input (changes the font size and spacing).
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * If true, the input will have inline display, allowing it be used within text content.
+     * If false (the default), the input will have block display.
+     */
+    inline?: boolean;
+    /**
+     * Controls the colors and borders of the input.
+     * @default 'outline'
+     */
+    appearance?: 'outline' | 'underline' | 'filledDarker' | 'filledLighter';
+    /**
+     * Default value of the input. Provide this if the input should be an uncontrolled component
+     * which tracks its current state internally; otherwise, use `value`.
+     *
+     * (This prop is mutually exclusive with `value`.)
+     */
+    defaultValue?: string;
+    /**
+     * Current value of the input. Provide this if the input is a controlled component where you
+     * are maintaining its current state; otherwise, use `defaultValue`.
+     *
+     * (This prop is mutually exclusive with `defaultValue`.)
+     */
+    value?: string;
+    /**
+     * Called when the user changes the input's value.
+     */
+    onChange?: (ev: React.FormEvent<HTMLInputElement>, data: InputOnChangeData) => void;
+    /**
+     * An input can have different text-based [types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#input_types)
+     * based on the type of value the user will enter.
+     *
+     * Note that no custom styling is currently applied for alternative types, and some types may
+     * activate browser-default styling which does not match the Fluent design language.
+     *
+     * (For non-text-based types such as `button` or `checkbox`, use the appropriate component or an
+     * `<input>` element instead.)
+     * @default 'text'
+     */
+    type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'number' | 'time' | 'week';
+};
+/**
+ * State used in rendering Input.
+ */
+export declare type InputState = Required<Pick<InputProps, 'appearance' | 'inline' | 'size'>> & ComponentState<InputSlots>;
+/**
+ * Data passed to the `onChange` callback when a user changes the input's value.
+ */
+export declare type InputOnChangeData = {
+    /** Updated input value from the user */
+    value: string;
+};

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=Input.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}

package/lib-commonjs/components/Input/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Input';
+export * from './Input.types';
+export * from './renderInput';
+export * from './useInput';
+export * from './useInputStyles';

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./Input"), exports);
+
+tslib_1.__exportStar(require("./Input.types"), exports);
+
+tslib_1.__exportStar(require("./renderInput"), exports);
+
+tslib_1.__exportStar(require("./useInput"), exports);
+
+tslib_1.__exportStar(require("./useInputStyles"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/Input/renderInput.d.ts

@@ -0,0 +1,5 @@
+import type { InputState } from './Input.types';
+/**
+ * Render the final JSX of Input
+ */
+export declare const renderInput: (state: InputState) => JSX.Element;