@fluentui/react-textarea 9.3.11 → 9.3.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/CHANGELOG.json +74 -3
  2. package/CHANGELOG.md +21 -4
  3. package/lib/components/Textarea/Textarea.js +3 -6
  4. package/lib/components/Textarea/Textarea.js.map +1 -1
  5. package/lib/components/Textarea/index.js +1 -1
  6. package/lib/components/Textarea/index.js.map +1 -1
  7. package/lib/components/Textarea/{useTextareaStyles.js → useTextareaStyles.styles.js} +1 -1
  8. package/lib/components/Textarea/useTextareaStyles.styles.js.map +1 -0
  9. package/lib-commonjs/components/Textarea/Textarea.js +3 -4
  10. package/lib-commonjs/components/Textarea/Textarea.js.map +1 -1
  11. package/lib-commonjs/components/Textarea/index.js +1 -1
  12. package/lib-commonjs/components/Textarea/index.js.map +1 -1
  13. package/lib-commonjs/components/Textarea/{useTextareaStyles.js → useTextareaStyles.styles.js} +2 -2
  14. package/lib-commonjs/components/Textarea/useTextareaStyles.styles.js.map +1 -0
  15. package/package.json +7 -7
  16. package/.swcrc +0 -30
  17. package/lib/components/Textarea/useTextareaStyles.js.map +0 -1
  18. package/lib-commonjs/components/Textarea/useTextareaStyles.js.map +0 -1
package/CHANGELOG.json CHANGED
@@ -2,7 +2,78 @@
2
2
  "name": "@fluentui/react-textarea",
3
3
  "entries": [
4
4
  {
5
- "date": "Mon, 24 Apr 2023 08:09:18 GMT",
5
+ "date": "Fri, 12 May 2023 20:22:24 GMT",
6
+ "tag": "@fluentui/react-textarea_v9.3.12",
7
+ "version": "9.3.12",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "gcox@microsoft.com",
12
+ "package": "@fluentui/react-textarea",
13
+ "commit": "ee977e20d359922798949a4f18af7a036ca36ca3",
14
+ "comment": "Update to use single hook selector"
15
+ },
16
+ {
17
+ "author": "olfedias@microsoft.com",
18
+ "package": "@fluentui/react-textarea",
19
+ "commit": "871192b67e1bc8a68da1b4c55b4e0ee2aed0b604",
20
+ "comment": "chore: move makeStyles() calls to .styles.ts files"
21
+ },
22
+ {
23
+ "author": "olfedias@microsoft.com",
24
+ "package": "@fluentui/react-textarea",
25
+ "commit": "c28decb23d191a0daaaf6d5d1832429715102129",
26
+ "comment": "chore: exclude .swcrc from being published"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-textarea",
31
+ "comment": "Bump @fluentui/react-field to v9.1.2",
32
+ "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-textarea",
37
+ "comment": "Bump @fluentui/react-shared-contexts to v9.4.0",
38
+ "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui/react-textarea",
43
+ "comment": "Bump @fluentui/react-theme to v9.1.8",
44
+ "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
45
+ },
46
+ {
47
+ "author": "beachball",
48
+ "package": "@fluentui/react-textarea",
49
+ "comment": "Bump @fluentui/react-utilities to v9.8.1",
50
+ "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
51
+ },
52
+ {
53
+ "author": "beachball",
54
+ "package": "@fluentui/react-textarea",
55
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.3",
56
+ "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
57
+ },
58
+ {
59
+ "author": "beachball",
60
+ "package": "@fluentui/react-textarea",
61
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21",
62
+ "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
63
+ }
64
+ ],
65
+ "none": [
66
+ {
67
+ "author": "martinhochel@microsoft.com",
68
+ "package": "@fluentui/react-textarea",
69
+ "commit": "dbda7fa69e3000aaf8dd4a061e254ebd35198b8e",
70
+ "comment": "fix: update npmignore files to fix npm8/node16 regression how npm publish works"
71
+ }
72
+ ]
73
+ }
74
+ },
75
+ {
76
+ "date": "Mon, 24 Apr 2023 08:12:43 GMT",
6
77
  "tag": "@fluentui/react-textarea_v9.3.11",
7
78
  "version": "9.3.11",
8
79
  "comments": {
@@ -17,13 +88,13 @@
17
88
  "author": "beachball",
18
89
  "package": "@fluentui/react-textarea",
19
90
  "comment": "Bump @fluentui/react-field to v9.1.1",
20
- "commit": "948b5bf9871303d1742f1b9a17a3bd4006ce2fea"
91
+ "commit": "505433ac64f144c9cca456097413d6af4582e5ee"
21
92
  },
22
93
  {
23
94
  "author": "beachball",
24
95
  "package": "@fluentui/react-textarea",
25
96
  "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2",
26
- "commit": "948b5bf9871303d1742f1b9a17a3bd4006ce2fea"
97
+ "commit": "505433ac64f144c9cca456097413d6af4582e5ee"
27
98
  }
28
99
  ]
29
100
  }
package/CHANGELOG.md CHANGED
@@ -1,19 +1,36 @@
1
1
  # Change Log - @fluentui/react-textarea
2
2
 
3
- This log was last generated on Mon, 24 Apr 2023 08:09:18 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 12 May 2023 20:22:24 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.3.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.3.12)
8
+
9
+ Fri, 12 May 2023 20:22:24 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-textarea_v9.3.11..@fluentui/react-textarea_v9.3.12)
11
+
12
+ ### Patches
13
+
14
+ - Update to use single hook selector ([PR #27491](https://github.com/microsoft/fluentui/pull/27491) by gcox@microsoft.com)
15
+ - chore: move makeStyles() calls to .styles.ts files ([PR #27710](https://github.com/microsoft/fluentui/pull/27710) by olfedias@microsoft.com)
16
+ - chore: exclude .swcrc from being published ([PR #27740](https://github.com/microsoft/fluentui/pull/27740) by olfedias@microsoft.com)
17
+ - Bump @fluentui/react-field to v9.1.2 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
18
+ - Bump @fluentui/react-shared-contexts to v9.4.0 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
19
+ - Bump @fluentui/react-theme to v9.1.8 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
20
+ - Bump @fluentui/react-utilities to v9.8.1 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
21
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.3 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
22
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
23
+
7
24
  ## [9.3.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.3.11)
8
25
 
9
- Mon, 24 Apr 2023 08:09:18 GMT
26
+ Mon, 24 Apr 2023 08:12:43 GMT
10
27
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-textarea_v9.3.10..@fluentui/react-textarea_v9.3.11)
11
28
 
12
29
  ### Patches
13
30
 
14
31
  - chore: adopt custom JSX pragma ([PR #27631](https://github.com/microsoft/fluentui/pull/27631) by bernardo.sunderhus@gmail.com)
15
- - Bump @fluentui/react-field to v9.1.1 ([PR #27632](https://github.com/microsoft/fluentui/pull/27632) by beachball)
16
- - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2 ([PR #27632](https://github.com/microsoft/fluentui/pull/27632) by beachball)
32
+ - Bump @fluentui/react-field to v9.1.1 ([commit](https://github.com/microsoft/fluentui/commit/505433ac64f144c9cca456097413d6af4582e5ee) by beachball)
33
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2 ([commit](https://github.com/microsoft/fluentui/commit/505433ac64f144c9cca456097413d6af4582e5ee) by beachball)
17
34
 
18
35
  ## [9.3.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.3.10)
19
36
 
package/lib/components/Textarea/Textarea.js CHANGED
@@ -1,18 +1,15 @@
1
1
  import * as React from 'react';
2
2
  import { renderTextarea_unstable } from './renderTextarea';
3
3
  import { useTextarea_unstable } from './useTextarea';
4
- import { useTextareaStyles_unstable } from './useTextareaStyles';
5
- import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
4
+ import { useTextareaStyles_unstable } from './useTextareaStyles.styles';
5
+ import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
6
6
  /**
7
7
  * The Textarea component allows the user to enter and edit text in multiple lines.
8
8
  */
9
9
  export const Textarea = /*#__PURE__*/React.forwardRef((props, ref) => {
10
10
  const state = useTextarea_unstable(props, ref);
11
11
  useTextareaStyles_unstable(state);
12
- const {
13
- useTextareaStyles_unstable: useCustomStyles
14
- } = useCustomStyleHooks_unstable();
15
- useCustomStyles(state);
12
+ useCustomStyleHook_unstable('useTextareaStyles_unstable')(state);
16
13
  return renderTextarea_unstable(state);
17
14
  });
18
15
  Textarea.displayName = 'Textarea';
package/lib/components/Textarea/Textarea.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","renderTextarea_unstable","useTextarea_unstable","useTextareaStyles_unstable","useCustomStyleHooks_unstable","Textarea","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderTextarea_unstable } from './renderTextarea';\nimport { useTextarea_unstable } from './useTextarea';\nimport { useTextareaStyles_unstable } from './useTextareaStyles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { TextareaProps } from './Textarea.types';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * The Textarea component allows the user to enter and edit text in multiple lines.\n */\nexport const Textarea: ForwardRefComponent<TextareaProps> = React.forwardRef((props, ref) => {\n const state = useTextarea_unstable(props, ref);\n\n useTextareaStyles_unstable(state);\n\n const { useTextareaStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderTextarea_unstable(state);\n});\n\nTextarea.displayName = 'Textarea';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,uBAAuB,QAAQ;AACxC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,0BAA0B,QAAQ;AAG3C,SAASC,4BAA4B,QAAQ;AAE7C;;;AAGA,OAAO,MAAMC,QAAA,gBAA+CL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC3F,MAAMC,KAAA,GAAQP,oBAAA,CAAqBK,KAAA,EAAOC,GAAA;EAE1CL,0BAAA,CAA2BM,KAAA;EAE3B,MAAM;IAAEN,0BAAA,EAA4BO;EAAe,CAAE,GAAGN,4BAAA;EACxDM,eAAA,CAAgBD,KAAA;EAEhB,OAAOR,uBAAA,CAAwBQ,KAAA;AACjC;AAEAJ,QAAA,CAASM,WAAW,GAAG"}
1
+ {"version":3,"names":["React","renderTextarea_unstable","useTextarea_unstable","useTextareaStyles_unstable","useCustomStyleHook_unstable","Textarea","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderTextarea_unstable } from './renderTextarea';\nimport { useTextarea_unstable } from './useTextarea';\nimport { useTextareaStyles_unstable } from './useTextareaStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { TextareaProps } from './Textarea.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * The Textarea component allows the user to enter and edit text in multiple lines.\n */\nexport const Textarea: ForwardRefComponent<TextareaProps> = React.forwardRef((props, ref) => {\n const state = useTextarea_unstable(props, ref);\n\n useTextareaStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTextareaStyles_unstable')(state);\n\n return renderTextarea_unstable(state);\n});\n\nTextarea.displayName = 'Textarea';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,uBAAuB,QAAQ;AACxC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,0BAA0B,QAAQ;AAG3C,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,QAAA,gBAA+CL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC3F,MAAMC,KAAA,GAAQP,oBAAA,CAAqBK,KAAA,EAAOC,GAAA;EAE1CL,0BAAA,CAA2BM,KAAA;EAE3BL,2BAAA,CAA4B,8BAA8BK,KAAA;EAE1D,OAAOR,uBAAA,CAAwBQ,KAAA;AACjC;AAEAJ,QAAA,CAASK,WAAW,GAAG"}
package/lib/components/Textarea/index.js CHANGED
@@ -2,5 +2,5 @@ export * from './Textarea';
2
2
  export * from './Textarea.types';
3
3
  export * from './renderTextarea';
4
4
  export * from './useTextarea';
5
- export * from './useTextareaStyles';
5
+ export * from './useTextareaStyles.styles';
6
6
  //# sourceMappingURL=index.js.map
package/lib/components/Textarea/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../../../src/components/Textarea/index.ts"],"sourcesContent":["export * from './Textarea';\nexport * from './Textarea.types';\nexport * from './renderTextarea';\nexport * from './useTextarea';\nexport * from './useTextareaStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
1
+ {"version":3,"names":[],"sources":["../../../src/components/Textarea/index.ts"],"sourcesContent":["export * from './Textarea';\nexport * from './Textarea.types';\nexport * from './renderTextarea';\nexport * from './useTextarea';\nexport * from './useTextareaStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
package/lib/components/Textarea/{useTextareaStyles.js → useTextareaStyles.styles.js} RENAMED
@@ -323,4 +323,4 @@ export const useTextareaStyles_unstable = state => {
323
323
  state.textarea.className = mergeClasses(textareaClassNames.textarea, textareaStyles.base, textareaStyles[size], textareaResizeStyles[resize], state.textarea.className);
324
324
  return state;
325
325
  };
326
- //# sourceMappingURL=useTextareaStyles.js.map
326
+ //# sourceMappingURL=useTextareaStyles.styles.js.map
package/lib/components/Textarea/useTextareaStyles.styles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","textareaClassNames","root","textarea","textareaHeight","small","medium","large","useRootStyles","base","mc9l5x","B7ck84d","qhf8xq","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","disabled","De3pzq","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","luzg7z","B1sv8sq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","interactive","li1rpt","Bsft5z2","E3zdtr","Eqx8gd","By385i5","B1piin3","Dlnsje","d9w3h3","B3778ie","Bcgy8vk","Bw17bha","B1q35kw","Gjdm7m","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","Bercvud","Bbr2w1p","Bduesf4","Bpq79vn","filled","q7v0qe","kmh5ft","nagaa4","B1yhkcb","E5pizo","outline","outlineInteractive","ckks6v","B2zwrfe","xv9156","dt87k2","Bf40cpq","Bop6t4b","gvrnp0","Beu9t3s","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","uqwnxt","Bvecx4l","Bs0cc2w","e1hlit","e2sjt0","Bbcopvn","Bj33j0h","f7epvg","B6oc9vd","ak43y8","wmxk5l","B50zh58","Bbs6y8j","rexu52","B7pmvfx","Belqbek","Bawrxx6","r7b1zc","Bt3ojkv","t1ykpo","Bvq3b66","Brahy3i","zoxjo1","an54nd","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","d","m","w","h","a","useTextareaStyles","sj55zd","Bh6795r","Bahqtrf","Bqenvij","Bxyxcbc","yvdlaj","B3o7kgh","B4brmom","Brrnbx2","oeaueh","sshi5w","Be2twd7","Bhrd7zp","Bg96gwp","useTextareaResizeStyles","none","B3rzk8w","both","horizontal","vertical","useTextareaStyles_unstable","state","size","appearance","resize","startsWith","rootStyles","className","textareaStyles","textareaResizeStyles"],"sources":["../../../src/components/Textarea/useTextareaStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextareaSlots, TextareaState } from './Textarea.types';\n\nexport const textareaClassNames: SlotClassNames<TextareaSlots> = {\n root: 'fui-Textarea',\n textarea: 'fui-Textarea__textarea',\n};\n\nconst textareaHeight = {\n small: '24px',\n medium: '32px',\n large: '40px',\n};\n\n/**\n * Styles for the root(wrapper) slot\n */\nconst useRootStyles = makeStyles({\n base: {\n display: 'inline-flex',\n boxSizing: 'border-box',\n position: 'relative',\n // Padding needed so the focus indicator does not overlap the resize handle, this should match focus indicator size.\n ...shorthands.padding('0', '0', tokens.strokeWidthThick, '0'),\n ...shorthands.margin('0'),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n },\n\n disabled: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n [`& > textarea`]: {\n cursor: 'not-allowed',\n '::placeholder': {\n color: tokens.colorNeutralForegroundDisabled,\n },\n },\n '@media (forced-colors: active)': {\n ...shorthands.borderColor('GrayText'),\n },\n },\n\n interactive: {\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(${tokens.strokeWidthThick}, ${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 ...shorthands.borderBottom(tokens.strokeWidthThick, 'solid', tokens.colorCompoundBrandStroke),\n clipPath: `inset(calc(100% - ${tokens.strokeWidthThick}) 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 outlineWidth: tokens.strokeWidthThick,\n outlineStyle: 'solid',\n outlineColor: 'transparent',\n },\n },\n\n filled: {\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStroke),\n ':hover,:focus-within': {\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\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 ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStrokeInteractive),\n boxShadow: tokens.shadow2,\n },\n 'filled-lighter-shadow': {\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStrokeInteractive),\n boxShadow: tokens.shadow2,\n },\n\n outline: {\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n borderBottomColor: tokens.colorNeutralStrokeAccessible,\n },\n outlineInteractive: {\n ':hover': {\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n borderBottomColor: tokens.colorNeutralStrokeAccessibleHover,\n },\n\n ':active': {\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n borderBottomColor: tokens.colorNeutralStrokeAccessiblePressed,\n },\n\n ':focus-within': {\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n borderBottomColor: tokens.colorCompoundBrandStroke,\n },\n },\n\n invalid: {\n ':not(:focus-within),:hover:not(:focus-within)': {\n ...shorthands.borderColor(tokens.colorPaletteRedBorder2),\n },\n },\n});\n\n/**\n * Styles for the textarea slot\n */\nconst useTextareaStyles = makeStyles({\n base: {\n ...shorthands.borderStyle('none'),\n ...shorthands.margin('0'),\n backgroundColor: 'transparent',\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground1,\n flexGrow: 1,\n fontFamily: tokens.fontFamilyBase,\n height: '100%',\n maxHeight: '100%',\n\n '::placeholder': {\n color: tokens.colorNeutralForeground4,\n opacity: 1,\n },\n\n '::selection': {\n color: tokens.colorNeutralForegroundInverted,\n backgroundColor: tokens.colorNeutralBackgroundInverted,\n },\n\n outlineStyle: 'none', // disable default browser outline\n },\n\n // The padding style adds both content and regular padding (from design spec), this is because the handle is not\n // affected by changing the padding of the root.\n small: {\n height: textareaHeight.small,\n minHeight: '40px',\n ...shorthands.padding(\n tokens.spacingVerticalXS,\n `calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`,\n ),\n ...typographyStyles.caption1,\n },\n medium: {\n height: textareaHeight.medium,\n minHeight: '52px',\n ...shorthands.padding(\n tokens.spacingVerticalSNudge,\n `calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`,\n ),\n ...typographyStyles.body1,\n },\n large: {\n height: textareaHeight.large,\n minHeight: '64px',\n ...shorthands.padding(\n tokens.spacingVerticalS,\n `calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalXXS})`,\n ),\n ...typographyStyles.body2,\n },\n});\n\n/**\n * Styles for the textarea's resize property\n */\nconst useTextareaResizeStyles = makeStyles({\n none: {\n resize: 'none',\n },\n both: {\n resize: 'both',\n },\n horizontal: {\n resize: 'horizontal',\n },\n vertical: {\n resize: 'vertical',\n },\n});\n\n/**\n * Apply styling to the Textarea slots based on the state\n */\nexport const useTextareaStyles_unstable = (state: TextareaState): TextareaState => {\n const { size, appearance, resize } = state;\n const disabled = state.textarea.disabled;\n const invalid = `${state.textarea['aria-invalid']}` === 'true';\n const filled = appearance.startsWith('filled');\n\n const rootStyles = useRootStyles();\n state.root.className = mergeClasses(\n textareaClassNames.root,\n rootStyles.base,\n rootStyles[appearance],\n filled && rootStyles.filled,\n disabled && rootStyles.disabled,\n !disabled && rootStyles.interactive,\n !disabled && appearance === 'outline' && rootStyles.outlineInteractive,\n !disabled && invalid && rootStyles.invalid,\n state.root.className,\n );\n\n const textareaStyles = useTextareaStyles();\n const textareaResizeStyles = useTextareaResizeStyles();\n state.textarea.className = mergeClasses(\n textareaClassNames.textarea,\n textareaStyles.base,\n textareaStyles[size],\n textareaResizeStyles[resize],\n state.textarea.className,\n );\n\n return state;\n};\n"],"mappings":"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"}
package/lib-commonjs/components/Textarea/Textarea.js CHANGED
@@ -10,13 +10,12 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
10
10
  const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
11
  const _renderTextarea = require("./renderTextarea");
12
12
  const _useTextarea = require("./useTextarea");
13
- const _useTextareaStyles = require("./useTextareaStyles");
13
+ const _useTextareaStylesStyles = require("./useTextareaStyles.styles");
14
14
  const _reactSharedContexts = require("@fluentui/react-shared-contexts");
15
15
  const Textarea = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
16
16
  const state = (0, _useTextarea.useTextarea_unstable)(props, ref);
17
- (0, _useTextareaStyles.useTextareaStyles_unstable)(state);
18
- const { useTextareaStyles_unstable: useCustomStyles } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
19
- useCustomStyles(state);
17
+ (0, _useTextareaStylesStyles.useTextareaStyles_unstable)(state);
18
+ (0, _reactSharedContexts.useCustomStyleHook_unstable)('useTextareaStyles_unstable')(state);
20
19
  return (0, _renderTextarea.renderTextarea_unstable)(state);
21
20
  });
22
21
  Textarea.displayName = 'Textarea'; //# sourceMappingURL=Textarea.js.map
package/lib-commonjs/components/Textarea/Textarea.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Textarea/Textarea.js"],"sourcesContent":["import * as React from 'react';\nimport { renderTextarea_unstable } from './renderTextarea';\nimport { useTextarea_unstable } from './useTextarea';\nimport { useTextareaStyles_unstable } from './useTextareaStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The Textarea component allows the user to enter and edit text in multiple lines.\n */\nexport const Textarea = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useTextarea_unstable(props, ref);\n useTextareaStyles_unstable(state);\n const {\n useTextareaStyles_unstable: useCustomStyles\n } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n return renderTextarea_unstable(state);\n});\nTextarea.displayName = 'Textarea';\n//# sourceMappingURL=Textarea.js.map"],"names":["Textarea","React","forwardRef","props","ref","state","useTextarea_unstable","useTextareaStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderTextarea_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;gCACiB;6BACH;mCACM;qCACE;AAItC,MAAMA,WAAW,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACpE,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1CG,IAAAA,6CAA0B,EAACF;IAC3B,MAAM,EACJE,4BAA4BC,gBAAe,EAC5C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,uCAAuB,EAACL;AACjC;AACAL,SAASW,WAAW,GAAG,YACvB,oCAAoC"}
1
+ {"version":3,"sources":["../../../lib/components/Textarea/Textarea.js"],"sourcesContent":["import * as React from 'react';\nimport { renderTextarea_unstable } from './renderTextarea';\nimport { useTextarea_unstable } from './useTextarea';\nimport { useTextareaStyles_unstable } from './useTextareaStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The Textarea component allows the user to enter and edit text in multiple lines.\n */\nexport const Textarea = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useTextarea_unstable(props, ref);\n useTextareaStyles_unstable(state);\n useCustomStyleHook_unstable('useTextareaStyles_unstable')(state);\n return renderTextarea_unstable(state);\n});\nTextarea.displayName = 'Textarea';\n//# sourceMappingURL=Textarea.js.map"],"names":["Textarea","React","forwardRef","props","ref","state","useTextarea_unstable","useTextareaStyles_unstable","useCustomStyleHook_unstable","renderTextarea_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;gCACiB;6BACH;yCACM;qCACC;AAIrC,MAAMA,WAAW,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACpE,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1CG,IAAAA,mDAA0B,EAACF;IAC3BG,IAAAA,gDAA2B,EAAC,8BAA8BH;IAC1D,OAAOI,IAAAA,uCAAuB,EAACJ;AACjC;AACAL,SAASU,WAAW,GAAG,YACvB,oCAAoC"}
package/lib-commonjs/components/Textarea/index.js CHANGED
@@ -7,7 +7,7 @@ _exportStar(require("./Textarea"), exports);
7
7
  _exportStar(require("./Textarea.types"), exports);
8
8
  _exportStar(require("./renderTextarea"), exports);
9
9
  _exportStar(require("./useTextarea"), exports);
10
- _exportStar(require("./useTextareaStyles"), exports);
10
+ _exportStar(require("./useTextareaStyles.styles"), exports);
11
11
  //# sourceMappingURL=index.js.map
12
12
 
13
13
  //# sourceMappingURL=index.js.map
package/lib-commonjs/components/Textarea/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Textarea/index.js"],"sourcesContent":["export * from './Textarea';\nexport * from './Textarea.types';\nexport * from './renderTextarea';\nexport * from './useTextarea';\nexport * from './useTextareaStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["../../../lib/components/Textarea/index.js"],"sourcesContent":["export * from './Textarea';\nexport * from './Textarea.types';\nexport * from './renderTextarea';\nexport * from './useTextarea';\nexport * from './useTextareaStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
package/lib-commonjs/components/Textarea/{useTextareaStyles.js → useTextareaStyles.styles.js} RENAMED
@@ -758,6 +758,6 @@ const useTextareaStyles_unstable = (state)=>{
758
758
  const textareaResizeStyles = useTextareaResizeStyles();
759
759
  state.textarea.className = (0, _react.mergeClasses)(textareaClassNames.textarea, textareaStyles.base, textareaStyles[size], textareaResizeStyles[resize], state.textarea.className);
760
760
  return state;
761
- }; //# sourceMappingURL=useTextareaStyles.js.map
761
+ }; //# sourceMappingURL=useTextareaStyles.styles.js.map
762
762
 
763
- //# sourceMappingURL=useTextareaStyles.js.map
763
+ //# sourceMappingURL=useTextareaStyles.styles.js.map
package/lib-commonjs/components/Textarea/useTextareaStyles.styles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../lib/components/Textarea/useTextareaStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const textareaClassNames = {\n root: 'fui-Textarea',\n textarea: 'fui-Textarea__textarea'\n};\nconst textareaHeight = {\n small: '24px',\n medium: '32px',\n large: '40px'\n};\n/**\n * Styles for the root(wrapper) slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n B7ck84d: \"f1ewtqcl\",\n qhf8xq: \"f10pi13n\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1ean75l\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n },\n disabled: {\n De3pzq: \"f1c21dwh\",\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"f1jj8ep1\",\n h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n B9xav0g: \"f4ikngz\",\n zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n luzg7z: \"f156r3ny\",\n B1sv8sq: \"f1tglsy2\",\n Bjwas2f: \"fg455y9\",\n Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n Bxeuatn: \"f1cwzwz\",\n n51gp8: [\"f14g86mu\", \"f1rvyvqg\"]\n },\n interactive: {\n li1rpt: \"f1gw3sf2\",\n Bsft5z2: \"f13zj6fq\",\n E3zdtr: \"f1mdlcz9\",\n Eqx8gd: [\"f1a7op3\", \"f1cjjd47\"],\n By385i5: \"f1gboi2j\",\n B1piin3: [\"f1cjjd47\", \"f1a7op3\"],\n Dlnsje: \"ffyw7fx\",\n d9w3h3: [\"f1kp91vd\", \"f1ibwz09\"],\n B3778ie: [\"f1ibwz09\", \"f1kp91vd\"],\n Bcgy8vk: \"f14pi962\",\n Bw17bha: \"f1lh990p\",\n B1q35kw: \"f1jc6hxc\",\n Gjdm7m: \"fj2g8qd\",\n b1kco5: \"f1yk9hq\",\n Ba2ppi3: \"fhwpy7i\",\n F2fol1: \"f14ee0xe\",\n lck23g: \"f1xhbsuh\",\n df92cz: \"fv8e3ye\",\n I188md: \"ftb5wc6\",\n umuwi5: \"fjw5xc1\",\n Blcqepd: \"f1xdyd5c\",\n nplu4u: \"fatpbeo\",\n Bioka5o: \"fb7uyps\",\n H713fs: \"f1cmft4k\",\n B9ooomg: \"f1x58t8o\",\n Bercvud: \"f1ibeo51\",\n Bbr2w1p: \"f1vnc8sk\",\n Bduesf4: \"f3e99gv\",\n Bpq79vn: \"fhljsf7\"\n },\n filled: {\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"fghlq4f\",\n h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n B9xav0g: \"fb073pr\",\n zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n q7v0qe: \"ftmjh5b\",\n kmh5ft: [\"f17blpuu\", \"fsrcdbj\"],\n nagaa4: \"f1tpwn32\",\n B1yhkcb: [\"fsrcdbj\", \"f17blpuu\"]\n },\n \"filled-darker\": {\n De3pzq: \"f16xq7d1\"\n },\n \"filled-lighter\": {\n De3pzq: \"fxugw4r\"\n },\n \"filled-darker-shadow\": {\n De3pzq: \"f16xq7d1\",\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"f1bh3yvw\",\n h3c5rm: [\"fmi79ni\", \"f11fozsx\"],\n B9xav0g: \"fnzw4c6\",\n zhjwy3: [\"f11fozsx\", \"fmi79ni\"],\n E5pizo: \"fyed02w\"\n },\n \"filled-lighter-shadow\": {\n De3pzq: \"fxugw4r\",\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"f1bh3yvw\",\n h3c5rm: [\"fmi79ni\", \"f11fozsx\"],\n B9xav0g: \"fnzw4c6\",\n zhjwy3: [\"f11fozsx\", \"fmi79ni\"],\n E5pizo: \"fyed02w\"\n },\n outline: {\n De3pzq: \"fxugw4r\",\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"fj3muxo\",\n h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n B9xav0g: \"f1c1zstj\",\n zhjwy3: [\"f1lxtadh\", \"f1akhkt\"]\n },\n outlineInteractive: {\n ckks6v: \"f7ic3uo\",\n B2zwrfe: [\"f1omjgsz\", \"f1snvl17\"],\n xv9156: \"fn6xmsl\",\n dt87k2: [\"f1snvl17\", \"f1omjgsz\"],\n Bf40cpq: \"f1sn8sm0\",\n Bop6t4b: [\"f1wovo5e\", \"f716mnf\"],\n gvrnp0: \"fm0h710\",\n Beu9t3s: [\"f716mnf\", \"f1wovo5e\"],\n Bgoe8wy: \"fvcxoqz\",\n Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n oetu4i: \"f1l4zc64\",\n gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n uqwnxt: \"fk7lb2a\",\n Bvecx4l: [\"f1knhbbd\", \"f17itt0b\"],\n Bs0cc2w: \"f15pjvi3\",\n e1hlit: [\"f17itt0b\", \"f1knhbbd\"],\n e2sjt0: \"f6ginmj\",\n Bbcopvn: [\"f1grcyuh\", \"fgzu20w\"],\n Bj33j0h: \"fk1xjsr\",\n f7epvg: [\"fgzu20w\", \"f1grcyuh\"],\n B6oc9vd: \"fvs00aa\",\n ak43y8: [\"f1assf6x\", \"f4ruux4\"],\n wmxk5l: \"f1z0osm6\",\n B50zh58: [\"f4ruux4\", \"f1assf6x\"],\n Bbs6y8j: \"fu7v4fk\",\n rexu52: [\"f1fnaxjy\", \"fwory1w\"],\n B7pmvfx: \"f7hodha\",\n Belqbek: [\"fwory1w\", \"f1fnaxjy\"],\n Bawrxx6: \"f8jkv7v\",\n r7b1zc: [\"f1f3jaeo\", \"fh8au0q\"],\n Bt3ojkv: \"f19usxel\",\n t1ykpo: [\"fh8au0q\", \"f1f3jaeo\"],\n Bvq3b66: \"f12oevn0\",\n Brahy3i: [\"fvdgz8d\", \"f1cq0lt5\"],\n zoxjo1: \"f1so894s\",\n an54nd: [\"f1cq0lt5\", \"fvdgz8d\"]\n },\n invalid: {\n tvckwq: \"fs4k3qj\",\n gk2u95: [\"fcee079\", \"fmyw78r\"],\n hhx65j: \"f1fgmyf4\",\n Bxowmz0: [\"fmyw78r\", \"fcee079\"]\n }\n}, {\n d: [\".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f10pi13n{position:relative;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1ean75l{padding-bottom:var(--strokeWidthThick);}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".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);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".f156r3ny>textarea{cursor:not-allowed;}\", \".f1tglsy2>textarea::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}\", \".f1tglsy2>textarea::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1mdlcz9::after{position:absolute;}\", \".f1a7op3::after{left:-1px;}\", \".f1cjjd47::after{right:-1px;}\", \".f1gboi2j::after{bottom:-1px;}\", \".ffyw7fx::after{height:max(var(--strokeWidthThick), var(--borderRadiusMedium));}\", \".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f14pi962::after{border-bottom-width:var(--strokeWidthThick);}\", \".f1lh990p::after{border-bottom-style:solid;}\", \".f1jc6hxc::after{border-bottom-color:var(--colorCompoundBrandStroke);}\", \".fj2g8qd::after{-webkit-clip-path:inset(calc(100% - var(--strokeWidthThick)) 0 0 0);clip-path:inset(calc(100% - var(--strokeWidthThick)) 0 0 0);}\", \".f1yk9hq::after{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}\", \".fhwpy7i::after{transition-property:transform;}\", \".f14ee0xe::after{transition-duration:var(--durationUltraFast);}\", \".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}\", \".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);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f1bh3yvw{border-top-color:var(--colorTransparentStrokeInteractive);}\", \".fmi79ni{border-right-color:var(--colorTransparentStrokeInteractive);}\", \".f11fozsx{border-left-color:var(--colorTransparentStrokeInteractive);}\", \".fnzw4c6{border-bottom-color:var(--colorTransparentStrokeInteractive);}\", \".fyed02w{box-shadow:var(--shadow2);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".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);}\"],\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 }], [\"@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.ftb5wc6::after{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1cmft4k:focus-within::after{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1x58t8o:focus-within::after{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]],\n w: [\".fjw5xc1:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}\", \".f1xdyd5c:focus-within::after{transition-property:transform;}\", \".fatpbeo:focus-within::after{transition-duration:var(--durationNormal);}\", \".fb7uyps:focus-within::after{transition-delay:var(--curveDecelerateMid);}\", \".f1ibeo51:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}\", \".f1vnc8sk:focus-within{outline-width:var(--strokeWidthThick);}\", \".f3e99gv:focus-within{outline-style:solid;}\", \".fhljsf7:focus-within{outline-color:transparent;}\", \".fu7v4fk:focus-within{border-top-width:var(--strokeWidthThin);}\", \".f1fnaxjy:focus-within{border-right-width:var(--strokeWidthThin);}\", \".fwory1w:focus-within{border-left-width:var(--strokeWidthThin);}\", \".f7hodha:focus-within{border-bottom-width:var(--strokeWidthThin);}\", \".f8jkv7v:focus-within{border-top-style:solid;}\", \".f1f3jaeo:focus-within{border-right-style:solid;}\", \".fh8au0q:focus-within{border-left-style:solid;}\", \".f19usxel:focus-within{border-bottom-style:solid;}\", \".f12oevn0:focus-within{border-top-color:var(--colorNeutralStroke1);}\", \".fvdgz8d:focus-within{border-right-color:var(--colorNeutralStroke1);}\", \".f1cq0lt5:focus-within{border-left-color:var(--colorNeutralStroke1);}\", \".f1so894s:focus-within{border-bottom-color:var(--colorCompoundBrandStroke);}\"],\n h: [\".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);}\", \".f7ic3uo:hover{border-top-width:var(--strokeWidthThin);}\", \".f1omjgsz:hover{border-right-width:var(--strokeWidthThin);}\", \".f1snvl17:hover{border-left-width:var(--strokeWidthThin);}\", \".fn6xmsl:hover{border-bottom-width:var(--strokeWidthThin);}\", \".f1sn8sm0:hover{border-top-style:solid;}\", \".f1wovo5e:hover{border-right-style:solid;}\", \".f716mnf:hover{border-left-style:solid;}\", \".fm0h710:hover{border-bottom-style:solid;}\", \".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);}\"],\n a: [\".fk7lb2a:active{border-top-width:var(--strokeWidthThin);}\", \".f1knhbbd:active{border-right-width:var(--strokeWidthThin);}\", \".f17itt0b:active{border-left-width:var(--strokeWidthThin);}\", \".f15pjvi3:active{border-bottom-width:var(--strokeWidthThin);}\", \".f6ginmj:active{border-top-style:solid;}\", \".f1grcyuh:active{border-right-style:solid;}\", \".fgzu20w:active{border-left-style:solid;}\", \".fk1xjsr:active{border-bottom-style:solid;}\", \".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f1z0osm6:active{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}\"]\n});\n/**\n * Styles for the textarea slot\n */\nconst useTextareaStyles = /*#__PURE__*/__styles({\n base: {\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n De3pzq: \"f3rmtva\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"f19n0e5\",\n Bh6795r: \"fqerorx\",\n Bahqtrf: \"fk6fouc\",\n Bqenvij: \"f1l02sjl\",\n Bxyxcbc: \"f1immsc2\",\n yvdlaj: \"fwyc1cq\",\n B3o7kgh: \"f13ta7ih\",\n B4brmom: \"f1vw9udw\",\n Brrnbx2: \"fbb3kq8\",\n oeaueh: \"f1s6fcnf\"\n },\n small: {\n Bqenvij: \"frvgh55\",\n sshi5w: \"f1w5jphr\",\n z8tnut: \"f1ywm7hm\",\n z189sj: [\"fqznh8f\", \"f1xile11\"],\n Byoj8tv: \"f14wxoun\",\n uwmqm3: [\"f1xile11\", \"fqznh8f\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n medium: {\n Bqenvij: \"f1d2rq10\",\n sshi5w: \"fvmd9f\",\n z8tnut: \"fp2oml8\",\n z189sj: [\"f135dnwl\", \"f1e60jzv\"],\n Byoj8tv: \"f1tdddsa\",\n uwmqm3: [\"f1e60jzv\", \"f135dnwl\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n },\n large: {\n Bqenvij: \"fbhnoac\",\n sshi5w: \"f1kfson\",\n z8tnut: \"f1kwiid1\",\n z189sj: [\"fcgl2c4\", \"f1anj20m\"],\n Byoj8tv: \"f5b47ha\",\n uwmqm3: [\"f1anj20m\", \"fcgl2c4\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"faaz57k\"\n }\n}, {\n d: [\".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f3rmtva{background-color:transparent;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f1l02sjl{height:100%;}\", \".f1immsc2{max-height:100%;}\", \".fwyc1cq::-webkit-input-placeholder{color:var(--colorNeutralForeground4);}\", \".fwyc1cq::-moz-placeholder{color:var(--colorNeutralForeground4);}\", \".f13ta7ih::-webkit-input-placeholder{opacity:1;}\", \".f13ta7ih::-moz-placeholder{opacity:1;}\", \".f1vw9udw::selection{color:var(--colorNeutralForegroundInverted);}\", \".fbb3kq8::selection{background-color:var(--colorNeutralBackgroundInverted);}\", \".f1s6fcnf{outline-style:none;}\", \".frvgh55{height:24px;}\", \".f1w5jphr{min-height:40px;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1d2rq10{height:32px;}\", \".fvmd9f{min-height:52px;}\", \".fp2oml8{padding-top:var(--spacingVerticalSNudge);}\", \".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f1tdddsa{padding-bottom:var(--spacingVerticalSNudge);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fbhnoac{height:40px;}\", \".f1kfson{min-height:64px;}\", \".f1kwiid1{padding-top:var(--spacingVerticalS);}\", \".fcgl2c4{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalXXS));}\", \".f1anj20m{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalXXS));}\", \".f5b47ha{padding-bottom:var(--spacingVerticalS);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\"]\n});\n/**\n * Styles for the textarea's resize property\n */\nconst useTextareaResizeStyles = /*#__PURE__*/__styles({\n none: {\n B3rzk8w: \"f1o1s39h\"\n },\n both: {\n B3rzk8w: \"f1pxm0xe\"\n },\n horizontal: {\n B3rzk8w: \"fq6nmtn\"\n },\n vertical: {\n B3rzk8w: \"f1f5ktr4\"\n }\n}, {\n d: [\".f1o1s39h{resize:none;}\", \".f1pxm0xe{resize:both;}\", \".fq6nmtn{resize:horizontal;}\", \".f1f5ktr4{resize:vertical;}\"]\n});\n/**\n * Apply styling to the Textarea slots based on the state\n */\nexport const useTextareaStyles_unstable = state => {\n const {\n size,\n appearance,\n resize\n } = state;\n const disabled = state.textarea.disabled;\n const invalid = `${state.textarea['aria-invalid']}` === 'true';\n const filled = appearance.startsWith('filled');\n const rootStyles = useRootStyles();\n state.root.className = mergeClasses(textareaClassNames.root, rootStyles.base, rootStyles[appearance], filled && rootStyles.filled, disabled && rootStyles.disabled, !disabled && rootStyles.interactive, !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && invalid && rootStyles.invalid, state.root.className);\n const textareaStyles = useTextareaStyles();\n const textareaResizeStyles = useTextareaResizeStyles();\n state.textarea.className = mergeClasses(textareaClassNames.textarea, textareaStyles.base, textareaStyles[size], textareaResizeStyles[resize], state.textarea.className);\n return state;\n};\n//# sourceMappingURL=useTextareaStyles.styles.js.map"],"names":["textareaClassNames","useTextareaStyles_unstable","root","textarea","textareaHeight","small","medium","large","useRootStyles","__styles","base","mc9l5x","B7ck84d","qhf8xq","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","disabled","De3pzq","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","luzg7z","B1sv8sq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","interactive","li1rpt","Bsft5z2","E3zdtr","Eqx8gd","By385i5","B1piin3","Dlnsje","d9w3h3","B3778ie","Bcgy8vk","Bw17bha","B1q35kw","Gjdm7m","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","Bercvud","Bbr2w1p","Bduesf4","Bpq79vn","filled","q7v0qe","kmh5ft","nagaa4","B1yhkcb","E5pizo","outline","outlineInteractive","ckks6v","B2zwrfe","xv9156","dt87k2","Bf40cpq","Bop6t4b","gvrnp0","Beu9t3s","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","uqwnxt","Bvecx4l","Bs0cc2w","e1hlit","e2sjt0","Bbcopvn","Bj33j0h","f7epvg","B6oc9vd","ak43y8","wmxk5l","B50zh58","Bbs6y8j","rexu52","B7pmvfx","Belqbek","Bawrxx6","r7b1zc","Bt3ojkv","t1ykpo","Bvq3b66","Brahy3i","zoxjo1","an54nd","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","d","m","w","h","a","useTextareaStyles","sj55zd","Bh6795r","Bahqtrf","Bqenvij","Bxyxcbc","yvdlaj","B3o7kgh","B4brmom","Brrnbx2","oeaueh","sshi5w","Be2twd7","Bhrd7zp","Bg96gwp","useTextareaResizeStyles","none","B3rzk8w","both","horizontal","vertical","state","size","appearance","resize","startsWith","rootStyles","className","mergeClasses","textareaStyles","textareaResizeStyles"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-textarea",
3
- "version": "9.3.11",
3
+ "version": "9.3.12",
4
4
  "description": "Fluent UI TextArea component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -27,16 +27,16 @@
27
27
  "devDependencies": {
28
28
  "@fluentui/eslint-plugin": "*",
29
29
  "@fluentui/react-conformance": "*",
30
- "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
30
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.21",
31
31
  "@fluentui/scripts-api-extractor": "*",
32
32
  "@fluentui/scripts-tasks": "*"
33
33
  },
34
34
  "dependencies": {
35
- "@fluentui/react-field": "^9.1.1",
36
- "@fluentui/react-shared-contexts": "^9.3.3",
37
- "@fluentui/react-theme": "^9.1.7",
38
- "@fluentui/react-utilities": "^9.8.0",
39
- "@fluentui/react-jsx-runtime": "9.0.0-alpha.2",
35
+ "@fluentui/react-field": "^9.1.2",
36
+ "@fluentui/react-shared-contexts": "^9.4.0",
37
+ "@fluentui/react-theme": "^9.1.8",
38
+ "@fluentui/react-utilities": "^9.8.1",
39
+ "@fluentui/react-jsx-runtime": "9.0.0-alpha.3",
40
40
  "@griffel/react": "^1.5.2",
41
41
  "@swc/helpers": "^0.4.14"
42
42
  },
package/.swcrc DELETED
@@ -1,30 +0,0 @@
1
- {
2
- "$schema": "https://json.schemastore.org/swcrc",
3
- "exclude": [
4
- "/testing",
5
- "/**/*.cy.ts",
6
- "/**/*.cy.tsx",
7
- "/**/*.spec.ts",
8
- "/**/*.spec.tsx",
9
- "/**/*.test.ts",
10
- "/**/*.test.tsx"
11
- ],
12
- "jsc": {
13
- "parser": {
14
- "syntax": "typescript",
15
- "tsx": true,
16
- "decorators": false,
17
- "dynamicImport": false
18
- },
19
- "externalHelpers": true,
20
- "transform": {
21
- "react": {
22
- "runtime": "classic",
23
- "useSpread": true
24
- }
25
- },
26
- "target": "es2019"
27
- },
28
- "minify": false,
29
- "sourceMaps": true
30
- }
package/lib/components/Textarea/useTextareaStyles.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","textareaClassNames","root","textarea","textareaHeight","small","medium","large","useRootStyles","base","mc9l5x","B7ck84d","qhf8xq","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","disabled","De3pzq","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","luzg7z","B1sv8sq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","interactive","li1rpt","Bsft5z2","E3zdtr","Eqx8gd","By385i5","B1piin3","Dlnsje","d9w3h3","B3778ie","Bcgy8vk","Bw17bha","B1q35kw","Gjdm7m","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","Bercvud","Bbr2w1p","Bduesf4","Bpq79vn","filled","q7v0qe","kmh5ft","nagaa4","B1yhkcb","E5pizo","outline","outlineInteractive","ckks6v","B2zwrfe","xv9156","dt87k2","Bf40cpq","Bop6t4b","gvrnp0","Beu9t3s","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","uqwnxt","Bvecx4l","Bs0cc2w","e1hlit","e2sjt0","Bbcopvn","Bj33j0h","f7epvg","B6oc9vd","ak43y8","wmxk5l","B50zh58","Bbs6y8j","rexu52","B7pmvfx","Belqbek","Bawrxx6","r7b1zc","Bt3ojkv","t1ykpo","Bvq3b66","Brahy3i","zoxjo1","an54nd","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","d","m","w","h","a","useTextareaStyles","sj55zd","Bh6795r","Bahqtrf","Bqenvij","Bxyxcbc","yvdlaj","B3o7kgh","B4brmom","Brrnbx2","oeaueh","sshi5w","Be2twd7","Bhrd7zp","Bg96gwp","useTextareaResizeStyles","none","B3rzk8w","both","horizontal","vertical","useTextareaStyles_unstable","state","size","appearance","resize","startsWith","rootStyles","className","textareaStyles","textareaResizeStyles"],"sources":["../../../src/components/Textarea/useTextareaStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextareaSlots, TextareaState } from './Textarea.types';\n\nexport const textareaClassNames: SlotClassNames<TextareaSlots> = {\n root: 'fui-Textarea',\n textarea: 'fui-Textarea__textarea',\n};\n\nconst textareaHeight = {\n small: '24px',\n medium: '32px',\n large: '40px',\n};\n\n/**\n * Styles for the root(wrapper) slot\n */\nconst useRootStyles = makeStyles({\n base: {\n display: 'inline-flex',\n boxSizing: 'border-box',\n position: 'relative',\n // Padding needed so the focus indicator does not overlap the resize handle, this should match focus indicator size.\n ...shorthands.padding('0', '0', tokens.strokeWidthThick, '0'),\n ...shorthands.margin('0'),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n },\n\n disabled: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n [`& > textarea`]: {\n cursor: 'not-allowed',\n '::placeholder': {\n color: tokens.colorNeutralForegroundDisabled,\n },\n },\n '@media (forced-colors: active)': {\n ...shorthands.borderColor('GrayText'),\n },\n },\n\n interactive: {\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(${tokens.strokeWidthThick}, ${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 ...shorthands.borderBottom(tokens.strokeWidthThick, 'solid', tokens.colorCompoundBrandStroke),\n clipPath: `inset(calc(100% - ${tokens.strokeWidthThick}) 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 outlineWidth: tokens.strokeWidthThick,\n outlineStyle: 'solid',\n outlineColor: 'transparent',\n },\n },\n\n filled: {\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStroke),\n ':hover,:focus-within': {\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\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 ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStrokeInteractive),\n boxShadow: tokens.shadow2,\n },\n 'filled-lighter-shadow': {\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStrokeInteractive),\n boxShadow: tokens.shadow2,\n },\n\n outline: {\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n borderBottomColor: tokens.colorNeutralStrokeAccessible,\n },\n outlineInteractive: {\n ':hover': {\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n borderBottomColor: tokens.colorNeutralStrokeAccessibleHover,\n },\n\n ':active': {\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n borderBottomColor: tokens.colorNeutralStrokeAccessiblePressed,\n },\n\n ':focus-within': {\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n borderBottomColor: tokens.colorCompoundBrandStroke,\n },\n },\n\n invalid: {\n ':not(:focus-within),:hover:not(:focus-within)': {\n ...shorthands.borderColor(tokens.colorPaletteRedBorder2),\n },\n },\n});\n\n/**\n * Styles for the textarea slot\n */\nconst useTextareaStyles = makeStyles({\n base: {\n ...shorthands.borderStyle('none'),\n ...shorthands.margin('0'),\n backgroundColor: 'transparent',\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground1,\n flexGrow: 1,\n fontFamily: tokens.fontFamilyBase,\n height: '100%',\n maxHeight: '100%',\n\n '::placeholder': {\n color: tokens.colorNeutralForeground4,\n opacity: 1,\n },\n\n '::selection': {\n color: tokens.colorNeutralForegroundInverted,\n backgroundColor: tokens.colorNeutralBackgroundInverted,\n },\n\n outlineStyle: 'none', // disable default browser outline\n },\n\n // The padding style adds both content and regular padding (from design spec), this is because the handle is not\n // affected by changing the padding of the root.\n small: {\n height: textareaHeight.small,\n minHeight: '40px',\n ...shorthands.padding(\n tokens.spacingVerticalXS,\n `calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`,\n ),\n ...typographyStyles.caption1,\n },\n medium: {\n height: textareaHeight.medium,\n minHeight: '52px',\n ...shorthands.padding(\n tokens.spacingVerticalSNudge,\n `calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`,\n ),\n ...typographyStyles.body1,\n },\n large: {\n height: textareaHeight.large,\n minHeight: '64px',\n ...shorthands.padding(\n tokens.spacingVerticalS,\n `calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalXXS})`,\n ),\n ...typographyStyles.body2,\n },\n});\n\n/**\n * Styles for the textarea's resize property\n */\nconst useTextareaResizeStyles = makeStyles({\n none: {\n resize: 'none',\n },\n both: {\n resize: 'both',\n },\n horizontal: {\n resize: 'horizontal',\n },\n vertical: {\n resize: 'vertical',\n },\n});\n\n/**\n * Apply styling to the Textarea slots based on the state\n */\nexport const useTextareaStyles_unstable = (state: TextareaState): TextareaState => {\n const { size, appearance, resize } = state;\n const disabled = state.textarea.disabled;\n const invalid = `${state.textarea['aria-invalid']}` === 'true';\n const filled = appearance.startsWith('filled');\n\n const rootStyles = useRootStyles();\n state.root.className = mergeClasses(\n textareaClassNames.root,\n rootStyles.base,\n rootStyles[appearance],\n filled && rootStyles.filled,\n disabled && rootStyles.disabled,\n !disabled && rootStyles.interactive,\n !disabled && appearance === 'outline' && rootStyles.outlineInteractive,\n !disabled && invalid && rootStyles.invalid,\n state.root.className,\n );\n\n const textareaStyles = useTextareaStyles();\n const textareaResizeStyles = useTextareaResizeStyles();\n state.textarea.className = mergeClasses(\n textareaClassNames.textarea,\n textareaStyles.base,\n textareaStyles[size],\n textareaResizeStyles[resize],\n state.textarea.className,\n );\n\n return state;\n};\n"],"mappings":"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"}
package/lib-commonjs/components/Textarea/useTextareaStyles.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../lib/components/Textarea/useTextareaStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const textareaClassNames = {\n root: 'fui-Textarea',\n textarea: 'fui-Textarea__textarea'\n};\nconst textareaHeight = {\n small: '24px',\n medium: '32px',\n large: '40px'\n};\n/**\n * Styles for the root(wrapper) slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n B7ck84d: \"f1ewtqcl\",\n qhf8xq: \"f10pi13n\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1ean75l\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n },\n disabled: {\n De3pzq: \"f1c21dwh\",\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"f1jj8ep1\",\n h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n B9xav0g: \"f4ikngz\",\n zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n luzg7z: \"f156r3ny\",\n B1sv8sq: \"f1tglsy2\",\n Bjwas2f: \"fg455y9\",\n Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n Bxeuatn: \"f1cwzwz\",\n n51gp8: [\"f14g86mu\", \"f1rvyvqg\"]\n },\n interactive: {\n li1rpt: \"f1gw3sf2\",\n Bsft5z2: \"f13zj6fq\",\n E3zdtr: \"f1mdlcz9\",\n Eqx8gd: [\"f1a7op3\", \"f1cjjd47\"],\n By385i5: \"f1gboi2j\",\n B1piin3: [\"f1cjjd47\", \"f1a7op3\"],\n Dlnsje: \"ffyw7fx\",\n d9w3h3: [\"f1kp91vd\", \"f1ibwz09\"],\n B3778ie: [\"f1ibwz09\", \"f1kp91vd\"],\n Bcgy8vk: \"f14pi962\",\n Bw17bha: \"f1lh990p\",\n B1q35kw: \"f1jc6hxc\",\n Gjdm7m: \"fj2g8qd\",\n b1kco5: \"f1yk9hq\",\n Ba2ppi3: \"fhwpy7i\",\n F2fol1: \"f14ee0xe\",\n lck23g: \"f1xhbsuh\",\n df92cz: \"fv8e3ye\",\n I188md: \"ftb5wc6\",\n umuwi5: \"fjw5xc1\",\n Blcqepd: \"f1xdyd5c\",\n nplu4u: \"fatpbeo\",\n Bioka5o: \"fb7uyps\",\n H713fs: \"f1cmft4k\",\n B9ooomg: \"f1x58t8o\",\n Bercvud: \"f1ibeo51\",\n Bbr2w1p: \"f1vnc8sk\",\n Bduesf4: \"f3e99gv\",\n Bpq79vn: \"fhljsf7\"\n },\n filled: {\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"fghlq4f\",\n h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n B9xav0g: \"fb073pr\",\n zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n q7v0qe: \"ftmjh5b\",\n kmh5ft: [\"f17blpuu\", \"fsrcdbj\"],\n nagaa4: \"f1tpwn32\",\n B1yhkcb: [\"fsrcdbj\", \"f17blpuu\"]\n },\n \"filled-darker\": {\n De3pzq: \"f16xq7d1\"\n },\n \"filled-lighter\": {\n De3pzq: \"fxugw4r\"\n },\n \"filled-darker-shadow\": {\n De3pzq: \"f16xq7d1\",\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"f1bh3yvw\",\n h3c5rm: [\"fmi79ni\", \"f11fozsx\"],\n B9xav0g: \"fnzw4c6\",\n zhjwy3: [\"f11fozsx\", \"fmi79ni\"],\n E5pizo: \"fyed02w\"\n },\n \"filled-lighter-shadow\": {\n De3pzq: \"fxugw4r\",\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"f1bh3yvw\",\n h3c5rm: [\"fmi79ni\", \"f11fozsx\"],\n B9xav0g: \"fnzw4c6\",\n zhjwy3: [\"f11fozsx\", \"fmi79ni\"],\n E5pizo: \"fyed02w\"\n },\n outline: {\n De3pzq: \"fxugw4r\",\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"fj3muxo\",\n h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n B9xav0g: \"f1c1zstj\",\n zhjwy3: [\"f1lxtadh\", \"f1akhkt\"]\n },\n outlineInteractive: {\n ckks6v: \"f7ic3uo\",\n B2zwrfe: [\"f1omjgsz\", \"f1snvl17\"],\n xv9156: \"fn6xmsl\",\n dt87k2: [\"f1snvl17\", \"f1omjgsz\"],\n Bf40cpq: \"f1sn8sm0\",\n Bop6t4b: [\"f1wovo5e\", \"f716mnf\"],\n gvrnp0: \"fm0h710\",\n Beu9t3s: [\"f716mnf\", \"f1wovo5e\"],\n Bgoe8wy: \"fvcxoqz\",\n Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n oetu4i: \"f1l4zc64\",\n gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n uqwnxt: \"fk7lb2a\",\n Bvecx4l: [\"f1knhbbd\", \"f17itt0b\"],\n Bs0cc2w: \"f15pjvi3\",\n e1hlit: [\"f17itt0b\", \"f1knhbbd\"],\n e2sjt0: \"f6ginmj\",\n Bbcopvn: [\"f1grcyuh\", \"fgzu20w\"],\n Bj33j0h: \"fk1xjsr\",\n f7epvg: [\"fgzu20w\", \"f1grcyuh\"],\n B6oc9vd: \"fvs00aa\",\n ak43y8: [\"f1assf6x\", \"f4ruux4\"],\n wmxk5l: \"f1z0osm6\",\n B50zh58: [\"f4ruux4\", \"f1assf6x\"],\n Bbs6y8j: \"fu7v4fk\",\n rexu52: [\"f1fnaxjy\", \"fwory1w\"],\n B7pmvfx: \"f7hodha\",\n Belqbek: [\"fwory1w\", \"f1fnaxjy\"],\n Bawrxx6: \"f8jkv7v\",\n r7b1zc: [\"f1f3jaeo\", \"fh8au0q\"],\n Bt3ojkv: \"f19usxel\",\n t1ykpo: [\"fh8au0q\", \"f1f3jaeo\"],\n Bvq3b66: \"f12oevn0\",\n Brahy3i: [\"fvdgz8d\", \"f1cq0lt5\"],\n zoxjo1: \"f1so894s\",\n an54nd: [\"f1cq0lt5\", \"fvdgz8d\"]\n },\n invalid: {\n tvckwq: \"fs4k3qj\",\n gk2u95: [\"fcee079\", \"fmyw78r\"],\n hhx65j: \"f1fgmyf4\",\n Bxowmz0: [\"fmyw78r\", \"fcee079\"]\n }\n}, {\n d: [\".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f10pi13n{position:relative;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1ean75l{padding-bottom:var(--strokeWidthThick);}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".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);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".f156r3ny>textarea{cursor:not-allowed;}\", \".f1tglsy2>textarea::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}\", \".f1tglsy2>textarea::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1mdlcz9::after{position:absolute;}\", \".f1a7op3::after{left:-1px;}\", \".f1cjjd47::after{right:-1px;}\", \".f1gboi2j::after{bottom:-1px;}\", \".ffyw7fx::after{height:max(var(--strokeWidthThick), var(--borderRadiusMedium));}\", \".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f14pi962::after{border-bottom-width:var(--strokeWidthThick);}\", \".f1lh990p::after{border-bottom-style:solid;}\", \".f1jc6hxc::after{border-bottom-color:var(--colorCompoundBrandStroke);}\", \".fj2g8qd::after{-webkit-clip-path:inset(calc(100% - var(--strokeWidthThick)) 0 0 0);clip-path:inset(calc(100% - var(--strokeWidthThick)) 0 0 0);}\", \".f1yk9hq::after{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}\", \".fhwpy7i::after{transition-property:transform;}\", \".f14ee0xe::after{transition-duration:var(--durationUltraFast);}\", \".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}\", \".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);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f1bh3yvw{border-top-color:var(--colorTransparentStrokeInteractive);}\", \".fmi79ni{border-right-color:var(--colorTransparentStrokeInteractive);}\", \".f11fozsx{border-left-color:var(--colorTransparentStrokeInteractive);}\", \".fnzw4c6{border-bottom-color:var(--colorTransparentStrokeInteractive);}\", \".fyed02w{box-shadow:var(--shadow2);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".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);}\"],\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 }], [\"@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.ftb5wc6::after{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1cmft4k:focus-within::after{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1x58t8o:focus-within::after{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]],\n w: [\".fjw5xc1:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}\", \".f1xdyd5c:focus-within::after{transition-property:transform;}\", \".fatpbeo:focus-within::after{transition-duration:var(--durationNormal);}\", \".fb7uyps:focus-within::after{transition-delay:var(--curveDecelerateMid);}\", \".f1ibeo51:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}\", \".f1vnc8sk:focus-within{outline-width:var(--strokeWidthThick);}\", \".f3e99gv:focus-within{outline-style:solid;}\", \".fhljsf7:focus-within{outline-color:transparent;}\", \".fu7v4fk:focus-within{border-top-width:var(--strokeWidthThin);}\", \".f1fnaxjy:focus-within{border-right-width:var(--strokeWidthThin);}\", \".fwory1w:focus-within{border-left-width:var(--strokeWidthThin);}\", \".f7hodha:focus-within{border-bottom-width:var(--strokeWidthThin);}\", \".f8jkv7v:focus-within{border-top-style:solid;}\", \".f1f3jaeo:focus-within{border-right-style:solid;}\", \".fh8au0q:focus-within{border-left-style:solid;}\", \".f19usxel:focus-within{border-bottom-style:solid;}\", \".f12oevn0:focus-within{border-top-color:var(--colorNeutralStroke1);}\", \".fvdgz8d:focus-within{border-right-color:var(--colorNeutralStroke1);}\", \".f1cq0lt5:focus-within{border-left-color:var(--colorNeutralStroke1);}\", \".f1so894s:focus-within{border-bottom-color:var(--colorCompoundBrandStroke);}\"],\n h: [\".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);}\", \".f7ic3uo:hover{border-top-width:var(--strokeWidthThin);}\", \".f1omjgsz:hover{border-right-width:var(--strokeWidthThin);}\", \".f1snvl17:hover{border-left-width:var(--strokeWidthThin);}\", \".fn6xmsl:hover{border-bottom-width:var(--strokeWidthThin);}\", \".f1sn8sm0:hover{border-top-style:solid;}\", \".f1wovo5e:hover{border-right-style:solid;}\", \".f716mnf:hover{border-left-style:solid;}\", \".fm0h710:hover{border-bottom-style:solid;}\", \".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);}\"],\n a: [\".fk7lb2a:active{border-top-width:var(--strokeWidthThin);}\", \".f1knhbbd:active{border-right-width:var(--strokeWidthThin);}\", \".f17itt0b:active{border-left-width:var(--strokeWidthThin);}\", \".f15pjvi3:active{border-bottom-width:var(--strokeWidthThin);}\", \".f6ginmj:active{border-top-style:solid;}\", \".f1grcyuh:active{border-right-style:solid;}\", \".fgzu20w:active{border-left-style:solid;}\", \".fk1xjsr:active{border-bottom-style:solid;}\", \".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f1z0osm6:active{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}\"]\n});\n/**\n * Styles for the textarea slot\n */\nconst useTextareaStyles = /*#__PURE__*/__styles({\n base: {\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n De3pzq: \"f3rmtva\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"f19n0e5\",\n Bh6795r: \"fqerorx\",\n Bahqtrf: \"fk6fouc\",\n Bqenvij: \"f1l02sjl\",\n Bxyxcbc: \"f1immsc2\",\n yvdlaj: \"fwyc1cq\",\n B3o7kgh: \"f13ta7ih\",\n B4brmom: \"f1vw9udw\",\n Brrnbx2: \"fbb3kq8\",\n oeaueh: \"f1s6fcnf\"\n },\n small: {\n Bqenvij: \"frvgh55\",\n sshi5w: \"f1w5jphr\",\n z8tnut: \"f1ywm7hm\",\n z189sj: [\"fqznh8f\", \"f1xile11\"],\n Byoj8tv: \"f14wxoun\",\n uwmqm3: [\"f1xile11\", \"fqznh8f\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n medium: {\n Bqenvij: \"f1d2rq10\",\n sshi5w: \"fvmd9f\",\n z8tnut: \"fp2oml8\",\n z189sj: [\"f135dnwl\", \"f1e60jzv\"],\n Byoj8tv: \"f1tdddsa\",\n uwmqm3: [\"f1e60jzv\", \"f135dnwl\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n },\n large: {\n Bqenvij: \"fbhnoac\",\n sshi5w: \"f1kfson\",\n z8tnut: \"f1kwiid1\",\n z189sj: [\"fcgl2c4\", \"f1anj20m\"],\n Byoj8tv: \"f5b47ha\",\n uwmqm3: [\"f1anj20m\", \"fcgl2c4\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"faaz57k\"\n }\n}, {\n d: [\".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f3rmtva{background-color:transparent;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f1l02sjl{height:100%;}\", \".f1immsc2{max-height:100%;}\", \".fwyc1cq::-webkit-input-placeholder{color:var(--colorNeutralForeground4);}\", \".fwyc1cq::-moz-placeholder{color:var(--colorNeutralForeground4);}\", \".f13ta7ih::-webkit-input-placeholder{opacity:1;}\", \".f13ta7ih::-moz-placeholder{opacity:1;}\", \".f1vw9udw::selection{color:var(--colorNeutralForegroundInverted);}\", \".fbb3kq8::selection{background-color:var(--colorNeutralBackgroundInverted);}\", \".f1s6fcnf{outline-style:none;}\", \".frvgh55{height:24px;}\", \".f1w5jphr{min-height:40px;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1d2rq10{height:32px;}\", \".fvmd9f{min-height:52px;}\", \".fp2oml8{padding-top:var(--spacingVerticalSNudge);}\", \".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f1tdddsa{padding-bottom:var(--spacingVerticalSNudge);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fbhnoac{height:40px;}\", \".f1kfson{min-height:64px;}\", \".f1kwiid1{padding-top:var(--spacingVerticalS);}\", \".fcgl2c4{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalXXS));}\", \".f1anj20m{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalXXS));}\", \".f5b47ha{padding-bottom:var(--spacingVerticalS);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\"]\n});\n/**\n * Styles for the textarea's resize property\n */\nconst useTextareaResizeStyles = /*#__PURE__*/__styles({\n none: {\n B3rzk8w: \"f1o1s39h\"\n },\n both: {\n B3rzk8w: \"f1pxm0xe\"\n },\n horizontal: {\n B3rzk8w: \"fq6nmtn\"\n },\n vertical: {\n B3rzk8w: \"f1f5ktr4\"\n }\n}, {\n d: [\".f1o1s39h{resize:none;}\", \".f1pxm0xe{resize:both;}\", \".fq6nmtn{resize:horizontal;}\", \".f1f5ktr4{resize:vertical;}\"]\n});\n/**\n * Apply styling to the Textarea slots based on the state\n */\nexport const useTextareaStyles_unstable = state => {\n const {\n size,\n appearance,\n resize\n } = state;\n const disabled = state.textarea.disabled;\n const invalid = `${state.textarea['aria-invalid']}` === 'true';\n const filled = appearance.startsWith('filled');\n const rootStyles = useRootStyles();\n state.root.className = mergeClasses(textareaClassNames.root, rootStyles.base, rootStyles[appearance], filled && rootStyles.filled, disabled && rootStyles.disabled, !disabled && rootStyles.interactive, !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && invalid && rootStyles.invalid, state.root.className);\n const textareaStyles = useTextareaStyles();\n const textareaResizeStyles = useTextareaResizeStyles();\n state.textarea.className = mergeClasses(textareaClassNames.textarea, textareaStyles.base, textareaStyles[size], textareaResizeStyles[resize], state.textarea.className);\n return state;\n};\n//# sourceMappingURL=useTextareaStyles.js.map"],"names":["textareaClassNames","useTextareaStyles_unstable","root","textarea","textareaHeight","small","medium","large","useRootStyles","__styles","base","mc9l5x","B7ck84d","qhf8xq","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","disabled","De3pzq","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","luzg7z","B1sv8sq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","interactive","li1rpt","Bsft5z2","E3zdtr","Eqx8gd","By385i5","B1piin3","Dlnsje","d9w3h3","B3778ie","Bcgy8vk","Bw17bha","B1q35kw","Gjdm7m","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","Bercvud","Bbr2w1p","Bduesf4","Bpq79vn","filled","q7v0qe","kmh5ft","nagaa4","B1yhkcb","E5pizo","outline","outlineInteractive","ckks6v","B2zwrfe","xv9156","dt87k2","Bf40cpq","Bop6t4b","gvrnp0","Beu9t3s","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","uqwnxt","Bvecx4l","Bs0cc2w","e1hlit","e2sjt0","Bbcopvn","Bj33j0h","f7epvg","B6oc9vd","ak43y8","wmxk5l","B50zh58","Bbs6y8j","rexu52","B7pmvfx","Belqbek","Bawrxx6","r7b1zc","Bt3ojkv","t1ykpo","Bvq3b66","Brahy3i","zoxjo1","an54nd","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","d","m","w","h","a","useTextareaStyles","sj55zd","Bh6795r","Bahqtrf","Bqenvij","Bxyxcbc","yvdlaj","B3o7kgh","B4brmom","Brrnbx2","oeaueh","sshi5w","Be2twd7","Bhrd7zp","Bg96gwp","useTextareaResizeStyles","none","B3rzk8w","both","horizontal","vertical","state","size","appearance","resize","startsWith","rootStyles","className","mergeClasses","textareaStyles","textareaResizeStyles"],"mappings":"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"}