@react-spectrum/s2 3.0.0-nightly-db60babaf-241014 → 3.0.0-nightly-e1b72a79f-241016
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.
- package/dist/ActionButton.css +3 -3
- package/dist/AlertDialog.css +2 -2
- package/dist/Badge.cjs +60 -60
- package/dist/Badge.cjs.map +1 -1
- package/dist/Badge.css +88 -88
- package/dist/Badge.css.map +1 -1
- package/dist/Badge.mjs +60 -60
- package/dist/Badge.mjs.map +1 -1
- package/dist/Breadcrumbs.css +1 -1
- package/dist/Button.cjs +4 -4
- package/dist/Button.css +7 -7
- package/dist/Button.mjs +4 -4
- package/dist/Card.cjs +1 -1
- package/dist/Card.css +2 -2
- package/dist/Card.mjs +1 -1
- package/dist/CardView.css +1 -1
- package/dist/Checkbox.cjs +1 -1
- package/dist/Checkbox.css +3 -3
- package/dist/Checkbox.mjs +1 -1
- package/dist/CloseButton.css +1 -1
- package/dist/ColorHandle.cjs +1 -1
- package/dist/ColorHandle.css +1 -1
- package/dist/ColorHandle.mjs +1 -1
- package/dist/ColorSwatchPicker.css +1 -1
- package/dist/ContextualHelp.cjs +1 -1
- package/dist/ContextualHelp.css +7 -7
- package/dist/ContextualHelp.mjs +1 -1
- package/dist/Dialog.cjs +1 -1
- package/dist/Dialog.css +3 -3
- package/dist/Dialog.mjs +1 -1
- package/dist/Disclosure.cjs +3 -3
- package/dist/Disclosure.css +9 -1
- package/dist/Disclosure.css.map +1 -1
- package/dist/Disclosure.mjs +3 -3
- package/dist/DropZone.css +3 -3
- package/dist/Field.cjs +1 -1
- package/dist/Field.css +3 -3
- package/dist/Field.mjs +1 -1
- package/dist/InlineAlert.cjs +20 -20
- package/dist/InlineAlert.css +31 -31
- package/dist/InlineAlert.mjs +20 -20
- package/dist/Link.css +1 -1
- package/dist/Menu.cjs +1 -1
- package/dist/Menu.css +2 -2
- package/dist/Menu.mjs +1 -1
- package/dist/Meter.cjs +6 -6
- package/dist/Meter.css +11 -11
- package/dist/Meter.mjs +6 -6
- package/dist/Modal.cjs +1 -1
- package/dist/Modal.css +1 -1
- package/dist/Modal.mjs +1 -1
- package/dist/Picker.css +2 -2
- package/dist/Popover.cjs +1 -1
- package/dist/Popover.css +1 -1
- package/dist/Popover.mjs +1 -1
- package/dist/ProgressBar.css +2 -2
- package/dist/Provider.cjs +1 -1
- package/dist/Provider.css +1 -1
- package/dist/Provider.mjs +1 -1
- package/dist/Radio.css +1 -1
- package/dist/{MoveHorizontalCircleTableWidget.cjs → S2_MoveHorizontalTableWidget.cjs} +7 -7
- package/dist/S2_MoveHorizontalTableWidget.cjs.map +1 -0
- package/dist/{MoveHorizontalCircleTableWidget.mjs → S2_MoveHorizontalTableWidget.mjs} +7 -7
- package/dist/S2_MoveHorizontalTableWidget.mjs.map +1 -0
- package/dist/SegmentedControl.css +1 -1
- package/dist/Slider.css +1 -1
- package/dist/StatusLight.cjs +15 -15
- package/dist/StatusLight.css +20 -20
- package/dist/StatusLight.mjs +15 -15
- package/dist/Switch.css +1 -1
- package/dist/TableView.cjs +7 -9
- package/dist/TableView.cjs.map +1 -1
- package/dist/TableView.css +11 -20
- package/dist/TableView.css.map +1 -1
- package/dist/TableView.mjs +7 -9
- package/dist/TableView.mjs.map +1 -1
- package/dist/Tabs.css +1 -1
- package/dist/TagGroup.css +3 -3
- package/dist/Tooltip.cjs +1 -1
- package/dist/Tooltip.css +1 -1
- package/dist/Tooltip.mjs +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +18 -18
- package/src/Badge.tsx +30 -30
- package/src/TableView.tsx +5 -10
- package/style/dist/spectrum-theme.cjs +112 -92
- package/style/dist/spectrum-theme.cjs.map +1 -1
- package/style/dist/spectrum-theme.mjs +112 -92
- package/style/dist/spectrum-theme.mjs.map +1 -1
- package/style/dist/types.d.ts +1 -1
- package/style/dist/types.d.ts.map +1 -1
- package/style/spectrum-theme.ts +25 -5
- package/dist/MoveHorizontalCircleTableWidget.cjs.map +0 -1
- package/dist/MoveHorizontalCircleTableWidget.mjs.map +0 -1
package/dist/Disclosure.mjs
CHANGED
|
@@ -102,11 +102,11 @@ const $cf1d656285911959$var$buttonStyles = function anonymous(props) {
|
|
|
102
102
|
rules += ' _dbm';
|
|
103
103
|
rules += ' _dj';
|
|
104
104
|
} else if (props.size === "M") {
|
|
105
|
+
rules += ' _dbl';
|
|
106
|
+
rules += ' _dk';
|
|
107
|
+
} else if (props.size === "S") {
|
|
105
108
|
rules += ' _dbj';
|
|
106
109
|
rules += ' _di';
|
|
107
|
-
} else if (props.size === "S") {
|
|
108
|
-
rules += ' _dbh';
|
|
109
|
-
rules += ' _dg';
|
|
110
110
|
}
|
|
111
111
|
rules += ' _ed';
|
|
112
112
|
rules += ' _f-1x99dlob';
|
package/dist/DropZone.css
CHANGED
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.cx {
|
|
47
|
-
border-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #
|
|
47
|
+
border-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
._vd {
|
|
@@ -120,11 +120,11 @@
|
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
.b_____E {
|
|
123
|
-
background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #
|
|
123
|
+
background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
|
|
124
124
|
}
|
|
125
125
|
|
|
126
126
|
.b_____F {
|
|
127
|
-
background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #
|
|
127
|
+
background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #345bf8);
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
._vc {
|
package/dist/Field.cjs
CHANGED
|
@@ -438,7 +438,7 @@ function $a0b996a550bb0891$export$bda0d075e0e342c9(props) {
|
|
|
438
438
|
{
|
|
439
439
|
render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
|
|
440
440
|
slot: 'icon',
|
|
441
|
-
styles: " . __A-3t1x _8-3t1x -rwx0fg_e-e -rwx0fg_e-
|
|
441
|
+
styles: " . __A-3t1x _8-3t1x -rwx0fg_e-e -rwx0fg_e-a_____V"
|
|
442
442
|
}),
|
|
443
443
|
styles: " . l-1sthc3k k-1sthc3k yG ybH z-177861o _8-3t1x"
|
|
444
444
|
}
|
package/dist/Field.css
CHANGED
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
.dx {
|
|
59
|
-
outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #
|
|
59
|
+
outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
._Nc {
|
|
@@ -452,7 +452,7 @@
|
|
|
452
452
|
}
|
|
453
453
|
|
|
454
454
|
.-rwx0fg_e-e {
|
|
455
|
-
--iconPrimary: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #
|
|
455
|
+
--iconPrimary: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #fc432e);
|
|
456
456
|
}
|
|
457
457
|
|
|
458
458
|
.l-1sthc3k {
|
|
@@ -642,7 +642,7 @@
|
|
|
642
642
|
border-color: graytext;
|
|
643
643
|
}
|
|
644
644
|
|
|
645
|
-
.-rwx0fg_e-
|
|
645
|
+
.-rwx0fg_e-a_____V {
|
|
646
646
|
--iconPrimary: ButtonText;
|
|
647
647
|
}
|
|
648
648
|
}
|
package/dist/Field.mjs
CHANGED
|
@@ -428,7 +428,7 @@ function $9afd80978c252040$export$bda0d075e0e342c9(props) {
|
|
|
428
428
|
{
|
|
429
429
|
render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
|
|
430
430
|
slot: 'icon',
|
|
431
|
-
styles: " . __A-3t1x _8-3t1x -rwx0fg_e-e -rwx0fg_e-
|
|
431
|
+
styles: " . __A-3t1x _8-3t1x -rwx0fg_e-e -rwx0fg_e-a_____V"
|
|
432
432
|
}),
|
|
433
433
|
styles: " . l-1sthc3k k-1sthc3k yG ybH z-177861o _8-3t1x"
|
|
434
434
|
}
|
package/dist/InlineAlert.cjs
CHANGED
|
@@ -99,31 +99,31 @@ const $72bf3a9f94a75d9f$var$inlineAlert = function anonymous(props, overrides) {
|
|
|
99
99
|
}
|
|
100
100
|
if (props.variant === "neutral") {
|
|
101
101
|
if (props.fillStyle === "boldFill") {
|
|
102
|
-
if (props.isPressed) rules += '
|
|
103
|
-
else if (props.isFocusVisible) rules += '
|
|
104
|
-
else if (props.isHovered) rules += '
|
|
105
|
-
else rules += '
|
|
106
|
-
} else if (props.fillStyle === "subtleFill") rules += '
|
|
102
|
+
if (props.isPressed) rules += ' b_____I';
|
|
103
|
+
else if (props.isFocusVisible) rules += ' b_____I';
|
|
104
|
+
else if (props.isHovered) rules += ' b_____I';
|
|
105
|
+
else rules += ' b_____H';
|
|
106
|
+
} else if (props.fillStyle === "subtleFill") rules += ' b_____J';
|
|
107
107
|
else if (props.fillStyle === "border") rules += ' bd';
|
|
108
108
|
} else if (props.variant === "negative") {
|
|
109
109
|
if (props.fillStyle === "boldFill") {
|
|
110
|
-
if (props.isPressed) rules += '
|
|
111
|
-
else if (props.isFocusVisible) rules += '
|
|
112
|
-
else if (props.isHovered) rules += '
|
|
113
|
-
else rules += '
|
|
114
|
-
} else if (props.fillStyle === "subtleFill") rules += '
|
|
110
|
+
if (props.isPressed) rules += ' b_____L';
|
|
111
|
+
else if (props.isFocusVisible) rules += ' b_____L';
|
|
112
|
+
else if (props.isHovered) rules += ' b_____L';
|
|
113
|
+
else rules += ' b_____K';
|
|
114
|
+
} else if (props.fillStyle === "subtleFill") rules += ' b_____M';
|
|
115
115
|
else if (props.fillStyle === "border") rules += ' bd';
|
|
116
116
|
} else if (props.variant === "notice") {
|
|
117
|
-
if (props.fillStyle === "boldFill") rules += '
|
|
118
|
-
else if (props.fillStyle === "subtleFill") rules += '
|
|
117
|
+
if (props.fillStyle === "boldFill") rules += ' b_____Q';
|
|
118
|
+
else if (props.fillStyle === "subtleFill") rules += ' b_____R';
|
|
119
119
|
else if (props.fillStyle === "border") rules += ' bd';
|
|
120
120
|
} else if (props.variant === "positive") {
|
|
121
121
|
if (props.fillStyle === "boldFill") {
|
|
122
|
-
if (props.isPressed) rules += '
|
|
123
|
-
else if (props.isFocusVisible) rules += '
|
|
124
|
-
else if (props.isHovered) rules += '
|
|
125
|
-
else rules += '
|
|
126
|
-
} else if (props.fillStyle === "subtleFill") rules += '
|
|
122
|
+
if (props.isPressed) rules += ' b_____O';
|
|
123
|
+
else if (props.isFocusVisible) rules += ' b_____O';
|
|
124
|
+
else if (props.isHovered) rules += ' b_____O';
|
|
125
|
+
else rules += ' b_____N';
|
|
126
|
+
} else if (props.fillStyle === "subtleFill") rules += ' b_____P';
|
|
127
127
|
else if (props.fillStyle === "border") rules += ' bd';
|
|
128
128
|
} else if (props.variant === "informative") {
|
|
129
129
|
if (props.fillStyle === "boldFill") {
|
|
@@ -131,7 +131,7 @@ const $72bf3a9f94a75d9f$var$inlineAlert = function anonymous(props, overrides) {
|
|
|
131
131
|
else if (props.isFocusVisible) rules += ' b_____F';
|
|
132
132
|
else if (props.isHovered) rules += ' b_____F';
|
|
133
133
|
else rules += ' b_____E';
|
|
134
|
-
} else if (props.fillStyle === "subtleFill") rules += '
|
|
134
|
+
} else if (props.fillStyle === "subtleFill") rules += ' b_____G';
|
|
135
135
|
else if (props.fillStyle === "border") rules += ' bd';
|
|
136
136
|
}
|
|
137
137
|
return rules;
|
|
@@ -143,8 +143,8 @@ const $72bf3a9f94a75d9f$var$icon = function anonymous(props) {
|
|
|
143
143
|
rules += ' __c-ykjmzy';
|
|
144
144
|
rules += ' __d-ykjmzy';
|
|
145
145
|
if (props.fillStyle === "boldFill") {
|
|
146
|
-
if (props.variant === "notice") rules += ' -rwx0fg_e-
|
|
147
|
-
else rules += ' -rwx0fg_e-
|
|
146
|
+
if (props.variant === "notice") rules += ' -rwx0fg_e-z';
|
|
147
|
+
else rules += ' -rwx0fg_e-A';
|
|
148
148
|
} else if (props.fillStyle === "subtleFill") {
|
|
149
149
|
if (props.variant === "neutral") rules += ' -rwx0fg_e-d';
|
|
150
150
|
else if (props.variant === "negative") rules += ' -rwx0fg_e-e';
|
package/dist/InlineAlert.css
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.dx {
|
|
11
|
-
outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #
|
|
11
|
+
outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
._Nc {
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
.cx {
|
|
91
|
-
border-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #
|
|
91
|
+
border-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
.c_4 {
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
.cN {
|
|
103
|
-
border-color: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #
|
|
103
|
+
border-color: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #df3422);
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
.cm {
|
|
@@ -111,63 +111,63 @@
|
|
|
111
111
|
border-color: #0000;
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
-
.
|
|
115
|
-
background-color: var(--lightningcss-light, #e5f0fe) var(--lightningcss-dark, #
|
|
114
|
+
.b_____G {
|
|
115
|
+
background-color: var(--lightningcss-light, #e5f0fe) var(--lightningcss-dark, #0c2175);
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
.b_____E {
|
|
119
|
-
background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #
|
|
119
|
+
background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
.b_____F {
|
|
123
|
-
background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #
|
|
123
|
+
background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #345bf8);
|
|
124
124
|
}
|
|
125
125
|
|
|
126
|
-
.
|
|
127
|
-
background-color: var(--lightningcss-light, #d7f7e1) var(--lightningcss-dark, #
|
|
126
|
+
.b_____P {
|
|
127
|
+
background-color: var(--lightningcss-light, #d7f7e1) var(--lightningcss-dark, #003326);
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
.
|
|
131
|
-
background-color: var(--lightningcss-light, #05834e) var(--lightningcss-dark, #
|
|
130
|
+
.b_____N {
|
|
131
|
+
background-color: var(--lightningcss-light, #05834e) var(--lightningcss-dark, #068850);
|
|
132
132
|
}
|
|
133
133
|
|
|
134
|
-
.
|
|
135
|
-
background-color: var(--lightningcss-light, #036e45) var(--lightningcss-dark, #
|
|
134
|
+
.b_____O {
|
|
135
|
+
background-color: var(--lightningcss-light, #036e45) var(--lightningcss-dark, #047c4b);
|
|
136
136
|
}
|
|
137
137
|
|
|
138
|
-
.
|
|
139
|
-
background-color: var(--lightningcss-light, #ffeccf) var(--lightningcss-dark, #
|
|
138
|
+
.b_____R {
|
|
139
|
+
background-color: var(--lightningcss-light, #ffeccf) var(--lightningcss-dark, #501b00);
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
.
|
|
142
|
+
.b_____Q {
|
|
143
143
|
background-color: var(--lightningcss-light, #fc7d00) var(--lightningcss-dark, #e06400);
|
|
144
144
|
}
|
|
145
145
|
|
|
146
|
-
.
|
|
147
|
-
background-color: var(--lightningcss-light, #ffebe8) var(--lightningcss-dark, #
|
|
146
|
+
.b_____M {
|
|
147
|
+
background-color: var(--lightningcss-light, #ffebe8) var(--lightningcss-dark, #571107);
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
.
|
|
151
|
-
background-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #
|
|
150
|
+
.b_____K {
|
|
151
|
+
background-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #df3422);
|
|
152
152
|
}
|
|
153
153
|
|
|
154
|
-
.
|
|
155
|
-
background-color: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #
|
|
154
|
+
.b_____L {
|
|
155
|
+
background-color: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #cd2e1d);
|
|
156
156
|
}
|
|
157
157
|
|
|
158
158
|
.bd {
|
|
159
159
|
background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
-
.
|
|
163
|
-
background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #
|
|
162
|
+
.b_____J {
|
|
163
|
+
background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #393939);
|
|
164
164
|
}
|
|
165
165
|
|
|
166
|
-
.
|
|
166
|
+
.b_____H {
|
|
167
167
|
background-color: var(--lightningcss-light, #505050) var(--lightningcss-dark, #6d6d6d);
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
-
.
|
|
170
|
+
.b_____I {
|
|
171
171
|
background-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #444);
|
|
172
172
|
}
|
|
173
173
|
|
|
@@ -188,7 +188,7 @@
|
|
|
188
188
|
}
|
|
189
189
|
|
|
190
190
|
.-rwx0fg_e-g {
|
|
191
|
-
--iconPrimary: var(--lightningcss-light, #
|
|
191
|
+
--iconPrimary: var(--lightningcss-light, #d45b00) var(--lightningcss-dark, #e06400);
|
|
192
192
|
}
|
|
193
193
|
|
|
194
194
|
.-rwx0fg_e-c {
|
|
@@ -196,22 +196,22 @@
|
|
|
196
196
|
}
|
|
197
197
|
|
|
198
198
|
.-rwx0fg_e-f {
|
|
199
|
-
--iconPrimary: var(--lightningcss-light, #
|
|
199
|
+
--iconPrimary: var(--lightningcss-light, #079355) var(--lightningcss-dark, #099d59);
|
|
200
200
|
}
|
|
201
201
|
|
|
202
202
|
.-rwx0fg_e-e {
|
|
203
|
-
--iconPrimary: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #
|
|
203
|
+
--iconPrimary: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #fc432e);
|
|
204
204
|
}
|
|
205
205
|
|
|
206
206
|
.-rwx0fg_e-d {
|
|
207
207
|
--iconPrimary: var(--lightningcss-light, #8f8f8f) var(--lightningcss-dark, #8a8a8a);
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
-
.-rwx0fg_e-
|
|
210
|
+
.-rwx0fg_e-A {
|
|
211
211
|
--iconPrimary: white;
|
|
212
212
|
}
|
|
213
213
|
|
|
214
|
-
.-rwx0fg_e-
|
|
214
|
+
.-rwx0fg_e-z {
|
|
215
215
|
--iconPrimary: black;
|
|
216
216
|
}
|
|
217
217
|
|
package/dist/InlineAlert.mjs
CHANGED
|
@@ -92,31 +92,31 @@ const $fc2cf6b397804b9c$var$inlineAlert = function anonymous(props, overrides) {
|
|
|
92
92
|
}
|
|
93
93
|
if (props.variant === "neutral") {
|
|
94
94
|
if (props.fillStyle === "boldFill") {
|
|
95
|
-
if (props.isPressed) rules += '
|
|
96
|
-
else if (props.isFocusVisible) rules += '
|
|
97
|
-
else if (props.isHovered) rules += '
|
|
98
|
-
else rules += '
|
|
99
|
-
} else if (props.fillStyle === "subtleFill") rules += '
|
|
95
|
+
if (props.isPressed) rules += ' b_____I';
|
|
96
|
+
else if (props.isFocusVisible) rules += ' b_____I';
|
|
97
|
+
else if (props.isHovered) rules += ' b_____I';
|
|
98
|
+
else rules += ' b_____H';
|
|
99
|
+
} else if (props.fillStyle === "subtleFill") rules += ' b_____J';
|
|
100
100
|
else if (props.fillStyle === "border") rules += ' bd';
|
|
101
101
|
} else if (props.variant === "negative") {
|
|
102
102
|
if (props.fillStyle === "boldFill") {
|
|
103
|
-
if (props.isPressed) rules += '
|
|
104
|
-
else if (props.isFocusVisible) rules += '
|
|
105
|
-
else if (props.isHovered) rules += '
|
|
106
|
-
else rules += '
|
|
107
|
-
} else if (props.fillStyle === "subtleFill") rules += '
|
|
103
|
+
if (props.isPressed) rules += ' b_____L';
|
|
104
|
+
else if (props.isFocusVisible) rules += ' b_____L';
|
|
105
|
+
else if (props.isHovered) rules += ' b_____L';
|
|
106
|
+
else rules += ' b_____K';
|
|
107
|
+
} else if (props.fillStyle === "subtleFill") rules += ' b_____M';
|
|
108
108
|
else if (props.fillStyle === "border") rules += ' bd';
|
|
109
109
|
} else if (props.variant === "notice") {
|
|
110
|
-
if (props.fillStyle === "boldFill") rules += '
|
|
111
|
-
else if (props.fillStyle === "subtleFill") rules += '
|
|
110
|
+
if (props.fillStyle === "boldFill") rules += ' b_____Q';
|
|
111
|
+
else if (props.fillStyle === "subtleFill") rules += ' b_____R';
|
|
112
112
|
else if (props.fillStyle === "border") rules += ' bd';
|
|
113
113
|
} else if (props.variant === "positive") {
|
|
114
114
|
if (props.fillStyle === "boldFill") {
|
|
115
|
-
if (props.isPressed) rules += '
|
|
116
|
-
else if (props.isFocusVisible) rules += '
|
|
117
|
-
else if (props.isHovered) rules += '
|
|
118
|
-
else rules += '
|
|
119
|
-
} else if (props.fillStyle === "subtleFill") rules += '
|
|
115
|
+
if (props.isPressed) rules += ' b_____O';
|
|
116
|
+
else if (props.isFocusVisible) rules += ' b_____O';
|
|
117
|
+
else if (props.isHovered) rules += ' b_____O';
|
|
118
|
+
else rules += ' b_____N';
|
|
119
|
+
} else if (props.fillStyle === "subtleFill") rules += ' b_____P';
|
|
120
120
|
else if (props.fillStyle === "border") rules += ' bd';
|
|
121
121
|
} else if (props.variant === "informative") {
|
|
122
122
|
if (props.fillStyle === "boldFill") {
|
|
@@ -124,7 +124,7 @@ const $fc2cf6b397804b9c$var$inlineAlert = function anonymous(props, overrides) {
|
|
|
124
124
|
else if (props.isFocusVisible) rules += ' b_____F';
|
|
125
125
|
else if (props.isHovered) rules += ' b_____F';
|
|
126
126
|
else rules += ' b_____E';
|
|
127
|
-
} else if (props.fillStyle === "subtleFill") rules += '
|
|
127
|
+
} else if (props.fillStyle === "subtleFill") rules += ' b_____G';
|
|
128
128
|
else if (props.fillStyle === "border") rules += ' bd';
|
|
129
129
|
}
|
|
130
130
|
return rules;
|
|
@@ -136,8 +136,8 @@ const $fc2cf6b397804b9c$var$icon = function anonymous(props) {
|
|
|
136
136
|
rules += ' __c-ykjmzy';
|
|
137
137
|
rules += ' __d-ykjmzy';
|
|
138
138
|
if (props.fillStyle === "boldFill") {
|
|
139
|
-
if (props.variant === "notice") rules += ' -rwx0fg_e-
|
|
140
|
-
else rules += ' -rwx0fg_e-
|
|
139
|
+
if (props.variant === "notice") rules += ' -rwx0fg_e-z';
|
|
140
|
+
else rules += ' -rwx0fg_e-A';
|
|
141
141
|
} else if (props.fillStyle === "subtleFill") {
|
|
142
142
|
if (props.variant === "neutral") rules += ' -rwx0fg_e-d';
|
|
143
143
|
else if (props.variant === "negative") rules += ' -rwx0fg_e-e';
|
package/dist/Link.css
CHANGED
package/dist/Menu.cjs
CHANGED
|
@@ -254,7 +254,7 @@ let $e741ea6b88ce4866$export$292abbf31ed842a = function anonymous(props) {
|
|
|
254
254
|
else if (props.isFocusVisible) rules += ' az';
|
|
255
255
|
else if (props.isHovered) rules += ' az';
|
|
256
256
|
else rules += ' ay';
|
|
257
|
-
rules += ' -rwx0fg_e-
|
|
257
|
+
rules += ' -rwx0fg_e-a_____X';
|
|
258
258
|
rules += ' -rwx0fg_e-b';
|
|
259
259
|
rules += ' zF';
|
|
260
260
|
rules += ' _bb';
|
package/dist/Menu.css
CHANGED
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
.dx {
|
|
93
|
-
outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #
|
|
93
|
+
outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
._Nc {
|
|
@@ -713,7 +713,7 @@
|
|
|
713
713
|
outline-color: highlight;
|
|
714
714
|
}
|
|
715
715
|
|
|
716
|
-
.-rwx0fg_e-
|
|
716
|
+
.-rwx0fg_e-a_____X {
|
|
717
717
|
--iconPrimary: Highlight;
|
|
718
718
|
}
|
|
719
719
|
|
package/dist/Menu.mjs
CHANGED
|
@@ -233,7 +233,7 @@ let $13afb0ea5f0ed767$export$292abbf31ed842a = function anonymous(props) {
|
|
|
233
233
|
else if (props.isFocusVisible) rules += ' az';
|
|
234
234
|
else if (props.isHovered) rules += ' az';
|
|
235
235
|
else rules += ' ay';
|
|
236
|
-
rules += ' -rwx0fg_e-
|
|
236
|
+
rules += ' -rwx0fg_e-a_____X';
|
|
237
237
|
rules += ' -rwx0fg_e-b';
|
|
238
238
|
rules += ' zF';
|
|
239
239
|
rules += ' _bb';
|
package/dist/Meter.cjs
CHANGED
|
@@ -212,16 +212,16 @@ const $f53cdf036c04454a$var$fillStyles = function anonymous(props) {
|
|
|
212
212
|
if (props.staticColor === "black") rules += ' b_____s';
|
|
213
213
|
else if (props.staticColor === "white") rules += ' b_____f';
|
|
214
214
|
else if (props.variant === "negative") {
|
|
215
|
-
if (props.isPressed) rules += ' b_____J';
|
|
216
|
-
else if (props.isFocusVisible) rules += ' b_____J';
|
|
217
|
-
else if (props.isHovered) rules += ' b_____J';
|
|
218
|
-
else rules += ' b_____I';
|
|
219
|
-
} else if (props.variant === "notice") rules += ' b_____M';
|
|
220
|
-
else if (props.variant === "positive") {
|
|
221
215
|
if (props.isPressed) rules += ' b_____L';
|
|
222
216
|
else if (props.isFocusVisible) rules += ' b_____L';
|
|
223
217
|
else if (props.isHovered) rules += ' b_____L';
|
|
224
218
|
else rules += ' b_____K';
|
|
219
|
+
} else if (props.variant === "notice") rules += ' b_____Q';
|
|
220
|
+
else if (props.variant === "positive") {
|
|
221
|
+
if (props.isPressed) rules += ' b_____O';
|
|
222
|
+
else if (props.isFocusVisible) rules += ' b_____O';
|
|
223
|
+
else if (props.isHovered) rules += ' b_____O';
|
|
224
|
+
else rules += ' b_____N';
|
|
225
225
|
} else {
|
|
226
226
|
if (props.isPressed) rules += ' b_____F';
|
|
227
227
|
else if (props.isFocusVisible) rules += ' b_____F';
|
package/dist/Meter.css
CHANGED
|
@@ -279,31 +279,31 @@
|
|
|
279
279
|
}
|
|
280
280
|
|
|
281
281
|
.b_____E {
|
|
282
|
-
background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #
|
|
282
|
+
background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
|
|
283
283
|
}
|
|
284
284
|
|
|
285
285
|
.b_____F {
|
|
286
|
-
background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #
|
|
286
|
+
background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #345bf8);
|
|
287
287
|
}
|
|
288
288
|
|
|
289
|
-
.
|
|
290
|
-
background-color: var(--lightningcss-light, #05834e) var(--lightningcss-dark, #
|
|
289
|
+
.b_____N {
|
|
290
|
+
background-color: var(--lightningcss-light, #05834e) var(--lightningcss-dark, #068850);
|
|
291
291
|
}
|
|
292
292
|
|
|
293
|
-
.
|
|
294
|
-
background-color: var(--lightningcss-light, #036e45) var(--lightningcss-dark, #
|
|
293
|
+
.b_____O {
|
|
294
|
+
background-color: var(--lightningcss-light, #036e45) var(--lightningcss-dark, #047c4b);
|
|
295
295
|
}
|
|
296
296
|
|
|
297
|
-
.
|
|
297
|
+
.b_____Q {
|
|
298
298
|
background-color: var(--lightningcss-light, #fc7d00) var(--lightningcss-dark, #e06400);
|
|
299
299
|
}
|
|
300
300
|
|
|
301
|
-
.
|
|
302
|
-
background-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #
|
|
301
|
+
.b_____K {
|
|
302
|
+
background-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #df3422);
|
|
303
303
|
}
|
|
304
304
|
|
|
305
|
-
.
|
|
306
|
-
background-color: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #
|
|
305
|
+
.b_____L {
|
|
306
|
+
background-color: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #cd2e1d);
|
|
307
307
|
}
|
|
308
308
|
|
|
309
309
|
.b_____f {
|
package/dist/Meter.mjs
CHANGED
|
@@ -205,16 +205,16 @@ const $bb56943300b294c6$var$fillStyles = function anonymous(props) {
|
|
|
205
205
|
if (props.staticColor === "black") rules += ' b_____s';
|
|
206
206
|
else if (props.staticColor === "white") rules += ' b_____f';
|
|
207
207
|
else if (props.variant === "negative") {
|
|
208
|
-
if (props.isPressed) rules += ' b_____J';
|
|
209
|
-
else if (props.isFocusVisible) rules += ' b_____J';
|
|
210
|
-
else if (props.isHovered) rules += ' b_____J';
|
|
211
|
-
else rules += ' b_____I';
|
|
212
|
-
} else if (props.variant === "notice") rules += ' b_____M';
|
|
213
|
-
else if (props.variant === "positive") {
|
|
214
208
|
if (props.isPressed) rules += ' b_____L';
|
|
215
209
|
else if (props.isFocusVisible) rules += ' b_____L';
|
|
216
210
|
else if (props.isHovered) rules += ' b_____L';
|
|
217
211
|
else rules += ' b_____K';
|
|
212
|
+
} else if (props.variant === "notice") rules += ' b_____Q';
|
|
213
|
+
else if (props.variant === "positive") {
|
|
214
|
+
if (props.isPressed) rules += ' b_____O';
|
|
215
|
+
else if (props.isFocusVisible) rules += ' b_____O';
|
|
216
|
+
else if (props.isHovered) rules += ' b_____O';
|
|
217
|
+
else rules += ' b_____N';
|
|
218
218
|
} else {
|
|
219
219
|
if (props.isPressed) rules += ' b_____F';
|
|
220
220
|
else if (props.isFocusVisible) rules += ' b_____F';
|
package/dist/Modal.cjs
CHANGED
|
@@ -104,7 +104,7 @@ function $8e678305a8c10028$var$Modal(props1, ref) {
|
|
|
104
104
|
if (props.size === "L") rules += ' p-yjhhbg';
|
|
105
105
|
else if (props.size === "M") rules += ' p-yjhhbg';
|
|
106
106
|
else if (props.size === "S") rules += ' p-yjhhbg';
|
|
107
|
-
rules += ' -_1de2x0q_b-
|
|
107
|
+
rules += ' -_1de2x0q_b-______k';
|
|
108
108
|
rules += ' b-1de2x0q';
|
|
109
109
|
if (props.isExiting) rules += ' _S-1nys8p3';
|
|
110
110
|
else if (props.isEntering) rules += ' _S-3zirke';
|
package/dist/Modal.css
CHANGED
package/dist/Modal.mjs
CHANGED
|
@@ -98,7 +98,7 @@ function $c46d159bd615e407$var$Modal(props1, ref) {
|
|
|
98
98
|
if (props.size === "L") rules += ' p-yjhhbg';
|
|
99
99
|
else if (props.size === "M") rules += ' p-yjhhbg';
|
|
100
100
|
else if (props.size === "S") rules += ' p-yjhhbg';
|
|
101
|
-
rules += ' -_1de2x0q_b-
|
|
101
|
+
rules += ' -_1de2x0q_b-______k';
|
|
102
102
|
rules += ' b-1de2x0q';
|
|
103
103
|
if (props.isExiting) rules += ' _S-1nys8p3';
|
|
104
104
|
else if (props.isEntering) rules += ' _S-3zirke';
|
package/dist/Picker.css
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
.dx {
|
|
7
|
-
outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #
|
|
7
|
+
outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
._Nc {
|
|
@@ -202,7 +202,7 @@
|
|
|
202
202
|
}
|
|
203
203
|
|
|
204
204
|
.bx {
|
|
205
|
-
background-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #
|
|
205
|
+
background-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
|
|
206
206
|
}
|
|
207
207
|
|
|
208
208
|
._La {
|
package/dist/Popover.cjs
CHANGED
|
@@ -43,7 +43,7 @@ let $493371ef39bf7a55$var$popover = function anonymous(props, overrides) {
|
|
|
43
43
|
else if (props.colorScheme === "light") rules += ' _Aa';
|
|
44
44
|
else if (props.colorScheme === "light dark") rules += ' _Ac';
|
|
45
45
|
else rules += ' _A-10jn6wd';
|
|
46
|
-
rules += ' -_1de2x0q_b-
|
|
46
|
+
rules += ' -_1de2x0q_b-______k';
|
|
47
47
|
rules += ' b-1de2x0q';
|
|
48
48
|
rules += ' _vd';
|
|
49
49
|
rules += ' _wd';
|
package/dist/Popover.css
CHANGED
package/dist/Popover.mjs
CHANGED
|
@@ -37,7 +37,7 @@ let $88b746eba92c8d0d$var$popover = function anonymous(props, overrides) {
|
|
|
37
37
|
else if (props.colorScheme === "light") rules += ' _Aa';
|
|
38
38
|
else if (props.colorScheme === "light dark") rules += ' _Ac';
|
|
39
39
|
else rules += ' _A-10jn6wd';
|
|
40
|
-
rules += ' -_1de2x0q_b-
|
|
40
|
+
rules += ' -_1de2x0q_b-______k';
|
|
41
41
|
rules += ' b-1de2x0q';
|
|
42
42
|
rules += ' _vd';
|
|
43
43
|
rules += ' _wd';
|
package/dist/ProgressBar.css
CHANGED
|
@@ -298,11 +298,11 @@
|
|
|
298
298
|
}
|
|
299
299
|
|
|
300
300
|
.b_____E {
|
|
301
|
-
background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #
|
|
301
|
+
background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
|
|
302
302
|
}
|
|
303
303
|
|
|
304
304
|
.b_____F {
|
|
305
|
-
background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #
|
|
305
|
+
background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #345bf8);
|
|
306
306
|
}
|
|
307
307
|
|
|
308
308
|
.b_____f {
|
package/dist/Provider.cjs
CHANGED
|
@@ -53,7 +53,7 @@ let $914a06b3a1c679bc$var$providerStyles = function anonymous(props) {
|
|
|
53
53
|
else if (props.colorScheme === "light") rules += ' _Aa';
|
|
54
54
|
else if (props.colorScheme === "light dark") rules += ' _Ac';
|
|
55
55
|
else rules += ' _A-10jn6wd';
|
|
56
|
-
if (props.background === "layer-2") rules += ' -_1de2x0q_b-
|
|
56
|
+
if (props.background === "layer-2") rules += ' -_1de2x0q_b-______k';
|
|
57
57
|
else if (props.background === "layer-1") rules += ' -_1de2x0q_b-e';
|
|
58
58
|
else if (props.background === "base") rules += ' -_1de2x0q_b-d';
|
|
59
59
|
if (props.background === "layer-2") rules += ' b-1de2x0q';
|
package/dist/Provider.css
CHANGED
package/dist/Provider.mjs
CHANGED
|
@@ -46,7 +46,7 @@ let $9affbfa4e13b9582$var$providerStyles = function anonymous(props) {
|
|
|
46
46
|
else if (props.colorScheme === "light") rules += ' _Aa';
|
|
47
47
|
else if (props.colorScheme === "light dark") rules += ' _Ac';
|
|
48
48
|
else rules += ' _A-10jn6wd';
|
|
49
|
-
if (props.background === "layer-2") rules += ' -_1de2x0q_b-
|
|
49
|
+
if (props.background === "layer-2") rules += ' -_1de2x0q_b-______k';
|
|
50
50
|
else if (props.background === "layer-1") rules += ' -_1de2x0q_b-e';
|
|
51
51
|
else if (props.background === "base") rules += ' -_1de2x0q_b-d';
|
|
52
52
|
if (props.background === "layer-2") rules += ' b-1de2x0q';
|