@react-spectrum/s2 3.0.0-nightly-e7053dd8f-250108 → 3.0.0-nightly-d87cc4422-250109

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 (213) hide show
  1. package/dist/Accordion.cjs +3 -3
  2. package/dist/Accordion.css +2 -2
  3. package/dist/Accordion.mjs +3 -3
  4. package/dist/ActionBar.cjs +32 -32
  5. package/dist/ActionBar.css +34 -34
  6. package/dist/ActionBar.mjs +32 -32
  7. package/dist/ActionButton.cjs +61 -61
  8. package/dist/ActionButton.css +56 -56
  9. package/dist/ActionButton.mjs +61 -61
  10. package/dist/ActionButtonGroup.cjs +4 -4
  11. package/dist/ActionButtonGroup.css +3 -3
  12. package/dist/ActionButtonGroup.mjs +4 -4
  13. package/dist/Avatar.cjs +10 -10
  14. package/dist/Avatar.css +11 -11
  15. package/dist/Avatar.mjs +10 -10
  16. package/dist/AvatarGroup.cjs +97 -97
  17. package/dist/AvatarGroup.css +31 -31
  18. package/dist/AvatarGroup.mjs +97 -97
  19. package/dist/Badge.cjs +31 -31
  20. package/dist/Badge.css +33 -33
  21. package/dist/Badge.mjs +31 -31
  22. package/dist/Breadcrumbs.cjs +83 -82
  23. package/dist/Breadcrumbs.cjs.map +1 -1
  24. package/dist/Breadcrumbs.css +65 -59
  25. package/dist/Breadcrumbs.css.map +1 -1
  26. package/dist/Breadcrumbs.mjs +83 -82
  27. package/dist/Breadcrumbs.mjs.map +1 -1
  28. package/dist/Button.cjs +68 -68
  29. package/dist/Button.css +59 -59
  30. package/dist/Button.mjs +68 -68
  31. package/dist/ButtonGroup.cjs +15 -15
  32. package/dist/ButtonGroup.css +11 -11
  33. package/dist/ButtonGroup.mjs +15 -15
  34. package/dist/Card.cjs +157 -157
  35. package/dist/Card.css +117 -117
  36. package/dist/Card.mjs +157 -157
  37. package/dist/CardView.cjs +13 -13
  38. package/dist/CardView.css +14 -14
  39. package/dist/CardView.mjs +13 -13
  40. package/dist/CenterBaseline.cjs +1 -1
  41. package/dist/CenterBaseline.css +2 -2
  42. package/dist/CenterBaseline.mjs +1 -1
  43. package/dist/Checkbox.cjs +46 -46
  44. package/dist/Checkbox.css +42 -42
  45. package/dist/Checkbox.mjs +46 -46
  46. package/dist/CheckboxGroup.cjs +36 -36
  47. package/dist/CheckboxGroup.css +32 -32
  48. package/dist/CheckboxGroup.mjs +36 -36
  49. package/dist/ClearButton.cjs +5 -5
  50. package/dist/ClearButton.css +5 -5
  51. package/dist/ClearButton.mjs +5 -5
  52. package/dist/CloseButton.cjs +15 -15
  53. package/dist/CloseButton.css +15 -15
  54. package/dist/CloseButton.mjs +15 -15
  55. package/dist/ColorArea.cjs +9 -9
  56. package/dist/ColorArea.css +9 -9
  57. package/dist/ColorArea.mjs +9 -9
  58. package/dist/ColorField.cjs +29 -29
  59. package/dist/ColorField.css +24 -24
  60. package/dist/ColorField.mjs +29 -29
  61. package/dist/ColorHandle.cjs +9 -9
  62. package/dist/ColorHandle.css +16 -16
  63. package/dist/ColorHandle.mjs +9 -9
  64. package/dist/ColorSlider.cjs +34 -34
  65. package/dist/ColorSlider.css +42 -42
  66. package/dist/ColorSlider.mjs +34 -34
  67. package/dist/ColorSwatch.cjs +6 -6
  68. package/dist/ColorSwatch.css +14 -14
  69. package/dist/ColorSwatch.mjs +6 -6
  70. package/dist/ColorSwatchPicker.cjs +12 -12
  71. package/dist/ColorSwatchPicker.css +32 -32
  72. package/dist/ColorSwatchPicker.mjs +12 -12
  73. package/dist/ColorWheel.cjs +14 -14
  74. package/dist/ColorWheel.css +14 -14
  75. package/dist/ColorWheel.mjs +14 -14
  76. package/dist/ComboBox.cjs +51 -48
  77. package/dist/ComboBox.cjs.map +1 -1
  78. package/dist/ComboBox.css +47 -47
  79. package/dist/ComboBox.css.map +1 -1
  80. package/dist/ComboBox.mjs +51 -48
  81. package/dist/ComboBox.mjs.map +1 -1
  82. package/dist/ContextualHelp.cjs +5 -5
  83. package/dist/ContextualHelp.css +23 -23
  84. package/dist/ContextualHelp.mjs +5 -5
  85. package/dist/CustomDialog.cjs +8 -8
  86. package/dist/CustomDialog.css +9 -9
  87. package/dist/CustomDialog.mjs +8 -8
  88. package/dist/Dialog.cjs +10 -10
  89. package/dist/Dialog.css +39 -39
  90. package/dist/Dialog.mjs +10 -10
  91. package/dist/Disclosure.cjs +53 -53
  92. package/dist/Disclosure.css +47 -47
  93. package/dist/Disclosure.mjs +53 -53
  94. package/dist/Divider.cjs +5 -5
  95. package/dist/Divider.css +5 -5
  96. package/dist/Divider.mjs +5 -5
  97. package/dist/DropZone.cjs +24 -24
  98. package/dist/DropZone.css +24 -24
  99. package/dist/DropZone.mjs +24 -24
  100. package/dist/Field.cjs +98 -98
  101. package/dist/Field.cjs.map +1 -1
  102. package/dist/Field.css +68 -68
  103. package/dist/Field.mjs +98 -98
  104. package/dist/Field.mjs.map +1 -1
  105. package/dist/Form.cjs +4 -4
  106. package/dist/Form.css +3 -3
  107. package/dist/Form.mjs +4 -4
  108. package/dist/FullscreenDialog.cjs +5 -5
  109. package/dist/FullscreenDialog.css +54 -54
  110. package/dist/FullscreenDialog.mjs +5 -5
  111. package/dist/IllustratedMessage.cjs +117 -117
  112. package/dist/IllustratedMessage.css +58 -58
  113. package/dist/IllustratedMessage.mjs +117 -117
  114. package/dist/Image.cjs +10 -10
  115. package/dist/Image.css +11 -11
  116. package/dist/Image.mjs +10 -10
  117. package/dist/InlineAlert.cjs +41 -41
  118. package/dist/InlineAlert.css +44 -44
  119. package/dist/InlineAlert.mjs +41 -41
  120. package/dist/Link.cjs +27 -27
  121. package/dist/Link.css +27 -27
  122. package/dist/Link.mjs +27 -27
  123. package/dist/Menu.cjs +278 -207
  124. package/dist/Menu.cjs.map +1 -1
  125. package/dist/Menu.css +114 -112
  126. package/dist/Menu.css.map +1 -1
  127. package/dist/Menu.mjs +278 -207
  128. package/dist/Menu.mjs.map +1 -1
  129. package/dist/Meter.cjs +45 -45
  130. package/dist/Meter.css +51 -51
  131. package/dist/Meter.mjs +45 -45
  132. package/dist/Modal.cjs +37 -37
  133. package/dist/Modal.css +35 -35
  134. package/dist/Modal.mjs +37 -37
  135. package/dist/NumberField.cjs +57 -57
  136. package/dist/NumberField.css +65 -65
  137. package/dist/NumberField.mjs +57 -57
  138. package/dist/Picker.cjs +114 -111
  139. package/dist/Picker.cjs.map +1 -1
  140. package/dist/Picker.css +79 -79
  141. package/dist/Picker.css.map +1 -1
  142. package/dist/Picker.mjs +114 -111
  143. package/dist/Picker.mjs.map +1 -1
  144. package/dist/Popover.cjs +40 -40
  145. package/dist/Popover.css +37 -37
  146. package/dist/Popover.mjs +40 -40
  147. package/dist/ProgressBar.cjs +57 -57
  148. package/dist/ProgressBar.css +61 -61
  149. package/dist/ProgressBar.mjs +57 -57
  150. package/dist/ProgressCircle.cjs +3 -3
  151. package/dist/ProgressCircle.css +2 -2
  152. package/dist/ProgressCircle.mjs +3 -3
  153. package/dist/Provider.cjs +4 -4
  154. package/dist/Provider.css +5 -5
  155. package/dist/Provider.mjs +4 -4
  156. package/dist/Radio.cjs +46 -46
  157. package/dist/Radio.css +42 -42
  158. package/dist/Radio.mjs +46 -46
  159. package/dist/RadioGroup.cjs +34 -34
  160. package/dist/RadioGroup.css +32 -32
  161. package/dist/RadioGroup.mjs +34 -34
  162. package/dist/SearchField.cjs +31 -31
  163. package/dist/SearchField.css +29 -29
  164. package/dist/SearchField.mjs +31 -31
  165. package/dist/SegmentedControl.cjs +54 -54
  166. package/dist/SegmentedControl.css +54 -54
  167. package/dist/SegmentedControl.mjs +54 -54
  168. package/dist/Slider.cjs +89 -89
  169. package/dist/Slider.css +82 -82
  170. package/dist/Slider.mjs +89 -89
  171. package/dist/StatusLight.cjs +26 -26
  172. package/dist/StatusLight.css +26 -26
  173. package/dist/StatusLight.mjs +26 -26
  174. package/dist/Switch.cjs +47 -47
  175. package/dist/Switch.css +40 -40
  176. package/dist/Switch.mjs +47 -47
  177. package/dist/TableView.cjs +137 -137
  178. package/dist/TableView.css +76 -76
  179. package/dist/TableView.mjs +137 -137
  180. package/dist/Tabs.cjs +60 -60
  181. package/dist/Tabs.css +52 -52
  182. package/dist/Tabs.mjs +60 -60
  183. package/dist/TabsPicker.cjs +63 -63
  184. package/dist/TabsPicker.css +61 -61
  185. package/dist/TabsPicker.mjs +63 -63
  186. package/dist/TagGroup.cjs +102 -102
  187. package/dist/TagGroup.css +84 -84
  188. package/dist/TagGroup.mjs +102 -102
  189. package/dist/TextField.cjs +36 -36
  190. package/dist/TextField.css +33 -33
  191. package/dist/TextField.mjs +36 -36
  192. package/dist/ToggleButton.cjs +3 -3
  193. package/dist/ToggleButton.css +7 -7
  194. package/dist/ToggleButton.mjs +3 -3
  195. package/dist/Tooltip.cjs +29 -29
  196. package/dist/Tooltip.css +31 -31
  197. package/dist/Tooltip.mjs +29 -29
  198. package/dist/types.d.ts +2 -0
  199. package/dist/types.d.ts.map +1 -1
  200. package/icons/Skeleton.cjs +2 -2
  201. package/icons/Skeleton.css +5 -5
  202. package/icons/Skeleton.mjs +2 -2
  203. package/package.json +19 -19
  204. package/src/ComboBox.tsx +2 -1
  205. package/src/Menu.tsx +40 -17
  206. package/src/Picker.tsx +2 -1
  207. package/style/dist/spectrum-theme.cjs +12 -1
  208. package/style/dist/spectrum-theme.cjs.map +1 -1
  209. package/style/dist/spectrum-theme.mjs +12 -1
  210. package/style/dist/spectrum-theme.mjs.map +1 -1
  211. package/style/dist/types.d.ts +2 -0
  212. package/style/dist/types.d.ts.map +1 -1
  213. package/style/spectrum-theme.ts +9 -1
@@ -38,26 +38,26 @@ const $a9cda54c4f47ce52$var$hoverBackground = {
38
38
  };
39
39
  const $a9cda54c4f47ce52$var$styles = function anonymous(props, overrides) {
40
40
  let rules = " .";
41
- let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
41
+ 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) || [];
42
42
  rules += matches.join('');
43
43
  let $l = false;
44
- let $_8 = false;
44
+ let $_9 = false;
45
45
  for (let p of matches){
46
46
  if (/^\s*l/.test(p)) $l = true;
47
- if (/^\s*_8/.test(p)) $_8 = true;
47
+ if (/^\s*_9/.test(p)) $_9 = true;
48
48
  }
49
- if (props.isFocusVisible) rules += ' _Lb';
50
- else rules += ' _La';
49
+ if (props.isFocusVisible) rules += ' _Mb';
50
+ else rules += ' _Ma';
51
51
  rules += ' da_____M';
52
52
  if (props.isStaticColor) rules += ' d_____G';
53
53
  else rules += ' dx';
54
- rules += ' _Nc';
55
- rules += ' _M-3t1z';
54
+ rules += ' _Oc';
55
+ rules += ' _N-3t1z';
56
56
  if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
57
57
  else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
58
- rules += ' _Zd';
59
- rules += ' _1c';
60
- rules += ' _2d';
58
+ rules += ' _0d';
59
+ rules += ' _2c';
60
+ rules += ' _3d';
61
61
  if (!$l) {
62
62
  if (props.size === "XL") rules += ' lj';
63
63
  else if (props.size === "L") rules += ' li';
@@ -70,19 +70,19 @@ const $a9cda54c4f47ce52$var$styles = function anonymous(props, overrides) {
70
70
  else if (props.size === "S") rules += ' kh';
71
71
  else if (props.size === "XS") rules += ' kg';
72
72
  else rules += ' kf';
73
- if (!$_8) rules += ' _8-3t1x';
74
- rules += ' _vf';
73
+ if (!$_9) rules += ' _9-3t1x';
75
74
  rules += ' _wf';
76
75
  rules += ' _xf';
77
76
  rules += ' _yf';
77
+ rules += ' _zf';
78
78
  rules += ' Ea';
79
79
  rules += ' Fa';
80
80
  rules += ' Ca';
81
81
  rules += ' Da';
82
82
  rules += ' wf';
83
- rules += ' _Oa';
84
- rules += ' _Q-375x7f';
85
- rules += ' _Ra';
83
+ rules += ' _Pa';
84
+ rules += ' _R-375x7f';
85
+ rules += ' _Sa';
86
86
  if (props.isPressed) {
87
87
  if (props.isStaticColor) rules += ' b_____y';
88
88
  else rules += ' bh';
@@ -46,35 +46,35 @@ const $4c6639e34959fe36$export$b2103f68a961418e = /*#__PURE__*/ (0, $lfrPf$react
46
46
  }),
47
47
  className: (renderProps)=>UNSAFE_className + function anonymous(props, overrides) {
48
48
  let rules = " .";
49
- let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r|k|o|p)[^\s]+/g) || [];
49
+ 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|k|o|p)[^\s]+/g) || [];
50
50
  rules += matches.join('');
51
- let $U = false;
51
+ let $V = false;
52
52
  let $l = false;
53
53
  let $k = false;
54
54
  let $q = false;
55
55
  let $o = false;
56
56
  for (let p of matches){
57
- if (/^\s*U/.test(p)) $U = true;
57
+ if (/^\s*V/.test(p)) $V = true;
58
58
  if (/^\s*l/.test(p)) $l = true;
59
59
  if (/^\s*k/.test(p)) $k = true;
60
60
  if (/^\s*q/.test(p)) $q = true;
61
61
  if (/^\s*o/.test(p)) $o = true;
62
62
  }
63
- if (!$U) rules += ' Uc';
63
+ if (!$V) rules += ' Vc';
64
64
  if (!$l) rules += ' l___u';
65
65
  if (!$k) rules += ' k___u';
66
66
  if (!$q) rules += ' q_q';
67
67
  if (!$o) rules += ' o_q';
68
- rules += ' _vc';
69
68
  rules += ' _wc';
70
69
  rules += ' _xc';
71
70
  rules += ' _yc';
71
+ rules += ' _zc';
72
72
  rules += ' da_____I';
73
73
  rules += ' dp10';
74
- rules += ' _Nb';
75
- rules += ' _M-3hmpv';
76
- if (props.isDisabled) rules += ' _La';
77
- else rules += ' _Lb';
74
+ rules += ' _Ob';
75
+ rules += ' _N-3hmpv';
76
+ if (props.isDisabled) rules += ' _Ma';
77
+ else rules += ' _Mb';
78
78
  if (props.isDisabled) rules += ' bg';
79
79
  return rules;
80
80
  }(renderProps, styles),
@@ -3,7 +3,7 @@
3
3
  }
4
4
 
5
5
  @layer _.a {
6
- .Uc {
6
+ .Vc {
7
7
  position: relative;
8
8
  }
9
9
 
@@ -23,19 +23,19 @@
23
23
  min-height: calc(4rem * var(--s2-scale));
24
24
  }
25
25
 
26
- ._vc {
26
+ ._wc {
27
27
  border-start-start-radius: .5rem;
28
28
  }
29
29
 
30
- ._wc {
30
+ ._xc {
31
31
  border-start-end-radius: .5rem;
32
32
  }
33
33
 
34
- ._xc {
34
+ ._yc {
35
35
  border-end-start-radius: .5rem;
36
36
  }
37
37
 
38
- ._yc {
38
+ ._zc {
39
39
  border-end-end-radius: .5rem;
40
40
  }
41
41
 
@@ -43,19 +43,19 @@
43
43
  outline-color: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #ffffff1a);
44
44
  }
45
45
 
46
- ._Nb {
46
+ ._Ob {
47
47
  outline-width: 1px;
48
48
  }
49
49
 
50
- ._M-3hmpv {
50
+ ._N-3hmpv {
51
51
  outline-offset: -1px;
52
52
  }
53
53
 
54
- ._Lb {
54
+ ._Mb {
55
55
  outline-style: solid;
56
56
  }
57
57
 
58
- ._La {
58
+ ._Ma {
59
59
  outline-style: none;
60
60
  }
61
61
 
@@ -39,35 +39,35 @@ const $40a2b649525568ab$export$b2103f68a961418e = /*#__PURE__*/ (0, $dNfSU$forwa
39
39
  }),
40
40
  className: (renderProps)=>UNSAFE_className + function anonymous(props, overrides) {
41
41
  let rules = " .";
42
- let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r|k|o|p)[^\s]+/g) || [];
42
+ 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|k|o|p)[^\s]+/g) || [];
43
43
  rules += matches.join('');
44
- let $U = false;
44
+ let $V = false;
45
45
  let $l = false;
46
46
  let $k = false;
47
47
  let $q = false;
48
48
  let $o = false;
49
49
  for (let p of matches){
50
- if (/^\s*U/.test(p)) $U = true;
50
+ if (/^\s*V/.test(p)) $V = true;
51
51
  if (/^\s*l/.test(p)) $l = true;
52
52
  if (/^\s*k/.test(p)) $k = true;
53
53
  if (/^\s*q/.test(p)) $q = true;
54
54
  if (/^\s*o/.test(p)) $o = true;
55
55
  }
56
- if (!$U) rules += ' Uc';
56
+ if (!$V) rules += ' Vc';
57
57
  if (!$l) rules += ' l___u';
58
58
  if (!$k) rules += ' k___u';
59
59
  if (!$q) rules += ' q_q';
60
60
  if (!$o) rules += ' o_q';
61
- rules += ' _vc';
62
61
  rules += ' _wc';
63
62
  rules += ' _xc';
64
63
  rules += ' _yc';
64
+ rules += ' _zc';
65
65
  rules += ' da_____I';
66
66
  rules += ' dp10';
67
- rules += ' _Nb';
68
- rules += ' _M-3hmpv';
69
- if (props.isDisabled) rules += ' _La';
70
- else rules += ' _Lb';
67
+ rules += ' _Ob';
68
+ rules += ' _N-3hmpv';
69
+ if (props.isDisabled) rules += ' _Ma';
70
+ else rules += ' _Mb';
71
71
  if (props.isDisabled) rules += ' bg';
72
72
  return rules;
73
73
  }(renderProps, styles),
@@ -55,51 +55,51 @@ const $c7ab41f1e9757931$export$b865d4358897bb17 = /*#__PURE__*/ (0, $4UooL$react
55
55
  style: UNSAFE_style,
56
56
  className: UNSAFE_className + function anonymous(props, overrides) {
57
57
  let rules = " .";
58
- let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
58
+ 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) || [];
59
59
  rules += matches.join('');
60
- let $__a = false;
61
60
  let $__b = false;
61
+ let $__c = false;
62
62
  for (let p of matches){
63
- if (/^\s*__a/.test(p)) $__a = true;
64
63
  if (/^\s*__b/.test(p)) $__b = true;
64
+ if (/^\s*__c/.test(p)) $__c = true;
65
65
  }
66
- rules += ' _Zf';
67
- if (!$__a) {
68
- if (props.isInForm) rules += ' __a-3t1y';
69
- }
66
+ rules += ' _0f';
70
67
  if (!$__b) {
68
+ if (props.isInForm) rules += ' __b-3t1y';
69
+ }
70
+ if (!$__c) {
71
71
  if (props.isInForm) {
72
- if (props.labelPosition === "side") rules += ' __b-7u9dhl';
72
+ if (props.labelPosition === "side") rules += ' __c-7u9dhl';
73
73
  }
74
74
  }
75
- if (props.isInForm) rules += ' __h-1cwd7ud';
75
+ if (props.isInForm) rules += ' __i-1cwd7ud';
76
76
  else {
77
- if (props.labelPosition === "side") rules += ' __h-jyg4vb';
78
- else if (props.labelPosition === "top") rules += ' __h-375yi6';
77
+ if (props.labelPosition === "side") rules += ' __i-jyg4vb';
78
+ else if (props.labelPosition === "top") rules += ' __i-375yi6';
79
79
  }
80
- if (props.labelPosition === "side") rules += ' __i-jyg4vb';
81
- else if (props.labelPosition === "top") rules += ' __i-fdenls';
82
- if (props.labelPosition === "side") rules += ' __j-5eez8j';
83
- else if (props.labelPosition === "top") rules += ' __j-xlaqir';
80
+ if (props.labelPosition === "side") rules += ' __j-jyg4vb';
81
+ else if (props.labelPosition === "top") rules += ' __j-fdenls';
82
+ if (props.labelPosition === "side") rules += ' __k-5eez8j';
83
+ else if (props.labelPosition === "top") rules += ' __k-xlaqir';
84
84
  if (props.size === "XL") {
85
- rules += ' _dbj';
86
- rules += ' _di';
85
+ rules += ' _ebj';
86
+ rules += ' _ei';
87
87
  } else if (props.size === "L") {
88
- rules += ' _dbh';
89
- rules += ' _dg';
88
+ rules += ' _ebh';
89
+ rules += ' _eg';
90
90
  } else if (props.size === "S") {
91
- rules += ' _dbd';
92
- rules += ' _dc';
91
+ rules += ' _ebd';
92
+ rules += ' _ec';
93
93
  } else if (props.size === "XS") {
94
- rules += ' _dbb';
95
- rules += ' _da';
94
+ rules += ' _ebb';
95
+ rules += ' _ea';
96
96
  } else {
97
- rules += ' _dbf';
98
- rules += ' _de';
97
+ rules += ' _ebf';
98
+ rules += ' _ee';
99
99
  }
100
- rules += ' _1d';
101
- rules += ' _f-1x99dlob';
102
- rules += ' _fa';
100
+ rules += ' _2d';
101
+ rules += ' _g-1x99dlob';
102
+ rules += ' _ga';
103
103
  if (props.size === "XL") rules += ' -aqrvqh_k-j';
104
104
  else if (props.size === "L") rules += ' -aqrvqh_k-i';
105
105
  else if (props.size === "S") rules += ' -aqrvqh_k-h';
@@ -107,7 +107,7 @@ const $c7ab41f1e9757931$export$b865d4358897bb17 = /*#__PURE__*/ (0, $4UooL$react
107
107
  else rules += ' -aqrvqh_k-f';
108
108
  rules += ' -_1inj1bc_i--prjw07';
109
109
  rules += ' je';
110
- rules += ' __R-yksgrp';
110
+ rules += ' __S-yksgrp';
111
111
  return rules;
112
112
  }({
113
113
  size: props.size,
@@ -3,74 +3,74 @@
3
3
  }
4
4
 
5
5
  @layer _.a {
6
- ._Zf {
6
+ ._0f {
7
7
  display: grid;
8
8
  }
9
9
 
10
- .__a-3t1y {
10
+ .__b-3t1y {
11
11
  grid-column-start: 1;
12
12
  }
13
13
 
14
- .__b-7u9dhl {
14
+ .__c-7u9dhl {
15
15
  grid-column-end: span 2;
16
16
  }
17
17
 
18
- .__h-375yi6 {
18
+ .__i-375yi6 {
19
19
  grid-template-columns: 1fr;
20
20
  }
21
21
 
22
- .__h-jyg4vb {
22
+ .__i-jyg4vb {
23
23
  grid-template-columns: auto 1fr;
24
24
  }
25
25
 
26
- .__h-1cwd7ud {
26
+ .__i-1cwd7ud {
27
27
  grid-template-columns: subgrid;
28
28
  }
29
29
 
30
- .__i-fdenls {
30
+ .__j-fdenls {
31
31
  grid-template-rows: auto 1fr auto;
32
32
  }
33
33
 
34
- .__i-jyg4vb {
34
+ .__j-jyg4vb {
35
35
  grid-template-rows: auto 1fr;
36
36
  }
37
37
 
38
- .__j-xlaqir {
38
+ .__k-xlaqir {
39
39
  grid-template-areas: "label"
40
40
  "input"
41
41
  "helptext";
42
42
  }
43
43
 
44
- .__j-5eez8j {
44
+ .__k-5eez8j {
45
45
  grid-template-areas: "label input"
46
46
  "label helptext";
47
47
  }
48
48
 
49
- ._de {
49
+ ._ee {
50
50
  font-size: .875rem;
51
51
  }
52
52
 
53
- ._da {
53
+ ._ea {
54
54
  font-size: .6875rem;
55
55
  }
56
56
 
57
- ._dc {
57
+ ._ec {
58
58
  font-size: .75rem;
59
59
  }
60
60
 
61
- ._dg {
61
+ ._eg {
62
62
  font-size: 1rem;
63
63
  }
64
64
 
65
- ._di {
65
+ ._ei {
66
66
  font-size: 1.125rem;
67
67
  }
68
68
 
69
- ._1d {
69
+ ._2d {
70
70
  align-items: baseline;
71
71
  }
72
72
 
73
- ._fa {
73
+ ._ga {
74
74
  line-height: 1.3;
75
75
  }
76
76
 
@@ -102,13 +102,13 @@
102
102
  column-gap: .75rem;
103
103
  }
104
104
 
105
- .__R-yksgrp {
105
+ .__S-yksgrp {
106
106
  -webkit-tap-highlight-color: #0000;
107
107
  }
108
108
  }
109
109
 
110
110
  @layer _.b {
111
- ._f-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
111
+ ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
112
112
  line-height: 1.5;
113
113
  }
114
114
  }
@@ -117,23 +117,23 @@
117
117
 
118
118
  @layer _.b.b {
119
119
  @media not ((hover: hover) and (pointer: fine)) {
120
- ._dbf {
120
+ ._ebf {
121
121
  font-size: 1.0625rem;
122
122
  }
123
123
 
124
- ._dbb {
124
+ ._ebb {
125
125
  font-size: .8125rem;
126
126
  }
127
127
 
128
- ._dbd {
128
+ ._ebd {
129
129
  font-size: .9375rem;
130
130
  }
131
131
 
132
- ._dbh {
132
+ ._ebh {
133
133
  font-size: 1.1875rem;
134
134
  }
135
135
 
136
- ._dbj {
136
+ ._ebj {
137
137
  font-size: 1.375rem;
138
138
  }
139
139
  }
@@ -48,51 +48,51 @@ const $9c5ed7ec0bc126af$export$b865d4358897bb17 = /*#__PURE__*/ (0, $Y0ll1$forwa
48
48
  style: UNSAFE_style,
49
49
  className: UNSAFE_className + function anonymous(props, overrides) {
50
50
  let rules = " .";
51
- let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
51
+ 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) || [];
52
52
  rules += matches.join('');
53
- let $__a = false;
54
53
  let $__b = false;
54
+ let $__c = false;
55
55
  for (let p of matches){
56
- if (/^\s*__a/.test(p)) $__a = true;
57
56
  if (/^\s*__b/.test(p)) $__b = true;
57
+ if (/^\s*__c/.test(p)) $__c = true;
58
58
  }
59
- rules += ' _Zf';
60
- if (!$__a) {
61
- if (props.isInForm) rules += ' __a-3t1y';
62
- }
59
+ rules += ' _0f';
63
60
  if (!$__b) {
61
+ if (props.isInForm) rules += ' __b-3t1y';
62
+ }
63
+ if (!$__c) {
64
64
  if (props.isInForm) {
65
- if (props.labelPosition === "side") rules += ' __b-7u9dhl';
65
+ if (props.labelPosition === "side") rules += ' __c-7u9dhl';
66
66
  }
67
67
  }
68
- if (props.isInForm) rules += ' __h-1cwd7ud';
68
+ if (props.isInForm) rules += ' __i-1cwd7ud';
69
69
  else {
70
- if (props.labelPosition === "side") rules += ' __h-jyg4vb';
71
- else if (props.labelPosition === "top") rules += ' __h-375yi6';
70
+ if (props.labelPosition === "side") rules += ' __i-jyg4vb';
71
+ else if (props.labelPosition === "top") rules += ' __i-375yi6';
72
72
  }
73
- if (props.labelPosition === "side") rules += ' __i-jyg4vb';
74
- else if (props.labelPosition === "top") rules += ' __i-fdenls';
75
- if (props.labelPosition === "side") rules += ' __j-5eez8j';
76
- else if (props.labelPosition === "top") rules += ' __j-xlaqir';
73
+ if (props.labelPosition === "side") rules += ' __j-jyg4vb';
74
+ else if (props.labelPosition === "top") rules += ' __j-fdenls';
75
+ if (props.labelPosition === "side") rules += ' __k-5eez8j';
76
+ else if (props.labelPosition === "top") rules += ' __k-xlaqir';
77
77
  if (props.size === "XL") {
78
- rules += ' _dbj';
79
- rules += ' _di';
78
+ rules += ' _ebj';
79
+ rules += ' _ei';
80
80
  } else if (props.size === "L") {
81
- rules += ' _dbh';
82
- rules += ' _dg';
81
+ rules += ' _ebh';
82
+ rules += ' _eg';
83
83
  } else if (props.size === "S") {
84
- rules += ' _dbd';
85
- rules += ' _dc';
84
+ rules += ' _ebd';
85
+ rules += ' _ec';
86
86
  } else if (props.size === "XS") {
87
- rules += ' _dbb';
88
- rules += ' _da';
87
+ rules += ' _ebb';
88
+ rules += ' _ea';
89
89
  } else {
90
- rules += ' _dbf';
91
- rules += ' _de';
90
+ rules += ' _ebf';
91
+ rules += ' _ee';
92
92
  }
93
- rules += ' _1d';
94
- rules += ' _f-1x99dlob';
95
- rules += ' _fa';
93
+ rules += ' _2d';
94
+ rules += ' _g-1x99dlob';
95
+ rules += ' _ga';
96
96
  if (props.size === "XL") rules += ' -aqrvqh_k-j';
97
97
  else if (props.size === "L") rules += ' -aqrvqh_k-i';
98
98
  else if (props.size === "S") rules += ' -aqrvqh_k-h';
@@ -100,7 +100,7 @@ const $9c5ed7ec0bc126af$export$b865d4358897bb17 = /*#__PURE__*/ (0, $Y0ll1$forwa
100
100
  else rules += ' -aqrvqh_k-f';
101
101
  rules += ' -_1inj1bc_i--prjw07';
102
102
  rules += ' je';
103
- rules += ' __R-yksgrp';
103
+ rules += ' __S-yksgrp';
104
104
  return rules;
105
105
  }({
106
106
  size: props.size,
@@ -35,19 +35,19 @@ function $5b07976eb9e358fe$export$92862704de639678({ containerRef: containerRef,
35
35
  return /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)((0, $8hzuN$reactariacomponents.ColorThumb), {
36
36
  className: function anonymous(props) {
37
37
  let rules = " .";
38
- rules += ' _O-1oihi8a';
39
- rules += ' _Q-375x7f';
40
- rules += ' _Ra';
38
+ rules += ' _P-1oihi8a';
39
+ rules += ' _R-375x7f';
40
+ rules += ' _Sa';
41
41
  if (props.isFocusVisible) rules += ' lU';
42
42
  else rules += ' lE';
43
43
  if (props.isFocusVisible) rules += ' kU';
44
44
  else rules += ' kE';
45
45
  if (props.isDisabled) rules += ' bg';
46
- rules += ' _vf';
47
46
  rules += ' _wf';
48
47
  rules += ' _xf';
49
48
  rules += ' _yf';
50
- rules += ' __na';
49
+ rules += ' _zf';
50
+ rules += ' __oa';
51
51
  rules += ' wa';
52
52
  rules += ' uc';
53
53
  rules += ' vc';
@@ -55,8 +55,8 @@ function $5b07976eb9e358fe$export$92862704de639678({ containerRef: containerRef,
55
55
  rules += ' tc';
56
56
  if (props.isDisabled) rules += ' ci';
57
57
  else rules += ' cc';
58
- rules += ' _Lb';
59
- rules += ' _Nb';
58
+ rules += ' _Mb';
59
+ rules += ' _Ob';
60
60
  rules += ' da_____I';
61
61
  rules += ' db42';
62
62
  return rules;
@@ -70,7 +70,7 @@ function $5b07976eb9e358fe$export$92862704de639678({ containerRef: containerRef,
70
70
  children: ({ isDragging: isDragging, color: color })=>/*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsxs)((0, $8hzuN$reactjsxruntime.Fragment), {
71
71
  children: [
72
72
  /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)("div", {
73
- className: " . lb kb _vf _wf _xf _yf __na wa ub vb sb tb cb42 ca_____I"
73
+ className: " . lb kb _wf _xf _yf _zf __oa wa ub vb sb tb cb42 ca_____I"
74
74
  }),
75
75
  /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)($5b07976eb9e358fe$var$ColorLoupePortal, {
76
76
  isOpen: isDragging,
@@ -131,7 +131,7 @@ function $5b07976eb9e358fe$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
131
131
  marginLeft: -$5b07976eb9e358fe$var$LOUPE_WIDTH / 2 - $5b07976eb9e358fe$var$LOUPE_BORDER_WIDTH,
132
132
  animationName: isExiting ? exitAnimation : enterAnimation
133
133
  },
134
- className: " . _ub __Ba _T-375x4t _Wb _Ya __Fa",
134
+ className: " . _vb __Ca _U-375x4t _Xb _Za __Ga",
135
135
  onAnimationEnd: (e)=>{
136
136
  if (e.animationName === exitAnimation) onExited();
137
137
  },
@@ -1,13 +1,13 @@
1
1
  @layer _.a {
2
- ._O-1oihi8a {
2
+ ._P-1oihi8a {
3
3
  transition-property: width, height;
4
4
  }
5
5
 
6
- ._Q-375x7f {
6
+ ._R-375x7f {
7
7
  transition-duration: .15s;
8
8
  }
9
9
 
10
- ._Ra {
10
+ ._Sa {
11
11
  transition-timing-function: cubic-bezier(.45, 0, .4, 1);
12
12
  }
13
13
 
@@ -55,11 +55,11 @@
55
55
  border-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
56
56
  }
57
57
 
58
- ._Lb {
58
+ ._Mb {
59
59
  outline-style: solid;
60
60
  }
61
61
 
62
- ._Nb {
62
+ ._Ob {
63
63
  outline-width: 1px;
64
64
  }
65
65
 
@@ -75,23 +75,23 @@
75
75
  height: 100%;
76
76
  }
77
77
 
78
- ._vf {
78
+ ._wf {
79
79
  border-start-start-radius: 9999px;
80
80
  }
81
81
 
82
- ._wf {
82
+ ._xf {
83
83
  border-start-end-radius: 9999px;
84
84
  }
85
85
 
86
- ._xf {
86
+ ._yf {
87
87
  border-end-start-radius: 9999px;
88
88
  }
89
89
 
90
- ._yf {
90
+ ._zf {
91
91
  border-end-end-radius: 9999px;
92
92
  }
93
93
 
94
- .__na {
94
+ .__oa {
95
95
  box-sizing: border-box;
96
96
  }
97
97
 
@@ -119,27 +119,27 @@
119
119
  border-color: #0000006b;
120
120
  }
121
121
 
122
- ._ub {
122
+ ._vb {
123
123
  filter: drop-shadow(0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a));
124
124
  }
125
125
 
126
- .__Ba {
126
+ .__Ca {
127
127
  pointer-events: none;
128
128
  }
129
129
 
130
- ._T-375x4t {
130
+ ._U-375x4t {
131
131
  animation-duration: .125s;
132
132
  }
133
133
 
134
- ._Wb {
134
+ ._Xb {
135
135
  animation-fill-mode: forwards;
136
136
  }
137
137
 
138
- ._Ya {
138
+ ._Za {
139
139
  animation-timing-function: cubic-bezier(.45, 0, .4, 1);
140
140
  }
141
141
 
142
- .__Fa {
142
+ .__Ga {
143
143
  isolation: isolate;
144
144
  }
145
145