@fluentui/react-spinbutton 9.2.75 → 9.2.77

package/CHANGELOG.md

@@ -1,18 +1,40 @@
 # Change Log - @fluentui/react-spinbutton
 
-This log was last generated on Thu, 16 May 2024 09:21:24 GMT and should not be manually modified.
+This log was last generated on Thu, 23 May 2024 07:57:59 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.77](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.77)
+
+Thu, 23 May 2024 07:57:59 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.2.76..@fluentui/react-spinbutton_v9.2.77)
+
+### Patches
+
+- chore: replace usage of .shorthands() in styles ([PR #31449](https://github.com/microsoft/fluentui/pull/31449) by olfedias@microsoft.com)
+
+## [9.2.76](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.76)
+
+Mon, 20 May 2024 12:45:04 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.2.75..@fluentui/react-spinbutton_v9.2.76)
+
+### Patches
+
+- chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
+- Bump @fluentui/react-field to v9.1.66 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.38 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.19.0 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
+- Bump @fluentui/react-utilities to v9.18.9 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
+
 ## [9.2.75](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.75)
 
-Thu, 16 May 2024 09:21:24 GMT 
+Thu, 16 May 2024 09:25:18 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.2.74..@fluentui/react-spinbutton_v9.2.75)
 
 ### Patches
 
 -  chore: Upgrade react-icons version to 2.0.239 to pick up provider export map fix. ([PR #31287](https://github.com/microsoft/fluentui/pull/31287) by ololubek@microsoft.com)
-- Bump @fluentui/react-field to v9.1.65 ([commit](https://github.com/microsoft/fluentui/commit/3ae9ed772fbcedeff1a76e154f6eb7d515785698) by beachball)
+- Bump @fluentui/react-field to v9.1.65 ([PR #31390](https://github.com/microsoft/fluentui/pull/31390) by beachball)
 
 ## [9.2.74](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.74)
 

package/lib/components/SpinButton/useSpinButtonStyles.styles.js

@@ -43,32 +43,39 @@ const useRootStyles = /*#__PURE__*/__styles({
     B4f6apu: ["faeg28l", "f64aojp"],
     y0oebl: "fdw6hkg",
     uvfttm: ["f64aojp", "faeg28l"],
-    Budzafs: ["f1vk4jnx", "f1v3v894"],
-    r59vdv: ["f1v3v894", "f1vk4jnx"],
-    n07z76: ["fzi2j54", "f1un0uoc"],
-    ck0cow: ["f1un0uoc", "fzi2j54"]
+    r59vdv: 0,
+    Budzafs: 0,
+    ck0cow: 0,
+    n07z76: 0,
+    Gng75u: "f1xyh2jw"
   },
   underlineInteractive: {
     Bx11ytk: "ffcnd28",
     xcfy85: "f1ipdth8",
-    B3778ie: ["f9pmbr4", "ffh3ws5"],
-    d9w3h3: ["ffh3ws5", "f9pmbr4"],
-    Bl18szs: ["f19438ov", "f1i9y5j"],
-    B4j8arr: ["f1i9y5j", "f19438ov"]
+    d9w3h3: 0,
+    B3778ie: 0,
+    B4j8arr: 0,
+    Bl18szs: 0,
+    Blrzh8d: "fkp7w9h"
   },
   filled: {
-    B0qfbqy: "f1fjh9ub",
-    B4f6apu: ["ff9c942", "f6rdg5o"],
-    y0oebl: "fdw6hkg",
-    uvfttm: ["f6rdg5o", "ff9c942"],
-    Bdkvgpv: "f163fonl",
-    m598lv: ["f1yq6w5o", "f1jpmc5p"],
-    qa3bma: "f11yjt3y",
-    Bbv0w2i: ["f1jpmc5p", "f1yq6w5o"],
-    Bq4z7u6: "f7dgwnz",
-    Bk5zm6e: ["f1edeodt", "fszsv3f"],
-    Bqjgrrk: "f1172wan",
-    Bm6vgfq: ["fszsv3f", "f1edeodt"]
+    Bcgcnre: 0,
+    Bqjgrrk: 0,
+    qa3bma: 0,
+    y0oebl: 0,
+    Biqmznv: 0,
+    Bm6vgfq: 0,
+    Bbv0w2i: 0,
+    uvfttm: 0,
+    eqrjj: 0,
+    Bk5zm6e: 0,
+    m598lv: 0,
+    B4f6apu: 0,
+    ydt019: 0,
+    Bq4z7u6: 0,
+    Bdkvgpv: 0,
+    B0qfbqy: 0,
+    kj8mxx: "f1kc0wz4"
   },
   "filled-darker": {
     De3pzq: "f16xq7d1"
@@ -101,7 +108,13 @@ const useRootStyles = /*#__PURE__*/__styles({
     Imo2if: ["frjp63v", "f1lclws"]
   }
 }, {
-  d: [".f1pha7fy{min-height:24px;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1o236ok::before{border-top-width:0;}", ".faeg28l::before{border-right-width:0;}", ".f64aojp::before{border-left-width:0;}", ".fdw6hkg::before{border-bottom-width:1px;}", ".f1vk4jnx::before{border-bottom-right-radius:var(--borderRadiusNone);}", ".f1v3v894::before{border-bottom-left-radius:var(--borderRadiusNone);}", ".fzi2j54::before{border-top-right-radius:var(--borderRadiusNone);}", ".f1un0uoc::before{border-top-left-radius:var(--borderRadiusNone);}", ".f9pmbr4::after{border-bottom-right-radius:var(--borderRadiusNone);}", ".ffh3ws5::after{border-bottom-left-radius:var(--borderRadiusNone);}", ".f19438ov::after{border-top-right-radius:var(--borderRadiusNone);}", ".f1i9y5j::after{border-top-left-radius:var(--borderRadiusNone);}", ".f1fjh9ub::before{border-top-width:1px;}", ".ff9c942::before{border-right-width:1px;}", ".f6rdg5o::before{border-left-width:1px;}", ".f163fonl::before{border-top-style:solid;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f11yjt3y::before{border-bottom-style:solid;}", ".f7dgwnz::before{border-top-color:var(--colorTransparentStroke);}", ".f1edeodt::before{border-right-color:var(--colorTransparentStroke);}", ".fszsv3f::before{border-left-color:var(--colorTransparentStroke);}", ".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}", ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fl48pg9:not(:focus-within)::before,.fl48pg9:hover:not(:focus-within)::before{border-top-color:var(--colorPaletteRedBorder2);}", ".f1a168p3:not(:focus-within)::before,.f1a168p3:hover:not(:focus-within)::before{border-right-color:var(--colorPaletteRedBorder2);}", ".f1pvdymy:not(:focus-within)::before,.f1pvdymy:hover:not(:focus-within)::before{border-left-color:var(--colorPaletteRedBorder2);}", ".f11knvgl:not(:focus-within)::before,.f11knvgl:hover:not(:focus-within)::before{border-bottom-color:var(--colorPaletteRedBorder2);}", ".fdrzuqr{cursor:not-allowed;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1a0lfh7::before{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1p2ejm6::before{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fmzytvz::before{border-left-color:var(--colorNeutralStrokeDisabled);}", ".fas2e61::before{border-bottom-color:var(--colorNeutralStrokeDisabled);}"],
+  d: [".f1pha7fy{min-height:24px;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1o236ok::before{border-top-width:0;}", ".faeg28l::before{border-right-width:0;}", ".f64aojp::before{border-left-width:0;}", ".fdw6hkg::before{border-bottom-width:1px;}", [".f1xyh2jw::before{border-radius:var(--borderRadiusNone);}", {
+    p: -1
+  }], [".fkp7w9h::after{border-radius:var(--borderRadiusNone);}", {
+    p: -1
+  }], [".f1kc0wz4::before{border:1px solid var(--colorTransparentStroke);}", {
+    p: -2
+  }], ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fl48pg9:not(:focus-within)::before,.fl48pg9:hover:not(:focus-within)::before{border-top-color:var(--colorPaletteRedBorder2);}", ".f1a168p3:not(:focus-within)::before,.f1a168p3:hover:not(:focus-within)::before{border-right-color:var(--colorPaletteRedBorder2);}", ".f1pvdymy:not(:focus-within)::before,.f1pvdymy:hover:not(:focus-within)::before{border-left-color:var(--colorPaletteRedBorder2);}", ".f11knvgl:not(:focus-within)::before,.f11knvgl:hover:not(:focus-within)::before{border-bottom-color:var(--colorPaletteRedBorder2);}", ".fdrzuqr{cursor:not-allowed;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1a0lfh7::before{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1p2ejm6::before{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fmzytvz::before{border-left-color:var(--colorNeutralStrokeDisabled);}", ".fas2e61::before{border-bottom-color:var(--colorNeutralStrokeDisabled);}"],
   h: [".f1w2y1rc:hover::before{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1gofhvl:hover::before{border-right-color:var(--colorNeutralStroke1Hover);}", ".f18htlvq:hover::before{border-left-color:var(--colorNeutralStroke1Hover);}", ".ffcnd28:hover::before{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}", ".f1xqt08:hover::before,.f1xqt08:focus-within::before{border-top-color:var(--colorTransparentStrokeInteractive);}", ".fzt5lgo:hover::before,.fzt5lgo:focus-within::before{border-right-color:var(--colorTransparentStrokeInteractive);}", ".f8tv3r9:hover::before,.f8tv3r9:focus-within::before{border-left-color:var(--colorTransparentStrokeInteractive);}", ".fyhrops:hover::before,.fyhrops:focus-within::before{border-bottom-color:var(--colorTransparentStrokeInteractive);}"],
   a: [".f6lmxco:active::before,.f6lmxco:focus-within::before{border-top-color:var(--colorNeutralStroke1Pressed);}", ".fcoc0mf:active::before,.fcoc0mf:focus-within::before{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f15r4wkl:active::before,.f15r4wkl:focus-within::before{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1ipdth8:active::before,.f1ipdth8:focus-within::before{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}"],
   m: [["@media (forced-colors: active){.flb8es4::before{border-top-color:GrayText;}}", {
@@ -112,7 +125,7 @@ const useRootStyles = /*#__PURE__*/__styles({
     m: "(forced-colors: active)"
   }]]
 });
-const useInputClassName = /*#__PURE__*/__resetStyles("r1ljrqje", null, [".r1ljrqje{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;outline-style:none;border:0;padding:0;color:var(--colorNeutralForeground1);background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;width:100%;}", ".r1ljrqje::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}", ".r1ljrqje::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}", ".r1ljrqje:-ms-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}", ".r1ljrqje::placeholder{color:var(--colorNeutralForeground4);opacity:1;}"]);
+const useInputClassName = /*#__PURE__*/__resetStyles("r1ljrqje", null, [".r1ljrqje{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;outline-style:none;border:0;padding:0;color:var(--colorNeutralForeground1);background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;width:100%;}", ".r1ljrqje::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}", ".r1ljrqje::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}", ".r1ljrqje::placeholder{color:var(--colorNeutralForeground4);opacity:1;}"]);
 const useInputStyles = /*#__PURE__*/__styles({
   disabled: {
     sj55zd: "f1s2aq7o",
@@ -138,17 +151,19 @@ const useButtonStyles = /*#__PURE__*/__styles({
     Byoj8tv: "f1y2xyjm"
   },
   incrementButtonSmall: {
-    z8tnut: "f1khb0e9",
-    z189sj: ["f1sgzk6v", "f1bg5zqg"],
-    Byoj8tv: "f1ov4xf1",
-    uwmqm3: ["fycuoez", "f8wuabp"],
+    Byoj8tv: 0,
+    uwmqm3: 0,
+    z189sj: 0,
+    z8tnut: 0,
+    B0ocmuz: ["f4lv8q1", "fm3uwd2"],
     Bqenvij: "fvblgha"
   },
   decrementButtonSmall: {
-    z8tnut: "f1nbblvp",
-    z189sj: ["f1sgzk6v", "f1bg5zqg"],
-    Byoj8tv: "f1jnq6q7",
-    uwmqm3: ["fycuoez", "f8wuabp"],
+    Byoj8tv: 0,
+    uwmqm3: 0,
+    z189sj: 0,
+    z8tnut: 0,
+    B0ocmuz: ["f1q86st8", "frkrfqj"],
     Bqenvij: "fvblgha"
   },
   outline: {},
@@ -184,7 +199,15 @@ const useButtonStyles = /*#__PURE__*/__styles({
     Dyrjrp: "f1cqwcg4"
   }
 }, {
-  d: [".f16hsg94{grid-row-start:1;}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f10ra9hq{padding-top:4px;}", ".f1brlhvm{padding-bottom:1px;}", ".faunodf{grid-row-start:2;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1sl3k7w{padding-top:1px;}", ".f1y2xyjm{padding-bottom:4px;}", ".f1khb0e9{padding-top:3px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f1ov4xf1{padding-bottom:0px;}", ".fycuoez{padding-left:4px;}", ".f8wuabp{padding-right:4px;}", ".fvblgha{height:12px;}", ".f1nbblvp{padding-top:0px;}", ".f1jnq6q7{padding-bottom:3px;}", ".f3rmtva{background-color:transparent;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f1no7wuu:enabled:hover{color:var(--colorNeutralForeground3Hover);}", ".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}", ".fp1zg4s:enabled:active{color:var(--colorNeutralForeground3Pressed);}", ".fo6hitd:enabled:active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1wiab75:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);}", ".fj9zm5z:enabled.fui-SpinButton__button_active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1cqwcg4:disabled{color:var(--colorNeutralForegroundDisabled);}", ".fwwxidx:enabled:hover{background-color:var(--colorNeutralBackground3Hover);}", ".f14i52sd:enabled:active{background-color:var(--colorNeutralBackground3Pressed);}", ".fwry2ka:enabled.fui-SpinButton__button_active{background-color:var(--colorNeutralBackground3Pressed);}", ".f1yywxnv:enabled:hover{background-color:var(--colorNeutralBackground1Hover);}", ".fzaa11h:enabled:active,.fzaa11h:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);}", ".f4fpmm9:enabled:active,.f4fpmm9:enabled.fui-SpinButton__button_active{background-color:var(--colorNeutralBackground1Pressed);}"]
+  d: [".f16hsg94{grid-row-start:1;}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f10ra9hq{padding-top:4px;}", ".f1brlhvm{padding-bottom:1px;}", ".faunodf{grid-row-start:2;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1sl3k7w{padding-top:1px;}", ".f1y2xyjm{padding-bottom:4px;}", [".f4lv8q1{padding:3px 6px 0px 4px;}", {
+    p: -1
+  }], [".fm3uwd2{padding:3px 4px 0px 6px;}", {
+    p: -1
+  }], ".fvblgha{height:12px;}", [".f1q86st8{padding:0px 6px 3px 4px;}", {
+    p: -1
+  }], [".frkrfqj{padding:0px 4px 3px 6px;}", {
+    p: -1
+  }], ".f3rmtva{background-color:transparent;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f1no7wuu:enabled:hover{color:var(--colorNeutralForeground3Hover);}", ".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}", ".fp1zg4s:enabled:active{color:var(--colorNeutralForeground3Pressed);}", ".fo6hitd:enabled:active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1wiab75:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);}", ".fj9zm5z:enabled.fui-SpinButton__button_active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1cqwcg4:disabled{color:var(--colorNeutralForegroundDisabled);}", ".fwwxidx:enabled:hover{background-color:var(--colorNeutralBackground3Hover);}", ".f14i52sd:enabled:active{background-color:var(--colorNeutralBackground3Pressed);}", ".fwry2ka:enabled.fui-SpinButton__button_active{background-color:var(--colorNeutralBackground3Pressed);}", ".f1yywxnv:enabled:hover{background-color:var(--colorNeutralBackground1Hover);}", ".fzaa11h:enabled:active,.fzaa11h:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);}", ".f4fpmm9:enabled:active,.f4fpmm9:enabled.fui-SpinButton__button_active{background-color:var(--colorNeutralBackground1Pressed);}"]
 });
 // Cannot just disable button as they need to remain
 // exposed to ATs like screen readers.

package/lib/components/SpinButton/useSpinButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","tokens","typographyStyles","spinButtonClassNames","root","input","incrementButton","decrementButton","spinButtonExtraClassNames","buttonActive","fieldHeights","small","medium","useRootClassName","r","s","useRootStyles","sshi5w","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","uwmqm3","outline","outlineInteractive","Bo3r8zu","Hpvxnh","Bx11ytk","B1rg0w0","Bsg1tlv","Brjw370","xcfy85","Bcc6kan","underline","B0qfbqy","B4f6apu","y0oebl","uvfttm","Budzafs","r59vdv","n07z76","ck0cow","underlineInteractive","B3778ie","d9w3h3","Bl18szs","B4j8arr","filled","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","De3pzq","filledInteractive","B05mzqr","tb9y6h","jcehpj","B23o0hn","invalid","emecyz","lz0pba","Bo1k74p","Ba322q7","disabled","Bceei9c","Cffpyd","hxi8he","Bcuq369","Imo2if","d","h","a","m","useInputClassName","useInputStyles","sj55zd","yvdlaj","useBaseButtonClassName","useButtonStyles","increment","Ijaq50","B7oj6ja","z8tnut","Byoj8tv","decrement","Bbmb7ep","incrementButtonSmall","z189sj","Bqenvij","decrementButtonSmall","r4wkhp","B95qlz1","p743kt","B7xitij","B6siaa6","Ba9qmo4","Dyrjrp","drw0cw","idzz8t","useButtonDisabledStyles","base","eoavqd","useSpinButtonStyles_unstable","state","appearance","atBound","spinState","size","startsWith","rootStyles","buttonStyles","buttonDisabledStyles","inputStyles","className"],"sources":["useSpinButtonStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const spinButtonClassNames = {\n    root: 'fui-SpinButton',\n    input: 'fui-SpinButton__input',\n    incrementButton: 'fui-SpinButton__incrementButton',\n    decrementButton: 'fui-SpinButton__decrementButton'\n};\nconst spinButtonExtraClassNames = {\n    buttonActive: 'fui-SpinButton__button_active'\n};\nconst fieldHeights = {\n    small: '24px',\n    medium: '32px'\n};\nconst useRootClassName = makeResetStyles({\n    display: 'inline-grid',\n    gridTemplateColumns: `1fr 24px`,\n    gridTemplateRows: '1fr 1fr',\n    columnGap: tokens.spacingHorizontalXS,\n    rowGap: 0,\n    position: 'relative',\n    isolation: 'isolate',\n    backgroundColor: tokens.colorNeutralBackground1,\n    minHeight: fieldHeights.medium,\n    padding: `0 0 0 ${tokens.spacingHorizontalMNudge}`,\n    borderRadius: tokens.borderRadiusMedium,\n    // Apply border styles on the ::before pseudo element.\n    // We cannot use ::after since that is used for selection.\n    // Using the pseudo element allows us to place the border\n    // above content in the component which ensures the buttons\n    // line up visually with the border as expected. Without this\n    // there is a bit of a gap which can become very noticeable\n    // at high zoom or when OS zoom levels are not divisible by 2\n    // (e.g., 150% on Windows in Firefox)\n    // This is most noticeable on the \"outline\" appearance which is\n    // also the default so it feels worth the extra ceremony to get right.\n    '::before': {\n        content: '\"\"',\n        boxSizing: 'border-box',\n        position: 'absolute',\n        top: 0,\n        right: 0,\n        bottom: 0,\n        left: 0,\n        pointerEvents: 'none',\n        zIndex: 10,\n        border: `1px solid ${tokens.colorNeutralStroke1}`,\n        borderBottomColor: tokens.colorNeutralStrokeAccessible,\n        borderRadius: tokens.borderRadiusMedium\n    },\n    '::after': {\n        boxSizing: 'border-box',\n        content: '\"\"',\n        position: 'absolute',\n        right: 0,\n        bottom: 0,\n        left: 0,\n        zIndex: 20,\n        // Maintaining the correct corner radius:\n        // Use the whole border-radius as the height and only put radii on the bottom corners.\n        // (Otherwise the radius would be automatically reduced to fit available space.)\n        // max() ensures the focus border still shows up even if someone sets tokens.borderRadiusMedium to 0.\n        height: `max(2px, ${tokens.borderRadiusMedium})`,\n        borderBottomLeftRadius: tokens.borderRadiusMedium,\n        borderBottomRightRadius: tokens.borderRadiusMedium,\n        // Flat 2px border:\n        // By default borderBottom will cause little \"horns\" on the ends. The clipPath trims them off.\n        // (This could be done without trimming using `background: linear-gradient(...)`, but using\n        // borderBottom makes it easier for people to override the color if needed.)\n        borderBottom: `2px solid ${tokens.colorCompoundBrandStroke}`,\n        clipPath: 'inset(calc(100% - 2px) 0 0 0)',\n        // Animation for focus OUT\n        transform: 'scaleX(0)',\n        transitionProperty: 'transform',\n        transitionDuration: tokens.durationUltraFast,\n        transitionDelay: tokens.curveAccelerateMid,\n        '@media screen and (prefers-reduced-motion: reduce)': {\n            transitionDuration: '0.01ms',\n            transitionDelay: '0.01ms'\n        }\n    },\n    ':focus-within::after': {\n        // Animation for focus IN\n        transform: 'scaleX(1)',\n        transitionProperty: 'transform',\n        transitionDuration: tokens.durationNormal,\n        transitionDelay: tokens.curveDecelerateMid,\n        '@media screen and (prefers-reduced-motion: reduce)': {\n            transitionDuration: '0.01ms',\n            transitionDelay: '0.01ms'\n        }\n    },\n    ':focus-within:active::after': {\n        // This is if the user clicks the field again while it's already focused\n        borderBottomColor: tokens.colorCompoundBrandStrokePressed\n    },\n    ':focus-within': {\n        outline: '2px solid transparent'\n    }\n});\nconst useRootStyles = makeStyles({\n    small: {\n        minHeight: fieldHeights.small,\n        ...typographyStyles.caption1,\n        paddingLeft: tokens.spacingHorizontalS\n    },\n    medium: {\n    },\n    outline: {\n    },\n    outlineInteractive: {\n        ':hover::before': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n            borderBottomColor: tokens.colorNeutralStrokeAccessibleHover\n        },\n        // DO NOT add a space between the selectors! It changes the behavior of make-styles.\n        ':active,:focus-within': {\n            '::before': {\n                ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n                borderBottomColor: tokens.colorNeutralStrokeAccessiblePressed\n            }\n        }\n    },\n    underline: {\n        '::before': {\n            ...shorthands.borderWidth(0, 0, '1px', 0),\n            ...shorthands.borderRadius(tokens.borderRadiusNone)\n        }\n    },\n    underlineInteractive: {\n        ':hover::before': {\n            borderBottomColor: tokens.colorNeutralStrokeAccessibleHover\n        },\n        // DO NOT add a space between the selectors! It changes the behavior of make-styles.\n        ':active,:focus-within': {\n            '::before': {\n                borderBottomColor: tokens.colorNeutralStrokeAccessiblePressed\n            }\n        },\n        '::after': shorthands.borderRadius(tokens.borderRadiusNone)\n    },\n    filled: {\n        '::before': {\n            ...shorthands.border('1px', 'solid', tokens.colorTransparentStroke)\n        }\n    },\n    'filled-darker': {\n        backgroundColor: tokens.colorNeutralBackground3\n    },\n    'filled-lighter': {\n        backgroundColor: tokens.colorNeutralBackground1\n    },\n    filledInteractive: {\n        // DO NOT add a space between the selectors! It changes the behavior of make-styles.\n        ':hover,:focus-within': {\n            '::before': {\n                // also handles pressed border color (:active)\n                ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive)\n            }\n        }\n    },\n    invalid: {\n        ':not(:focus-within),:hover:not(:focus-within)': {\n            '::before': {\n                ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n            }\n        }\n    },\n    disabled: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorTransparentBackground,\n        '::before': {\n            ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n            '@media (forced-colors: active)': {\n                ...shorthands.borderColor('GrayText')\n            }\n        }\n    }\n});\nconst useInputClassName = makeResetStyles({\n    gridColumnStart: '1',\n    gridColumnEnd: '2',\n    gridRowStart: '1',\n    gridRowEnd: '3',\n    outlineStyle: 'none',\n    border: '0',\n    padding: '0',\n    color: tokens.colorNeutralForeground1,\n    // Use literal \"transparent\" (not from the theme) to always let the color from the root show through\n    backgroundColor: 'transparent',\n    fontFamily: 'inherit',\n    fontSize: 'inherit',\n    fontWeight: 'inherit',\n    lineHeight: 'inherit',\n    width: '100%',\n    '::placeholder': {\n        color: tokens.colorNeutralForeground4,\n        opacity: 1\n    }\n});\nconst useInputStyles = makeStyles({\n    disabled: {\n        color: tokens.colorNeutralForegroundDisabled,\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorTransparentBackground,\n        '::placeholder': {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    }\n});\nconst useBaseButtonClassName = makeResetStyles({\n    display: 'inline-flex',\n    width: '24px',\n    alignItems: 'center',\n    justifyContent: 'center',\n    border: '0',\n    position: 'absolute',\n    outlineStyle: 'none',\n    height: '16px',\n    // Use literal \"transparent\" (not from the theme) to always let the color from the root show through\n    backgroundColor: 'transparent',\n    color: tokens.colorNeutralForeground3,\n    // common button layout\n    gridColumnStart: '2',\n    borderRadius: '0',\n    padding: '0 5px 0 5px',\n    ':active': {\n        outlineStyle: 'none'\n    },\n    ':enabled': {\n        ':hover': {\n            cursor: 'pointer',\n            color: tokens.colorNeutralForeground3Hover,\n            backgroundColor: tokens.colorSubtleBackgroundHover\n        },\n        ':active': {\n            color: tokens.colorNeutralForeground3Pressed,\n            backgroundColor: tokens.colorSubtleBackgroundPressed\n        },\n        [`&.${spinButtonExtraClassNames.buttonActive}`]: {\n            color: tokens.colorNeutralForeground3Pressed,\n            backgroundColor: tokens.colorSubtleBackgroundPressed\n        }\n    },\n    ':disabled': {\n        cursor: 'not-allowed',\n        color: tokens.colorNeutralForegroundDisabled\n    }\n});\nconst useButtonStyles = makeStyles({\n    increment: {\n        gridRowStart: '1',\n        borderTopRightRadius: tokens.borderRadiusMedium,\n        paddingTop: '4px',\n        paddingBottom: '1px'\n    },\n    decrement: {\n        gridRowStart: '2',\n        borderBottomRightRadius: tokens.borderRadiusMedium,\n        paddingTop: '1px',\n        paddingBottom: '4px'\n    },\n    // Padding values numbers don't align with design specs\n    // but visually the padding aligns.\n    // The icons are set in a 16x16px square but the artwork is inset from that\n    // so these padding values are computed by hand.\n    // Additionally the design uses fractional values so these are\n    // rounded to the nearest integer.\n    incrementButtonSmall: {\n        ...shorthands.padding('3px', '6px', '0px', '4px'),\n        height: '12px'\n    },\n    decrementButtonSmall: {\n        ...shorthands.padding('0px', '6px', '3px', '4px'),\n        height: '12px'\n    },\n    outline: {\n    },\n    underline: {\n        backgroundColor: 'transparent',\n        color: tokens.colorNeutralForeground3,\n        ':enabled': {\n            ':hover': {\n                color: tokens.colorNeutralForeground3Hover,\n                backgroundColor: tokens.colorSubtleBackgroundHover\n            },\n            ':active': {\n                color: tokens.colorNeutralForeground3Pressed,\n                backgroundColor: tokens.colorSubtleBackgroundPressed\n            },\n            [`&.${spinButtonExtraClassNames.buttonActive}`]: {\n                color: tokens.colorNeutralForeground3Pressed,\n                backgroundColor: tokens.colorSubtleBackgroundPressed\n            }\n        },\n        ':disabled': {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    },\n    'filled-darker': {\n        backgroundColor: 'transparent',\n        color: tokens.colorNeutralForeground3,\n        ':enabled': {\n            ':hover': {\n                color: tokens.colorNeutralForeground3Hover,\n                backgroundColor: tokens.colorNeutralBackground3Hover\n            },\n            ':active': {\n                color: tokens.colorNeutralForeground3Pressed,\n                backgroundColor: tokens.colorNeutralBackground3Pressed\n            },\n            [`&.${spinButtonExtraClassNames.buttonActive}`]: {\n                color: tokens.colorNeutralForeground3Pressed,\n                backgroundColor: tokens.colorNeutralBackground3Pressed\n            }\n        },\n        ':disabled': {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    },\n    'filled-lighter': {\n        backgroundColor: 'transparent',\n        color: tokens.colorNeutralForeground3,\n        ':enabled': {\n            ':hover': {\n                color: tokens.colorNeutralForeground3Hover,\n                backgroundColor: tokens.colorNeutralBackground1Hover\n            },\n            [`:active,&.${spinButtonExtraClassNames.buttonActive}`]: {\n                color: tokens.colorNeutralForeground3Pressed,\n                backgroundColor: tokens.colorNeutralBackground1Pressed\n            }\n        },\n        ':disabled': {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    }\n});\n// Cannot just disable button as they need to remain\n// exposed to ATs like screen readers.\nconst useButtonDisabledStyles = makeStyles({\n    base: {\n        cursor: 'not-allowed',\n        ':hover': {\n            cursor: 'not-allowed'\n        }\n    },\n    outline: {\n        color: tokens.colorNeutralForegroundDisabled,\n        ':enabled': {\n            ':hover': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            ':active': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            [`&.${spinButtonExtraClassNames.buttonActive}`]: {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            }\n        }\n    },\n    underline: {\n        color: tokens.colorNeutralForegroundDisabled,\n        ':enabled': {\n            ':hover': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            ':active': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            [`&.${spinButtonExtraClassNames.buttonActive}`]: {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            }\n        }\n    },\n    'filled-darker': {\n        color: tokens.colorNeutralForegroundDisabled,\n        ':enabled': {\n            ':hover': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            ':active': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            [`&.${spinButtonExtraClassNames.buttonActive}`]: {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            }\n        }\n    },\n    'filled-lighter': {\n        color: tokens.colorNeutralForegroundDisabled,\n        ':enabled': {\n            ':hover': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            ':active': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            [`&.${spinButtonExtraClassNames.buttonActive}`]: {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            }\n        }\n    }\n});\n/**\n * Apply styling to the SpinButton slots based on the state\n */ export const useSpinButtonStyles_unstable = (state)=>{\n    const { appearance, atBound, spinState, size } = state;\n    const disabled = state.input.disabled;\n    const invalid = `${state.input['aria-invalid']}` === 'true';\n    const filled = appearance.startsWith('filled');\n    const rootStyles = useRootStyles();\n    const buttonStyles = useButtonStyles();\n    const buttonDisabledStyles = useButtonDisabledStyles();\n    const inputStyles = useInputStyles();\n    state.root.className = mergeClasses(spinButtonClassNames.root, useRootClassName(), rootStyles[size], rootStyles[appearance], filled && rootStyles.filled, !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && appearance === 'underline' && rootStyles.underlineInteractive, !disabled && filled && rootStyles.filledInteractive, !disabled && invalid && rootStyles.invalid, disabled && rootStyles.disabled, state.root.className);\n    state.incrementButton.className = mergeClasses(spinButtonClassNames.incrementButton, spinState === 'up' && `${spinButtonExtraClassNames.buttonActive}`, useBaseButtonClassName(), buttonStyles.increment, buttonStyles[appearance], size === 'small' && buttonStyles.incrementButtonSmall, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles[appearance], state.incrementButton.className);\n    state.decrementButton.className = mergeClasses(spinButtonClassNames.decrementButton, spinState === 'down' && `${spinButtonExtraClassNames.buttonActive}`, useBaseButtonClassName(), buttonStyles.decrement, buttonStyles[appearance], size === 'small' && buttonStyles.decrementButtonSmall, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles[appearance], state.decrementButton.className);\n    state.input.className = mergeClasses(spinButtonClassNames.input, useInputClassName(), disabled && inputStyles.disabled, state.input.className);\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","tokens","typographyStyles","spinButtonClassNames","root","input","incrementButton","decrementButton","spinButtonExtraClassNames","buttonActive","fieldHeights","small","medium","useRootClassName","r","s","useRootStyles","sshi5w","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","uwmqm3","outline","outlineInteractive","Bo3r8zu","Hpvxnh","Bx11ytk","B1rg0w0","Bsg1tlv","Brjw370","xcfy85","Bcc6kan","underline","B0qfbqy","B4f6apu","y0oebl","uvfttm","r59vdv","Budzafs","ck0cow","n07z76","Gng75u","underlineInteractive","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","filled","Bcgcnre","Bqjgrrk","qa3bma","Biqmznv","Bm6vgfq","Bbv0w2i","eqrjj","Bk5zm6e","m598lv","ydt019","Bq4z7u6","Bdkvgpv","kj8mxx","De3pzq","filledInteractive","B05mzqr","tb9y6h","jcehpj","B23o0hn","invalid","emecyz","lz0pba","Bo1k74p","Ba322q7","disabled","Bceei9c","Cffpyd","hxi8he","Bcuq369","Imo2if","d","p","h","a","m","useInputClassName","useInputStyles","sj55zd","yvdlaj","useBaseButtonClassName","useButtonStyles","increment","Ijaq50","B7oj6ja","z8tnut","Byoj8tv","decrement","Bbmb7ep","incrementButtonSmall","z189sj","B0ocmuz","Bqenvij","decrementButtonSmall","r4wkhp","B95qlz1","p743kt","B7xitij","B6siaa6","Ba9qmo4","Dyrjrp","drw0cw","idzz8t","useButtonDisabledStyles","base","eoavqd","useSpinButtonStyles_unstable","state","appearance","atBound","spinState","size","startsWith","rootStyles","buttonStyles","buttonDisabledStyles","inputStyles","className"],"sources":["useSpinButtonStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const spinButtonClassNames = {\n    root: 'fui-SpinButton',\n    input: 'fui-SpinButton__input',\n    incrementButton: 'fui-SpinButton__incrementButton',\n    decrementButton: 'fui-SpinButton__decrementButton'\n};\nconst spinButtonExtraClassNames = {\n    buttonActive: 'fui-SpinButton__button_active'\n};\nconst fieldHeights = {\n    small: '24px',\n    medium: '32px'\n};\nconst useRootClassName = makeResetStyles({\n    display: 'inline-grid',\n    gridTemplateColumns: `1fr 24px`,\n    gridTemplateRows: '1fr 1fr',\n    columnGap: tokens.spacingHorizontalXS,\n    rowGap: 0,\n    position: 'relative',\n    isolation: 'isolate',\n    backgroundColor: tokens.colorNeutralBackground1,\n    minHeight: fieldHeights.medium,\n    padding: `0 0 0 ${tokens.spacingHorizontalMNudge}`,\n    borderRadius: tokens.borderRadiusMedium,\n    // Apply border styles on the ::before pseudo element.\n    // We cannot use ::after since that is used for selection.\n    // Using the pseudo element allows us to place the border\n    // above content in the component which ensures the buttons\n    // line up visually with the border as expected. Without this\n    // there is a bit of a gap which can become very noticeable\n    // at high zoom or when OS zoom levels are not divisible by 2\n    // (e.g., 150% on Windows in Firefox)\n    // This is most noticeable on the \"outline\" appearance which is\n    // also the default so it feels worth the extra ceremony to get right.\n    '::before': {\n        content: '\"\"',\n        boxSizing: 'border-box',\n        position: 'absolute',\n        top: 0,\n        right: 0,\n        bottom: 0,\n        left: 0,\n        pointerEvents: 'none',\n        zIndex: 10,\n        border: `1px solid ${tokens.colorNeutralStroke1}`,\n        borderBottomColor: tokens.colorNeutralStrokeAccessible,\n        borderRadius: tokens.borderRadiusMedium\n    },\n    '::after': {\n        boxSizing: 'border-box',\n        content: '\"\"',\n        position: 'absolute',\n        right: 0,\n        bottom: 0,\n        left: 0,\n        zIndex: 20,\n        // Maintaining the correct corner radius:\n        // Use the whole border-radius as the height and only put radii on the bottom corners.\n        // (Otherwise the radius would be automatically reduced to fit available space.)\n        // max() ensures the focus border still shows up even if someone sets tokens.borderRadiusMedium to 0.\n        height: `max(2px, ${tokens.borderRadiusMedium})`,\n        borderBottomLeftRadius: tokens.borderRadiusMedium,\n        borderBottomRightRadius: tokens.borderRadiusMedium,\n        // Flat 2px border:\n        // By default borderBottom will cause little \"horns\" on the ends. The clipPath trims them off.\n        // (This could be done without trimming using `background: linear-gradient(...)`, but using\n        // borderBottom makes it easier for people to override the color if needed.)\n        borderBottom: `2px solid ${tokens.colorCompoundBrandStroke}`,\n        clipPath: 'inset(calc(100% - 2px) 0 0 0)',\n        // Animation for focus OUT\n        transform: 'scaleX(0)',\n        transitionProperty: 'transform',\n        transitionDuration: tokens.durationUltraFast,\n        transitionDelay: tokens.curveAccelerateMid,\n        '@media screen and (prefers-reduced-motion: reduce)': {\n            transitionDuration: '0.01ms',\n            transitionDelay: '0.01ms'\n        }\n    },\n    ':focus-within::after': {\n        // Animation for focus IN\n        transform: 'scaleX(1)',\n        transitionProperty: 'transform',\n        transitionDuration: tokens.durationNormal,\n        transitionDelay: tokens.curveDecelerateMid,\n        '@media screen and (prefers-reduced-motion: reduce)': {\n            transitionDuration: '0.01ms',\n            transitionDelay: '0.01ms'\n        }\n    },\n    ':focus-within:active::after': {\n        // This is if the user clicks the field again while it's already focused\n        borderBottomColor: tokens.colorCompoundBrandStrokePressed\n    },\n    ':focus-within': {\n        outline: '2px solid transparent'\n    }\n});\nconst useRootStyles = makeStyles({\n    small: {\n        minHeight: fieldHeights.small,\n        ...typographyStyles.caption1,\n        paddingLeft: tokens.spacingHorizontalS\n    },\n    medium: {\n    },\n    outline: {\n    },\n    outlineInteractive: {\n        ':hover::before': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n            borderBottomColor: tokens.colorNeutralStrokeAccessibleHover\n        },\n        // DO NOT add a space between the selectors! It changes the behavior of make-styles.\n        ':active,:focus-within': {\n            '::before': {\n                ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n                borderBottomColor: tokens.colorNeutralStrokeAccessiblePressed\n            }\n        }\n    },\n    underline: {\n        '::before': {\n            ...shorthands.borderWidth(0, 0, '1px', 0),\n            borderRadius: tokens.borderRadiusNone\n        }\n    },\n    underlineInteractive: {\n        ':hover::before': {\n            borderBottomColor: tokens.colorNeutralStrokeAccessibleHover\n        },\n        // DO NOT add a space between the selectors! It changes the behavior of make-styles.\n        ':active,:focus-within': {\n            '::before': {\n                borderBottomColor: tokens.colorNeutralStrokeAccessiblePressed\n            }\n        },\n        '::after': {\n            borderRadius: tokens.borderRadiusNone\n        }\n    },\n    filled: {\n        '::before': {\n            border: `1px solid ${tokens.colorTransparentStroke}`\n        }\n    },\n    'filled-darker': {\n        backgroundColor: tokens.colorNeutralBackground3\n    },\n    'filled-lighter': {\n        backgroundColor: tokens.colorNeutralBackground1\n    },\n    filledInteractive: {\n        // DO NOT add a space between the selectors! It changes the behavior of make-styles.\n        ':hover,:focus-within': {\n            '::before': {\n                // also handles pressed border color (:active)\n                ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive)\n            }\n        }\n    },\n    invalid: {\n        ':not(:focus-within),:hover:not(:focus-within)': {\n            '::before': {\n                ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n            }\n        }\n    },\n    disabled: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorTransparentBackground,\n        '::before': {\n            ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n            '@media (forced-colors: active)': {\n                ...shorthands.borderColor('GrayText')\n            }\n        }\n    }\n});\nconst useInputClassName = makeResetStyles({\n    gridColumnStart: '1',\n    gridColumnEnd: '2',\n    gridRowStart: '1',\n    gridRowEnd: '3',\n    outlineStyle: 'none',\n    border: '0',\n    padding: '0',\n    color: tokens.colorNeutralForeground1,\n    // Use literal \"transparent\" (not from the theme) to always let the color from the root show through\n    backgroundColor: 'transparent',\n    fontFamily: 'inherit',\n    fontSize: 'inherit',\n    fontWeight: 'inherit',\n    lineHeight: 'inherit',\n    width: '100%',\n    '::placeholder': {\n        color: tokens.colorNeutralForeground4,\n        opacity: 1\n    }\n});\nconst useInputStyles = makeStyles({\n    disabled: {\n        color: tokens.colorNeutralForegroundDisabled,\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorTransparentBackground,\n        '::placeholder': {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    }\n});\nconst useBaseButtonClassName = makeResetStyles({\n    display: 'inline-flex',\n    width: '24px',\n    alignItems: 'center',\n    justifyContent: 'center',\n    border: '0',\n    position: 'absolute',\n    outlineStyle: 'none',\n    height: '16px',\n    // Use literal \"transparent\" (not from the theme) to always let the color from the root show through\n    backgroundColor: 'transparent',\n    color: tokens.colorNeutralForeground3,\n    // common button layout\n    gridColumnStart: '2',\n    borderRadius: '0',\n    padding: '0 5px 0 5px',\n    ':active': {\n        outlineStyle: 'none'\n    },\n    ':enabled': {\n        ':hover': {\n            cursor: 'pointer',\n            color: tokens.colorNeutralForeground3Hover,\n            backgroundColor: tokens.colorSubtleBackgroundHover\n        },\n        ':active': {\n            color: tokens.colorNeutralForeground3Pressed,\n            backgroundColor: tokens.colorSubtleBackgroundPressed\n        },\n        [`&.${spinButtonExtraClassNames.buttonActive}`]: {\n            color: tokens.colorNeutralForeground3Pressed,\n            backgroundColor: tokens.colorSubtleBackgroundPressed\n        }\n    },\n    ':disabled': {\n        cursor: 'not-allowed',\n        color: tokens.colorNeutralForegroundDisabled\n    }\n});\nconst useButtonStyles = makeStyles({\n    increment: {\n        gridRowStart: '1',\n        borderTopRightRadius: tokens.borderRadiusMedium,\n        paddingTop: '4px',\n        paddingBottom: '1px'\n    },\n    decrement: {\n        gridRowStart: '2',\n        borderBottomRightRadius: tokens.borderRadiusMedium,\n        paddingTop: '1px',\n        paddingBottom: '4px'\n    },\n    // Padding values numbers don't align with design specs\n    // but visually the padding aligns.\n    // The icons are set in a 16x16px square but the artwork is inset from that\n    // so these padding values are computed by hand.\n    // Additionally the design uses fractional values so these are\n    // rounded to the nearest integer.\n    incrementButtonSmall: {\n        padding: '3px 6px 0px 4px',\n        height: '12px'\n    },\n    decrementButtonSmall: {\n        padding: '0px 6px 3px 4px',\n        height: '12px'\n    },\n    outline: {\n    },\n    underline: {\n        backgroundColor: 'transparent',\n        color: tokens.colorNeutralForeground3,\n        ':enabled': {\n            ':hover': {\n                color: tokens.colorNeutralForeground3Hover,\n                backgroundColor: tokens.colorSubtleBackgroundHover\n            },\n            ':active': {\n                color: tokens.colorNeutralForeground3Pressed,\n                backgroundColor: tokens.colorSubtleBackgroundPressed\n            },\n            [`&.${spinButtonExtraClassNames.buttonActive}`]: {\n                color: tokens.colorNeutralForeground3Pressed,\n                backgroundColor: tokens.colorSubtleBackgroundPressed\n            }\n        },\n        ':disabled': {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    },\n    'filled-darker': {\n        backgroundColor: 'transparent',\n        color: tokens.colorNeutralForeground3,\n        ':enabled': {\n            ':hover': {\n                color: tokens.colorNeutralForeground3Hover,\n                backgroundColor: tokens.colorNeutralBackground3Hover\n            },\n            ':active': {\n                color: tokens.colorNeutralForeground3Pressed,\n                backgroundColor: tokens.colorNeutralBackground3Pressed\n            },\n            [`&.${spinButtonExtraClassNames.buttonActive}`]: {\n                color: tokens.colorNeutralForeground3Pressed,\n                backgroundColor: tokens.colorNeutralBackground3Pressed\n            }\n        },\n        ':disabled': {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    },\n    'filled-lighter': {\n        backgroundColor: 'transparent',\n        color: tokens.colorNeutralForeground3,\n        ':enabled': {\n            ':hover': {\n                color: tokens.colorNeutralForeground3Hover,\n                backgroundColor: tokens.colorNeutralBackground1Hover\n            },\n            [`:active,&.${spinButtonExtraClassNames.buttonActive}`]: {\n                color: tokens.colorNeutralForeground3Pressed,\n                backgroundColor: tokens.colorNeutralBackground1Pressed\n            }\n        },\n        ':disabled': {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    }\n});\n// Cannot just disable button as they need to remain\n// exposed to ATs like screen readers.\nconst useButtonDisabledStyles = makeStyles({\n    base: {\n        cursor: 'not-allowed',\n        ':hover': {\n            cursor: 'not-allowed'\n        }\n    },\n    outline: {\n        color: tokens.colorNeutralForegroundDisabled,\n        ':enabled': {\n            ':hover': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            ':active': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            [`&.${spinButtonExtraClassNames.buttonActive}`]: {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            }\n        }\n    },\n    underline: {\n        color: tokens.colorNeutralForegroundDisabled,\n        ':enabled': {\n            ':hover': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            ':active': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            [`&.${spinButtonExtraClassNames.buttonActive}`]: {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            }\n        }\n    },\n    'filled-darker': {\n        color: tokens.colorNeutralForegroundDisabled,\n        ':enabled': {\n            ':hover': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            ':active': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            [`&.${spinButtonExtraClassNames.buttonActive}`]: {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            }\n        }\n    },\n    'filled-lighter': {\n        color: tokens.colorNeutralForegroundDisabled,\n        ':enabled': {\n            ':hover': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            ':active': {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            },\n            [`&.${spinButtonExtraClassNames.buttonActive}`]: {\n                color: tokens.colorNeutralForegroundDisabled,\n                backgroundColor: 'transparent'\n            }\n        }\n    }\n});\n/**\n * Apply styling to the SpinButton slots based on the state\n */ export const useSpinButtonStyles_unstable = (state)=>{\n    const { appearance, atBound, spinState, size } = state;\n    const disabled = state.input.disabled;\n    const invalid = `${state.input['aria-invalid']}` === 'true';\n    const filled = appearance.startsWith('filled');\n    const rootStyles = useRootStyles();\n    const buttonStyles = useButtonStyles();\n    const buttonDisabledStyles = useButtonDisabledStyles();\n    const inputStyles = useInputStyles();\n    state.root.className = mergeClasses(spinButtonClassNames.root, useRootClassName(), rootStyles[size], rootStyles[appearance], filled && rootStyles.filled, !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && appearance === 'underline' && rootStyles.underlineInteractive, !disabled && filled && rootStyles.filledInteractive, !disabled && invalid && rootStyles.invalid, disabled && rootStyles.disabled, state.root.className);\n    state.incrementButton.className = mergeClasses(spinButtonClassNames.incrementButton, spinState === 'up' && `${spinButtonExtraClassNames.buttonActive}`, useBaseButtonClassName(), buttonStyles.increment, buttonStyles[appearance], size === 'small' && buttonStyles.incrementButtonSmall, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles[appearance], state.incrementButton.className);\n    state.decrementButton.className = mergeClasses(spinButtonClassNames.decrementButton, spinState === 'down' && `${spinButtonExtraClassNames.buttonActive}`, useBaseButtonClassName(), buttonStyles.decrement, buttonStyles[appearance], size === 'small' && buttonStyles.decrementButtonSmall, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles[appearance], state.decrementButton.className);\n    state.input.className = mergeClasses(spinButtonClassNames.input, useInputClassName(), disabled && inputStyles.disabled, state.input.className);\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib-commonjs/components/SpinButton/useSpinButtonStyles.styles.js

@@ -99,74 +99,39 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f64aojp",
             "faeg28l"
         ],
-        Budzafs: [
-            "f1vk4jnx",
-            "f1v3v894"
-        ],
-        r59vdv: [
-            "f1v3v894",
-            "f1vk4jnx"
-        ],
-        n07z76: [
-            "fzi2j54",
-            "f1un0uoc"
-        ],
-        ck0cow: [
-            "f1un0uoc",
-            "fzi2j54"
-        ]
+        r59vdv: 0,
+        Budzafs: 0,
+        ck0cow: 0,
+        n07z76: 0,
+        Gng75u: "f1xyh2jw"
     },
     underlineInteractive: {
         Bx11ytk: "ffcnd28",
         xcfy85: "f1ipdth8",
-        B3778ie: [
-            "f9pmbr4",
-            "ffh3ws5"
-        ],
-        d9w3h3: [
-            "ffh3ws5",
-            "f9pmbr4"
-        ],
-        Bl18szs: [
-            "f19438ov",
-            "f1i9y5j"
-        ],
-        B4j8arr: [
-            "f1i9y5j",
-            "f19438ov"
-        ]
+        d9w3h3: 0,
+        B3778ie: 0,
+        B4j8arr: 0,
+        Bl18szs: 0,
+        Blrzh8d: "fkp7w9h"
     },
     filled: {
-        B0qfbqy: "f1fjh9ub",
-        B4f6apu: [
-            "ff9c942",
-            "f6rdg5o"
-        ],
-        y0oebl: "fdw6hkg",
-        uvfttm: [
-            "f6rdg5o",
-            "ff9c942"
-        ],
-        Bdkvgpv: "f163fonl",
-        m598lv: [
-            "f1yq6w5o",
-            "f1jpmc5p"
-        ],
-        qa3bma: "f11yjt3y",
-        Bbv0w2i: [
-            "f1jpmc5p",
-            "f1yq6w5o"
-        ],
-        Bq4z7u6: "f7dgwnz",
-        Bk5zm6e: [
-            "f1edeodt",
-            "fszsv3f"
-        ],
-        Bqjgrrk: "f1172wan",
-        Bm6vgfq: [
-            "fszsv3f",
-            "f1edeodt"
-        ]
+        Bcgcnre: 0,
+        Bqjgrrk: 0,
+        qa3bma: 0,
+        y0oebl: 0,
+        Biqmznv: 0,
+        Bm6vgfq: 0,
+        Bbv0w2i: 0,
+        uvfttm: 0,
+        eqrjj: 0,
+        Bk5zm6e: 0,
+        m598lv: 0,
+        B4f6apu: 0,
+        ydt019: 0,
+        Bq4z7u6: 0,
+        Bdkvgpv: 0,
+        B0qfbqy: 0,
+        kj8mxx: "f1kc0wz4"
     },
     "filled-darker": {
         De3pzq: "f16xq7d1"
@@ -235,25 +200,24 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".faeg28l::before{border-right-width:0;}",
         ".f64aojp::before{border-left-width:0;}",
         ".fdw6hkg::before{border-bottom-width:1px;}",
-        ".f1vk4jnx::before{border-bottom-right-radius:var(--borderRadiusNone);}",
-        ".f1v3v894::before{border-bottom-left-radius:var(--borderRadiusNone);}",
-        ".fzi2j54::before{border-top-right-radius:var(--borderRadiusNone);}",
-        ".f1un0uoc::before{border-top-left-radius:var(--borderRadiusNone);}",
-        ".f9pmbr4::after{border-bottom-right-radius:var(--borderRadiusNone);}",
-        ".ffh3ws5::after{border-bottom-left-radius:var(--borderRadiusNone);}",
-        ".f19438ov::after{border-top-right-radius:var(--borderRadiusNone);}",
-        ".f1i9y5j::after{border-top-left-radius:var(--borderRadiusNone);}",
-        ".f1fjh9ub::before{border-top-width:1px;}",
-        ".ff9c942::before{border-right-width:1px;}",
-        ".f6rdg5o::before{border-left-width:1px;}",
-        ".f163fonl::before{border-top-style:solid;}",
-        ".f1yq6w5o::before{border-right-style:solid;}",
-        ".f1jpmc5p::before{border-left-style:solid;}",
-        ".f11yjt3y::before{border-bottom-style:solid;}",
-        ".f7dgwnz::before{border-top-color:var(--colorTransparentStroke);}",
-        ".f1edeodt::before{border-right-color:var(--colorTransparentStroke);}",
-        ".fszsv3f::before{border-left-color:var(--colorTransparentStroke);}",
-        ".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}",
+        [
+            ".f1xyh2jw::before{border-radius:var(--borderRadiusNone);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".fkp7w9h::after{border-radius:var(--borderRadiusNone);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1kc0wz4::before{border:1px solid var(--colorTransparentStroke);}",
+            {
+                p: -2
+            }
+        ],
         ".f16xq7d1{background-color:var(--colorNeutralBackground3);}",
         ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
         ".fl48pg9:not(:focus-within)::before,.fl48pg9:hover:not(:focus-within)::before{border-top-color:var(--colorPaletteRedBorder2);}",
@@ -308,7 +272,6 @@ const useInputClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1ljrqje", nu
     ".r1ljrqje{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;outline-style:none;border:0;padding:0;color:var(--colorNeutralForeground1);background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;width:100%;}",
     ".r1ljrqje::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
     ".r1ljrqje::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
-    ".r1ljrqje:-ms-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}",
     ".r1ljrqje::placeholder{color:var(--colorNeutralForeground4);opacity:1;}"
 ]);
 const useInputStyles = /*#__PURE__*/ (0, _react.__styles)({
@@ -355,28 +318,24 @@ const useButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
         Byoj8tv: "f1y2xyjm"
     },
     incrementButtonSmall: {
-        z8tnut: "f1khb0e9",
-        z189sj: [
-            "f1sgzk6v",
-            "f1bg5zqg"
-        ],
-        Byoj8tv: "f1ov4xf1",
-        uwmqm3: [
-            "fycuoez",
-            "f8wuabp"
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: [
+            "f4lv8q1",
+            "fm3uwd2"
         ],
         Bqenvij: "fvblgha"
     },
     decrementButtonSmall: {
-        z8tnut: "f1nbblvp",
-        z189sj: [
-            "f1sgzk6v",
-            "f1bg5zqg"
-        ],
-        Byoj8tv: "f1jnq6q7",
-        uwmqm3: [
-            "fycuoez",
-            "f8wuabp"
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: [
+            "f1q86st8",
+            "frkrfqj"
         ],
         Bqenvij: "fvblgha"
     },
@@ -424,15 +383,31 @@ const useButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
         ".f1sl3k7w{padding-top:1px;}",
         ".f1y2xyjm{padding-bottom:4px;}",
-        ".f1khb0e9{padding-top:3px;}",
-        ".f1sgzk6v{padding-right:6px;}",
-        ".f1bg5zqg{padding-left:6px;}",
-        ".f1ov4xf1{padding-bottom:0px;}",
-        ".fycuoez{padding-left:4px;}",
-        ".f8wuabp{padding-right:4px;}",
+        [
+            ".f4lv8q1{padding:3px 6px 0px 4px;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".fm3uwd2{padding:3px 4px 0px 6px;}",
+            {
+                p: -1
+            }
+        ],
         ".fvblgha{height:12px;}",
-        ".f1nbblvp{padding-top:0px;}",
-        ".f1jnq6q7{padding-bottom:3px;}",
+        [
+            ".f1q86st8{padding:0px 6px 3px 4px;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".frkrfqj{padding:0px 4px 3px 6px;}",
+            {
+                p: -1
+            }
+        ],
         ".f3rmtva{background-color:transparent;}",
         ".f11d4kpn{color:var(--colorNeutralForeground3);}",
         ".f1no7wuu:enabled:hover{color:var(--colorNeutralForeground3Hover);}",

package/lib-commonjs/components/SpinButton/useSpinButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useSpinButtonStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const spinButtonClassNames = {\n  root: 'fui-SpinButton',\n  input: 'fui-SpinButton__input',\n  incrementButton: 'fui-SpinButton__incrementButton',\n  decrementButton: 'fui-SpinButton__decrementButton'\n};\nconst spinButtonExtraClassNames = {\n  buttonActive: 'fui-SpinButton__button_active'\n};\nconst fieldHeights = {\n  small: '24px',\n  medium: '32px'\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"rkqmps4\", \"r1trw52p\", {\n  r: [\".rkqmps4{display:inline-grid;grid-template-columns:1fr 24px;grid-template-rows:1fr 1fr;column-gap:var(--spacingHorizontalXS);row-gap:0;position:relative;isolation:isolate;background-color:var(--colorNeutralBackground1);min-height:32px;padding:0 0 0 var(--spacingHorizontalMNudge);border-radius:var(--borderRadiusMedium);}\", \".rkqmps4::before{content:\\\"\\\";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;border:1px solid var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStrokeAccessible);border-radius:var(--borderRadiusMedium);}\", \".rkqmps4::after{box-sizing:border-box;content:\\\"\\\";position:absolute;right:0;bottom:0;left:0;z-index:20;height:max(2px, var(--borderRadiusMedium));border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom:2px solid var(--colorCompoundBrandStroke);clip-path:inset(calc(100% - 2px) 0 0 0);transform:scaleX(0);transition-property:transform;transition-duration:var(--durationUltraFast);transition-delay:var(--curveAccelerateMid);}\", \".rkqmps4:focus-within::after{transform:scaleX(1);transition-property:transform;transition-duration:var(--durationNormal);transition-delay:var(--curveDecelerateMid);}\", \".rkqmps4:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}\", \".rkqmps4:focus-within{outline:2px solid transparent;}\", \".r1trw52p{display:inline-grid;grid-template-columns:1fr 24px;grid-template-rows:1fr 1fr;column-gap:var(--spacingHorizontalXS);row-gap:0;position:relative;isolation:isolate;background-color:var(--colorNeutralBackground1);min-height:32px;padding:0 var(--spacingHorizontalMNudge) 0 0;border-radius:var(--borderRadiusMedium);}\", \".r1trw52p::before{content:\\\"\\\";box-sizing:border-box;position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;z-index:10;border:1px solid var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStrokeAccessible);border-radius:var(--borderRadiusMedium);}\", \".r1trw52p::after{box-sizing:border-box;content:\\\"\\\";position:absolute;left:0;bottom:0;right:0;z-index:20;height:max(2px, var(--borderRadiusMedium));border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom:2px solid var(--colorCompoundBrandStroke);clip-path:inset(calc(100% - 2px) 0 0 0);transform:scaleX(0);transition-property:transform;transition-duration:var(--durationUltraFast);transition-delay:var(--curveAccelerateMid);}\", \".r1trw52p:focus-within::after{transform:scaleX(1);transition-property:transform;transition-duration:var(--durationNormal);transition-delay:var(--curveDecelerateMid);}\", \".r1trw52p:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}\", \".r1trw52p:focus-within{outline:2px solid transparent;}\"],\n  s: [\"@media screen and (prefers-reduced-motion: reduce){.rkqmps4::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\", \"@media screen and (prefers-reduced-motion: reduce){.rkqmps4:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\", \"@media screen and (prefers-reduced-motion: reduce){.r1trw52p::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\", \"@media screen and (prefers-reduced-motion: reduce){.r1trw52p:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\"]\n});\nconst useRootStyles = /*#__PURE__*/__styles({\n  small: {\n    sshi5w: \"f1pha7fy\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n  },\n  medium: {},\n  outline: {},\n  outlineInteractive: {\n    Bo3r8zu: \"f1w2y1rc\",\n    Hpvxnh: [\"f1gofhvl\", \"f18htlvq\"],\n    Bx11ytk: \"ffcnd28\",\n    B1rg0w0: [\"f18htlvq\", \"f1gofhvl\"],\n    Bsg1tlv: \"f6lmxco\",\n    Brjw370: [\"fcoc0mf\", \"f15r4wkl\"],\n    xcfy85: \"f1ipdth8\",\n    Bcc6kan: [\"f15r4wkl\", \"fcoc0mf\"]\n  },\n  underline: {\n    B0qfbqy: \"f1o236ok\",\n    B4f6apu: [\"faeg28l\", \"f64aojp\"],\n    y0oebl: \"fdw6hkg\",\n    uvfttm: [\"f64aojp\", \"faeg28l\"],\n    Budzafs: [\"f1vk4jnx\", \"f1v3v894\"],\n    r59vdv: [\"f1v3v894\", \"f1vk4jnx\"],\n    n07z76: [\"fzi2j54\", \"f1un0uoc\"],\n    ck0cow: [\"f1un0uoc\", \"fzi2j54\"]\n  },\n  underlineInteractive: {\n    Bx11ytk: \"ffcnd28\",\n    xcfy85: \"f1ipdth8\",\n    B3778ie: [\"f9pmbr4\", \"ffh3ws5\"],\n    d9w3h3: [\"ffh3ws5\", \"f9pmbr4\"],\n    Bl18szs: [\"f19438ov\", \"f1i9y5j\"],\n    B4j8arr: [\"f1i9y5j\", \"f19438ov\"]\n  },\n  filled: {\n    B0qfbqy: \"f1fjh9ub\",\n    B4f6apu: [\"ff9c942\", \"f6rdg5o\"],\n    y0oebl: \"fdw6hkg\",\n    uvfttm: [\"f6rdg5o\", \"ff9c942\"],\n    Bdkvgpv: \"f163fonl\",\n    m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n    qa3bma: \"f11yjt3y\",\n    Bbv0w2i: [\"f1jpmc5p\", \"f1yq6w5o\"],\n    Bq4z7u6: \"f7dgwnz\",\n    Bk5zm6e: [\"f1edeodt\", \"fszsv3f\"],\n    Bqjgrrk: \"f1172wan\",\n    Bm6vgfq: [\"fszsv3f\", \"f1edeodt\"]\n  },\n  \"filled-darker\": {\n    De3pzq: \"f16xq7d1\"\n  },\n  \"filled-lighter\": {\n    De3pzq: \"fxugw4r\"\n  },\n  filledInteractive: {\n    B05mzqr: \"f1xqt08\",\n    tb9y6h: [\"fzt5lgo\", \"f8tv3r9\"],\n    jcehpj: \"fyhrops\",\n    B23o0hn: [\"f8tv3r9\", \"fzt5lgo\"]\n  },\n  invalid: {\n    emecyz: \"fl48pg9\",\n    lz0pba: [\"f1a168p3\", \"f1pvdymy\"],\n    Bo1k74p: \"f11knvgl\",\n    Ba322q7: [\"f1pvdymy\", \"f1a168p3\"]\n  },\n  disabled: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1c21dwh\",\n    Bq4z7u6: \"f1a0lfh7\",\n    Bk5zm6e: [\"f1p2ejm6\", \"fmzytvz\"],\n    Bqjgrrk: \"fas2e61\",\n    Bm6vgfq: [\"fmzytvz\", \"f1p2ejm6\"],\n    Cffpyd: \"flb8es4\",\n    hxi8he: [\"f1lclws\", \"frjp63v\"],\n    Bcuq369: \"f1yv9wnt\",\n    Imo2if: [\"frjp63v\", \"f1lclws\"]\n  }\n}, {\n  d: [\".f1pha7fy{min-height:24px;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1o236ok::before{border-top-width:0;}\", \".faeg28l::before{border-right-width:0;}\", \".f64aojp::before{border-left-width:0;}\", \".fdw6hkg::before{border-bottom-width:1px;}\", \".f1vk4jnx::before{border-bottom-right-radius:var(--borderRadiusNone);}\", \".f1v3v894::before{border-bottom-left-radius:var(--borderRadiusNone);}\", \".fzi2j54::before{border-top-right-radius:var(--borderRadiusNone);}\", \".f1un0uoc::before{border-top-left-radius:var(--borderRadiusNone);}\", \".f9pmbr4::after{border-bottom-right-radius:var(--borderRadiusNone);}\", \".ffh3ws5::after{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f19438ov::after{border-top-right-radius:var(--borderRadiusNone);}\", \".f1i9y5j::after{border-top-left-radius:var(--borderRadiusNone);}\", \".f1fjh9ub::before{border-top-width:1px;}\", \".ff9c942::before{border-right-width:1px;}\", \".f6rdg5o::before{border-left-width:1px;}\", \".f163fonl::before{border-top-style:solid;}\", \".f1yq6w5o::before{border-right-style:solid;}\", \".f1jpmc5p::before{border-left-style:solid;}\", \".f11yjt3y::before{border-bottom-style:solid;}\", \".f7dgwnz::before{border-top-color:var(--colorTransparentStroke);}\", \".f1edeodt::before{border-right-color:var(--colorTransparentStroke);}\", \".fszsv3f::before{border-left-color:var(--colorTransparentStroke);}\", \".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}\", \".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fl48pg9:not(:focus-within)::before,.fl48pg9:hover:not(:focus-within)::before{border-top-color:var(--colorPaletteRedBorder2);}\", \".f1a168p3:not(:focus-within)::before,.f1a168p3:hover:not(:focus-within)::before{border-right-color:var(--colorPaletteRedBorder2);}\", \".f1pvdymy:not(:focus-within)::before,.f1pvdymy:hover:not(:focus-within)::before{border-left-color:var(--colorPaletteRedBorder2);}\", \".f11knvgl:not(:focus-within)::before,.f11knvgl:hover:not(:focus-within)::before{border-bottom-color:var(--colorPaletteRedBorder2);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1a0lfh7::before{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f1p2ejm6::before{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fmzytvz::before{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".fas2e61::before{border-bottom-color:var(--colorNeutralStrokeDisabled);}\"],\n  h: [\".f1w2y1rc:hover::before{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1gofhvl:hover::before{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f18htlvq:hover::before{border-left-color:var(--colorNeutralStroke1Hover);}\", \".ffcnd28:hover::before{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}\", \".f1xqt08:hover::before,.f1xqt08:focus-within::before{border-top-color:var(--colorTransparentStrokeInteractive);}\", \".fzt5lgo:hover::before,.fzt5lgo:focus-within::before{border-right-color:var(--colorTransparentStrokeInteractive);}\", \".f8tv3r9:hover::before,.f8tv3r9:focus-within::before{border-left-color:var(--colorTransparentStrokeInteractive);}\", \".fyhrops:hover::before,.fyhrops:focus-within::before{border-bottom-color:var(--colorTransparentStrokeInteractive);}\"],\n  a: [\".f6lmxco:active::before,.f6lmxco:focus-within::before{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".fcoc0mf:active::before,.fcoc0mf:focus-within::before{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f15r4wkl:active::before,.f15r4wkl:focus-within::before{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f1ipdth8:active::before,.f1ipdth8:focus-within::before{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}\"],\n  m: [[\"@media (forced-colors: active){.flb8es4::before{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1lclws::before{border-right-color:GrayText;}.frjp63v::before{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1yv9wnt::before{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useInputClassName = /*#__PURE__*/__resetStyles(\"r1ljrqje\", null, [\".r1ljrqje{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;outline-style:none;border:0;padding:0;color:var(--colorNeutralForeground1);background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;width:100%;}\", \".r1ljrqje::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".r1ljrqje::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".r1ljrqje:-ms-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".r1ljrqje::placeholder{color:var(--colorNeutralForeground4);opacity:1;}\"]);\nconst useInputStyles = /*#__PURE__*/__styles({\n  disabled: {\n    sj55zd: \"f1s2aq7o\",\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1c21dwh\",\n    yvdlaj: \"fahhnxm\"\n  }\n}, {\n  d: [\".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fahhnxm::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}\", \".fahhnxm::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}\"]\n});\nconst useBaseButtonClassName = /*#__PURE__*/__resetStyles(\"r1g4chgs\", null, [\".r1g4chgs{display:inline-flex;width:24px;align-items:center;justify-content:center;border:0;position:absolute;outline-style:none;height:16px;background-color:transparent;color:var(--colorNeutralForeground3);grid-column-start:2;border-radius:0;padding:0 5px 0 5px;}\", \".r1g4chgs:active{outline-style:none;}\", \".r1g4chgs:enabled:hover{cursor:pointer;color:var(--colorNeutralForeground3Hover);background-color:var(--colorSubtleBackgroundHover);}\", \".r1g4chgs:enabled:active{color:var(--colorNeutralForeground3Pressed);background-color:var(--colorSubtleBackgroundPressed);}\", \".r1g4chgs:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);background-color:var(--colorSubtleBackgroundPressed);}\", \".r1g4chgs:disabled{cursor:not-allowed;color:var(--colorNeutralForegroundDisabled);}\"]);\nconst useButtonStyles = /*#__PURE__*/__styles({\n  increment: {\n    Ijaq50: \"f16hsg94\",\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    z8tnut: \"f10ra9hq\",\n    Byoj8tv: \"f1brlhvm\"\n  },\n  decrement: {\n    Ijaq50: \"faunodf\",\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    z8tnut: \"f1sl3k7w\",\n    Byoj8tv: \"f1y2xyjm\"\n  },\n  incrementButtonSmall: {\n    z8tnut: \"f1khb0e9\",\n    z189sj: [\"f1sgzk6v\", \"f1bg5zqg\"],\n    Byoj8tv: \"f1ov4xf1\",\n    uwmqm3: [\"fycuoez\", \"f8wuabp\"],\n    Bqenvij: \"fvblgha\"\n  },\n  decrementButtonSmall: {\n    z8tnut: \"f1nbblvp\",\n    z189sj: [\"f1sgzk6v\", \"f1bg5zqg\"],\n    Byoj8tv: \"f1jnq6q7\",\n    uwmqm3: [\"fycuoez\", \"f8wuabp\"],\n    Bqenvij: \"fvblgha\"\n  },\n  outline: {},\n  underline: {\n    De3pzq: \"f3rmtva\",\n    sj55zd: \"f11d4kpn\",\n    r4wkhp: \"f1no7wuu\",\n    B95qlz1: \"f1bifk9c\",\n    p743kt: \"fp1zg4s\",\n    B7xitij: \"fo6hitd\",\n    B6siaa6: \"f1wiab75\",\n    Ba9qmo4: \"fj9zm5z\",\n    Dyrjrp: \"f1cqwcg4\"\n  },\n  \"filled-darker\": {\n    De3pzq: \"f3rmtva\",\n    sj55zd: \"f11d4kpn\",\n    r4wkhp: \"f1no7wuu\",\n    B95qlz1: \"fwwxidx\",\n    p743kt: \"fp1zg4s\",\n    B7xitij: \"f14i52sd\",\n    B6siaa6: \"f1wiab75\",\n    Ba9qmo4: \"fwry2ka\",\n    Dyrjrp: \"f1cqwcg4\"\n  },\n  \"filled-lighter\": {\n    De3pzq: \"f3rmtva\",\n    sj55zd: \"f11d4kpn\",\n    r4wkhp: \"f1no7wuu\",\n    B95qlz1: \"f1yywxnv\",\n    drw0cw: \"fzaa11h\",\n    idzz8t: \"f4fpmm9\",\n    Dyrjrp: \"f1cqwcg4\"\n  }\n}, {\n  d: [\".f16hsg94{grid-row-start:1;}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f10ra9hq{padding-top:4px;}\", \".f1brlhvm{padding-bottom:1px;}\", \".faunodf{grid-row-start:2;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1sl3k7w{padding-top:1px;}\", \".f1y2xyjm{padding-bottom:4px;}\", \".f1khb0e9{padding-top:3px;}\", \".f1sgzk6v{padding-right:6px;}\", \".f1bg5zqg{padding-left:6px;}\", \".f1ov4xf1{padding-bottom:0px;}\", \".fycuoez{padding-left:4px;}\", \".f8wuabp{padding-right:4px;}\", \".fvblgha{height:12px;}\", \".f1nbblvp{padding-top:0px;}\", \".f1jnq6q7{padding-bottom:3px;}\", \".f3rmtva{background-color:transparent;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1no7wuu:enabled:hover{color:var(--colorNeutralForeground3Hover);}\", \".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".fp1zg4s:enabled:active{color:var(--colorNeutralForeground3Pressed);}\", \".fo6hitd:enabled:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1wiab75:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);}\", \".fj9zm5z:enabled.fui-SpinButton__button_active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1cqwcg4:disabled{color:var(--colorNeutralForegroundDisabled);}\", \".fwwxidx:enabled:hover{background-color:var(--colorNeutralBackground3Hover);}\", \".f14i52sd:enabled:active{background-color:var(--colorNeutralBackground3Pressed);}\", \".fwry2ka:enabled.fui-SpinButton__button_active{background-color:var(--colorNeutralBackground3Pressed);}\", \".f1yywxnv:enabled:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".fzaa11h:enabled:active,.fzaa11h:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);}\", \".f4fpmm9:enabled:active,.f4fpmm9:enabled.fui-SpinButton__button_active{background-color:var(--colorNeutralBackground1Pressed);}\"]\n});\n// Cannot just disable button as they need to remain\n// exposed to ATs like screen readers.\nconst useButtonDisabledStyles = /*#__PURE__*/__styles({\n  base: {\n    Bceei9c: \"fdrzuqr\",\n    eoavqd: \"fphbwmw\"\n  },\n  outline: {\n    sj55zd: \"f1s2aq7o\",\n    r4wkhp: \"few7wvn\",\n    B95qlz1: \"f110wuh6\",\n    p743kt: \"f9s4mys\",\n    B7xitij: \"f10404rc\",\n    B6siaa6: \"fwzu9cz\",\n    Ba9qmo4: \"f1snwkb6\"\n  },\n  underline: {\n    sj55zd: \"f1s2aq7o\",\n    r4wkhp: \"few7wvn\",\n    B95qlz1: \"f110wuh6\",\n    p743kt: \"f9s4mys\",\n    B7xitij: \"f10404rc\",\n    B6siaa6: \"fwzu9cz\",\n    Ba9qmo4: \"f1snwkb6\"\n  },\n  \"filled-darker\": {\n    sj55zd: \"f1s2aq7o\",\n    r4wkhp: \"few7wvn\",\n    B95qlz1: \"f110wuh6\",\n    p743kt: \"f9s4mys\",\n    B7xitij: \"f10404rc\",\n    B6siaa6: \"fwzu9cz\",\n    Ba9qmo4: \"f1snwkb6\"\n  },\n  \"filled-lighter\": {\n    sj55zd: \"f1s2aq7o\",\n    r4wkhp: \"few7wvn\",\n    B95qlz1: \"f110wuh6\",\n    p743kt: \"f9s4mys\",\n    B7xitij: \"f10404rc\",\n    B6siaa6: \"fwzu9cz\",\n    Ba9qmo4: \"f1snwkb6\"\n  }\n}, {\n  d: [\".fdrzuqr{cursor:not-allowed;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".few7wvn:enabled:hover{color:var(--colorNeutralForegroundDisabled);}\", \".f110wuh6:enabled:hover{background-color:transparent;}\", \".f9s4mys:enabled:active{color:var(--colorNeutralForegroundDisabled);}\", \".f10404rc:enabled:active{background-color:transparent;}\", \".fwzu9cz:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForegroundDisabled);}\", \".f1snwkb6:enabled.fui-SpinButton__button_active{background-color:transparent;}\"],\n  h: [\".fphbwmw:hover{cursor:not-allowed;}\"]\n});\n/**\n * Apply styling to the SpinButton slots based on the state\n */\nexport const useSpinButtonStyles_unstable = state => {\n  const {\n    appearance,\n    atBound,\n    spinState,\n    size\n  } = state;\n  const disabled = state.input.disabled;\n  const invalid = `${state.input['aria-invalid']}` === 'true';\n  const filled = appearance.startsWith('filled');\n  const rootStyles = useRootStyles();\n  const buttonStyles = useButtonStyles();\n  const buttonDisabledStyles = useButtonDisabledStyles();\n  const inputStyles = useInputStyles();\n  state.root.className = mergeClasses(spinButtonClassNames.root, useRootClassName(), rootStyles[size], rootStyles[appearance], filled && rootStyles.filled, !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && appearance === 'underline' && rootStyles.underlineInteractive, !disabled && filled && rootStyles.filledInteractive, !disabled && invalid && rootStyles.invalid, disabled && rootStyles.disabled, state.root.className);\n  state.incrementButton.className = mergeClasses(spinButtonClassNames.incrementButton, spinState === 'up' && `${spinButtonExtraClassNames.buttonActive}`, useBaseButtonClassName(), buttonStyles.increment, buttonStyles[appearance], size === 'small' && buttonStyles.incrementButtonSmall, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles[appearance], state.incrementButton.className);\n  state.decrementButton.className = mergeClasses(spinButtonClassNames.decrementButton, spinState === 'down' && `${spinButtonExtraClassNames.buttonActive}`, useBaseButtonClassName(), buttonStyles.decrement, buttonStyles[appearance], size === 'small' && buttonStyles.decrementButtonSmall, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles[appearance], state.decrementButton.className);\n  state.input.className = mergeClasses(spinButtonClassNames.input, useInputClassName(), disabled && inputStyles.disabled, state.input.className);\n  return state;\n};\n//# sourceMappingURL=useSpinButtonStyles.styles.js.map"],"names":["spinButtonClassNames","useSpinButtonStyles_unstable","root","input","incrementButton","decrementButton","spinButtonExtraClassNames","buttonActive","fieldHeights","small","medium","useRootClassName","__resetStyles","r","s","useRootStyles","__styles","sshi5w","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","uwmqm3","outline","outlineInteractive","Bo3r8zu","Hpvxnh","Bx11ytk","B1rg0w0","Bsg1tlv","Brjw370","xcfy85","Bcc6kan","underline","B0qfbqy","B4f6apu","y0oebl","uvfttm","Budzafs","r59vdv","n07z76","ck0cow","underlineInteractive","B3778ie","d9w3h3","Bl18szs","B4j8arr","filled","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","De3pzq","filledInteractive","B05mzqr","tb9y6h","jcehpj","B23o0hn","invalid","emecyz","lz0pba","Bo1k74p","Ba322q7","disabled","Bceei9c","Cffpyd","hxi8he","Bcuq369","Imo2if","d","h","a","m","useInputClassName","useInputStyles","sj55zd","yvdlaj","useBaseButtonClassName","useButtonStyles","increment","Ijaq50","B7oj6ja","z8tnut","Byoj8tv","decrement","Bbmb7ep","incrementButtonSmall","z189sj","Bqenvij","decrementButtonSmall","r4wkhp","B95qlz1","p743kt","B7xitij","B6siaa6","Ba9qmo4","Dyrjrp","drw0cw","idzz8t","useButtonDisabledStyles","base","eoavqd","state","appearance","atBound","spinState","size","startsWith","rootStyles","buttonStyles","buttonDisabledStyles","inputStyles","className","mergeClasses"],"mappings":"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"}
+{"version":3,"sources":["useSpinButtonStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const spinButtonClassNames = {\n  root: 'fui-SpinButton',\n  input: 'fui-SpinButton__input',\n  incrementButton: 'fui-SpinButton__incrementButton',\n  decrementButton: 'fui-SpinButton__decrementButton'\n};\nconst spinButtonExtraClassNames = {\n  buttonActive: 'fui-SpinButton__button_active'\n};\nconst fieldHeights = {\n  small: '24px',\n  medium: '32px'\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"rkqmps4\", \"r1trw52p\", {\n  r: [\".rkqmps4{display:inline-grid;grid-template-columns:1fr 24px;grid-template-rows:1fr 1fr;column-gap:var(--spacingHorizontalXS);row-gap:0;position:relative;isolation:isolate;background-color:var(--colorNeutralBackground1);min-height:32px;padding:0 0 0 var(--spacingHorizontalMNudge);border-radius:var(--borderRadiusMedium);}\", \".rkqmps4::before{content:\\\"\\\";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;border:1px solid var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStrokeAccessible);border-radius:var(--borderRadiusMedium);}\", \".rkqmps4::after{box-sizing:border-box;content:\\\"\\\";position:absolute;right:0;bottom:0;left:0;z-index:20;height:max(2px, var(--borderRadiusMedium));border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom:2px solid var(--colorCompoundBrandStroke);clip-path:inset(calc(100% - 2px) 0 0 0);transform:scaleX(0);transition-property:transform;transition-duration:var(--durationUltraFast);transition-delay:var(--curveAccelerateMid);}\", \".rkqmps4:focus-within::after{transform:scaleX(1);transition-property:transform;transition-duration:var(--durationNormal);transition-delay:var(--curveDecelerateMid);}\", \".rkqmps4:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}\", \".rkqmps4:focus-within{outline:2px solid transparent;}\", \".r1trw52p{display:inline-grid;grid-template-columns:1fr 24px;grid-template-rows:1fr 1fr;column-gap:var(--spacingHorizontalXS);row-gap:0;position:relative;isolation:isolate;background-color:var(--colorNeutralBackground1);min-height:32px;padding:0 var(--spacingHorizontalMNudge) 0 0;border-radius:var(--borderRadiusMedium);}\", \".r1trw52p::before{content:\\\"\\\";box-sizing:border-box;position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;z-index:10;border:1px solid var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStrokeAccessible);border-radius:var(--borderRadiusMedium);}\", \".r1trw52p::after{box-sizing:border-box;content:\\\"\\\";position:absolute;left:0;bottom:0;right:0;z-index:20;height:max(2px, var(--borderRadiusMedium));border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom:2px solid var(--colorCompoundBrandStroke);clip-path:inset(calc(100% - 2px) 0 0 0);transform:scaleX(0);transition-property:transform;transition-duration:var(--durationUltraFast);transition-delay:var(--curveAccelerateMid);}\", \".r1trw52p:focus-within::after{transform:scaleX(1);transition-property:transform;transition-duration:var(--durationNormal);transition-delay:var(--curveDecelerateMid);}\", \".r1trw52p:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}\", \".r1trw52p:focus-within{outline:2px solid transparent;}\"],\n  s: [\"@media screen and (prefers-reduced-motion: reduce){.rkqmps4::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\", \"@media screen and (prefers-reduced-motion: reduce){.rkqmps4:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\", \"@media screen and (prefers-reduced-motion: reduce){.r1trw52p::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\", \"@media screen and (prefers-reduced-motion: reduce){.r1trw52p:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}\"]\n});\nconst useRootStyles = /*#__PURE__*/__styles({\n  small: {\n    sshi5w: \"f1pha7fy\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n  },\n  medium: {},\n  outline: {},\n  outlineInteractive: {\n    Bo3r8zu: \"f1w2y1rc\",\n    Hpvxnh: [\"f1gofhvl\", \"f18htlvq\"],\n    Bx11ytk: \"ffcnd28\",\n    B1rg0w0: [\"f18htlvq\", \"f1gofhvl\"],\n    Bsg1tlv: \"f6lmxco\",\n    Brjw370: [\"fcoc0mf\", \"f15r4wkl\"],\n    xcfy85: \"f1ipdth8\",\n    Bcc6kan: [\"f15r4wkl\", \"fcoc0mf\"]\n  },\n  underline: {\n    B0qfbqy: \"f1o236ok\",\n    B4f6apu: [\"faeg28l\", \"f64aojp\"],\n    y0oebl: \"fdw6hkg\",\n    uvfttm: [\"f64aojp\", \"faeg28l\"],\n    r59vdv: 0,\n    Budzafs: 0,\n    ck0cow: 0,\n    n07z76: 0,\n    Gng75u: \"f1xyh2jw\"\n  },\n  underlineInteractive: {\n    Bx11ytk: \"ffcnd28\",\n    xcfy85: \"f1ipdth8\",\n    d9w3h3: 0,\n    B3778ie: 0,\n    B4j8arr: 0,\n    Bl18szs: 0,\n    Blrzh8d: \"fkp7w9h\"\n  },\n  filled: {\n    Bcgcnre: 0,\n    Bqjgrrk: 0,\n    qa3bma: 0,\n    y0oebl: 0,\n    Biqmznv: 0,\n    Bm6vgfq: 0,\n    Bbv0w2i: 0,\n    uvfttm: 0,\n    eqrjj: 0,\n    Bk5zm6e: 0,\n    m598lv: 0,\n    B4f6apu: 0,\n    ydt019: 0,\n    Bq4z7u6: 0,\n    Bdkvgpv: 0,\n    B0qfbqy: 0,\n    kj8mxx: \"f1kc0wz4\"\n  },\n  \"filled-darker\": {\n    De3pzq: \"f16xq7d1\"\n  },\n  \"filled-lighter\": {\n    De3pzq: \"fxugw4r\"\n  },\n  filledInteractive: {\n    B05mzqr: \"f1xqt08\",\n    tb9y6h: [\"fzt5lgo\", \"f8tv3r9\"],\n    jcehpj: \"fyhrops\",\n    B23o0hn: [\"f8tv3r9\", \"fzt5lgo\"]\n  },\n  invalid: {\n    emecyz: \"fl48pg9\",\n    lz0pba: [\"f1a168p3\", \"f1pvdymy\"],\n    Bo1k74p: \"f11knvgl\",\n    Ba322q7: [\"f1pvdymy\", \"f1a168p3\"]\n  },\n  disabled: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1c21dwh\",\n    Bq4z7u6: \"f1a0lfh7\",\n    Bk5zm6e: [\"f1p2ejm6\", \"fmzytvz\"],\n    Bqjgrrk: \"fas2e61\",\n    Bm6vgfq: [\"fmzytvz\", \"f1p2ejm6\"],\n    Cffpyd: \"flb8es4\",\n    hxi8he: [\"f1lclws\", \"frjp63v\"],\n    Bcuq369: \"f1yv9wnt\",\n    Imo2if: [\"frjp63v\", \"f1lclws\"]\n  }\n}, {\n  d: [\".f1pha7fy{min-height:24px;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1o236ok::before{border-top-width:0;}\", \".faeg28l::before{border-right-width:0;}\", \".f64aojp::before{border-left-width:0;}\", \".fdw6hkg::before{border-bottom-width:1px;}\", [\".f1xyh2jw::before{border-radius:var(--borderRadiusNone);}\", {\n    p: -1\n  }], [\".fkp7w9h::after{border-radius:var(--borderRadiusNone);}\", {\n    p: -1\n  }], [\".f1kc0wz4::before{border:1px solid var(--colorTransparentStroke);}\", {\n    p: -2\n  }], \".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fl48pg9:not(:focus-within)::before,.fl48pg9:hover:not(:focus-within)::before{border-top-color:var(--colorPaletteRedBorder2);}\", \".f1a168p3:not(:focus-within)::before,.f1a168p3:hover:not(:focus-within)::before{border-right-color:var(--colorPaletteRedBorder2);}\", \".f1pvdymy:not(:focus-within)::before,.f1pvdymy:hover:not(:focus-within)::before{border-left-color:var(--colorPaletteRedBorder2);}\", \".f11knvgl:not(:focus-within)::before,.f11knvgl:hover:not(:focus-within)::before{border-bottom-color:var(--colorPaletteRedBorder2);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1a0lfh7::before{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f1p2ejm6::before{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fmzytvz::before{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".fas2e61::before{border-bottom-color:var(--colorNeutralStrokeDisabled);}\"],\n  h: [\".f1w2y1rc:hover::before{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1gofhvl:hover::before{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f18htlvq:hover::before{border-left-color:var(--colorNeutralStroke1Hover);}\", \".ffcnd28:hover::before{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}\", \".f1xqt08:hover::before,.f1xqt08:focus-within::before{border-top-color:var(--colorTransparentStrokeInteractive);}\", \".fzt5lgo:hover::before,.fzt5lgo:focus-within::before{border-right-color:var(--colorTransparentStrokeInteractive);}\", \".f8tv3r9:hover::before,.f8tv3r9:focus-within::before{border-left-color:var(--colorTransparentStrokeInteractive);}\", \".fyhrops:hover::before,.fyhrops:focus-within::before{border-bottom-color:var(--colorTransparentStrokeInteractive);}\"],\n  a: [\".f6lmxco:active::before,.f6lmxco:focus-within::before{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".fcoc0mf:active::before,.fcoc0mf:focus-within::before{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f15r4wkl:active::before,.f15r4wkl:focus-within::before{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f1ipdth8:active::before,.f1ipdth8:focus-within::before{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}\"],\n  m: [[\"@media (forced-colors: active){.flb8es4::before{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1lclws::before{border-right-color:GrayText;}.frjp63v::before{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1yv9wnt::before{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useInputClassName = /*#__PURE__*/__resetStyles(\"r1ljrqje\", null, [\".r1ljrqje{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;outline-style:none;border:0;padding:0;color:var(--colorNeutralForeground1);background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;width:100%;}\", \".r1ljrqje::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".r1ljrqje::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".r1ljrqje::placeholder{color:var(--colorNeutralForeground4);opacity:1;}\"]);\nconst useInputStyles = /*#__PURE__*/__styles({\n  disabled: {\n    sj55zd: \"f1s2aq7o\",\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1c21dwh\",\n    yvdlaj: \"fahhnxm\"\n  }\n}, {\n  d: [\".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fahhnxm::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}\", \".fahhnxm::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}\"]\n});\nconst useBaseButtonClassName = /*#__PURE__*/__resetStyles(\"r1g4chgs\", null, [\".r1g4chgs{display:inline-flex;width:24px;align-items:center;justify-content:center;border:0;position:absolute;outline-style:none;height:16px;background-color:transparent;color:var(--colorNeutralForeground3);grid-column-start:2;border-radius:0;padding:0 5px 0 5px;}\", \".r1g4chgs:active{outline-style:none;}\", \".r1g4chgs:enabled:hover{cursor:pointer;color:var(--colorNeutralForeground3Hover);background-color:var(--colorSubtleBackgroundHover);}\", \".r1g4chgs:enabled:active{color:var(--colorNeutralForeground3Pressed);background-color:var(--colorSubtleBackgroundPressed);}\", \".r1g4chgs:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);background-color:var(--colorSubtleBackgroundPressed);}\", \".r1g4chgs:disabled{cursor:not-allowed;color:var(--colorNeutralForegroundDisabled);}\"]);\nconst useButtonStyles = /*#__PURE__*/__styles({\n  increment: {\n    Ijaq50: \"f16hsg94\",\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    z8tnut: \"f10ra9hq\",\n    Byoj8tv: \"f1brlhvm\"\n  },\n  decrement: {\n    Ijaq50: \"faunodf\",\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    z8tnut: \"f1sl3k7w\",\n    Byoj8tv: \"f1y2xyjm\"\n  },\n  incrementButtonSmall: {\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: [\"f4lv8q1\", \"fm3uwd2\"],\n    Bqenvij: \"fvblgha\"\n  },\n  decrementButtonSmall: {\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: [\"f1q86st8\", \"frkrfqj\"],\n    Bqenvij: \"fvblgha\"\n  },\n  outline: {},\n  underline: {\n    De3pzq: \"f3rmtva\",\n    sj55zd: \"f11d4kpn\",\n    r4wkhp: \"f1no7wuu\",\n    B95qlz1: \"f1bifk9c\",\n    p743kt: \"fp1zg4s\",\n    B7xitij: \"fo6hitd\",\n    B6siaa6: \"f1wiab75\",\n    Ba9qmo4: \"fj9zm5z\",\n    Dyrjrp: \"f1cqwcg4\"\n  },\n  \"filled-darker\": {\n    De3pzq: \"f3rmtva\",\n    sj55zd: \"f11d4kpn\",\n    r4wkhp: \"f1no7wuu\",\n    B95qlz1: \"fwwxidx\",\n    p743kt: \"fp1zg4s\",\n    B7xitij: \"f14i52sd\",\n    B6siaa6: \"f1wiab75\",\n    Ba9qmo4: \"fwry2ka\",\n    Dyrjrp: \"f1cqwcg4\"\n  },\n  \"filled-lighter\": {\n    De3pzq: \"f3rmtva\",\n    sj55zd: \"f11d4kpn\",\n    r4wkhp: \"f1no7wuu\",\n    B95qlz1: \"f1yywxnv\",\n    drw0cw: \"fzaa11h\",\n    idzz8t: \"f4fpmm9\",\n    Dyrjrp: \"f1cqwcg4\"\n  }\n}, {\n  d: [\".f16hsg94{grid-row-start:1;}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f10ra9hq{padding-top:4px;}\", \".f1brlhvm{padding-bottom:1px;}\", \".faunodf{grid-row-start:2;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1sl3k7w{padding-top:1px;}\", \".f1y2xyjm{padding-bottom:4px;}\", [\".f4lv8q1{padding:3px 6px 0px 4px;}\", {\n    p: -1\n  }], [\".fm3uwd2{padding:3px 4px 0px 6px;}\", {\n    p: -1\n  }], \".fvblgha{height:12px;}\", [\".f1q86st8{padding:0px 6px 3px 4px;}\", {\n    p: -1\n  }], [\".frkrfqj{padding:0px 4px 3px 6px;}\", {\n    p: -1\n  }], \".f3rmtva{background-color:transparent;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1no7wuu:enabled:hover{color:var(--colorNeutralForeground3Hover);}\", \".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".fp1zg4s:enabled:active{color:var(--colorNeutralForeground3Pressed);}\", \".fo6hitd:enabled:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1wiab75:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);}\", \".fj9zm5z:enabled.fui-SpinButton__button_active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1cqwcg4:disabled{color:var(--colorNeutralForegroundDisabled);}\", \".fwwxidx:enabled:hover{background-color:var(--colorNeutralBackground3Hover);}\", \".f14i52sd:enabled:active{background-color:var(--colorNeutralBackground3Pressed);}\", \".fwry2ka:enabled.fui-SpinButton__button_active{background-color:var(--colorNeutralBackground3Pressed);}\", \".f1yywxnv:enabled:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".fzaa11h:enabled:active,.fzaa11h:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);}\", \".f4fpmm9:enabled:active,.f4fpmm9:enabled.fui-SpinButton__button_active{background-color:var(--colorNeutralBackground1Pressed);}\"]\n});\n// Cannot just disable button as they need to remain\n// exposed to ATs like screen readers.\nconst useButtonDisabledStyles = /*#__PURE__*/__styles({\n  base: {\n    Bceei9c: \"fdrzuqr\",\n    eoavqd: \"fphbwmw\"\n  },\n  outline: {\n    sj55zd: \"f1s2aq7o\",\n    r4wkhp: \"few7wvn\",\n    B95qlz1: \"f110wuh6\",\n    p743kt: \"f9s4mys\",\n    B7xitij: \"f10404rc\",\n    B6siaa6: \"fwzu9cz\",\n    Ba9qmo4: \"f1snwkb6\"\n  },\n  underline: {\n    sj55zd: \"f1s2aq7o\",\n    r4wkhp: \"few7wvn\",\n    B95qlz1: \"f110wuh6\",\n    p743kt: \"f9s4mys\",\n    B7xitij: \"f10404rc\",\n    B6siaa6: \"fwzu9cz\",\n    Ba9qmo4: \"f1snwkb6\"\n  },\n  \"filled-darker\": {\n    sj55zd: \"f1s2aq7o\",\n    r4wkhp: \"few7wvn\",\n    B95qlz1: \"f110wuh6\",\n    p743kt: \"f9s4mys\",\n    B7xitij: \"f10404rc\",\n    B6siaa6: \"fwzu9cz\",\n    Ba9qmo4: \"f1snwkb6\"\n  },\n  \"filled-lighter\": {\n    sj55zd: \"f1s2aq7o\",\n    r4wkhp: \"few7wvn\",\n    B95qlz1: \"f110wuh6\",\n    p743kt: \"f9s4mys\",\n    B7xitij: \"f10404rc\",\n    B6siaa6: \"fwzu9cz\",\n    Ba9qmo4: \"f1snwkb6\"\n  }\n}, {\n  d: [\".fdrzuqr{cursor:not-allowed;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".few7wvn:enabled:hover{color:var(--colorNeutralForegroundDisabled);}\", \".f110wuh6:enabled:hover{background-color:transparent;}\", \".f9s4mys:enabled:active{color:var(--colorNeutralForegroundDisabled);}\", \".f10404rc:enabled:active{background-color:transparent;}\", \".fwzu9cz:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForegroundDisabled);}\", \".f1snwkb6:enabled.fui-SpinButton__button_active{background-color:transparent;}\"],\n  h: [\".fphbwmw:hover{cursor:not-allowed;}\"]\n});\n/**\n * Apply styling to the SpinButton slots based on the state\n */\nexport const useSpinButtonStyles_unstable = state => {\n  const {\n    appearance,\n    atBound,\n    spinState,\n    size\n  } = state;\n  const disabled = state.input.disabled;\n  const invalid = `${state.input['aria-invalid']}` === 'true';\n  const filled = appearance.startsWith('filled');\n  const rootStyles = useRootStyles();\n  const buttonStyles = useButtonStyles();\n  const buttonDisabledStyles = useButtonDisabledStyles();\n  const inputStyles = useInputStyles();\n  state.root.className = mergeClasses(spinButtonClassNames.root, useRootClassName(), rootStyles[size], rootStyles[appearance], filled && rootStyles.filled, !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && appearance === 'underline' && rootStyles.underlineInteractive, !disabled && filled && rootStyles.filledInteractive, !disabled && invalid && rootStyles.invalid, disabled && rootStyles.disabled, state.root.className);\n  state.incrementButton.className = mergeClasses(spinButtonClassNames.incrementButton, spinState === 'up' && `${spinButtonExtraClassNames.buttonActive}`, useBaseButtonClassName(), buttonStyles.increment, buttonStyles[appearance], size === 'small' && buttonStyles.incrementButtonSmall, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles[appearance], state.incrementButton.className);\n  state.decrementButton.className = mergeClasses(spinButtonClassNames.decrementButton, spinState === 'down' && `${spinButtonExtraClassNames.buttonActive}`, useBaseButtonClassName(), buttonStyles.decrement, buttonStyles[appearance], size === 'small' && buttonStyles.decrementButtonSmall, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles[appearance], state.decrementButton.className);\n  state.input.className = mergeClasses(spinButtonClassNames.input, useInputClassName(), disabled && inputStyles.disabled, state.input.className);\n  return state;\n};\n//# sourceMappingURL=useSpinButtonStyles.styles.js.map"],"names":["spinButtonClassNames","useSpinButtonStyles_unstable","root","input","incrementButton","decrementButton","spinButtonExtraClassNames","buttonActive","fieldHeights","small","medium","useRootClassName","__resetStyles","r","s","useRootStyles","__styles","sshi5w","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","uwmqm3","outline","outlineInteractive","Bo3r8zu","Hpvxnh","Bx11ytk","B1rg0w0","Bsg1tlv","Brjw370","xcfy85","Bcc6kan","underline","B0qfbqy","B4f6apu","y0oebl","uvfttm","r59vdv","Budzafs","ck0cow","n07z76","Gng75u","underlineInteractive","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","filled","Bcgcnre","Bqjgrrk","qa3bma","Biqmznv","Bm6vgfq","Bbv0w2i","eqrjj","Bk5zm6e","m598lv","ydt019","Bq4z7u6","Bdkvgpv","kj8mxx","De3pzq","filledInteractive","B05mzqr","tb9y6h","jcehpj","B23o0hn","invalid","emecyz","lz0pba","Bo1k74p","Ba322q7","disabled","Bceei9c","Cffpyd","hxi8he","Bcuq369","Imo2if","d","p","h","a","m","useInputClassName","useInputStyles","sj55zd","yvdlaj","useBaseButtonClassName","useButtonStyles","increment","Ijaq50","B7oj6ja","z8tnut","Byoj8tv","decrement","Bbmb7ep","incrementButtonSmall","z189sj","B0ocmuz","Bqenvij","decrementButtonSmall","r4wkhp","B95qlz1","p743kt","B7xitij","B6siaa6","Ba9qmo4","Dyrjrp","drw0cw","idzz8t","useButtonDisabledStyles","base","eoavqd","state","appearance","atBound","spinState","size","startsWith","rootStyles","buttonStyles","buttonDisabledStyles","inputStyles","className","mergeClasses"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-spinbutton",
-  "version": "9.2.75",
+  "version": "9.2.77",
   "description": "Fluent UI React SpinButton component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -35,13 +35,13 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.7",
-    "@fluentui/react-field": "^9.1.65",
+    "@fluentui/react-field": "^9.1.66",
     "@fluentui/react-icons": "^2.0.239",
-    "@fluentui/react-jsx-runtime": "^9.0.37",
-    "@fluentui/react-shared-contexts": "^9.18.0",
+    "@fluentui/react-jsx-runtime": "^9.0.38",
+    "@fluentui/react-shared-contexts": "^9.19.0",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-utilities": "^9.18.8",
-    "@griffel/react": "^1.5.14",
+    "@fluentui/react-utilities": "^9.18.9",
+    "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {