@fluentui/react-spinbutton 9.0.11 → 9.0.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (48) hide show
  1. package/CHANGELOG.json +101 -1
  2. package/CHANGELOG.md +28 -2
  3. package/lib/components/SpinButton/SpinButton.js +0 -1
  4. package/lib/components/SpinButton/SpinButton.js.map +1 -1
  5. package/lib/components/SpinButton/renderSpinButton.js +8 -5
  6. package/lib/components/SpinButton/renderSpinButton.js.map +1 -1
  7. package/lib/components/SpinButton/useSpinButton.js +2 -33
  8. package/lib/components/SpinButton/useSpinButton.js.map +1 -1
  9. package/lib/components/SpinButton/useSpinButtonStyles.js +251 -256
  10. package/lib/components/SpinButton/useSpinButtonStyles.js.map +1 -1
  11. package/lib/components/SpinButtonField/SpinButtonField.js.map +1 -1
  12. package/lib/index.js.map +1 -1
  13. package/lib/utils/clamp.js +0 -6
  14. package/lib/utils/clamp.js.map +1 -1
  15. package/lib/utils/getBound.js +0 -2
  16. package/lib/utils/getBound.js.map +1 -1
  17. package/lib/utils/precision.js +0 -5
  18. package/lib/utils/precision.js.map +1 -1
  19. package/lib-commonjs/SpinButton.js +0 -2
  20. package/lib-commonjs/SpinButton.js.map +1 -1
  21. package/lib-commonjs/SpinButtonField.js +0 -2
  22. package/lib-commonjs/SpinButtonField.js.map +1 -1
  23. package/lib-commonjs/components/SpinButton/SpinButton.js +0 -6
  24. package/lib-commonjs/components/SpinButton/SpinButton.js.map +1 -1
  25. package/lib-commonjs/components/SpinButton/SpinButton.types.js.map +1 -1
  26. package/lib-commonjs/components/SpinButton/index.js +0 -6
  27. package/lib-commonjs/components/SpinButton/index.js.map +1 -1
  28. package/lib-commonjs/components/SpinButton/renderSpinButton.js +8 -9
  29. package/lib-commonjs/components/SpinButton/renderSpinButton.js.map +1 -1
  30. package/lib-commonjs/components/SpinButton/useSpinButton.js +2 -40
  31. package/lib-commonjs/components/SpinButton/useSpinButton.js.map +1 -1
  32. package/lib-commonjs/components/SpinButton/useSpinButtonStyles.js +251 -261
  33. package/lib-commonjs/components/SpinButton/useSpinButtonStyles.js.map +1 -1
  34. package/lib-commonjs/components/SpinButtonField/SpinButtonField.js +0 -4
  35. package/lib-commonjs/components/SpinButtonField/SpinButtonField.js.map +1 -1
  36. package/lib-commonjs/components/SpinButtonField/index.js +0 -2
  37. package/lib-commonjs/components/SpinButtonField/index.js.map +1 -1
  38. package/lib-commonjs/index.js +0 -4
  39. package/lib-commonjs/index.js.map +1 -1
  40. package/lib-commonjs/utils/clamp.js +0 -8
  41. package/lib-commonjs/utils/clamp.js.map +1 -1
  42. package/lib-commonjs/utils/getBound.js +0 -4
  43. package/lib-commonjs/utils/getBound.js.map +1 -1
  44. package/lib-commonjs/utils/index.js +0 -4
  45. package/lib-commonjs/utils/index.js.map +1 -1
  46. package/lib-commonjs/utils/precision.js +0 -8
  47. package/lib-commonjs/utils/precision.js.map +1 -1
  48. package/package.json +9 -9
@@ -10,307 +10,301 @@ export const spinButtonClassNames = {
10
10
  const spinButtonExtraClassNames = {
11
11
  buttonActive: 'fui-SpinButton__button_active'
12
12
  };
13
-
14
13
  const useRootStyles = /*#__PURE__*/__styles({
15
- "base": {
16
- "mc9l5x": "fwk3njj",
17
- "Budl1dq": "f1sr6ibj",
18
- "wkccdc": "fio9c21",
19
- "i8kkvl": "f1ufnopg",
20
- "Belr9w4": "f1sff6ri",
21
- "z189sj": ["fhxju0i", "f1cnd47f"],
22
- "qhf8xq": "f10pi13n",
23
- "B4j52fo": "fre7gi1",
24
- "Bekrc4i": ["f1358rze", "f1rvrf73"],
25
- "Bn0qgzm": "fqdk4by",
26
- "ibv6hh": ["f1rvrf73", "f1358rze"],
27
- "gd4gdo": "f1ngn1p8",
28
- "Ftih45": "f1wl9k8s",
29
- "Bcvre1j": "fyl8oag",
30
- "Brfgrao": "f1j7ml58",
31
- "Bciustq": "ffi060y",
32
- "mdwyqc": ["f1f351id", "f1fzr1x6"],
33
- "lawp4y": "fchca7p",
34
- "Fbdkly": ["f1fzr1x6", "f1f351id"],
35
- "Budzafs": ["f1pl9g23", "f3orl67"],
36
- "r59vdv": ["f3orl67", "f1pl9g23"],
37
- "n07z76": ["f2gop1n", "f11nyhth"],
38
- "ck0cow": ["f11nyhth", "f2gop1n"],
39
- "Cgzuqd": "fxuihnu",
40
- "Ehzi8l": "fzjygzn",
41
- "B1piin3": ["f15yvnhg", "f1n6gb5g"],
42
- "By385i5": "fo72kxq",
43
- "Eqx8gd": ["f1n6gb5g", "f15yvnhg"],
44
- "t2ki1e": "f5yjgw6"
14
+ base: {
15
+ mc9l5x: "fwk3njj",
16
+ Budl1dq: "f1sr6ibj",
17
+ wkccdc: "fio9c21",
18
+ i8kkvl: "f1ufnopg",
19
+ Belr9w4: "f1sff6ri",
20
+ z189sj: ["fhxju0i", "f1cnd47f"],
21
+ qhf8xq: "f10pi13n",
22
+ B4j52fo: "fre7gi1",
23
+ Bekrc4i: ["f1358rze", "f1rvrf73"],
24
+ Bn0qgzm: "fqdk4by",
25
+ ibv6hh: ["f1rvrf73", "f1358rze"],
26
+ gd4gdo: "f1ngn1p8",
27
+ Ftih45: "f1wl9k8s",
28
+ Bcvre1j: "fyl8oag",
29
+ Brfgrao: "f1j7ml58",
30
+ Bciustq: "ffi060y",
31
+ mdwyqc: ["f1f351id", "f1fzr1x6"],
32
+ lawp4y: "fchca7p",
33
+ Fbdkly: ["f1fzr1x6", "f1f351id"],
34
+ Budzafs: ["f1pl9g23", "f3orl67"],
35
+ r59vdv: ["f3orl67", "f1pl9g23"],
36
+ n07z76: ["f2gop1n", "f11nyhth"],
37
+ ck0cow: ["f11nyhth", "f2gop1n"],
38
+ Cgzuqd: "fxuihnu",
39
+ Ehzi8l: "fzjygzn",
40
+ B1piin3: ["f15yvnhg", "f1n6gb5g"],
41
+ By385i5: "fo72kxq",
42
+ Eqx8gd: ["f1n6gb5g", "f15yvnhg"],
43
+ t2ki1e: "f5yjgw6"
45
44
  },
46
- "small": {
47
- "uwmqm3": ["f1f5gg8d", "f1vdfbxk"]
45
+ small: {
46
+ uwmqm3: ["f1f5gg8d", "f1vdfbxk"]
48
47
  },
49
- "medium": {},
50
- "outline": {
51
- "B0qfbqy": "f1fjh9ub",
52
- "B4f6apu": ["ff9c942", "f6rdg5o"],
53
- "y0oebl": "fdw6hkg",
54
- "uvfttm": ["f6rdg5o", "ff9c942"],
55
- "Bdkvgpv": "f163fonl",
56
- "m598lv": ["f1yq6w5o", "f1jpmc5p"],
57
- "qa3bma": "f11yjt3y",
58
- "Bbv0w2i": ["f1jpmc5p", "f1yq6w5o"],
59
- "Bq4z7u6": "f10tv6oz",
60
- "Bk5zm6e": ["f16xp3sf", "f1seuxxq"],
61
- "Bqjgrrk": "fchs65t",
62
- "Bm6vgfq": ["f1seuxxq", "f16xp3sf"]
48
+ medium: {},
49
+ outline: {
50
+ B0qfbqy: "f1fjh9ub",
51
+ B4f6apu: ["ff9c942", "f6rdg5o"],
52
+ y0oebl: "fdw6hkg",
53
+ uvfttm: ["f6rdg5o", "ff9c942"],
54
+ Bdkvgpv: "f163fonl",
55
+ m598lv: ["f1yq6w5o", "f1jpmc5p"],
56
+ qa3bma: "f11yjt3y",
57
+ Bbv0w2i: ["f1jpmc5p", "f1yq6w5o"],
58
+ Bq4z7u6: "f10tv6oz",
59
+ Bk5zm6e: ["f16xp3sf", "f1seuxxq"],
60
+ Bqjgrrk: "fchs65t",
61
+ Bm6vgfq: ["f1seuxxq", "f16xp3sf"]
63
62
  },
64
- "outlineInteractive": {
65
- "Bo3r8zu": "f1w2y1rc",
66
- "Hpvxnh": ["f1gofhvl", "f18htlvq"],
67
- "Bx11ytk": "ffcnd28",
68
- "B1rg0w0": ["f18htlvq", "f1gofhvl"],
69
- "Bsg1tlv": "f6lmxco",
70
- "Brjw370": ["fcoc0mf", "f15r4wkl"],
71
- "xcfy85": "f1ipdth8",
72
- "Bcc6kan": ["f15r4wkl", "fcoc0mf"]
63
+ outlineInteractive: {
64
+ Bo3r8zu: "f1w2y1rc",
65
+ Hpvxnh: ["f1gofhvl", "f18htlvq"],
66
+ Bx11ytk: "ffcnd28",
67
+ B1rg0w0: ["f18htlvq", "f1gofhvl"],
68
+ Bsg1tlv: "f6lmxco",
69
+ Brjw370: ["fcoc0mf", "f15r4wkl"],
70
+ xcfy85: "f1ipdth8",
71
+ Bcc6kan: ["f15r4wkl", "fcoc0mf"]
73
72
  },
74
- "underline": {
75
- "Budzafs": ["fw32bj", "fziivox"],
76
- "r59vdv": ["fziivox", "fw32bj"],
77
- "n07z76": ["feccbv4", "f1jqz70h"],
78
- "ck0cow": ["f1jqz70h", "feccbv4"],
79
- "y0oebl": "fdw6hkg",
80
- "qa3bma": "f11yjt3y",
81
- "Bqjgrrk": "fchs65t"
73
+ underline: {
74
+ Budzafs: ["fw32bj", "fziivox"],
75
+ r59vdv: ["fziivox", "fw32bj"],
76
+ n07z76: ["feccbv4", "f1jqz70h"],
77
+ ck0cow: ["f1jqz70h", "feccbv4"],
78
+ y0oebl: "fdw6hkg",
79
+ qa3bma: "f11yjt3y",
80
+ Bqjgrrk: "fchs65t"
82
81
  },
83
- "underlineInteractive": {
84
- "Bx11ytk": "ffcnd28",
85
- "xcfy85": "f1ipdth8"
82
+ underlineInteractive: {
83
+ Bx11ytk: "ffcnd28",
84
+ xcfy85: "f1ipdth8"
86
85
  },
87
- "filled": {
88
- "B0qfbqy": "f1fjh9ub",
89
- "B4f6apu": ["ff9c942", "f6rdg5o"],
90
- "y0oebl": "fdw6hkg",
91
- "uvfttm": ["f6rdg5o", "ff9c942"],
92
- "Bdkvgpv": "f163fonl",
93
- "m598lv": ["f1yq6w5o", "f1jpmc5p"],
94
- "qa3bma": "f11yjt3y",
95
- "Bbv0w2i": ["f1jpmc5p", "f1yq6w5o"],
96
- "Bq4z7u6": "f7dgwnz",
97
- "Bk5zm6e": ["f1edeodt", "fszsv3f"],
98
- "Bqjgrrk": "f1172wan",
99
- "Bm6vgfq": ["fszsv3f", "f1edeodt"]
86
+ filled: {
87
+ B0qfbqy: "f1fjh9ub",
88
+ B4f6apu: ["ff9c942", "f6rdg5o"],
89
+ y0oebl: "fdw6hkg",
90
+ uvfttm: ["f6rdg5o", "ff9c942"],
91
+ Bdkvgpv: "f163fonl",
92
+ m598lv: ["f1yq6w5o", "f1jpmc5p"],
93
+ qa3bma: "f11yjt3y",
94
+ Bbv0w2i: ["f1jpmc5p", "f1yq6w5o"],
95
+ Bq4z7u6: "f7dgwnz",
96
+ Bk5zm6e: ["f1edeodt", "fszsv3f"],
97
+ Bqjgrrk: "f1172wan",
98
+ Bm6vgfq: ["fszsv3f", "f1edeodt"]
100
99
  },
101
- "filledInteractive": {
102
- "B05mzqr": "f1xqt08",
103
- "tb9y6h": ["fzt5lgo", "f8tv3r9"],
104
- "jcehpj": "fyhrops",
105
- "B23o0hn": ["f8tv3r9", "fzt5lgo"]
100
+ filledInteractive: {
101
+ B05mzqr: "f1xqt08",
102
+ tb9y6h: ["fzt5lgo", "f8tv3r9"],
103
+ jcehpj: "fyhrops",
104
+ B23o0hn: ["f8tv3r9", "fzt5lgo"]
106
105
  },
107
- "invalid": {
108
- "emecyz": "fl48pg9",
109
- "lz0pba": ["f1a168p3", "f1pvdymy"],
110
- "Bo1k74p": "f11knvgl",
111
- "Ba322q7": ["f1pvdymy", "f1a168p3"]
106
+ invalid: {
107
+ emecyz: "fl48pg9",
108
+ lz0pba: ["f1a168p3", "f1pvdymy"],
109
+ Bo1k74p: "f11knvgl",
110
+ Ba322q7: ["f1pvdymy", "f1a168p3"]
112
111
  },
113
- "disabled": {
114
- "Bq4z7u6": "f1a0lfh7",
115
- "Bk5zm6e": ["f1p2ejm6", "fmzytvz"],
116
- "Bqjgrrk": "fas2e61",
117
- "Bm6vgfq": ["fmzytvz", "f1p2ejm6"],
118
- "Cffpyd": "flb8es4",
119
- "hxi8he": ["f1lclws", "frjp63v"],
120
- "Bcuq369": "f1yv9wnt",
121
- "Imo2if": ["frjp63v", "f1lclws"]
112
+ disabled: {
113
+ Bq4z7u6: "f1a0lfh7",
114
+ Bk5zm6e: ["f1p2ejm6", "fmzytvz"],
115
+ Bqjgrrk: "fas2e61",
116
+ Bm6vgfq: ["fmzytvz", "f1p2ejm6"],
117
+ Cffpyd: "flb8es4",
118
+ hxi8he: ["f1lclws", "frjp63v"],
119
+ Bcuq369: "f1yv9wnt",
120
+ Imo2if: ["frjp63v", "f1lclws"]
122
121
  }
123
122
  }, {
124
- "d": [".fwk3njj{display:inline-grid;}", ".f1sr6ibj{grid-template-columns:1fr 24px;}", ".fio9c21{grid-template-rows:1fr 1fr;}", ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}", ".f1sff6ri{row-gap:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f10pi13n{position:relative;}", ".fre7gi1{border-top-width:0;}", ".f1358rze{border-right-width:0;}", ".f1rvrf73{border-left-width:0;}", ".fqdk4by{border-bottom-width:0;}", ".f1ngn1p8{isolation:isolate;}", ".f1wl9k8s::before{content:\"\";}", ".fyl8oag::before{box-sizing:border-box;}", ".f1j7ml58::before{position:absolute;}", ".ffi060y::before{top:0;}", ".f1f351id::before{right:0;}", ".f1fzr1x6::before{left:0;}", ".fchca7p::before{bottom:0;}", ".f1pl9g23::before{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f3orl67::before{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f2gop1n::before{border-top-right-radius:var(--borderRadiusMedium);}", ".f11nyhth::before{border-top-left-radius:var(--borderRadiusMedium);}", ".fxuihnu::before{pointer-events:none;}", ".fzjygzn::before{z-index:10;}", ".f15yvnhg::after{right:0;}", ".f1n6gb5g::after{left:0;}", ".fo72kxq::after{bottom:0;}", ".f5yjgw6::after{z-index:20;}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1fjh9ub::before{border-top-width:1px;}", ".ff9c942::before{border-right-width:1px;}", ".f6rdg5o::before{border-left-width:1px;}", ".fdw6hkg::before{border-bottom-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;}", ".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}", ".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}", ".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}", ".fchs65t::before{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".fw32bj::before{border-bottom-right-radius:0;}", ".fziivox::before{border-bottom-left-radius:0;}", ".feccbv4::before{border-top-right-radius:0;}", ".f1jqz70h::before{border-top-left-radius:0;}", ".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);}", ".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);}", ".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);}"],
125
- "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);}"],
126
- "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);}"],
127
- "m": [["@media (forced-colors: active){.flb8es4::before{border-top-color:GrayText;}}", {
128
- "m": "(forced-colors: active)"
123
+ d: [".fwk3njj{display:inline-grid;}", ".f1sr6ibj{grid-template-columns:1fr 24px;}", ".fio9c21{grid-template-rows:1fr 1fr;}", ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}", ".f1sff6ri{row-gap:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f10pi13n{position:relative;}", ".fre7gi1{border-top-width:0;}", ".f1358rze{border-right-width:0;}", ".f1rvrf73{border-left-width:0;}", ".fqdk4by{border-bottom-width:0;}", ".f1ngn1p8{isolation:isolate;}", ".f1wl9k8s::before{content:\"\";}", ".fyl8oag::before{box-sizing:border-box;}", ".f1j7ml58::before{position:absolute;}", ".ffi060y::before{top:0;}", ".f1f351id::before{right:0;}", ".f1fzr1x6::before{left:0;}", ".fchca7p::before{bottom:0;}", ".f1pl9g23::before{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f3orl67::before{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f2gop1n::before{border-top-right-radius:var(--borderRadiusMedium);}", ".f11nyhth::before{border-top-left-radius:var(--borderRadiusMedium);}", ".fxuihnu::before{pointer-events:none;}", ".fzjygzn::before{z-index:10;}", ".f15yvnhg::after{right:0;}", ".f1n6gb5g::after{left:0;}", ".fo72kxq::after{bottom:0;}", ".f5yjgw6::after{z-index:20;}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1fjh9ub::before{border-top-width:1px;}", ".ff9c942::before{border-right-width:1px;}", ".f6rdg5o::before{border-left-width:1px;}", ".fdw6hkg::before{border-bottom-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;}", ".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}", ".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}", ".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}", ".fchs65t::before{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".fw32bj::before{border-bottom-right-radius:0;}", ".fziivox::before{border-bottom-left-radius:0;}", ".feccbv4::before{border-top-right-radius:0;}", ".f1jqz70h::before{border-top-left-radius:0;}", ".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);}", ".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);}", ".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);}"],
124
+ 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);}"],
125
+ 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);}"],
126
+ m: [["@media (forced-colors: active){.flb8es4::before{border-top-color:GrayText;}}", {
127
+ m: "(forced-colors: active)"
129
128
  }], ["@media (forced-colors: active){.f1lclws::before{border-right-color:GrayText;}.frjp63v::before{border-left-color:GrayText;}}", {
130
- "m": "(forced-colors: active)"
129
+ m: "(forced-colors: active)"
131
130
  }], ["@media (forced-colors: active){.f1yv9wnt::before{border-bottom-color:GrayText;}}", {
132
- "m": "(forced-colors: active)"
131
+ m: "(forced-colors: active)"
133
132
  }], ["@media (forced-colors: active){.frjp63v::before{border-left-color:GrayText;}.f1lclws::before{border-right-color:GrayText;}}", {
134
- "m": "(forced-colors: active)"
133
+ m: "(forced-colors: active)"
135
134
  }]]
136
135
  });
137
-
138
136
  const useInputStyles = /*#__PURE__*/__styles({
139
- "base": {
140
- "Br312pm": "fwpfdsa",
141
- "Bw0ie65": "f1e2fz10",
142
- "Ijaq50": "f16hsg94",
143
- "nk6f5a": "fcu02xx",
144
- "oeaueh": "f1s6fcnf",
145
- "z8tnut": "f1g0x7ka",
146
- "z189sj": ["fhxju0i", "f1cnd47f"],
147
- "Byoj8tv": "f1qch9an",
148
- "uwmqm3": ["f1cnd47f", "fhxju0i"]
137
+ base: {
138
+ Br312pm: "fwpfdsa",
139
+ Bw0ie65: "f1e2fz10",
140
+ Ijaq50: "f16hsg94",
141
+ nk6f5a: "fcu02xx",
142
+ oeaueh: "f1s6fcnf",
143
+ z8tnut: "f1g0x7ka",
144
+ z189sj: ["fhxju0i", "f1cnd47f"],
145
+ Byoj8tv: "f1qch9an",
146
+ uwmqm3: ["f1cnd47f", "fhxju0i"]
149
147
  }
150
148
  }, {
151
- "d": [".fwpfdsa{grid-column-start:1;}", ".f1e2fz10{grid-column-end:2;}", ".f16hsg94{grid-row-start:1;}", ".fcu02xx{grid-row-end:3;}", ".f1s6fcnf{outline-style:none;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}"]
149
+ d: [".fwpfdsa{grid-column-start:1;}", ".f1e2fz10{grid-column-end:2;}", ".f16hsg94{grid-row-start:1;}", ".fcu02xx{grid-row-end:3;}", ".f1s6fcnf{outline-style:none;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}"]
152
150
  });
153
-
154
151
  const useButtonStyles = /*#__PURE__*/__styles({
155
- "base": {
156
- "mc9l5x": "ftuwxu6",
157
- "a9b677": "fq4mcun",
158
- "Bt984gj": "f122n59",
159
- "Brf1p80": "f4d9j23",
160
- "B4j52fo": "fre7gi1",
161
- "Bekrc4i": ["f1358rze", "f1rvrf73"],
162
- "Bn0qgzm": "fqdk4by",
163
- "ibv6hh": ["f1rvrf73", "f1358rze"],
164
- "qhf8xq": "f1euv43f",
165
- "oeaueh": "f1s6fcnf",
166
- "Bqenvij": "f1l02sjl",
167
- "Bfnh471": "fe4wpbb",
168
- "zwc60e": "fb0xa7e",
169
- "ezr58z": "f9f7vaa"
152
+ base: {
153
+ mc9l5x: "ftuwxu6",
154
+ a9b677: "fq4mcun",
155
+ Bt984gj: "f122n59",
156
+ Brf1p80: "f4d9j23",
157
+ B4j52fo: "fre7gi1",
158
+ Bekrc4i: ["f1358rze", "f1rvrf73"],
159
+ Bn0qgzm: "fqdk4by",
160
+ ibv6hh: ["f1rvrf73", "f1358rze"],
161
+ qhf8xq: "f1euv43f",
162
+ oeaueh: "f1s6fcnf",
163
+ Bqenvij: "f1l02sjl",
164
+ Bfnh471: "fe4wpbb",
165
+ zwc60e: "fb0xa7e",
166
+ ezr58z: "f9f7vaa"
170
167
  },
171
- "incrementButton": {
172
- "Br312pm": "fd46tj4",
173
- "Bw0ie65": "fz1yyy6",
174
- "Ijaq50": "f16hsg94",
175
- "nk6f5a": "f88nxoq",
176
- "Bbmb7ep": ["f1krrbdw", "f1deotkl"],
177
- "Beyfa6y": ["f1deotkl", "f1krrbdw"],
178
- "B7oj6ja": ["f1jar5jt", "fyu767a"],
179
- "Btl43ni": ["f1ozlkrg", "f10ostut"]
168
+ incrementButton: {
169
+ Br312pm: "fd46tj4",
170
+ Bw0ie65: "fz1yyy6",
171
+ Ijaq50: "f16hsg94",
172
+ nk6f5a: "f88nxoq",
173
+ Bbmb7ep: ["f1krrbdw", "f1deotkl"],
174
+ Beyfa6y: ["f1deotkl", "f1krrbdw"],
175
+ B7oj6ja: ["f1jar5jt", "fyu767a"],
176
+ Btl43ni: ["f1ozlkrg", "f10ostut"]
180
177
  },
181
- "incrementButtonSmall": {
182
- "z8tnut": "f1khb0e9",
183
- "z189sj": ["f1sgzk6v", "f1bg5zqg"],
184
- "Byoj8tv": "f1ov4xf1",
185
- "uwmqm3": ["fycuoez", "f8wuabp"]
178
+ incrementButtonSmall: {
179
+ z8tnut: "f1khb0e9",
180
+ z189sj: ["f1sgzk6v", "f1bg5zqg"],
181
+ Byoj8tv: "f1ov4xf1",
182
+ uwmqm3: ["fycuoez", "f8wuabp"]
186
183
  },
187
- "incrementButtonMedium": {
188
- "z8tnut": "f10ra9hq",
189
- "z189sj": ["fwiuce9", "f15vdbe4"],
190
- "Byoj8tv": "f1brlhvm",
191
- "uwmqm3": ["f15vdbe4", "fwiuce9"]
184
+ incrementButtonMedium: {
185
+ z8tnut: "f10ra9hq",
186
+ z189sj: ["fwiuce9", "f15vdbe4"],
187
+ Byoj8tv: "f1brlhvm",
188
+ uwmqm3: ["f15vdbe4", "fwiuce9"]
192
189
  },
193
- "decrementButton": {
194
- "Br312pm": "fd46tj4",
195
- "Bw0ie65": "fz1yyy6",
196
- "Ijaq50": "faunodf",
197
- "nk6f5a": "fcu02xx",
198
- "Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
199
- "Beyfa6y": ["f1deotkl", "f1krrbdw"],
200
- "B7oj6ja": ["f10ostut", "f1ozlkrg"],
201
- "Btl43ni": ["f1ozlkrg", "f10ostut"]
190
+ decrementButton: {
191
+ Br312pm: "fd46tj4",
192
+ Bw0ie65: "fz1yyy6",
193
+ Ijaq50: "faunodf",
194
+ nk6f5a: "fcu02xx",
195
+ Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
196
+ Beyfa6y: ["f1deotkl", "f1krrbdw"],
197
+ B7oj6ja: ["f10ostut", "f1ozlkrg"],
198
+ Btl43ni: ["f1ozlkrg", "f10ostut"]
202
199
  },
203
- "decrementButtonSmall": {
204
- "z8tnut": "f1nbblvp",
205
- "z189sj": ["f1sgzk6v", "f1bg5zqg"],
206
- "Byoj8tv": "f1jnq6q7",
207
- "uwmqm3": ["fycuoez", "f8wuabp"]
200
+ decrementButtonSmall: {
201
+ z8tnut: "f1nbblvp",
202
+ z189sj: ["f1sgzk6v", "f1bg5zqg"],
203
+ Byoj8tv: "f1jnq6q7",
204
+ uwmqm3: ["fycuoez", "f8wuabp"]
208
205
  },
209
- "decrementButtonMedium": {
210
- "z8tnut": "f1sl3k7w",
211
- "z189sj": ["fwiuce9", "f15vdbe4"],
212
- "Byoj8tv": "f1y2xyjm",
213
- "uwmqm3": ["f15vdbe4", "fwiuce9"]
206
+ decrementButtonMedium: {
207
+ z8tnut: "f1sl3k7w",
208
+ z189sj: ["fwiuce9", "f15vdbe4"],
209
+ Byoj8tv: "f1y2xyjm",
210
+ uwmqm3: ["f15vdbe4", "fwiuce9"]
214
211
  },
215
- "outline": {
216
- "De3pzq": "f3rmtva",
217
- "sj55zd": "f11d4kpn",
218
- "r4wkhp": "f1no7wuu",
219
- "B95qlz1": "f1bifk9c",
220
- "p743kt": "fp1zg4s",
221
- "B7xitij": "fo6hitd",
222
- "B6siaa6": "f1wiab75",
223
- "Ba9qmo4": "fj9zm5z",
224
- "Dyrjrp": "f1cqwcg4"
212
+ outline: {
213
+ De3pzq: "f3rmtva",
214
+ sj55zd: "f11d4kpn",
215
+ r4wkhp: "f1no7wuu",
216
+ B95qlz1: "f1bifk9c",
217
+ p743kt: "fp1zg4s",
218
+ B7xitij: "fo6hitd",
219
+ B6siaa6: "f1wiab75",
220
+ Ba9qmo4: "fj9zm5z",
221
+ Dyrjrp: "f1cqwcg4"
225
222
  },
226
- "underline": {
227
- "De3pzq": "f3rmtva",
228
- "sj55zd": "f11d4kpn",
229
- "r4wkhp": "f1no7wuu",
230
- "B95qlz1": "f1bifk9c",
231
- "p743kt": "fp1zg4s",
232
- "B7xitij": "fo6hitd",
233
- "B6siaa6": "f1wiab75",
234
- "Ba9qmo4": "fj9zm5z",
235
- "Dyrjrp": "f1cqwcg4"
223
+ underline: {
224
+ De3pzq: "f3rmtva",
225
+ sj55zd: "f11d4kpn",
226
+ r4wkhp: "f1no7wuu",
227
+ B95qlz1: "f1bifk9c",
228
+ p743kt: "fp1zg4s",
229
+ B7xitij: "fo6hitd",
230
+ B6siaa6: "f1wiab75",
231
+ Ba9qmo4: "fj9zm5z",
232
+ Dyrjrp: "f1cqwcg4"
236
233
  },
237
234
  "filled-darker": {
238
- "De3pzq": "f3rmtva",
239
- "sj55zd": "f11d4kpn",
240
- "r4wkhp": "f1no7wuu",
241
- "B95qlz1": "fwwxidx",
242
- "p743kt": "fp1zg4s",
243
- "B7xitij": "f14i52sd",
244
- "B6siaa6": "f1wiab75",
245
- "Ba9qmo4": "fwry2ka",
246
- "Dyrjrp": "f1cqwcg4"
235
+ De3pzq: "f3rmtva",
236
+ sj55zd: "f11d4kpn",
237
+ r4wkhp: "f1no7wuu",
238
+ B95qlz1: "fwwxidx",
239
+ p743kt: "fp1zg4s",
240
+ B7xitij: "f14i52sd",
241
+ B6siaa6: "f1wiab75",
242
+ Ba9qmo4: "fwry2ka",
243
+ Dyrjrp: "f1cqwcg4"
247
244
  },
248
245
  "filled-lighter": {
249
- "De3pzq": "f3rmtva",
250
- "sj55zd": "f11d4kpn",
251
- "r4wkhp": "f1no7wuu",
252
- "B95qlz1": "f1yywxnv",
253
- "drw0cw": "fzaa11h",
254
- "idzz8t": "f4fpmm9",
255
- "Dyrjrp": "f1cqwcg4"
246
+ De3pzq: "f3rmtva",
247
+ sj55zd: "f11d4kpn",
248
+ r4wkhp: "f1no7wuu",
249
+ B95qlz1: "f1yywxnv",
250
+ drw0cw: "fzaa11h",
251
+ idzz8t: "f4fpmm9",
252
+ Dyrjrp: "f1cqwcg4"
256
253
  }
257
254
  }, {
258
- "d": [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fq4mcun{width:24px;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fre7gi1{border-top-width:0;}", ".f1358rze{border-right-width:0;}", ".f1rvrf73{border-left-width:0;}", ".fqdk4by{border-bottom-width:0;}", ".f1euv43f{position:absolute;}", ".f1s6fcnf{outline-style:none;}", ".f1l02sjl{height:100%;}", ".fe4wpbb:enabled:hover{cursor:pointer;}", ".f9f7vaa:disabled{cursor:not-allowed;}", ".fd46tj4{grid-column-start:2;}", ".fz1yyy6{grid-column-end:3;}", ".f16hsg94{grid-row-start:1;}", ".f88nxoq{grid-row-end:2;}", ".f1krrbdw{border-bottom-right-radius:0;}", ".f1deotkl{border-bottom-left-radius:0;}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1ozlkrg{border-top-left-radius:0;}", ".f10ostut{border-top-right-radius:0;}", ".f1khb0e9{padding-top:3px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f1ov4xf1{padding-bottom:0px;}", ".fycuoez{padding-left:4px;}", ".f8wuabp{padding-right:4px;}", ".f10ra9hq{padding-top:4px;}", ".fwiuce9{padding-right:5px;}", ".f15vdbe4{padding-left:5px;}", ".f1brlhvm{padding-bottom:1px;}", ".faunodf{grid-row-start:2;}", ".fcu02xx{grid-row-end:3;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1nbblvp{padding-top:0px;}", ".f1jnq6q7{padding-bottom:3px;}", ".f1sl3k7w{padding-top:1px;}", ".f1y2xyjm{padding-bottom:4px;}", ".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);}"],
259
- "a": [".fb0xa7e:active{outline-style:none;}"]
260
- }); // Cannot just disable button as they need to remain
255
+ d: [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fq4mcun{width:24px;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fre7gi1{border-top-width:0;}", ".f1358rze{border-right-width:0;}", ".f1rvrf73{border-left-width:0;}", ".fqdk4by{border-bottom-width:0;}", ".f1euv43f{position:absolute;}", ".f1s6fcnf{outline-style:none;}", ".f1l02sjl{height:100%;}", ".fe4wpbb:enabled:hover{cursor:pointer;}", ".f9f7vaa:disabled{cursor:not-allowed;}", ".fd46tj4{grid-column-start:2;}", ".fz1yyy6{grid-column-end:3;}", ".f16hsg94{grid-row-start:1;}", ".f88nxoq{grid-row-end:2;}", ".f1krrbdw{border-bottom-right-radius:0;}", ".f1deotkl{border-bottom-left-radius:0;}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1ozlkrg{border-top-left-radius:0;}", ".f10ostut{border-top-right-radius:0;}", ".f1khb0e9{padding-top:3px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f1ov4xf1{padding-bottom:0px;}", ".fycuoez{padding-left:4px;}", ".f8wuabp{padding-right:4px;}", ".f10ra9hq{padding-top:4px;}", ".fwiuce9{padding-right:5px;}", ".f15vdbe4{padding-left:5px;}", ".f1brlhvm{padding-bottom:1px;}", ".faunodf{grid-row-start:2;}", ".fcu02xx{grid-row-end:3;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1nbblvp{padding-top:0px;}", ".f1jnq6q7{padding-bottom:3px;}", ".f1sl3k7w{padding-top:1px;}", ".f1y2xyjm{padding-bottom:4px;}", ".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);}"],
256
+ a: [".fb0xa7e:active{outline-style:none;}"]
257
+ });
258
+ // Cannot just disable button as they need to remain
261
259
  // exposed to ATs like screen readers.
262
-
263
-
264
260
  const useButtonDisabledStyles = /*#__PURE__*/__styles({
265
- "base": {
266
- "Bceei9c": "fdrzuqr",
267
- "eoavqd": "fphbwmw"
261
+ base: {
262
+ Bceei9c: "fdrzuqr",
263
+ eoavqd: "fphbwmw"
268
264
  },
269
- "outline": {
270
- "sj55zd": "f1s2aq7o",
271
- "r4wkhp": "few7wvn",
272
- "B95qlz1": "f110wuh6",
273
- "p743kt": "f9s4mys",
274
- "B7xitij": "f10404rc",
275
- "B6siaa6": "fwzu9cz",
276
- "Ba9qmo4": "f1snwkb6"
265
+ outline: {
266
+ sj55zd: "f1s2aq7o",
267
+ r4wkhp: "few7wvn",
268
+ B95qlz1: "f110wuh6",
269
+ p743kt: "f9s4mys",
270
+ B7xitij: "f10404rc",
271
+ B6siaa6: "fwzu9cz",
272
+ Ba9qmo4: "f1snwkb6"
277
273
  },
278
- "underline": {
279
- "sj55zd": "f1s2aq7o",
280
- "r4wkhp": "few7wvn",
281
- "B95qlz1": "f110wuh6",
282
- "p743kt": "f9s4mys",
283
- "B7xitij": "f10404rc",
284
- "B6siaa6": "fwzu9cz",
285
- "Ba9qmo4": "f1snwkb6"
274
+ underline: {
275
+ sj55zd: "f1s2aq7o",
276
+ r4wkhp: "few7wvn",
277
+ B95qlz1: "f110wuh6",
278
+ p743kt: "f9s4mys",
279
+ B7xitij: "f10404rc",
280
+ B6siaa6: "fwzu9cz",
281
+ Ba9qmo4: "f1snwkb6"
286
282
  },
287
283
  "filled-darker": {
288
- "sj55zd": "f1s2aq7o",
289
- "r4wkhp": "few7wvn",
290
- "B95qlz1": "f110wuh6",
291
- "p743kt": "f9s4mys",
292
- "B7xitij": "f10404rc",
293
- "B6siaa6": "fwzu9cz",
294
- "Ba9qmo4": "f1snwkb6"
284
+ sj55zd: "f1s2aq7o",
285
+ r4wkhp: "few7wvn",
286
+ B95qlz1: "f110wuh6",
287
+ p743kt: "f9s4mys",
288
+ B7xitij: "f10404rc",
289
+ B6siaa6: "fwzu9cz",
290
+ Ba9qmo4: "f1snwkb6"
295
291
  },
296
292
  "filled-lighter": {
297
- "sj55zd": "f1s2aq7o",
298
- "r4wkhp": "few7wvn",
299
- "B95qlz1": "f110wuh6",
300
- "p743kt": "f9s4mys",
301
- "B7xitij": "f10404rc",
302
- "B6siaa6": "fwzu9cz",
303
- "Ba9qmo4": "f1snwkb6"
293
+ sj55zd: "f1s2aq7o",
294
+ r4wkhp: "few7wvn",
295
+ B95qlz1: "f110wuh6",
296
+ p743kt: "f9s4mys",
297
+ B7xitij: "f10404rc",
298
+ B6siaa6: "fwzu9cz",
299
+ Ba9qmo4: "f1snwkb6"
304
300
  }
305
301
  }, {
306
- "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;}"],
307
- "h": [".fphbwmw:hover{cursor:not-allowed;}"]
302
+ 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;}"],
303
+ h: [".fphbwmw:hover{cursor:not-allowed;}"]
308
304
  });
309
305
  /**
310
306
  * Apply styling to the SpinButton slots based on the state
311
307
  */
312
-
313
-
314
308
  export const useSpinButtonStyles_unstable = state => {
315
309
  const {
316
310
  appearance,
@@ -324,11 +318,11 @@ export const useSpinButtonStyles_unstable = state => {
324
318
  const rootStyles = useRootStyles();
325
319
  const buttonStyles = useButtonStyles();
326
320
  const buttonDisabledStyles = useButtonDisabledStyles();
327
- const inputStyles = useInputStyles(); // Grab the root className here so we can be sure to merge is last
328
-
321
+ const inputStyles = useInputStyles();
322
+ // Grab the root className here so we can be sure to merge is last
329
323
  const rootClassName = state.root.className;
330
- state.root.className = undefined; // Reuse react-input's styles without re-using the Input component.
331
-
324
+ state.root.className = undefined;
325
+ // Reuse react-input's styles without re-using the Input component.
332
326
  useInputStyles_unstable({
333
327
  size,
334
328
  appearance,
@@ -341,7 +335,8 @@ export const useSpinButtonStyles_unstable = state => {
341
335
  contentAfter: 'span'
342
336
  }
343
337
  });
344
- state.root.className = mergeClasses(state.root.className, // Get the classes from useInputStyles_unstable
338
+ state.root.className = mergeClasses(state.root.className,
339
+ // Get the classes from useInputStyles_unstable
345
340
  spinButtonClassNames.root, rootStyles.base, rootStyles[size], appearance === 'outline' && rootStyles.outline, appearance === 'underline' && rootStyles.underline, filled && rootStyles.filled, !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && appearance === 'underline' && rootStyles.underlineInteractive, !disabled && filled && rootStyles.filledInteractive, !disabled && invalid && rootStyles.invalid, disabled && rootStyles.disabled, rootClassName);
346
341
  state.incrementButton.className = mergeClasses(spinButtonClassNames.incrementButton, spinState === 'up' && `${spinButtonExtraClassNames.buttonActive}`, buttonStyles.base, buttonStyles.incrementButton, buttonStyles[appearance], size === 'small' ? buttonStyles.incrementButtonSmall : buttonStyles.incrementButtonMedium, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles[appearance], state.incrementButton.className);
347
342
  state.decrementButton.className = mergeClasses(spinButtonClassNames.decrementButton, spinState === 'down' && `${spinButtonExtraClassNames.buttonActive}`, buttonStyles.base, buttonStyles.decrementButton, buttonStyles[appearance], size === 'small' ? buttonStyles.decrementButtonSmall : buttonStyles.decrementButtonMedium, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles[appearance], state.decrementButton.className);