@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
@@ -1,17 +1,17 @@
1
1
  @layer _.a {
2
- .__b-go5hed {
2
+ .__b-1c6tcyh {
3
3
  grid-column-start: heading;
4
4
  }
5
5
 
6
- .__c-go5hed {
6
+ .__c-1c6tcyh {
7
7
  grid-column-end: heading;
8
8
  }
9
9
 
10
- .__d-go5hed {
10
+ .__d-1c6tcyh {
11
11
  grid-row-start: heading;
12
12
  }
13
13
 
14
- .__e-go5hed {
14
+ .__e-1c6tcyh {
15
15
  grid-row-end: heading;
16
16
  }
17
17
 
@@ -41,19 +41,19 @@
41
41
  color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
42
42
  }
43
43
 
44
- .__b-i6pim {
44
+ .__b-5rjl76 {
45
45
  grid-column-start: header;
46
46
  }
47
47
 
48
- .__c-i6pim {
48
+ .__c-5rjl76 {
49
49
  grid-column-end: header;
50
50
  }
51
51
 
52
- .__d-i6pim {
52
+ .__d-5rjl76 {
53
53
  grid-row-start: header;
54
54
  }
55
55
 
56
- .__e-i6pim {
56
+ .__e-5rjl76 {
57
57
  grid-row-end: header;
58
58
  }
59
59
 
@@ -61,19 +61,19 @@
61
61
  font-size: 1.125rem;
62
62
  }
63
63
 
64
- .__b-1mod4sg {
64
+ .__b-drkpd0 {
65
65
  grid-column-start: content;
66
66
  }
67
67
 
68
- .__c-1mod4sg {
68
+ .__c-drkpd0 {
69
69
  grid-column-end: content;
70
70
  }
71
71
 
72
- .__d-1mod4sg {
72
+ .__d-drkpd0 {
73
73
  grid-row-start: content;
74
74
  }
75
75
 
76
- .__e-1mod4sg {
76
+ .__e-drkpd0 {
77
77
  grid-row-end: content;
78
78
  }
79
79
 
@@ -99,19 +99,19 @@
99
99
  color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
100
100
  }
101
101
 
102
- .__b-15bi2vo {
102
+ .__b-980e48 {
103
103
  grid-column-start: buttons;
104
104
  }
105
105
 
106
- .__c-15bi2vo {
106
+ .__c-980e48 {
107
107
  grid-column-end: buttons;
108
108
  }
109
109
 
110
- .__d-15bi2vo {
110
+ .__d-980e48 {
111
111
  grid-row-start: buttons;
112
112
  }
113
113
 
114
- .__e-15bi2vo {
114
+ .__e-980e48 {
115
115
  grid-row-end: buttons;
116
116
  }
117
117
 
@@ -127,7 +127,7 @@
127
127
  display: grid;
128
128
  }
129
129
 
130
- .__k-1fflgh0 {
130
+ .__k-1akynrw {
131
131
  grid-template-areas: "heading"
132
132
  "header"
133
133
  "."
@@ -136,11 +136,11 @@
136
136
  "buttons";
137
137
  }
138
138
 
139
- .__i-375yi6 {
139
+ .__i-2wzs0i {
140
140
  grid-template-columns: 1fr;
141
141
  }
142
142
 
143
- .__j-36luh1 {
143
+ .__j-1fstnmd {
144
144
  grid-template-rows: auto auto 1.5rem 1fr 1.5rem auto;
145
145
  }
146
146
 
@@ -293,17 +293,17 @@
293
293
  margin-inline-end: auto;
294
294
  }
295
295
 
296
- .__kc-1viqiso {
296
+ .__kc-1ebha6s {
297
297
  grid-template-areas: "heading header buttons"
298
298
  ". . ."
299
299
  "content content content";
300
300
  }
301
301
 
302
- .__ic-fdenls {
302
+ .__ic-1a6w430 {
303
303
  grid-template-columns: auto 1fr auto;
304
304
  }
305
305
 
306
- .__jc-1wmzwss {
306
+ .__jc-1xtwrbo {
307
307
  grid-template-rows: auto 2rem 1fr;
308
308
  }
309
309
 
@@ -24,11 +24,11 @@ import {useDOMRef as $900FG$useDOMRef} from "@react-spectrum/utils";
24
24
 
25
25
 
26
26
 
27
- const $8e7a38ff5b9798e1$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";
28
- const $8e7a38ff5b9798e1$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";
29
- const $8e7a38ff5b9798e1$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";
30
- const $8e7a38ff5b9798e1$var$buttonGroup = " . __b-15bi2vo __c-15bi2vo __d-15bi2vo __e-15bi2vo y_d rb";
31
- const $8e7a38ff5b9798e1$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";
27
+ const $8e7a38ff5b9798e1$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";
28
+ const $8e7a38ff5b9798e1$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";
29
+ const $8e7a38ff5b9798e1$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";
30
+ const $8e7a38ff5b9798e1$var$buttonGroup = " . __b-980e48 __c-980e48 __d-980e48 __e-980e48 y_d rb";
31
+ const $8e7a38ff5b9798e1$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";
32
32
  const $8e7a38ff5b9798e1$export$7082b7e805d2626f = /*#__PURE__*/ (0, $900FG$forwardRef)(function FullscreenDialog(props, ref) {
33
33
  let { variant: variant = 'fullscreen', isKeyboardDismissDisabled: isKeyboardDismissDisabled } = props;
34
34
  let domRef = (0, $900FG$useDOMRef)(ref);
@@ -70,14 +70,14 @@ const $55f1b8940d3e02db$var$illustratedMessage = function anonymous(props, overr
70
70
  if (props.orientation === "horizontal") rules += ' r________V';
71
71
  else if (props.orientation === "vertical") rules += ' r______x';
72
72
  }
73
- if (props.orientation === "horizontal") rules += ' __k-1t3dvev';
74
- else if (props.orientation === "vertical") rules += ' __k-tu9mw5';
75
- if (props.orientation === "horizontal") rules += ' __j-1efftez';
73
+ if (props.orientation === "horizontal") rules += ' __k-1yexyzb';
74
+ else if (props.orientation === "vertical") rules += ' __k-asng59';
75
+ if (props.orientation === "horizontal") rules += ' __j-1g2tm43';
76
76
  else if (props.orientation === "vertical") {
77
- if (props.size === "L") rules += ' __j-xadfxd';
78
- else rules += ' __j-fd9mh8';
77
+ if (props.size === "L") rules += ' __j-fpm35d';
78
+ else rules += ' __j-1lbesf0';
79
79
  }
80
- if (props.orientation === "horizontal") rules += ' __i-883psa';
80
+ if (props.orientation === "horizontal") rules += ' __i-nxlg42';
81
81
  if (props.orientation === "horizontal") rules += ' _4a';
82
82
  else if (props.orientation === "vertical") rules += ' _4c';
83
83
  if (props.orientation === "vertical") rules += ' _kb';
@@ -85,10 +85,10 @@ const $55f1b8940d3e02db$var$illustratedMessage = function anonymous(props, overr
85
85
  };
86
86
  const $55f1b8940d3e02db$var$illustration = function anonymous(props) {
87
87
  let rules = " .";
88
- rules += ' __b-1e6vo9b';
89
- rules += ' __c-1e6vo9b';
90
- rules += ' __d-1e6vo9b';
91
- rules += ' __e-1e6vo9b';
88
+ rules += ' __b-1ljhker';
89
+ rules += ' __c-1ljhker';
90
+ rules += ' __d-1ljhker';
91
+ rules += ' __e-1ljhker';
92
92
  if (props.size === "L") rules += ' l__Y';
93
93
  else if (props.size === "M") rules += ' l_W';
94
94
  else if (props.size === "S") rules += ' l_W';
@@ -111,10 +111,10 @@ const $55f1b8940d3e02db$var$illustration = function anonymous(props) {
111
111
  };
112
112
  const $55f1b8940d3e02db$var$heading = function anonymous(props) {
113
113
  let rules = " .";
114
- rules += ' __b-go5hed';
115
- rules += ' __c-go5hed';
116
- rules += ' __d-go5hed';
117
- rules += ' __e-go5hed';
114
+ rules += ' __b-1c6tcyh';
115
+ rules += ' __c-1c6tcyh';
116
+ rules += ' __d-1c6tcyh';
117
+ rules += ' __e-1c6tcyh';
118
118
  if (props.size === "L") {
119
119
  rules += ' _d-bc1l9oh';
120
120
  rules += ' _d-1uotwbwg';
@@ -239,14 +239,14 @@ const $55f1b8940d3e02db$var$content = function anonymous(props) {
239
239
  if (props.size === "L") rules += ' an';
240
240
  else if (props.size === "M") rules += ' an';
241
241
  else if (props.size === "S") rules += ' an';
242
- rules += ' __b-1mod4sg';
243
- rules += ' __c-1mod4sg';
244
- rules += ' __d-1mod4sg';
245
- rules += ' __e-1mod4sg';
242
+ rules += ' __b-drkpd0';
243
+ rules += ' __c-drkpd0';
244
+ rules += ' __d-drkpd0';
245
+ rules += ' __e-drkpd0';
246
246
  rules += ' _5b';
247
247
  return rules;
248
248
  };
249
- const $55f1b8940d3e02db$var$buttonGroup = " . __b-3yyxn2 __c-3yyxn2 __d-3yyxn2 __e-3yyxn2 Af";
249
+ const $55f1b8940d3e02db$var$buttonGroup = " . __b-x3oos2 __c-x3oos2 __d-x3oos2 __e-x3oos2 Af";
250
250
  const $55f1b8940d3e02db$export$d661ef89ad42d682 = /*#__PURE__*/ (0, $jcfA8$react.createContext)(null);
251
251
  const $55f1b8940d3e02db$export$406dbc84c317ece0 = /*#__PURE__*/ (0, $jcfA8$react.forwardRef)(function IllustratedMessage(props, ref) {
252
252
  [props, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props, ref, $55f1b8940d3e02db$export$d661ef89ad42d682);
@@ -19,7 +19,7 @@
19
19
  max-width: calc(33rem * var(--s2-scale));
20
20
  }
21
21
 
22
- .__k-tu9mw5 {
22
+ .__k-asng59 {
23
23
  grid-template-areas: ". illustration ."
24
24
  ". . ."
25
25
  "heading heading heading"
@@ -28,26 +28,26 @@
28
28
  ". buttonGroup .";
29
29
  }
30
30
 
31
- .__k-1t3dvev {
31
+ .__k-1yexyzb {
32
32
  grid-template-areas: "illustration . heading"
33
33
  "illustration . ."
34
34
  "illustration . content"
35
35
  "illustration . buttonGroup";
36
36
  }
37
37
 
38
- .__j-fd9mh8 {
38
+ .__j-1lbesf0 {
39
39
  grid-template-rows: min-content .75rem min-content .25rem min-content min-content;
40
40
  }
41
41
 
42
- .__j-xadfxd {
42
+ .__j-fpm35d {
43
43
  grid-template-rows: min-content .5rem min-content .25rem min-content min-content;
44
44
  }
45
45
 
46
- .__j-1efftez {
46
+ .__j-1g2tm43 {
47
47
  grid-template-rows: 1fr .25rem 1fr;
48
48
  }
49
49
 
50
- .__i-883psa {
50
+ .__i-nxlg42 {
51
51
  grid-template-columns: 1fr .75rem auto;
52
52
  }
53
53
 
@@ -63,19 +63,19 @@
63
63
  text-align: center;
64
64
  }
65
65
 
66
- .__b-1e6vo9b {
66
+ .__b-1ljhker {
67
67
  grid-column-start: illustration;
68
68
  }
69
69
 
70
- .__c-1e6vo9b {
70
+ .__c-1ljhker {
71
71
  grid-column-end: illustration;
72
72
  }
73
73
 
74
- .__d-1e6vo9b {
74
+ .__d-1ljhker {
75
75
  grid-row-start: illustration;
76
76
  }
77
77
 
78
- .__e-1e6vo9b {
78
+ .__e-1ljhker {
79
79
  grid-row-end: illustration;
80
80
  }
81
81
 
@@ -117,19 +117,19 @@
117
117
  --iconPrimary: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #6995fe);
118
118
  }
119
119
 
120
- .__b-go5hed {
120
+ .__b-1c6tcyh {
121
121
  grid-column-start: heading;
122
122
  }
123
123
 
124
- .__c-go5hed {
124
+ .__c-1c6tcyh {
125
125
  grid-column-end: heading;
126
126
  }
127
127
 
128
- .__d-go5hed {
128
+ .__d-1c6tcyh {
129
129
  grid-row-start: heading;
130
130
  }
131
131
 
132
- .__e-go5hed {
132
+ .__e-1c6tcyh {
133
133
  grid-row-end: heading;
134
134
  }
135
135
 
@@ -213,19 +213,19 @@
213
213
  color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
214
214
  }
215
215
 
216
- .__b-1mod4sg {
216
+ .__b-drkpd0 {
217
217
  grid-column-start: content;
218
218
  }
219
219
 
220
- .__c-1mod4sg {
220
+ .__c-drkpd0 {
221
221
  grid-column-end: content;
222
222
  }
223
223
 
224
- .__d-1mod4sg {
224
+ .__d-drkpd0 {
225
225
  grid-row-start: content;
226
226
  }
227
227
 
228
- .__e-1mod4sg {
228
+ .__e-drkpd0 {
229
229
  grid-row-end: content;
230
230
  }
231
231
 
@@ -233,19 +233,19 @@
233
233
  align-self: start;
234
234
  }
235
235
 
236
- .__b-3yyxn2 {
236
+ .__b-x3oos2 {
237
237
  grid-column-start: buttonGroup;
238
238
  }
239
239
 
240
- .__c-3yyxn2 {
240
+ .__c-x3oos2 {
241
241
  grid-column-end: buttonGroup;
242
242
  }
243
243
 
244
- .__d-3yyxn2 {
244
+ .__d-x3oos2 {
245
245
  grid-row-start: buttonGroup;
246
246
  }
247
247
 
248
- .__e-3yyxn2 {
248
+ .__e-x3oos2 {
249
249
  grid-row-end: buttonGroup;
250
250
  }
251
251
 
@@ -63,14 +63,14 @@ const $4950413ac998f607$var$illustratedMessage = function anonymous(props, overr
63
63
  if (props.orientation === "horizontal") rules += ' r________V';
64
64
  else if (props.orientation === "vertical") rules += ' r______x';
65
65
  }
66
- if (props.orientation === "horizontal") rules += ' __k-1t3dvev';
67
- else if (props.orientation === "vertical") rules += ' __k-tu9mw5';
68
- if (props.orientation === "horizontal") rules += ' __j-1efftez';
66
+ if (props.orientation === "horizontal") rules += ' __k-1yexyzb';
67
+ else if (props.orientation === "vertical") rules += ' __k-asng59';
68
+ if (props.orientation === "horizontal") rules += ' __j-1g2tm43';
69
69
  else if (props.orientation === "vertical") {
70
- if (props.size === "L") rules += ' __j-xadfxd';
71
- else rules += ' __j-fd9mh8';
70
+ if (props.size === "L") rules += ' __j-fpm35d';
71
+ else rules += ' __j-1lbesf0';
72
72
  }
73
- if (props.orientation === "horizontal") rules += ' __i-883psa';
73
+ if (props.orientation === "horizontal") rules += ' __i-nxlg42';
74
74
  if (props.orientation === "horizontal") rules += ' _4a';
75
75
  else if (props.orientation === "vertical") rules += ' _4c';
76
76
  if (props.orientation === "vertical") rules += ' _kb';
@@ -78,10 +78,10 @@ const $4950413ac998f607$var$illustratedMessage = function anonymous(props, overr
78
78
  };
79
79
  const $4950413ac998f607$var$illustration = function anonymous(props) {
80
80
  let rules = " .";
81
- rules += ' __b-1e6vo9b';
82
- rules += ' __c-1e6vo9b';
83
- rules += ' __d-1e6vo9b';
84
- rules += ' __e-1e6vo9b';
81
+ rules += ' __b-1ljhker';
82
+ rules += ' __c-1ljhker';
83
+ rules += ' __d-1ljhker';
84
+ rules += ' __e-1ljhker';
85
85
  if (props.size === "L") rules += ' l__Y';
86
86
  else if (props.size === "M") rules += ' l_W';
87
87
  else if (props.size === "S") rules += ' l_W';
@@ -104,10 +104,10 @@ const $4950413ac998f607$var$illustration = function anonymous(props) {
104
104
  };
105
105
  const $4950413ac998f607$var$heading = function anonymous(props) {
106
106
  let rules = " .";
107
- rules += ' __b-go5hed';
108
- rules += ' __c-go5hed';
109
- rules += ' __d-go5hed';
110
- rules += ' __e-go5hed';
107
+ rules += ' __b-1c6tcyh';
108
+ rules += ' __c-1c6tcyh';
109
+ rules += ' __d-1c6tcyh';
110
+ rules += ' __e-1c6tcyh';
111
111
  if (props.size === "L") {
112
112
  rules += ' _d-bc1l9oh';
113
113
  rules += ' _d-1uotwbwg';
@@ -232,14 +232,14 @@ const $4950413ac998f607$var$content = function anonymous(props) {
232
232
  if (props.size === "L") rules += ' an';
233
233
  else if (props.size === "M") rules += ' an';
234
234
  else if (props.size === "S") rules += ' an';
235
- rules += ' __b-1mod4sg';
236
- rules += ' __c-1mod4sg';
237
- rules += ' __d-1mod4sg';
238
- rules += ' __e-1mod4sg';
235
+ rules += ' __b-drkpd0';
236
+ rules += ' __c-drkpd0';
237
+ rules += ' __d-drkpd0';
238
+ rules += ' __e-drkpd0';
239
239
  rules += ' _5b';
240
240
  return rules;
241
241
  };
242
- const $4950413ac998f607$var$buttonGroup = " . __b-3yyxn2 __c-3yyxn2 __d-3yyxn2 __e-3yyxn2 Af";
242
+ const $4950413ac998f607$var$buttonGroup = " . __b-x3oos2 __c-x3oos2 __d-x3oos2 __e-x3oos2 Af";
243
243
  const $4950413ac998f607$export$d661ef89ad42d682 = /*#__PURE__*/ (0, $3JmRZ$createContext)(null);
244
244
  const $4950413ac998f607$export$406dbc84c317ece0 = /*#__PURE__*/ (0, $3JmRZ$forwardRef)(function IllustratedMessage(props, ref) {
245
245
  [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $4950413ac998f607$export$d661ef89ad42d682);
@@ -130,10 +130,10 @@ const $72bf3a9f94a75d9f$var$inlineAlert = function anonymous(props, overrides) {
130
130
  };
131
131
  const $72bf3a9f94a75d9f$var$icon = function anonymous(props) {
132
132
  let rules = " .";
133
- rules += ' __b-ykjmzy';
134
- rules += ' __c-ykjmzy';
135
- rules += ' __d-ykjmzy';
136
- rules += ' __e-ykjmzy';
133
+ rules += ' __b-qb5q8i';
134
+ rules += ' __c-qb5q8i';
135
+ rules += ' __d-qb5q8i';
136
+ rules += ' __e-qb5q8i';
137
137
  if (props.fillStyle === "boldFill") {
138
138
  if (props.variant === "notice") rules += ' -rwx0fg_e-z';
139
139
  else rules += ' -rwx0fg_e-A';
@@ -152,7 +152,7 @@ const $72bf3a9f94a75d9f$var$icon = function anonymous(props) {
152
152
  }
153
153
  return rules;
154
154
  };
155
- const $72bf3a9f94a75d9f$var$grid = " . _0f jh __i-u2tns7 __j-ld1isw lb __k-11zp5n8";
155
+ const $72bf3a9f94a75d9f$var$grid = " . _0f jh __i-1j10eqz __j-1cy57v8 lb __k-fb6mkc";
156
156
  let $72bf3a9f94a75d9f$var$ICONS = {
157
157
  informative: (0, $0ed6e07b499b9797$exports.default),
158
158
  positive: (0, $6391be254c189366$exports.default),
@@ -163,10 +163,10 @@ let $72bf3a9f94a75d9f$var$ICONS = {
163
163
  const $72bf3a9f94a75d9f$var$heading = function anonymous(props) {
164
164
  let rules = " .";
165
165
  rules += ' Aa';
166
- rules += ' __b-go5hed';
167
- rules += ' __c-go5hed';
168
- rules += ' __d-go5hed';
169
- rules += ' __e-go5hed';
166
+ rules += ' __b-1c6tcyh';
167
+ rules += ' __c-1c6tcyh';
168
+ rules += ' __d-1c6tcyh';
169
+ rules += ' __e-1c6tcyh';
170
170
  rules += ' _d-bc1l9oh';
171
171
  rules += ' _d-1uotwbwg';
172
172
  rules += ' _d-eo0c6sf';
@@ -189,10 +189,10 @@ const $72bf3a9f94a75d9f$var$heading = function anonymous(props) {
189
189
  };
190
190
  const $72bf3a9f94a75d9f$var$content = function anonymous(props) {
191
191
  let rules = " .";
192
- rules += ' __b-1mod4sg';
193
- rules += ' __c-1mod4sg';
194
- rules += ' __d-1mod4sg';
195
- rules += ' __e-1mod4sg';
192
+ rules += ' __b-drkpd0';
193
+ rules += ' __c-drkpd0';
194
+ rules += ' __d-drkpd0';
195
+ rules += ' __e-drkpd0';
196
196
  rules += ' _d-bc1l9oh';
197
197
  rules += ' _d-1uotwbwg';
198
198
  rules += ' _d-eo0c6sf';
@@ -167,19 +167,19 @@
167
167
  background-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #444);
168
168
  }
169
169
 
170
- .__b-ykjmzy {
170
+ .__b-qb5q8i {
171
171
  grid-column-start: icon;
172
172
  }
173
173
 
174
- .__c-ykjmzy {
174
+ .__c-qb5q8i {
175
175
  grid-column-end: icon;
176
176
  }
177
177
 
178
- .__d-ykjmzy {
178
+ .__d-qb5q8i {
179
179
  grid-row-start: icon;
180
180
  }
181
181
 
182
- .__e-ykjmzy {
182
+ .__e-qb5q8i {
183
183
  grid-row-end: icon;
184
184
  }
185
185
 
@@ -219,11 +219,11 @@
219
219
  column-gap: 1.5rem;
220
220
  }
221
221
 
222
- .__i-u2tns7 {
222
+ .__i-1j10eqz {
223
223
  grid-template-columns: 1fr auto;
224
224
  }
225
225
 
226
- .__j-ld1isw {
226
+ .__j-1cy57v8 {
227
227
  grid-template-rows: auto auto auto;
228
228
  }
229
229
 
@@ -231,7 +231,7 @@
231
231
  width: 100%;
232
232
  }
233
233
 
234
- .__k-11zp5n8 {
234
+ .__k-fb6mkc {
235
235
  grid-template-areas: "heading icon"
236
236
  "content content";
237
237
  }
@@ -240,19 +240,19 @@
240
240
  margin-top: 0;
241
241
  }
242
242
 
243
- .__b-go5hed {
243
+ .__b-1c6tcyh {
244
244
  grid-column-start: heading;
245
245
  }
246
246
 
247
- .__c-go5hed {
247
+ .__c-1c6tcyh {
248
248
  grid-column-end: heading;
249
249
  }
250
250
 
251
- .__d-go5hed {
251
+ .__d-1c6tcyh {
252
252
  grid-row-start: heading;
253
253
  }
254
254
 
255
- .__e-go5hed {
255
+ .__e-1c6tcyh {
256
256
  grid-row-end: heading;
257
257
  }
258
258
 
@@ -270,19 +270,19 @@
270
270
  color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
271
271
  }
272
272
 
273
- .__b-1mod4sg {
273
+ .__b-drkpd0 {
274
274
  grid-column-start: content;
275
275
  }
276
276
 
277
- .__c-1mod4sg {
277
+ .__c-drkpd0 {
278
278
  grid-column-end: content;
279
279
  }
280
280
 
281
- .__d-1mod4sg {
281
+ .__d-drkpd0 {
282
282
  grid-row-start: content;
283
283
  }
284
284
 
285
- .__e-1mod4sg {
285
+ .__e-drkpd0 {
286
286
  grid-row-end: content;
287
287
  }
288
288
 
@@ -123,10 +123,10 @@ const $fc2cf6b397804b9c$var$inlineAlert = function anonymous(props, overrides) {
123
123
  };
124
124
  const $fc2cf6b397804b9c$var$icon = function anonymous(props) {
125
125
  let rules = " .";
126
- rules += ' __b-ykjmzy';
127
- rules += ' __c-ykjmzy';
128
- rules += ' __d-ykjmzy';
129
- rules += ' __e-ykjmzy';
126
+ rules += ' __b-qb5q8i';
127
+ rules += ' __c-qb5q8i';
128
+ rules += ' __d-qb5q8i';
129
+ rules += ' __e-qb5q8i';
130
130
  if (props.fillStyle === "boldFill") {
131
131
  if (props.variant === "notice") rules += ' -rwx0fg_e-z';
132
132
  else rules += ' -rwx0fg_e-A';
@@ -145,7 +145,7 @@ const $fc2cf6b397804b9c$var$icon = function anonymous(props) {
145
145
  }
146
146
  return rules;
147
147
  };
148
- const $fc2cf6b397804b9c$var$grid = " . _0f jh __i-u2tns7 __j-ld1isw lb __k-11zp5n8";
148
+ const $fc2cf6b397804b9c$var$grid = " . _0f jh __i-1j10eqz __j-1cy57v8 lb __k-fb6mkc";
149
149
  let $fc2cf6b397804b9c$var$ICONS = {
150
150
  informative: (0, $4c8f17dac3ecefd9$export$2e2bcd8739ae039),
151
151
  positive: (0, $22a7d72fc05e138d$export$2e2bcd8739ae039),
@@ -156,10 +156,10 @@ let $fc2cf6b397804b9c$var$ICONS = {
156
156
  const $fc2cf6b397804b9c$var$heading = function anonymous(props) {
157
157
  let rules = " .";
158
158
  rules += ' Aa';
159
- rules += ' __b-go5hed';
160
- rules += ' __c-go5hed';
161
- rules += ' __d-go5hed';
162
- rules += ' __e-go5hed';
159
+ rules += ' __b-1c6tcyh';
160
+ rules += ' __c-1c6tcyh';
161
+ rules += ' __d-1c6tcyh';
162
+ rules += ' __e-1c6tcyh';
163
163
  rules += ' _d-bc1l9oh';
164
164
  rules += ' _d-1uotwbwg';
165
165
  rules += ' _d-eo0c6sf';
@@ -182,10 +182,10 @@ const $fc2cf6b397804b9c$var$heading = function anonymous(props) {
182
182
  };
183
183
  const $fc2cf6b397804b9c$var$content = function anonymous(props) {
184
184
  let rules = " .";
185
- rules += ' __b-1mod4sg';
186
- rules += ' __c-1mod4sg';
187
- rules += ' __d-1mod4sg';
188
- rules += ' __e-1mod4sg';
185
+ rules += ' __b-drkpd0';
186
+ rules += ' __c-drkpd0';
187
+ rules += ' __d-drkpd0';
188
+ rules += ' __e-drkpd0';
189
189
  rules += ' _d-bc1l9oh';
190
190
  rules += ' _d-1uotwbwg';
191
191
  rules += ' _d-eo0c6sf';
package/dist/Link.css CHANGED
@@ -90,7 +90,7 @@
90
90
  }
91
91
 
92
92
  ._Pa {
93
- 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;
93
+ transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
94
94
  }
95
95
 
96
96
  ._R-375x7f {