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