@react-spectrum/s2 3.0.0-nightly-d87cc4422-250109 → 3.0.0-nightly-e4497fdb6-250110

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/dist/ActionBar.cjs +2 -2
  2. package/dist/ActionBar.css +2 -2
  3. package/dist/ActionBar.mjs +2 -2
  4. package/dist/ActionButton.css +1 -1
  5. package/dist/Breadcrumbs.css +1 -1
  6. package/dist/Button.cjs +133 -98
  7. package/dist/Button.cjs.map +1 -1
  8. package/dist/Button.css +118 -37
  9. package/dist/Button.css.map +1 -1
  10. package/dist/Button.mjs +134 -99
  11. package/dist/Button.mjs.map +1 -1
  12. package/dist/Card.cjs +15 -15
  13. package/dist/Card.css +19 -19
  14. package/dist/Card.mjs +15 -15
  15. package/dist/Checkbox.cjs +1 -1
  16. package/dist/Checkbox.css +3 -3
  17. package/dist/Checkbox.mjs +1 -1
  18. package/dist/CheckboxGroup.cjs +12 -12
  19. package/dist/CheckboxGroup.css +12 -12
  20. package/dist/CheckboxGroup.mjs +12 -12
  21. package/dist/CloseButton.cjs +2 -0
  22. package/dist/CloseButton.cjs.map +1 -1
  23. package/dist/CloseButton.css +9 -1
  24. package/dist/CloseButton.css.map +1 -1
  25. package/dist/CloseButton.mjs +2 -0
  26. package/dist/CloseButton.mjs.map +1 -1
  27. package/dist/ColorField.cjs +8 -8
  28. package/dist/ColorField.css +8 -8
  29. package/dist/ColorField.mjs +8 -8
  30. package/dist/ColorSlider.cjs +10 -10
  31. package/dist/ColorSlider.css +10 -10
  32. package/dist/ColorSlider.mjs +10 -10
  33. package/dist/ComboBox.cjs +12 -12
  34. package/dist/ComboBox.css +13 -13
  35. package/dist/ComboBox.mjs +12 -12
  36. package/dist/Disclosure.css +1 -1
  37. package/dist/Field.cjs +12 -12
  38. package/dist/Field.css +13 -13
  39. package/dist/Field.mjs +12 -12
  40. package/dist/Form.cjs +2 -2
  41. package/dist/Form.css +2 -2
  42. package/dist/Form.mjs +2 -2
  43. package/dist/FullscreenDialog.cjs +5 -5
  44. package/dist/FullscreenDialog.css +22 -22
  45. package/dist/FullscreenDialog.mjs +5 -5
  46. package/dist/IllustratedMessage.cjs +19 -19
  47. package/dist/IllustratedMessage.css +22 -22
  48. package/dist/IllustratedMessage.mjs +19 -19
  49. package/dist/InlineAlert.cjs +13 -13
  50. package/dist/InlineAlert.css +15 -15
  51. package/dist/InlineAlert.mjs +13 -13
  52. package/dist/Link.css +1 -1
  53. package/dist/Menu.cjs +37 -37
  54. package/dist/Menu.css +38 -38
  55. package/dist/Menu.mjs +37 -37
  56. package/dist/Meter.cjs +12 -12
  57. package/dist/Meter.css +12 -12
  58. package/dist/Meter.mjs +12 -12
  59. package/dist/Modal.cjs +4 -4
  60. package/dist/Modal.css +2 -2
  61. package/dist/Modal.mjs +4 -4
  62. package/dist/NumberField.cjs +12 -12
  63. package/dist/NumberField.css +13 -13
  64. package/dist/NumberField.mjs +12 -12
  65. package/dist/Picker.cjs +16 -16
  66. package/dist/Picker.css +17 -17
  67. package/dist/Picker.mjs +16 -16
  68. package/dist/Popover.cjs +10 -10
  69. package/dist/Popover.css +5 -5
  70. package/dist/Popover.mjs +10 -10
  71. package/dist/ProgressBar.cjs +19 -19
  72. package/dist/ProgressBar.css +18 -18
  73. package/dist/ProgressBar.mjs +19 -19
  74. package/dist/Radio.cjs +1 -1
  75. package/dist/Radio.css +3 -3
  76. package/dist/Radio.mjs +1 -1
  77. package/dist/RadioGroup.cjs +12 -12
  78. package/dist/RadioGroup.css +12 -12
  79. package/dist/RadioGroup.mjs +12 -12
  80. package/dist/SearchField.cjs +8 -8
  81. package/dist/SearchField.css +8 -8
  82. package/dist/SearchField.mjs +8 -8
  83. package/dist/SegmentedControl.css +1 -1
  84. package/dist/Slider.cjs +27 -27
  85. package/dist/Slider.css +27 -27
  86. package/dist/Slider.mjs +27 -27
  87. package/dist/Switch.cjs +1 -1
  88. package/dist/Switch.css +3 -3
  89. package/dist/Switch.mjs +1 -1
  90. package/dist/Tabs.css +1 -1
  91. package/dist/TabsPicker.cjs +9 -9
  92. package/dist/TabsPicker.css +10 -10
  93. package/dist/TabsPicker.mjs +9 -9
  94. package/dist/TagGroup.cjs +16 -16
  95. package/dist/TagGroup.css +17 -17
  96. package/dist/TagGroup.mjs +16 -16
  97. package/dist/TextField.cjs +8 -8
  98. package/dist/TextField.css +8 -8
  99. package/dist/TextField.mjs +8 -8
  100. package/dist/Tooltip.cjs +5 -5
  101. package/dist/Tooltip.css +4 -4
  102. package/dist/Tooltip.mjs +5 -5
  103. package/dist/types.d.ts.map +1 -1
  104. package/package.json +19 -19
  105. package/src/Button.tsx +107 -75
  106. package/src/CloseButton.tsx +4 -0
  107. package/style/dist/spectrum-theme.cjs +42 -4
  108. package/style/dist/spectrum-theme.cjs.map +1 -1
  109. package/style/dist/spectrum-theme.mjs +42 -4
  110. package/style/dist/spectrum-theme.mjs.map +1 -1
  111. package/style/dist/style-macro.cjs +1 -1
  112. package/style/dist/style-macro.cjs.map +1 -1
  113. package/style/dist/style-macro.mjs +1 -1
  114. package/style/dist/style-macro.mjs.map +1 -1
  115. package/style/dist/types.d.ts +8 -3
  116. package/style/dist/types.d.ts.map +1 -1
  117. package/style/spectrum-theme.ts +57 -6
  118. package/style/style-macro.ts +3 -3
  119. package/style/types.ts +1 -1
@@ -31,33 +31,33 @@
31
31
  display: grid;
32
32
  }
33
33
 
34
- .__i-1egg2pz {
34
+ .__i-15pd573 {
35
35
  grid-template-columns: 1fr auto;
36
36
  }
37
37
 
38
- .__i-375yi6 {
38
+ .__i-2wzs0i {
39
39
  grid-template-columns: 1fr;
40
40
  }
41
41
 
42
- .__i-jyg4vb {
42
+ .__i-ar5vcf {
43
43
  grid-template-columns: auto 1fr;
44
44
  }
45
45
 
46
- .__k-6w8ip8 {
46
+ .__k-3in7tg {
47
47
  grid-template-areas: "label value"
48
48
  "bar bar";
49
49
  }
50
50
 
51
- .__k-7y9rdj {
51
+ .__k-1tip2u3 {
52
52
  grid-template-areas: "label bar value";
53
53
  }
54
54
 
55
- .__k-h9yogq {
55
+ .__k-gz4mwy {
56
56
  grid-template-areas: "label"
57
57
  "bar";
58
58
  }
59
59
 
60
- .__k-1uh5wa {
60
+ .__k-jvvbum {
61
61
  grid-template-areas: "label bar";
62
62
  }
63
63
 
@@ -163,35 +163,35 @@
163
163
  cursor: default;
164
164
  }
165
165
 
166
- .__b-4lc1fm {
166
+ .__b-o8by7a {
167
167
  grid-column-start: value;
168
168
  }
169
169
 
170
- .__c-4lc1fm {
170
+ .__c-o8by7a {
171
171
  grid-column-end: value;
172
172
  }
173
173
 
174
- .__d-4lc1fm {
174
+ .__d-o8by7a {
175
175
  grid-row-start: value;
176
176
  }
177
177
 
178
- .__e-4lc1fm {
178
+ .__e-o8by7a {
179
179
  grid-row-end: value;
180
180
  }
181
181
 
182
- .__b-3773ju {
182
+ .__b-2y1eji {
183
183
  grid-column-start: bar;
184
184
  }
185
185
 
186
- .__c-3773ju {
186
+ .__c-2y1eji {
187
187
  grid-column-end: bar;
188
188
  }
189
189
 
190
- .__d-3773ju {
190
+ .__d-2y1eji {
191
191
  grid-row-start: bar;
192
192
  }
193
193
 
194
- .__e-3773ju {
194
+ .__e-2y1eji {
195
195
  grid-row-end: bar;
196
196
  }
197
197
 
@@ -331,11 +331,11 @@
331
331
  transform-origin: 0;
332
332
  }
333
333
 
334
- ._T-1aanztv {
334
+ ._T-ve7hif {
335
335
  animation-name: -vliq1d;
336
336
  }
337
337
 
338
- ._T-2vmxa6 {
338
+ ._T-9t6rxe {
339
339
  animation-name: -_167g35;
340
340
  }
341
341
 
@@ -347,7 +347,7 @@
347
347
  animation-timing-function: cubic-bezier(.45, 0, .4, 1);
348
348
  }
349
349
 
350
- ._Y-twzmrf {
350
+ ._Y-1dohh1b {
351
351
  animation-iteration-count: infinite;
352
352
  }
353
353
 
@@ -46,18 +46,18 @@ const $b847b7cd294eafba$var$wrapper = function anonymous(props, overrides) {
46
46
  if (!$V) rules += ' Vc';
47
47
  rules += ' _0f';
48
48
  if (props.isIndeterminate) {
49
- if (props.labelPosition === "side") rules += ' __i-jyg4vb';
50
- else if (props.labelPosition === "top") rules += ' __i-375yi6';
49
+ if (props.labelPosition === "side") rules += ' __i-ar5vcf';
50
+ else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
51
51
  } else {
52
- if (props.labelPosition === "side") rules += ' __i-jyg4vb';
53
- else if (props.labelPosition === "top") rules += ' __i-1egg2pz';
52
+ if (props.labelPosition === "side") rules += ' __i-ar5vcf';
53
+ else if (props.labelPosition === "top") rules += ' __i-15pd573';
54
54
  }
55
55
  if (props.isIndeterminate) {
56
- if (props.labelPosition === "side") rules += ' __k-1uh5wa';
57
- else if (props.labelPosition === "top") rules += ' __k-h9yogq';
56
+ if (props.labelPosition === "side") rules += ' __k-jvvbum';
57
+ else if (props.labelPosition === "top") rules += ' __k-gz4mwy';
58
58
  } else {
59
- if (props.labelPosition === "side") rules += ' __k-7y9rdj';
60
- else if (props.labelPosition === "top") rules += ' __k-6w8ip8';
59
+ if (props.labelPosition === "side") rules += ' __k-1tip2u3';
60
+ else if (props.labelPosition === "top") rules += ' __k-3in7tg';
61
61
  }
62
62
  rules += ' _2d';
63
63
  rules += ' __Ga';
@@ -112,18 +112,18 @@ const $b847b7cd294eafba$var$valueStyles = function anonymous(props) {
112
112
  else rules += ' am';
113
113
  }
114
114
  rules += ' __Ib';
115
- rules += ' __b-4lc1fm';
116
- rules += ' __c-4lc1fm';
117
- rules += ' __d-4lc1fm';
118
- rules += ' __e-4lc1fm';
115
+ rules += ' __b-o8by7a';
116
+ rules += ' __c-o8by7a';
117
+ rules += ' __d-o8by7a';
118
+ rules += ' __e-o8by7a';
119
119
  return rules;
120
120
  };
121
121
  const $b847b7cd294eafba$var$trackStyles = function anonymous(props) {
122
122
  let rules = " .";
123
- rules += ' __b-3773ju';
124
- rules += ' __c-3773ju';
125
- rules += ' __d-3773ju';
126
- rules += ' __e-3773ju';
123
+ rules += ' __b-2y1eji';
124
+ rules += ' __c-2y1eji';
125
+ rules += ' __d-2y1eji';
126
+ rules += ' __e-2y1eji';
127
127
  if (props.size === "XL") rules += ' qj';
128
128
  else if (props.size === "L") rules += ' qi';
129
129
  else if (props.size === "S") rules += ' qh';
@@ -181,11 +181,11 @@ const $b847b7cd294eafba$var$fill = function anonymous(props) {
181
181
  };
182
182
  const $b847b7cd294eafba$var$indeterminateAnimation = function anonymous(props) {
183
183
  let rules = " .";
184
- if (props.direction === "rtl") rules += ' _T-2vmxa6';
185
- else if (props.direction === "ltr") rules += ' _T-1aanztv';
184
+ if (props.direction === "rtl") rules += ' _T-9t6rxe';
185
+ else if (props.direction === "ltr") rules += ' _T-ve7hif';
186
186
  rules += ' _U-yjb9nq';
187
187
  rules += ' _Za';
188
- rules += ' _Y-twzmrf';
188
+ rules += ' _Y-1dohh1b';
189
189
  rules += ' __Qd';
190
190
  rules += ' Vc';
191
191
  return rules;
package/dist/Radio.cjs CHANGED
@@ -79,7 +79,7 @@ const $49f41f366ec3019f$var$wrapper = function anonymous(props, overrides) {
79
79
  rules += ' _R-375x7f';
80
80
  rules += ' _Sa';
81
81
  if (!$__b) {
82
- if (props.isInForm) rules += ' __b-4a7c5l';
82
+ if (props.isInForm) rules += ' __b-e10s0d';
83
83
  }
84
84
  rules += ' __S-yksgrp';
85
85
  return rules;
package/dist/Radio.css CHANGED
@@ -54,10 +54,10 @@
54
54
  }
55
55
 
56
56
  ._Pb {
57
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
57
+ transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke;
58
58
  }
59
59
 
60
- .__b-4a7c5l {
60
+ .__b-e10s0d {
61
61
  grid-column-start: field;
62
62
  }
63
63
 
@@ -122,7 +122,7 @@
122
122
  }
123
123
 
124
124
  ._Pa {
125
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
125
+ transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
126
126
  }
127
127
 
128
128
  ._R-375x7f {
package/dist/Radio.mjs CHANGED
@@ -73,7 +73,7 @@ const $1ae2870af9a200f8$var$wrapper = function anonymous(props, overrides) {
73
73
  rules += ' _R-375x7f';
74
74
  rules += ' _Sa';
75
75
  if (!$__b) {
76
- if (props.isInForm) rules += ' __b-4a7c5l';
76
+ if (props.isInForm) rules += ' __b-e10s0d';
77
77
  }
78
78
  rules += ' __S-yksgrp';
79
79
  return rules;
@@ -58,18 +58,18 @@ const $10d624be839a1d01$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $ijW5U$react
58
58
  }
59
59
  if (!$__c) {
60
60
  if (props.isInForm) {
61
- if (props.labelPosition === "side") rules += ' __c-7u9dhl';
61
+ if (props.labelPosition === "side") rules += ' __c-yqnebx';
62
62
  }
63
63
  }
64
- if (props.isInForm) rules += ' __i-1cwd7ud';
64
+ if (props.isInForm) rules += ' __i-1a97rzt';
65
65
  else {
66
- if (props.labelPosition === "side") rules += ' __i-jyg4vb';
67
- else if (props.labelPosition === "top") rules += ' __i-375yi6';
66
+ if (props.labelPosition === "side") rules += ' __i-ar5vcf';
67
+ else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
68
68
  }
69
- if (props.labelPosition === "side") rules += ' __j-jyg4vb';
70
- else if (props.labelPosition === "top") rules += ' __j-fdenls';
71
- if (props.labelPosition === "side") rules += ' __k-5eez8j';
72
- else if (props.labelPosition === "top") rules += ' __k-xlaqir';
69
+ if (props.labelPosition === "side") rules += ' __j-ar5vcf';
70
+ else if (props.labelPosition === "top") rules += ' __j-1a6w430';
71
+ if (props.labelPosition === "side") rules += ' __k-18h2yqz';
72
+ else if (props.labelPosition === "top") rules += ' __k-1srn173';
73
73
  if (props.size === "XL") {
74
74
  rules += ' _ebj';
75
75
  rules += ' _ei';
@@ -118,10 +118,10 @@ const $10d624be839a1d01$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $ijW5U$react
118
118
  /*#__PURE__*/ (0, $ijW5U$reactjsxruntime.jsx)("div", {
119
119
  className: function anonymous(props) {
120
120
  let rules = " .";
121
- rules += ' __b-4cfph1';
122
- rules += ' __c-4cfph1';
123
- rules += ' __d-4cfph1';
124
- rules += ' __e-4cfph1';
121
+ rules += ' __b-g2ozi1';
122
+ rules += ' __c-g2ozi1';
123
+ rules += ' __d-g2ozi1';
124
+ rules += ' __e-g2ozi1';
125
125
  rules += ' _0d';
126
126
  if (props.orientation === "horizontal") rules += ' _7a';
127
127
  else if (props.orientation === "vertical") rules += ' _7b';
@@ -7,37 +7,37 @@
7
7
  grid-column-start: 1;
8
8
  }
9
9
 
10
- .__c-7u9dhl {
10
+ .__c-yqnebx {
11
11
  grid-column-end: span 2;
12
12
  }
13
13
 
14
- .__i-375yi6 {
14
+ .__i-2wzs0i {
15
15
  grid-template-columns: 1fr;
16
16
  }
17
17
 
18
- .__i-jyg4vb {
18
+ .__i-ar5vcf {
19
19
  grid-template-columns: auto 1fr;
20
20
  }
21
21
 
22
- .__i-1cwd7ud {
22
+ .__i-1a97rzt {
23
23
  grid-template-columns: subgrid;
24
24
  }
25
25
 
26
- .__j-fdenls {
26
+ .__j-1a6w430 {
27
27
  grid-template-rows: auto 1fr auto;
28
28
  }
29
29
 
30
- .__j-jyg4vb {
30
+ .__j-ar5vcf {
31
31
  grid-template-rows: auto 1fr;
32
32
  }
33
33
 
34
- .__k-xlaqir {
34
+ .__k-1srn173 {
35
35
  grid-template-areas: "label"
36
36
  "input"
37
37
  "helptext";
38
38
  }
39
39
 
40
- .__k-5eez8j {
40
+ .__k-18h2yqz {
41
41
  grid-template-areas: "label input"
42
42
  "label helptext";
43
43
  }
@@ -102,19 +102,19 @@
102
102
  -webkit-tap-highlight-color: #0000;
103
103
  }
104
104
 
105
- .__b-4cfph1 {
105
+ .__b-g2ozi1 {
106
106
  grid-column-start: input;
107
107
  }
108
108
 
109
- .__c-4cfph1 {
109
+ .__c-g2ozi1 {
110
110
  grid-column-end: input;
111
111
  }
112
112
 
113
- .__d-4cfph1 {
113
+ .__d-g2ozi1 {
114
114
  grid-row-start: input;
115
115
  }
116
116
 
117
- .__e-4cfph1 {
117
+ .__e-g2ozi1 {
118
118
  grid-row-end: input;
119
119
  }
120
120
 
@@ -51,18 +51,18 @@ const $9a2afae66771094f$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $fZVHt$forwa
51
51
  }
52
52
  if (!$__c) {
53
53
  if (props.isInForm) {
54
- if (props.labelPosition === "side") rules += ' __c-7u9dhl';
54
+ if (props.labelPosition === "side") rules += ' __c-yqnebx';
55
55
  }
56
56
  }
57
- if (props.isInForm) rules += ' __i-1cwd7ud';
57
+ if (props.isInForm) rules += ' __i-1a97rzt';
58
58
  else {
59
- if (props.labelPosition === "side") rules += ' __i-jyg4vb';
60
- else if (props.labelPosition === "top") rules += ' __i-375yi6';
59
+ if (props.labelPosition === "side") rules += ' __i-ar5vcf';
60
+ else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
61
61
  }
62
- if (props.labelPosition === "side") rules += ' __j-jyg4vb';
63
- else if (props.labelPosition === "top") rules += ' __j-fdenls';
64
- if (props.labelPosition === "side") rules += ' __k-5eez8j';
65
- else if (props.labelPosition === "top") rules += ' __k-xlaqir';
62
+ if (props.labelPosition === "side") rules += ' __j-ar5vcf';
63
+ else if (props.labelPosition === "top") rules += ' __j-1a6w430';
64
+ if (props.labelPosition === "side") rules += ' __k-18h2yqz';
65
+ else if (props.labelPosition === "top") rules += ' __k-1srn173';
66
66
  if (props.size === "XL") {
67
67
  rules += ' _ebj';
68
68
  rules += ' _ei';
@@ -111,10 +111,10 @@ const $9a2afae66771094f$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $fZVHt$forwa
111
111
  /*#__PURE__*/ (0, $fZVHt$jsx)("div", {
112
112
  className: function anonymous(props) {
113
113
  let rules = " .";
114
- rules += ' __b-4cfph1';
115
- rules += ' __c-4cfph1';
116
- rules += ' __d-4cfph1';
117
- rules += ' __e-4cfph1';
114
+ rules += ' __b-g2ozi1';
115
+ rules += ' __c-g2ozi1';
116
+ rules += ' __d-g2ozi1';
117
+ rules += ' __e-g2ozi1';
118
118
  rules += ' _0d';
119
119
  if (props.orientation === "horizontal") rules += ' _7a';
120
120
  else if (props.orientation === "vertical") rules += ' _7b';
@@ -77,18 +77,18 @@ const $f0dfe14258307d4b$export$b94867ecbd698f21 = /*#__PURE__*/ (0, $fsjBd$react
77
77
  }
78
78
  if (!$__c) {
79
79
  if (props.isInForm) {
80
- if (props.labelPosition === "side") rules += ' __c-7u9dhl';
80
+ if (props.labelPosition === "side") rules += ' __c-yqnebx';
81
81
  }
82
82
  }
83
- if (props.isInForm) rules += ' __i-1cwd7ud';
83
+ if (props.isInForm) rules += ' __i-1a97rzt';
84
84
  else {
85
- if (props.labelPosition === "side") rules += ' __i-jyg4vb';
86
- else if (props.labelPosition === "top") rules += ' __i-375yi6';
85
+ if (props.labelPosition === "side") rules += ' __i-ar5vcf';
86
+ else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
87
87
  }
88
- if (props.labelPosition === "side") rules += ' __j-jyg4vb';
89
- else if (props.labelPosition === "top") rules += ' __j-fdenls';
90
- if (props.labelPosition === "side") rules += ' __k-5eez8j';
91
- else if (props.labelPosition === "top") rules += ' __k-xlaqir';
88
+ if (props.labelPosition === "side") rules += ' __j-ar5vcf';
89
+ else if (props.labelPosition === "top") rules += ' __j-1a6w430';
90
+ if (props.labelPosition === "side") rules += ' __k-18h2yqz';
91
+ else if (props.labelPosition === "top") rules += ' __k-1srn173';
92
92
  if (props.size === "XL") {
93
93
  rules += ' _ebj';
94
94
  rules += ' _ei';
@@ -7,37 +7,37 @@
7
7
  grid-column-start: 1;
8
8
  }
9
9
 
10
- .__c-7u9dhl {
10
+ .__c-yqnebx {
11
11
  grid-column-end: span 2;
12
12
  }
13
13
 
14
- .__i-375yi6 {
14
+ .__i-2wzs0i {
15
15
  grid-template-columns: 1fr;
16
16
  }
17
17
 
18
- .__i-jyg4vb {
18
+ .__i-ar5vcf {
19
19
  grid-template-columns: auto 1fr;
20
20
  }
21
21
 
22
- .__i-1cwd7ud {
22
+ .__i-1a97rzt {
23
23
  grid-template-columns: subgrid;
24
24
  }
25
25
 
26
- .__j-fdenls {
26
+ .__j-1a6w430 {
27
27
  grid-template-rows: auto 1fr auto;
28
28
  }
29
29
 
30
- .__j-jyg4vb {
30
+ .__j-ar5vcf {
31
31
  grid-template-rows: auto 1fr;
32
32
  }
33
33
 
34
- .__k-xlaqir {
34
+ .__k-1srn173 {
35
35
  grid-template-areas: "label"
36
36
  "input"
37
37
  "helptext";
38
38
  }
39
39
 
40
- .__k-5eez8j {
40
+ .__k-18h2yqz {
41
41
  grid-template-areas: "label input"
42
42
  "label helptext";
43
43
  }
@@ -70,18 +70,18 @@ const $e3d0f3db0eb61b92$export$b94867ecbd698f21 = /*#__PURE__*/ (0, $iu0JR$forwa
70
70
  }
71
71
  if (!$__c) {
72
72
  if (props.isInForm) {
73
- if (props.labelPosition === "side") rules += ' __c-7u9dhl';
73
+ if (props.labelPosition === "side") rules += ' __c-yqnebx';
74
74
  }
75
75
  }
76
- if (props.isInForm) rules += ' __i-1cwd7ud';
76
+ if (props.isInForm) rules += ' __i-1a97rzt';
77
77
  else {
78
- if (props.labelPosition === "side") rules += ' __i-jyg4vb';
79
- else if (props.labelPosition === "top") rules += ' __i-375yi6';
78
+ if (props.labelPosition === "side") rules += ' __i-ar5vcf';
79
+ else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
80
80
  }
81
- if (props.labelPosition === "side") rules += ' __j-jyg4vb';
82
- else if (props.labelPosition === "top") rules += ' __j-fdenls';
83
- if (props.labelPosition === "side") rules += ' __k-5eez8j';
84
- else if (props.labelPosition === "top") rules += ' __k-xlaqir';
81
+ if (props.labelPosition === "side") rules += ' __j-ar5vcf';
82
+ else if (props.labelPosition === "top") rules += ' __j-1a6w430';
83
+ if (props.labelPosition === "side") rules += ' __k-18h2yqz';
84
+ else if (props.labelPosition === "top") rules += ' __k-1srn173';
85
85
  if (props.size === "XL") {
86
86
  rules += ' _ebj';
87
87
  rules += ' _ei';
@@ -267,7 +267,7 @@
267
267
  }
268
268
 
269
269
  ._Pa {
270
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
270
+ transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
271
271
  }
272
272
 
273
273
  ._R-375x7f {
package/dist/Slider.cjs CHANGED
@@ -96,13 +96,13 @@ const $e937566cb5c6349c$var$slider = function anonymous(props, overrides) {
96
96
  const $e937566cb5c6349c$var$labelContainer = function anonymous(props) {
97
97
  let rules = " .";
98
98
  if (props.labelPosition === "top") rules += ' _0f';
99
- rules += ' __b-4e9m05';
100
- rules += ' __c-4e9m05';
101
- rules += ' __d-4e9m05';
102
- rules += ' __e-4e9m05';
99
+ rules += ' __b-hr3t0p';
100
+ rules += ' __c-hr3t0p';
101
+ rules += ' __d-hr3t0p';
102
+ rules += ' __e-hr3t0p';
103
103
  rules += ' lb';
104
- if (props.labelPosition === "top") rules += ' __k-qdp51y';
105
- if (props.labelPosition === "top") rules += ' __i-u2tns7';
104
+ if (props.labelPosition === "top") rules += ' __k-1h4qke2';
105
+ if (props.labelPosition === "top") rules += ' __i-1j10eqz';
106
106
  if (props.labelPosition === "side") {
107
107
  if (props.labelAlign === "end") rules += ' _kc';
108
108
  else if (props.labelAlign === "start") rules += ' _ka';
@@ -112,10 +112,10 @@ const $e937566cb5c6349c$var$labelContainer = function anonymous(props) {
112
112
  };
113
113
  const $e937566cb5c6349c$var$output = function anonymous(props) {
114
114
  let rules = " .";
115
- rules += ' __b-5czzau';
116
- rules += ' __c-5czzau';
117
- rules += ' __d-5czzau';
118
- rules += ' __e-5czzau';
115
+ rules += ' __b-ny5g4a';
116
+ rules += ' __c-ny5g4a';
117
+ rules += ' __d-ny5g4a';
118
+ rules += ' __e-ny5g4a';
119
119
  if (props.labelPosition === "side") {
120
120
  if (props.isInForm) rules += ' _kc';
121
121
  else if (props.direction === "rtl") rules += ' _kc';
@@ -128,10 +128,10 @@ const $e937566cb5c6349c$var$output = function anonymous(props) {
128
128
  };
129
129
  let $e937566cb5c6349c$export$6b2a7d5132615086 = function anonymous(props) {
130
130
  let rules = " .";
131
- rules += ' __b-4ka10a';
132
- rules += ' __c-4ka10a';
133
- rules += ' __d-4ka10a';
134
- rules += ' __e-4ka10a';
131
+ rules += ' __b-n9hk5a';
132
+ rules += ' __c-n9hk5a';
133
+ rules += ' __d-n9hk5a';
134
+ rules += ' __e-n9hk5a';
135
135
  rules += ' Vc';
136
136
  rules += ' lb';
137
137
  if (props.size === "XL") rules += ' k_a';
@@ -194,7 +194,7 @@ let $e937566cb5c6349c$export$becc9140d0e846f8 = function anonymous(props) {
194
194
  rules += ' Va';
195
195
  rules += ' Y-3760fj';
196
196
  rules += ' Z-3760fj';
197
- rules += ' U-s83jgi';
197
+ rules += ' U-mn5ko6';
198
198
  if (props.thumbStyle === "precise") rules += ' lu';
199
199
  else if (props.thumbStyle === "default") {
200
200
  if (props.size === "XL") rules += ' lM';
@@ -319,17 +319,17 @@ function $e937566cb5c6349c$export$9418495bb635ebde(props1) {
319
319
  rules += ' _0f';
320
320
  if (props.isInForm) rules += ' __b-3t1y';
321
321
  if (props.isInForm) {
322
- if (props.labelPosition === "side") rules += ' __c-7u9dhl';
322
+ if (props.labelPosition === "side") rules += ' __c-yqnebx';
323
323
  }
324
- if (props.isInForm) rules += ' __i-1cwd7ud';
324
+ if (props.isInForm) rules += ' __i-1a97rzt';
325
325
  else {
326
- if (props.labelPosition === "side") rules += ' __i-jyg4vb';
327
- else if (props.labelPosition === "top") rules += ' __i-375yi6';
326
+ if (props.labelPosition === "side") rules += ' __i-ar5vcf';
327
+ else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
328
328
  }
329
- if (props.labelPosition === "side") rules += ' __j-jyg4vb';
330
- else if (props.labelPosition === "top") rules += ' __j-fdenls';
331
- if (props.labelPosition === "side") rules += ' __k-5eez8j';
332
- else if (props.labelPosition === "top") rules += ' __k-xlaqir';
329
+ if (props.labelPosition === "side") rules += ' __j-ar5vcf';
330
+ else if (props.labelPosition === "top") rules += ' __j-1a6w430';
331
+ if (props.labelPosition === "side") rules += ' __k-18h2yqz';
332
+ else if (props.labelPosition === "top") rules += ' __k-1srn173';
333
333
  if (props.size === "XL") {
334
334
  rules += ' _ebj';
335
335
  rules += ' _ei';
@@ -425,10 +425,10 @@ function $e937566cb5c6349c$export$9418495bb635ebde(props1) {
425
425
  /*#__PURE__*/ (0, $5DeaH$reactjsxruntime.jsxs)("div", {
426
426
  className: function anonymous(props) {
427
427
  let rules = " .";
428
- rules += ' __b-4cfph1';
429
- rules += ' __c-4cfph1';
430
- rules += ' __d-4cfph1';
431
- rules += ' __e-4cfph1';
428
+ rules += ' __b-g2ozi1';
429
+ rules += ' __c-g2ozi1';
430
+ rules += ' __d-g2ozi1';
431
+ rules += ' __e-g2ozi1';
432
432
  if (props.size === "XL") rules += ' qj';
433
433
  else if (props.size === "L") rules += ' qi';
434
434
  else if (props.size === "S") rules += ' qh';