@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
@@ -56,8 +56,8 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
56
56
  if (props.orientation === "vertical") rules += ' k___u';
57
57
  if (props.orientation === "vertical") rules += ' _0a';
58
58
  else if (props.orientation === "horizontal") rules += ' _0f';
59
- rules += ' __i-1egg2pz';
60
- rules += ' __k-1roc9nk';
59
+ rules += ' __i-15pd573';
60
+ rules += ' __k-1kch5qg';
61
61
  rules += ' ic';
62
62
  return rules;
63
63
  }(renderProps, styles),
@@ -75,10 +75,10 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
75
75
  orientation === 'horizontal' && /*#__PURE__*/ (0, $hkRua$reactjsxruntime.jsx)((0, $hkRua$reactariacomponents.SliderOutput), {
76
76
  className: function anonymous(props) {
77
77
  let rules = " .";
78
- rules += ' __b-5czzau';
79
- rules += ' __c-5czzau';
80
- rules += ' __d-5czzau';
81
- rules += ' __e-5czzau';
78
+ rules += ' __b-ny5g4a';
79
+ rules += ' __c-ny5g4a';
80
+ rules += ' __d-ny5g4a';
81
+ rules += ' __e-ny5g4a';
82
82
  rules += ' _d-bc1l9oh';
83
83
  rules += ' _d-1uotwbwg';
84
84
  rules += ' _d-eo0c6sf';
@@ -124,10 +124,10 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
124
124
  }),
125
125
  className: function anonymous(props) {
126
126
  let rules = " .";
127
- rules += ' __b-4ka10a';
128
- rules += ' __c-4ka10a';
129
- rules += ' __d-4ka10a';
130
- rules += ' __e-4ka10a';
127
+ rules += ' __b-n9hk5a';
128
+ rules += ' __c-n9hk5a';
129
+ rules += ' __d-n9hk5a';
130
+ rules += ' __e-n9hk5a';
131
131
  if (props.orientation === "vertical") rules += ' lM';
132
132
  else if (props.orientation === "horizontal") rules += ' lb';
133
133
  if (props.orientation === "vertical") rules += ' kb';
@@ -15,11 +15,11 @@
15
15
  display: block;
16
16
  }
17
17
 
18
- .__i-1egg2pz {
18
+ .__i-15pd573 {
19
19
  grid-template-columns: 1fr auto;
20
20
  }
21
21
 
22
- .__k-1roc9nk {
22
+ .__k-1kch5qg {
23
23
  grid-template-areas: "label output"
24
24
  "track track";
25
25
  }
@@ -28,19 +28,19 @@
28
28
  row-gap: .25rem;
29
29
  }
30
30
 
31
- .__b-5czzau {
31
+ .__b-ny5g4a {
32
32
  grid-column-start: output;
33
33
  }
34
34
 
35
- .__c-5czzau {
35
+ .__c-ny5g4a {
36
36
  grid-column-end: output;
37
37
  }
38
38
 
39
- .__d-5czzau {
39
+ .__d-ny5g4a {
40
40
  grid-row-start: output;
41
41
  }
42
42
 
43
- .__e-5czzau {
43
+ .__e-ny5g4a {
44
44
  grid-row-end: output;
45
45
  }
46
46
 
@@ -94,19 +94,19 @@
94
94
  cursor: default;
95
95
  }
96
96
 
97
- .__b-4ka10a {
97
+ .__b-n9hk5a {
98
98
  grid-column-start: track;
99
99
  }
100
100
 
101
- .__c-4ka10a {
101
+ .__c-n9hk5a {
102
102
  grid-column-end: track;
103
103
  }
104
104
 
105
- .__d-4ka10a {
105
+ .__d-n9hk5a {
106
106
  grid-row-start: track;
107
107
  }
108
108
 
109
- .__e-4ka10a {
109
+ .__e-n9hk5a {
110
110
  grid-row-end: track;
111
111
  }
112
112
 
@@ -49,8 +49,8 @@ const $495db619596088aa$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $3i9ps$forwa
49
49
  if (props.orientation === "vertical") rules += ' k___u';
50
50
  if (props.orientation === "vertical") rules += ' _0a';
51
51
  else if (props.orientation === "horizontal") rules += ' _0f';
52
- rules += ' __i-1egg2pz';
53
- rules += ' __k-1roc9nk';
52
+ rules += ' __i-15pd573';
53
+ rules += ' __k-1kch5qg';
54
54
  rules += ' ic';
55
55
  return rules;
56
56
  }(renderProps, styles),
@@ -68,10 +68,10 @@ const $495db619596088aa$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $3i9ps$forwa
68
68
  orientation === 'horizontal' && /*#__PURE__*/ (0, $3i9ps$jsx)((0, $3i9ps$SliderOutput), {
69
69
  className: function anonymous(props) {
70
70
  let rules = " .";
71
- rules += ' __b-5czzau';
72
- rules += ' __c-5czzau';
73
- rules += ' __d-5czzau';
74
- rules += ' __e-5czzau';
71
+ rules += ' __b-ny5g4a';
72
+ rules += ' __c-ny5g4a';
73
+ rules += ' __d-ny5g4a';
74
+ rules += ' __e-ny5g4a';
75
75
  rules += ' _d-bc1l9oh';
76
76
  rules += ' _d-1uotwbwg';
77
77
  rules += ' _d-eo0c6sf';
@@ -117,10 +117,10 @@ const $495db619596088aa$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $3i9ps$forwa
117
117
  }),
118
118
  className: function anonymous(props) {
119
119
  let rules = " .";
120
- rules += ' __b-4ka10a';
121
- rules += ' __c-4ka10a';
122
- rules += ' __d-4ka10a';
123
- rules += ' __e-4ka10a';
120
+ rules += ' __b-n9hk5a';
121
+ rules += ' __c-n9hk5a';
122
+ rules += ' __d-n9hk5a';
123
+ rules += ' __e-n9hk5a';
124
124
  if (props.orientation === "vertical") rules += ' lM';
125
125
  else if (props.orientation === "horizontal") rules += ' lb';
126
126
  if (props.orientation === "vertical") rules += ' kb';
package/dist/ComboBox.cjs CHANGED
@@ -170,18 +170,18 @@ const $a2d5b35c01bebcd6$export$72b9695b8216309a = /*#__PURE__*/ (0, $1KUtr$react
170
170
  }
171
171
  if (!$__c) {
172
172
  if (props.isInForm) {
173
- if (props.labelPosition === "side") rules += ' __c-7u9dhl';
173
+ if (props.labelPosition === "side") rules += ' __c-yqnebx';
174
174
  }
175
175
  }
176
- if (props.isInForm) rules += ' __i-1cwd7ud';
176
+ if (props.isInForm) rules += ' __i-1a97rzt';
177
177
  else {
178
- if (props.labelPosition === "side") rules += ' __i-jyg4vb';
179
- else if (props.labelPosition === "top") rules += ' __i-375yi6';
178
+ if (props.labelPosition === "side") rules += ' __i-ar5vcf';
179
+ else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
180
180
  }
181
- if (props.labelPosition === "side") rules += ' __j-jyg4vb';
182
- else if (props.labelPosition === "top") rules += ' __j-fdenls';
183
- if (props.labelPosition === "side") rules += ' __k-5eez8j';
184
- else if (props.labelPosition === "top") rules += ' __k-xlaqir';
181
+ if (props.labelPosition === "side") rules += ' __j-ar5vcf';
182
+ else if (props.labelPosition === "top") rules += ' __j-1a6w430';
183
+ if (props.labelPosition === "side") rules += ' __k-18h2yqz';
184
+ else if (props.labelPosition === "top") rules += ' __k-1srn173';
185
185
  if (props.size === "XL") {
186
186
  rules += ' _ebj';
187
187
  rules += ' _ei';
@@ -239,10 +239,10 @@ const $a2d5b35c01bebcd6$export$72b9695b8216309a = /*#__PURE__*/ (0, $1KUtr$react
239
239
  size: size,
240
240
  styles: function anonymous(props) {
241
241
  let rules = " .";
242
- rules += ' __b-4cfph1';
243
- rules += ' __c-4cfph1';
244
- rules += ' __d-4cfph1';
245
- rules += ' __e-4cfph1';
242
+ rules += ' __b-g2ozi1';
243
+ rules += ' __c-g2ozi1';
244
+ rules += ' __d-g2ozi1';
245
+ rules += ' __e-g2ozi1';
246
246
  if (props.size === "XL") rules += ' qj';
247
247
  else if (props.size === "L") rules += ' qi';
248
248
  else if (props.size === "S") rules += ' qh';
package/dist/ComboBox.css CHANGED
@@ -80,7 +80,7 @@
80
80
  }
81
81
 
82
82
  ._Pa {
83
- 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;
83
+ transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
84
84
  }
85
85
 
86
86
  ._R-375x7f {
@@ -131,37 +131,37 @@
131
131
  grid-column-start: 1;
132
132
  }
133
133
 
134
- .__c-7u9dhl {
134
+ .__c-yqnebx {
135
135
  grid-column-end: span 2;
136
136
  }
137
137
 
138
- .__i-375yi6 {
138
+ .__i-2wzs0i {
139
139
  grid-template-columns: 1fr;
140
140
  }
141
141
 
142
- .__i-jyg4vb {
142
+ .__i-ar5vcf {
143
143
  grid-template-columns: auto 1fr;
144
144
  }
145
145
 
146
- .__i-1cwd7ud {
146
+ .__i-1a97rzt {
147
147
  grid-template-columns: subgrid;
148
148
  }
149
149
 
150
- .__j-fdenls {
150
+ .__j-1a6w430 {
151
151
  grid-template-rows: auto 1fr auto;
152
152
  }
153
153
 
154
- .__j-jyg4vb {
154
+ .__j-ar5vcf {
155
155
  grid-template-rows: auto 1fr;
156
156
  }
157
157
 
158
- .__k-xlaqir {
158
+ .__k-1srn173 {
159
159
  grid-template-areas: "label"
160
160
  "input"
161
161
  "helptext";
162
162
  }
163
163
 
164
- .__k-5eez8j {
164
+ .__k-18h2yqz {
165
165
  grid-template-areas: "label input"
166
166
  "label helptext";
167
167
  }
@@ -226,19 +226,19 @@
226
226
  -webkit-tap-highlight-color: #0000;
227
227
  }
228
228
 
229
- .__b-4cfph1 {
229
+ .__b-g2ozi1 {
230
230
  grid-column-start: input;
231
231
  }
232
232
 
233
- .__c-4cfph1 {
233
+ .__c-g2ozi1 {
234
234
  grid-column-end: input;
235
235
  }
236
236
 
237
- .__d-4cfph1 {
237
+ .__d-g2ozi1 {
238
238
  grid-row-start: input;
239
239
  }
240
240
 
241
- .__e-4cfph1 {
241
+ .__e-g2ozi1 {
242
242
  grid-row-end: input;
243
243
  }
244
244
 
package/dist/ComboBox.mjs CHANGED
@@ -161,18 +161,18 @@ const $a2f262fac286a920$export$72b9695b8216309a = /*#__PURE__*/ (0, $5rXoR$forwa
161
161
  }
162
162
  if (!$__c) {
163
163
  if (props.isInForm) {
164
- if (props.labelPosition === "side") rules += ' __c-7u9dhl';
164
+ if (props.labelPosition === "side") rules += ' __c-yqnebx';
165
165
  }
166
166
  }
167
- if (props.isInForm) rules += ' __i-1cwd7ud';
167
+ if (props.isInForm) rules += ' __i-1a97rzt';
168
168
  else {
169
- if (props.labelPosition === "side") rules += ' __i-jyg4vb';
170
- else if (props.labelPosition === "top") rules += ' __i-375yi6';
169
+ if (props.labelPosition === "side") rules += ' __i-ar5vcf';
170
+ else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
171
171
  }
172
- if (props.labelPosition === "side") rules += ' __j-jyg4vb';
173
- else if (props.labelPosition === "top") rules += ' __j-fdenls';
174
- if (props.labelPosition === "side") rules += ' __k-5eez8j';
175
- else if (props.labelPosition === "top") rules += ' __k-xlaqir';
172
+ if (props.labelPosition === "side") rules += ' __j-ar5vcf';
173
+ else if (props.labelPosition === "top") rules += ' __j-1a6w430';
174
+ if (props.labelPosition === "side") rules += ' __k-18h2yqz';
175
+ else if (props.labelPosition === "top") rules += ' __k-1srn173';
176
176
  if (props.size === "XL") {
177
177
  rules += ' _ebj';
178
178
  rules += ' _ei';
@@ -230,10 +230,10 @@ const $a2f262fac286a920$export$72b9695b8216309a = /*#__PURE__*/ (0, $5rXoR$forwa
230
230
  size: size,
231
231
  styles: function anonymous(props) {
232
232
  let rules = " .";
233
- rules += ' __b-4cfph1';
234
- rules += ' __c-4cfph1';
235
- rules += ' __d-4cfph1';
236
- rules += ' __e-4cfph1';
233
+ rules += ' __b-g2ozi1';
234
+ rules += ' __c-g2ozi1';
235
+ rules += ' __d-g2ozi1';
236
+ rules += ' __e-g2ozi1';
237
237
  if (props.size === "XL") rules += ' qj';
238
238
  else if (props.size === "L") rules += ' qi';
239
239
  else if (props.size === "S") rules += ' qh';
@@ -254,7 +254,7 @@
254
254
  }
255
255
 
256
256
  ._Pa {
257
- 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;
257
+ transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
258
258
  }
259
259
 
260
260
  ._R-375x7f {
package/dist/Field.cjs CHANGED
@@ -61,10 +61,10 @@ const $a0b996a550bb0891$export$1acdcf5a973a8414 = /*#__PURE__*/ (0, $4hgIp$react
61
61
  return /*#__PURE__*/ (0, $4hgIp$reactjsxruntime.jsxs)("div", {
62
62
  className: function anonymous(props) {
63
63
  let rules = " .";
64
- rules += ' __b-4e9m05';
65
- rules += ' __c-4e9m05';
66
- rules += ' __d-4e9m05';
67
- rules += ' __e-4e9m05';
64
+ rules += ' __b-hr3t0p';
65
+ rules += ' __c-hr3t0p';
66
+ rules += ' __d-hr3t0p';
67
+ rules += ' __e-hr3t0p';
68
68
  rules += ' _0c';
69
69
  if (props.labelAlign === "end") rules += ' _kc';
70
70
  else if (props.labelAlign === "start") rules += ' _ka';
@@ -178,10 +178,10 @@ const $a0b996a550bb0891$var$fieldGroupStyles = function anonymous(props) {
178
178
  rules += ' dx';
179
179
  rules += ' _Oc';
180
180
  rules += ' _N-3t1z';
181
- rules += ' __b-4cfph1';
182
- rules += ' __c-4cfph1';
183
- rules += ' __d-4cfph1';
184
- rules += ' __e-4cfph1';
181
+ rules += ' __b-g2ozi1';
182
+ rules += ' __c-g2ozi1';
183
+ rules += ' __d-g2ozi1';
184
+ rules += ' __e-g2ozi1';
185
185
  if (props.size === "XL") rules += ' qj';
186
186
  else if (props.size === "L") rules += ' qi';
187
187
  else if (props.size === "S") rules += ' qh';
@@ -313,10 +313,10 @@ const $a0b996a550bb0891$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, $4hgIp$react
313
313
  });
314
314
  const $a0b996a550bb0891$var$helpTextStyles = function anonymous(props) {
315
315
  let rules = " .";
316
- rules += ' __b-1oa8qr7';
317
- rules += ' __c-1oa8qr7';
318
- rules += ' __d-1oa8qr7';
319
- rules += ' __e-1oa8qr7';
316
+ rules += ' __b-1le9d6f';
317
+ rules += ' __c-1le9d6f';
318
+ rules += ' __d-1le9d6f';
319
+ rules += ' __e-1le9d6f';
320
320
  rules += ' _0d';
321
321
  rules += ' _2d';
322
322
  rules += ' ibH';
package/dist/Field.css CHANGED
@@ -1,17 +1,17 @@
1
1
  @layer _.a {
2
- .__b-4e9m05 {
2
+ .__b-hr3t0p {
3
3
  grid-column-start: label;
4
4
  }
5
5
 
6
- .__c-4e9m05 {
6
+ .__c-hr3t0p {
7
7
  grid-column-end: label;
8
8
  }
9
9
 
10
- .__d-4e9m05 {
10
+ .__d-hr3t0p {
11
11
  grid-row-start: label;
12
12
  }
13
13
 
14
- .__e-4e9m05 {
14
+ .__e-hr3t0p {
15
15
  grid-row-end: label;
16
16
  }
17
17
 
@@ -59,19 +59,19 @@
59
59
  outline-offset: 2px;
60
60
  }
61
61
 
62
- .__b-4cfph1 {
62
+ .__b-g2ozi1 {
63
63
  grid-column-start: input;
64
64
  }
65
65
 
66
- .__c-4cfph1 {
66
+ .__c-g2ozi1 {
67
67
  grid-column-end: input;
68
68
  }
69
69
 
70
- .__d-4cfph1 {
70
+ .__d-g2ozi1 {
71
71
  grid-row-start: input;
72
72
  }
73
73
 
74
- .__e-4cfph1 {
74
+ .__e-g2ozi1 {
75
75
  grid-row-end: input;
76
76
  }
77
77
 
@@ -180,7 +180,7 @@
180
180
  }
181
181
 
182
182
  ._Pa {
183
- 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;
183
+ transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
184
184
  }
185
185
 
186
186
  ._R-375x7f {
@@ -333,19 +333,19 @@
333
333
  white-space: nowrap;
334
334
  }
335
335
 
336
- .__b-1oa8qr7 {
336
+ .__b-1le9d6f {
337
337
  grid-column-start: helptext;
338
338
  }
339
339
 
340
- .__c-1oa8qr7 {
340
+ .__c-1le9d6f {
341
341
  grid-column-end: helptext;
342
342
  }
343
343
 
344
- .__d-1oa8qr7 {
344
+ .__d-1le9d6f {
345
345
  grid-row-start: helptext;
346
346
  }
347
347
 
348
- .__e-1oa8qr7 {
348
+ .__e-1le9d6f {
349
349
  grid-row-end: helptext;
350
350
  }
351
351
 
package/dist/Field.mjs CHANGED
@@ -51,10 +51,10 @@ const $9afd80978c252040$export$1acdcf5a973a8414 = /*#__PURE__*/ (0, $7A6HT$forwa
51
51
  return /*#__PURE__*/ (0, $7A6HT$jsxs)("div", {
52
52
  className: function anonymous(props) {
53
53
  let rules = " .";
54
- rules += ' __b-4e9m05';
55
- rules += ' __c-4e9m05';
56
- rules += ' __d-4e9m05';
57
- rules += ' __e-4e9m05';
54
+ rules += ' __b-hr3t0p';
55
+ rules += ' __c-hr3t0p';
56
+ rules += ' __d-hr3t0p';
57
+ rules += ' __e-hr3t0p';
58
58
  rules += ' _0c';
59
59
  if (props.labelAlign === "end") rules += ' _kc';
60
60
  else if (props.labelAlign === "start") rules += ' _ka';
@@ -168,10 +168,10 @@ const $9afd80978c252040$var$fieldGroupStyles = function anonymous(props) {
168
168
  rules += ' dx';
169
169
  rules += ' _Oc';
170
170
  rules += ' _N-3t1z';
171
- rules += ' __b-4cfph1';
172
- rules += ' __c-4cfph1';
173
- rules += ' __d-4cfph1';
174
- rules += ' __e-4cfph1';
171
+ rules += ' __b-g2ozi1';
172
+ rules += ' __c-g2ozi1';
173
+ rules += ' __d-g2ozi1';
174
+ rules += ' __e-g2ozi1';
175
175
  if (props.size === "XL") rules += ' qj';
176
176
  else if (props.size === "L") rules += ' qi';
177
177
  else if (props.size === "S") rules += ' qh';
@@ -303,10 +303,10 @@ const $9afd80978c252040$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, $7A6HT$forwa
303
303
  });
304
304
  const $9afd80978c252040$var$helpTextStyles = function anonymous(props) {
305
305
  let rules = " .";
306
- rules += ' __b-1oa8qr7';
307
- rules += ' __c-1oa8qr7';
308
- rules += ' __d-1oa8qr7';
309
- rules += ' __e-1oa8qr7';
306
+ rules += ' __b-1le9d6f';
307
+ rules += ' __c-1le9d6f';
308
+ rules += ' __d-1le9d6f';
309
+ rules += ' __e-1le9d6f';
310
310
  rules += ' _0d';
311
311
  rules += ' _2d';
312
312
  rules += ' ibH';
package/dist/Form.cjs CHANGED
@@ -62,8 +62,8 @@ const $bfa4962d90c8af48$export$a7fed597f4b8afd8 = /*#__PURE__*/ (0, $hYK64$react
62
62
  let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
63
63
  rules += matches.join('');
64
64
  rules += ' _0f';
65
- if (props.labelPosition === "side") rules += ' __i-hgmn7f';
66
- else if (props.labelPosition === "top") rules += ' __i-nvqmqy';
65
+ if (props.labelPosition === "side") rules += ' __i-1owsa0z';
66
+ else if (props.labelPosition === "top") rules += ' __i-1ev27ke';
67
67
  if (props.size === "XL") rules += ' il';
68
68
  else if (props.size === "L") rules += ' ij';
69
69
  else if (props.size === "M") rules += ' ih';
package/dist/Form.css CHANGED
@@ -7,11 +7,11 @@
7
7
  display: grid;
8
8
  }
9
9
 
10
- .__i-nvqmqy {
10
+ .__i-1ev27ke {
11
11
  grid-template-columns: [field] 1fr;
12
12
  }
13
13
 
14
- .__i-hgmn7f {
14
+ .__i-1owsa0z {
15
15
  grid-template-columns: [label] auto[field] 1fr;
16
16
  }
17
17
 
package/dist/Form.mjs CHANGED
@@ -54,8 +54,8 @@ const $9b916426527cebe7$export$a7fed597f4b8afd8 = /*#__PURE__*/ (0, $i5kLT$forwa
54
54
  let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
55
55
  rules += matches.join('');
56
56
  rules += ' _0f';
57
- if (props.labelPosition === "side") rules += ' __i-hgmn7f';
58
- else if (props.labelPosition === "top") rules += ' __i-nvqmqy';
57
+ if (props.labelPosition === "side") rules += ' __i-1owsa0z';
58
+ else if (props.labelPosition === "top") rules += ' __i-1ev27ke';
59
59
  if (props.size === "XL") rules += ' il';
60
60
  else if (props.size === "L") rules += ' ij';
61
61
  else if (props.size === "M") rules += ' ih';
@@ -30,11 +30,11 @@ $parcel$export(module.exports, "FullscreenDialog", () => $59876d274d9473a9$expor
30
30
 
31
31
 
32
32
 
33
- const $59876d274d9473a9$var$heading = " . __b-go5hed __c-go5hed __d-go5hed __e-go5hed __a-3t1y Aa Ba _da _d-enzrfpb _d-enzwzjc _d-enzykdd _d-enzzrge _d-eo0c6sf _d-1uotwbwg _d-bc1l9oh _ej _ebm _fe _f-1x99dloe _ga _g-1x99dlob ao";
34
- const $59876d274d9473a9$var$header = " . __b-i6pim __c-i6pim __d-i6pim __e-i6pim yc_d zc_d _da _d-enzrfpb _d-enzwzjc _d-enzykdd _d-enzzrge _d-eo0c6sf _d-1uotwbwg _d-bc1l9oh _ei _ebj _fb _gb _g-1x99dloc an";
35
- const $59876d274d9473a9$var$content = " . __b-1mod4sg __c-1mod4sg __d-1mod4sg __e-1mod4sg __a-3t1y __xa __x-l92dlrd _da _d-enzrfpb _d-enzwzjc _d-enzykdd _d-enzzrge _d-eo0c6sf _d-1uotwbwg _d-bc1l9oh _eg _ebh _fb _gb _g-1x99dloc an";
36
- const $59876d274d9473a9$var$buttonGroup = " . __b-15bi2vo __c-15bi2vo __d-15bi2vo __e-15bi2vo y_d rb";
37
- const $59876d274d9473a9$export$6af31f836f9aa6f2 = " . _0f __k-1fflgh0 __kc-1viqiso __i-375yi6 __ic-fdenls __j-36luh1 __jc-1wmzwss Eh Ecj Fh Fcj Ch Ccj Dh Dcj jf jch p-17zqamw kb __oa _Ma _da _d-enzrfpb _d-enzwzjc _d-enzykdd _d-enzzrge _d-eo0c6sf _d-1uotwbwg _d-bc1l9oh _w-17zqamw _x-17zqamw _y-17zqamw _z-17zqamw __wa __xa";
33
+ const $59876d274d9473a9$var$heading = " . __b-1c6tcyh __c-1c6tcyh __d-1c6tcyh __e-1c6tcyh __a-3t1y Aa Ba _da _d-enzrfpb _d-enzwzjc _d-enzykdd _d-enzzrge _d-eo0c6sf _d-1uotwbwg _d-bc1l9oh _ej _ebm _fe _f-1x99dloe _ga _g-1x99dlob ao";
34
+ const $59876d274d9473a9$var$header = " . __b-5rjl76 __c-5rjl76 __d-5rjl76 __e-5rjl76 yc_d zc_d _da _d-enzrfpb _d-enzwzjc _d-enzykdd _d-enzzrge _d-eo0c6sf _d-1uotwbwg _d-bc1l9oh _ei _ebj _fb _gb _g-1x99dloc an";
35
+ const $59876d274d9473a9$var$content = " . __b-drkpd0 __c-drkpd0 __d-drkpd0 __e-drkpd0 __a-3t1y __xa __x-l92dlrd _da _d-enzrfpb _d-enzwzjc _d-enzykdd _d-enzzrge _d-eo0c6sf _d-1uotwbwg _d-bc1l9oh _eg _ebh _fb _gb _g-1x99dloc an";
36
+ const $59876d274d9473a9$var$buttonGroup = " . __b-980e48 __c-980e48 __d-980e48 __e-980e48 y_d rb";
37
+ const $59876d274d9473a9$export$6af31f836f9aa6f2 = " . _0f __k-1akynrw __kc-1ebha6s __i-2wzs0i __ic-1a6w430 __j-1fstnmd __jc-1xtwrbo Eh Ecj Fh Fcj Ch Ccj Dh Dcj jf jch p-17zqamw kb __oa _Ma _da _d-enzrfpb _d-enzwzjc _d-enzykdd _d-enzzrge _d-eo0c6sf _d-1uotwbwg _d-bc1l9oh _w-17zqamw _x-17zqamw _y-17zqamw _z-17zqamw __wa __xa";
38
38
  const $59876d274d9473a9$export$7082b7e805d2626f = /*#__PURE__*/ (0, $Yi1VH$react.forwardRef)(function FullscreenDialog(props, ref) {
39
39
  let { variant: variant = 'fullscreen', isKeyboardDismissDisabled: isKeyboardDismissDisabled } = props;
40
40
  let domRef = (0, $Yi1VH$reactspectrumutils.useDOMRef)(ref);