@7shifts/sous-chef 3.77.0-beta.0 → 3.77.0-beta.2
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/actions/Button/constants.d.ts +1 -0
- package/dist/actions/Button/types.d.ts +1 -1
- package/dist/foundation/tokens/color/color-constants.d.ts +64 -0
- package/dist/foundation/tokens/color/color-types.d.ts +1 -1
- package/dist/index.css +206 -56
- package/dist/index.css.map +1 -1
- package/dist/index.js +99 -37
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +99 -36
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -45,6 +45,130 @@
|
|
|
45
45
|
--p-font-weight-bold: 600;
|
|
46
46
|
}
|
|
47
47
|
:root {
|
|
48
|
+
--color-white: #fff;
|
|
49
|
+
--color-white-rgb: 255, 255, 255;
|
|
50
|
+
--color-black: #000;
|
|
51
|
+
--color-black-rgb: 0, 0, 0;
|
|
52
|
+
--color-tangerine-100: #fef1ed;
|
|
53
|
+
--color-tangerine-100-rgb: 254, 241, 237;
|
|
54
|
+
--color-tangerine-200: #fdd5c8;
|
|
55
|
+
--color-tangerine-200-rgb: 253, 213, 200;
|
|
56
|
+
--color-tangerine-300: #fcab91;
|
|
57
|
+
--color-tangerine-300-rgb: 252, 171, 145;
|
|
58
|
+
--color-tangerine-400: #ff6808;
|
|
59
|
+
--color-tangerine-400-rgb: 255, 104, 8;
|
|
60
|
+
--color-tangerine-500: #cf5406;
|
|
61
|
+
--color-tangerine-500-rgb: 207, 84, 6;
|
|
62
|
+
--color-tangerine-600: #95400a;
|
|
63
|
+
--color-tangerine-600-rgb: 149, 64, 10;
|
|
64
|
+
--color-eggplant-100: #f8f3ff;
|
|
65
|
+
--color-eggplant-100-rgb: 248, 243, 255;
|
|
66
|
+
--color-eggplant-200: #ebdcff;
|
|
67
|
+
--color-eggplant-200-rgb: 235, 220, 255;
|
|
68
|
+
--color-eggplant-300: #d9bff4;
|
|
69
|
+
--color-eggplant-300-rgb: 217, 191, 244;
|
|
70
|
+
--color-eggplant-400: #c293f1;
|
|
71
|
+
--color-eggplant-400-rgb: 194, 147, 241;
|
|
72
|
+
--color-eggplant-500: #846db3;
|
|
73
|
+
--color-eggplant-500-rgb: 132, 109, 179;
|
|
74
|
+
--color-eggplant-600: #453e75;
|
|
75
|
+
--color-eggplant-600-rgb: 69, 62, 117;
|
|
76
|
+
--color-mint-100: #ecfaf8;
|
|
77
|
+
--color-mint-100-rgb: 236, 250, 248;
|
|
78
|
+
--color-mint-200: #c6f1eb;
|
|
79
|
+
--color-mint-200-rgb: 198, 241, 235;
|
|
80
|
+
--color-mint-300: #8de4d7;
|
|
81
|
+
--color-mint-300-rgb: 141, 228, 215;
|
|
82
|
+
--color-mint-400: #3abda9;
|
|
83
|
+
--color-mint-400-rgb: 58, 189, 169;
|
|
84
|
+
--color-mint-500: #35ac9a;
|
|
85
|
+
--color-mint-500-rgb: 53, 172, 154;
|
|
86
|
+
--color-mint-600: #1d5e54;
|
|
87
|
+
--color-mint-600-rgb: 29, 94, 84;
|
|
88
|
+
--color-radish-100: #fcf0f0;
|
|
89
|
+
--color-radish-100-rgb: 252, 240, 240;
|
|
90
|
+
--color-radish-200: #f7d1d1;
|
|
91
|
+
--color-radish-200-rgb: 247, 209, 209;
|
|
92
|
+
--color-radish-300: #f0a3a3;
|
|
93
|
+
--color-radish-300-rgb: 240, 163, 163;
|
|
94
|
+
--color-radish-400: #e76767;
|
|
95
|
+
--color-radish-400-rgb: 231, 103, 103;
|
|
96
|
+
--color-radish-500: #d33434;
|
|
97
|
+
--color-radish-500-rgb: 211, 52, 52;
|
|
98
|
+
--color-radish-600: #793133;
|
|
99
|
+
--color-radish-600-rgb: 121, 49, 49;
|
|
100
|
+
--color-blueberry-100: #f6fdff;
|
|
101
|
+
--color-blueberry-100-rgb: 246, 253, 255;
|
|
102
|
+
--color-blueberry-200: #ceecf5;
|
|
103
|
+
--color-blueberry-200-rgb: 206, 236, 245;
|
|
104
|
+
--color-blueberry-300: #9cd9eb;
|
|
105
|
+
--color-blueberry-300-rgb: 156, 217, 235;
|
|
106
|
+
--color-blueberry-400: #5bc0de;
|
|
107
|
+
--color-blueberry-400-rgb: 91, 192, 222;
|
|
108
|
+
--color-blueberry-500: #51acc7;
|
|
109
|
+
--color-blueberry-500-rgb: 81, 172, 199;
|
|
110
|
+
--color-blueberry-600: #2c5d6b;
|
|
111
|
+
--color-blueberry-600-rgb: 44, 93, 107;
|
|
112
|
+
--color-banana-100: #fff9ed;
|
|
113
|
+
--color-banana-100-rgb: 255, 249, 237;
|
|
114
|
+
--color-banana-200: #ffeec9;
|
|
115
|
+
--color-banana-200-rgb: 255, 238, 201;
|
|
116
|
+
--color-banana-300: #ffdd92;
|
|
117
|
+
--color-banana-300-rgb: 255, 221, 146;
|
|
118
|
+
--color-banana-400: #f7ba11;
|
|
119
|
+
--color-banana-400-rgb: 247, 186, 17;
|
|
120
|
+
--color-banana-500: #bf9436;
|
|
121
|
+
--color-banana-500-rgb: 191, 148, 54;
|
|
122
|
+
--color-banana-600: #765f2c;
|
|
123
|
+
--color-banana-600-rgb: 118, 95, 44;
|
|
124
|
+
--color-grey-100: #f3f3f3;
|
|
125
|
+
--color-grey-100-rgb: 243, 243, 243;
|
|
126
|
+
--color-grey-200: #d5d5d5;
|
|
127
|
+
--color-grey-200-rgb: 213, 213, 213;
|
|
128
|
+
--color-grey-300: #949494;
|
|
129
|
+
--color-grey-300-rgb: 148, 148, 148;
|
|
130
|
+
--color-grey-400: #767676;
|
|
131
|
+
--color-grey-400-rgb: 118, 118, 118;
|
|
132
|
+
--color-grey-500: #464646;
|
|
133
|
+
--color-grey-500-rgb: 70, 70, 70;
|
|
134
|
+
--color-grey-600: #323232;
|
|
135
|
+
--color-grey-600-rgb: 50, 50, 50;
|
|
136
|
+
--color-oat-100: #f1f0ec;
|
|
137
|
+
--color-oat-100-rgb: 241, 240, 236;
|
|
138
|
+
--color-oat-200: #e2ded6;
|
|
139
|
+
--color-oat-200-rgb: 226, 222, 214;
|
|
140
|
+
--color-oat-300: #c7c0b2;
|
|
141
|
+
--color-oat-300-rgb: 199, 192, 178;
|
|
142
|
+
--color-oat-400: #6e6d6c;
|
|
143
|
+
--color-oat-400-rgb: 110, 109, 108;
|
|
144
|
+
--color-oat-500: #4c4b49;
|
|
145
|
+
--color-oat-500-rgb: 76, 75, 73;
|
|
146
|
+
--color-oat-600: #383430;
|
|
147
|
+
--color-oat-600-rgb: 56, 52, 48;
|
|
148
|
+
--color-lime-100: #efffe0;
|
|
149
|
+
--color-lime-100-rgb: 239, 255, 224;
|
|
150
|
+
--color-lime-200: #c6ff94;
|
|
151
|
+
--color-lime-200-rgb: 198, 255, 148;
|
|
152
|
+
--color-lime-300: #81ffac;
|
|
153
|
+
--color-lime-300-rgb: 129, 255, 172;
|
|
154
|
+
--color-lime-400: #00feb2;
|
|
155
|
+
--color-lime-400-rgb: 0, 254, 178;
|
|
156
|
+
--color-lime-500: #3fb994;
|
|
157
|
+
--color-lime-500-rgb: 63, 185, 148;
|
|
158
|
+
--color-lime-600: #244f47;
|
|
159
|
+
--color-lime-600-rgb: 36, 79, 71;
|
|
160
|
+
--color-blackberry-100: #ecf0ff;
|
|
161
|
+
--color-blackberry-100-rgb: 236, 240, 255;
|
|
162
|
+
--color-blackberry-200: #d6e0ff;
|
|
163
|
+
--color-blackberry-200-rgb: 214, 224, 255;
|
|
164
|
+
--color-blackberry-300: #a0bbff;
|
|
165
|
+
--color-blackberry-300-rgb: 160, 187, 255;
|
|
166
|
+
--color-blackberry-400: #4570ff;
|
|
167
|
+
--color-blackberry-400-rgb: 69, 112, 255;
|
|
168
|
+
--color-blackberry-500: #1c5cbb;
|
|
169
|
+
--color-blackberry-500-rgb: 28, 92, 187;
|
|
170
|
+
--color-blackberry-600: #193f78;
|
|
171
|
+
--color-blackberry-600-rgb: 25, 63, 120;
|
|
48
172
|
--color-surface-color-dim: #fafafa;
|
|
49
173
|
--color-surface-color: #fff;
|
|
50
174
|
--color-surface-on-color-disabled: #d5d5d5;
|
|
@@ -61,6 +185,7 @@
|
|
|
61
185
|
--color-surface-on-inverse: #fff;
|
|
62
186
|
--color-outline: #d5d5d5;
|
|
63
187
|
--color-outline-variant: #949494;
|
|
188
|
+
--color-outline-inverse: #fff;
|
|
64
189
|
--color-primary-color: #4570ff;
|
|
65
190
|
--color-primary-on-color: #fff;
|
|
66
191
|
--color-primary-color-variant: #193f78;
|
|
@@ -86,6 +211,7 @@
|
|
|
86
211
|
--color-success-container: #c6f1eb;
|
|
87
212
|
--color-success-on-container: #323232;
|
|
88
213
|
--color-success-container-variant: #ecfaf8;
|
|
214
|
+
--color-success-on-container-variant: #1d5e54;
|
|
89
215
|
--color-danger-color: #e76767;
|
|
90
216
|
--color-danger-on-color: #fff;
|
|
91
217
|
--color-danger-container: #f7d1d1;
|
|
@@ -106,7 +232,7 @@
|
|
|
106
232
|
--color-upsell-on-container: #323232;
|
|
107
233
|
--color-upsell-container-variant: #f8f3ff;
|
|
108
234
|
--color-upsell-on-container-variant: #453e75;
|
|
109
|
-
--color-warning-color: #
|
|
235
|
+
--color-warning-color: #f7ba11;
|
|
110
236
|
--color-warning-on-color: #fff;
|
|
111
237
|
--color-warning-container: #ffeec9;
|
|
112
238
|
--color-warning-on-container: #323232;
|
|
@@ -119,9 +245,6 @@
|
|
|
119
245
|
--color-neutral-container-variant: #f1f0ec;
|
|
120
246
|
--color-neutral-on-container-variant: #383430;
|
|
121
247
|
}
|
|
122
|
-
:root body {
|
|
123
|
-
background-color: var(--color-surface-color) !important;
|
|
124
|
-
}
|
|
125
248
|
|
|
126
249
|
:root.theme-dark {
|
|
127
250
|
--color-surface-color-dim: #252525;
|
|
@@ -136,10 +259,11 @@
|
|
|
136
259
|
--color-surface-container-disabled: #464646;
|
|
137
260
|
--color-surface-container-disabled-variant: #464646;
|
|
138
261
|
--color-surface-on-container-disabled: #949494;
|
|
139
|
-
--color-surface-inverse: #
|
|
262
|
+
--color-surface-inverse: #f3f3f3;
|
|
140
263
|
--color-surface-on-inverse: #323232;
|
|
141
264
|
--color-outline: #464646;
|
|
142
265
|
--color-outline-variant: #767676;
|
|
266
|
+
--color-outline-inverse: #323232;
|
|
143
267
|
--color-primary-color: #4570ff;
|
|
144
268
|
--color-primary-on-color: #fff;
|
|
145
269
|
--color-primary-color-variant: #193f78;
|
|
@@ -162,7 +286,9 @@
|
|
|
162
286
|
--color-tertiary-on-container-variant: #323232;
|
|
163
287
|
--color-success-color: #3abda9;
|
|
164
288
|
--color-success-on-color: #323232;
|
|
289
|
+
--color-success-container: #1d5e54;
|
|
165
290
|
--color-success-on-container: #fff;
|
|
291
|
+
--color-success-container-variant: #1d5e54;
|
|
166
292
|
--color-success-on-container-variant: #8de4d7;
|
|
167
293
|
--color-danger-color: #e76767;
|
|
168
294
|
--color-danger-on-color: #323232;
|
|
@@ -178,13 +304,13 @@
|
|
|
178
304
|
--color-info-on-container-variant: #9cd9eb;
|
|
179
305
|
--color-upsell-color: #c293f1;
|
|
180
306
|
--color-upsell-on-color: #323232;
|
|
181
|
-
--color-upsell-color-variant: #
|
|
307
|
+
--color-upsell-color-variant: #d9bff4;
|
|
182
308
|
--color-upsell-on-color-variant: #323232;
|
|
183
309
|
--color-upsell-container: #453e75;
|
|
184
310
|
--color-upsell-on-container: #fff;
|
|
185
311
|
--color-upsell-container-variant: #453e75;
|
|
186
312
|
--color-upsell-on-container-variant: #d9bff4;
|
|
187
|
-
--color-warning-color: #
|
|
313
|
+
--color-warning-color: #f7ba11;
|
|
188
314
|
--color-warning-on-color: #323232;
|
|
189
315
|
--color-warning-container: #765f2c;
|
|
190
316
|
--color-warning-on-container: #fff;
|
|
@@ -193,12 +319,9 @@
|
|
|
193
319
|
--color-neutral-color: #c7c0b2;
|
|
194
320
|
--color-neutral-on-color: #323232;
|
|
195
321
|
--color-neutral-container: #4c4b49;
|
|
196
|
-
--color-neutral-on-container: #
|
|
322
|
+
--color-neutral-on-container: #fff;
|
|
197
323
|
--color-neutral-container-variant: #383430;
|
|
198
|
-
--color-neutral-on-container-variant: #
|
|
199
|
-
}
|
|
200
|
-
:root.theme-dark body {
|
|
201
|
-
background-color: var(--color-surface-color) !important;
|
|
324
|
+
--color-neutral-on-container-variant: #c7c0b2;
|
|
202
325
|
}
|
|
203
326
|
:root {
|
|
204
327
|
--border-radius-300: 4px;
|
|
@@ -220,6 +343,7 @@ body {
|
|
|
220
343
|
line-height: var(--font-line-height-200);
|
|
221
344
|
font-weight: var(--p-font-weight-normal);
|
|
222
345
|
color: var(--color-surface-on-color);
|
|
346
|
+
background-color: var(--color-surface-color-dim) !important;
|
|
223
347
|
}
|
|
224
348
|
._GFHBy {
|
|
225
349
|
display: flex;
|
|
@@ -628,8 +752,8 @@ Just for future references:
|
|
|
628
752
|
color: var(--color-primary-on-color-variant);
|
|
629
753
|
}
|
|
630
754
|
._XwJWT:hover {
|
|
631
|
-
border-color: color-mix(in srgb, var(--color-primary-color-variant) 100%, var(--color-surface-
|
|
632
|
-
background: color-mix(in srgb, var(--color-primary-color-variant) 100%, var(--color-surface-
|
|
755
|
+
border-color: color-mix(in srgb, var(--color-primary-color-variant) 100%, var(--color-surface-container) 25%);
|
|
756
|
+
background: color-mix(in srgb, var(--color-primary-color-variant) 100%, var(--color-surface-container) 25%);
|
|
633
757
|
color: var(--color-primary-on-color-variant);
|
|
634
758
|
}
|
|
635
759
|
._XwJWT:disabled {
|
|
@@ -649,8 +773,8 @@ Just for future references:
|
|
|
649
773
|
color: var(--color-danger-on-color);
|
|
650
774
|
}
|
|
651
775
|
._gr3Dh:hover {
|
|
652
|
-
border-color: color-mix(in srgb, var(--color-danger-color) 100%, var(--color-surface-
|
|
653
|
-
background: color-mix(in srgb, var(--color-danger-color) 100%, var(--color-surface-
|
|
776
|
+
border-color: color-mix(in srgb, var(--color-danger-color) 100%, var(--color-surface-container) 25%);
|
|
777
|
+
background: color-mix(in srgb, var(--color-danger-color) 100%, var(--color-surface-container) 25%);
|
|
654
778
|
color: var(--color-danger-on-color);
|
|
655
779
|
}
|
|
656
780
|
._gr3Dh:disabled {
|
|
@@ -670,8 +794,8 @@ Just for future references:
|
|
|
670
794
|
color: var(--color-upsell-on-color-variant);
|
|
671
795
|
}
|
|
672
796
|
._ME8te:hover {
|
|
673
|
-
border-color: color-mix(in srgb, var(--color-upsell-color-variant) 100%, var(--color-surface-
|
|
674
|
-
background: color-mix(in srgb, var(--color-upsell-color-variant) 100%, var(--color-surface-
|
|
797
|
+
border-color: color-mix(in srgb, var(--color-upsell-color-variant) 100%, var(--color-surface-container) 25%);
|
|
798
|
+
background: color-mix(in srgb, var(--color-upsell-color-variant) 100%, var(--color-surface-container) 25%);
|
|
675
799
|
color: var(--color-upsell-on-color-variant);
|
|
676
800
|
}
|
|
677
801
|
._ME8te:disabled {
|
|
@@ -685,6 +809,27 @@ Just for future references:
|
|
|
685
809
|
color: var(--color-surface-on-container-disabled);
|
|
686
810
|
}
|
|
687
811
|
|
|
812
|
+
._mI-Dx {
|
|
813
|
+
background: var(--color-secondary-color);
|
|
814
|
+
border-color: var(--color-secondary-color);
|
|
815
|
+
color: var(--color-secondary-on-color);
|
|
816
|
+
}
|
|
817
|
+
._mI-Dx:hover {
|
|
818
|
+
border-color: color-mix(in srgb, var(--color-secondary-color) 100%, var(--color-surface-container) 25%);
|
|
819
|
+
background: color-mix(in srgb, var(--color-secondary-color) 100%, var(--color-surface-container) 25%);
|
|
820
|
+
color: var(--color-secondary-on-color);
|
|
821
|
+
}
|
|
822
|
+
._mI-Dx:disabled {
|
|
823
|
+
background: var(--color-surface-container-disabled-variant);
|
|
824
|
+
border-color: var(--color-outline);
|
|
825
|
+
color: var(--color-surface-on-container-disabled);
|
|
826
|
+
}
|
|
827
|
+
._mI-Dx[aria-disabled=true] {
|
|
828
|
+
background: var(--color-surface-container-disabled-variant);
|
|
829
|
+
border-color: var(--color-outline);
|
|
830
|
+
color: var(--color-surface-on-container-disabled);
|
|
831
|
+
}
|
|
832
|
+
|
|
688
833
|
._orywo {
|
|
689
834
|
background: transparent;
|
|
690
835
|
border-color: var(--color-outline);
|
|
@@ -692,7 +837,7 @@ Just for future references:
|
|
|
692
837
|
}
|
|
693
838
|
._orywo:hover {
|
|
694
839
|
border-color: var(--color-outline-variant);
|
|
695
|
-
background:
|
|
840
|
+
background: color-mix(in srgb, transparent 100%, var(--color-surface-inverse) 5%);
|
|
696
841
|
color: var(--color-surface-on-color-bold);
|
|
697
842
|
}
|
|
698
843
|
._orywo:disabled {
|
|
@@ -708,12 +853,12 @@ Just for future references:
|
|
|
708
853
|
|
|
709
854
|
._obtsl {
|
|
710
855
|
background: transparent;
|
|
711
|
-
border-color: var(--color-
|
|
856
|
+
border-color: var(--color-outline-inverse);
|
|
712
857
|
color: var(--color-surface-on-inverse);
|
|
713
858
|
}
|
|
714
859
|
._obtsl:hover {
|
|
715
|
-
border-color: var(--color-
|
|
716
|
-
background:
|
|
860
|
+
border-color: var(--color-outline-inverse);
|
|
861
|
+
background: color-mix(in srgb, transparent 100%, var(--color-surface-container) 10%);
|
|
717
862
|
color: var(--color-surface-on-inverse);
|
|
718
863
|
}
|
|
719
864
|
._obtsl:disabled {
|
|
@@ -735,7 +880,7 @@ Just for future references:
|
|
|
735
880
|
}
|
|
736
881
|
._00jK4:hover {
|
|
737
882
|
border-color: transparent;
|
|
738
|
-
background:
|
|
883
|
+
background: color-mix(in srgb, transparent 100%, var(--color-surface-container) 10%);
|
|
739
884
|
color: var(--color-surface-on-inverse);
|
|
740
885
|
text-decoration: underline;
|
|
741
886
|
}
|
|
@@ -761,7 +906,7 @@ Just for future references:
|
|
|
761
906
|
}
|
|
762
907
|
._JPwJ7:hover {
|
|
763
908
|
border-color: transparent;
|
|
764
|
-
background:
|
|
909
|
+
background: color-mix(in srgb, transparent 100%, var(--color-surface-inverse) 5%);
|
|
765
910
|
color: var(--color-surface-on-color-bold);
|
|
766
911
|
text-decoration: underline;
|
|
767
912
|
}
|
|
@@ -787,7 +932,7 @@ Just for future references:
|
|
|
787
932
|
}
|
|
788
933
|
._9TprN:hover {
|
|
789
934
|
border-color: transparent;
|
|
790
|
-
background:
|
|
935
|
+
background: color-mix(in srgb, transparent 100%, var(--color-surface-inverse) 5%);
|
|
791
936
|
color: var(--color-danger-color);
|
|
792
937
|
text-decoration: underline;
|
|
793
938
|
}
|
|
@@ -813,7 +958,7 @@ Just for future references:
|
|
|
813
958
|
}
|
|
814
959
|
._tktX-:hover {
|
|
815
960
|
border-color: transparent;
|
|
816
|
-
background:
|
|
961
|
+
background: color-mix(in srgb, transparent 100%, var(--color-surface-inverse) 5%);
|
|
817
962
|
color: var(--color-upsell-color);
|
|
818
963
|
text-decoration: underline;
|
|
819
964
|
}
|
|
@@ -839,7 +984,7 @@ Just for future references:
|
|
|
839
984
|
}
|
|
840
985
|
._r3SQl:hover {
|
|
841
986
|
border-color: transparent;
|
|
842
|
-
background:
|
|
987
|
+
background: color-mix(in srgb, transparent 100%, var(--color-surface-inverse) 5%);
|
|
843
988
|
color: var(--color-surface-on-color-bold);
|
|
844
989
|
text-decoration: underline;
|
|
845
990
|
}
|
|
@@ -865,7 +1010,7 @@ Just for future references:
|
|
|
865
1010
|
}
|
|
866
1011
|
._oFBLN:hover {
|
|
867
1012
|
border-color: transparent;
|
|
868
|
-
background:
|
|
1013
|
+
background: color-mix(in srgb, transparent 100%, var(--color-surface-inverse) 5%);
|
|
869
1014
|
color: var(--color-surface-on-color-subtle);
|
|
870
1015
|
text-decoration: underline;
|
|
871
1016
|
}
|
|
@@ -1221,7 +1366,7 @@ Just for future references:
|
|
|
1221
1366
|
background: var(--color-info-container-variant);
|
|
1222
1367
|
}
|
|
1223
1368
|
._CRmFE ._T80if {
|
|
1224
|
-
color:
|
|
1369
|
+
color: var(--color-info-on-container-variant);
|
|
1225
1370
|
padding-top: 10px;
|
|
1226
1371
|
}
|
|
1227
1372
|
._CRmFE ._uJl2Y {
|
|
@@ -1232,7 +1377,7 @@ Just for future references:
|
|
|
1232
1377
|
background: var(--color-success-container-variant);
|
|
1233
1378
|
}
|
|
1234
1379
|
._PgpTw ._T80if {
|
|
1235
|
-
color:
|
|
1380
|
+
color: var(--color-success-on-container-variant);
|
|
1236
1381
|
padding-top: 10px;
|
|
1237
1382
|
}
|
|
1238
1383
|
._PgpTw ._uJl2Y {
|
|
@@ -1243,7 +1388,7 @@ Just for future references:
|
|
|
1243
1388
|
background: var(--color-danger-container-variant);
|
|
1244
1389
|
}
|
|
1245
1390
|
._O-lNW ._T80if {
|
|
1246
|
-
color:
|
|
1391
|
+
color: var(--color-danger-on-container-variant);
|
|
1247
1392
|
padding-top: 10px;
|
|
1248
1393
|
}
|
|
1249
1394
|
._O-lNW ._uJl2Y {
|
|
@@ -1254,7 +1399,7 @@ Just for future references:
|
|
|
1254
1399
|
background: var(--color-warning-container-variant);
|
|
1255
1400
|
}
|
|
1256
1401
|
._fICdJ ._T80if {
|
|
1257
|
-
color:
|
|
1402
|
+
color: var(--color-warning-on-container-variant);
|
|
1258
1403
|
padding-top: 10px;
|
|
1259
1404
|
}
|
|
1260
1405
|
._fICdJ ._uJl2Y {
|
|
@@ -1265,7 +1410,7 @@ Just for future references:
|
|
|
1265
1410
|
background: var(--color-upsell-container-variant);
|
|
1266
1411
|
}
|
|
1267
1412
|
._kUB2k ._T80if {
|
|
1268
|
-
color:
|
|
1413
|
+
color: var(--color-upsell-on-container-variant);
|
|
1269
1414
|
padding-top: 10px;
|
|
1270
1415
|
}
|
|
1271
1416
|
._kUB2k ._uJl2Y {
|
|
@@ -1414,6 +1559,7 @@ h5._6SgoN {
|
|
|
1414
1559
|
font-size: var(--font-size-700);
|
|
1415
1560
|
line-height: var(--font-line-height-700);
|
|
1416
1561
|
font-weight: var(--p-font-weight-semibold);
|
|
1562
|
+
color: var(--color-surface-on-color-bold);
|
|
1417
1563
|
}
|
|
1418
1564
|
._yZbuO {
|
|
1419
1565
|
font-family: var(--font-family-body);
|
|
@@ -1588,6 +1734,9 @@ h5._6SgoN {
|
|
|
1588
1734
|
cursor: auto;
|
|
1589
1735
|
color: var(--color-surface-on-color-disabled);
|
|
1590
1736
|
}
|
|
1737
|
+
._0OB5b svg {
|
|
1738
|
+
color: var(--color-surface-on-color-disabled) !important;
|
|
1739
|
+
}
|
|
1591
1740
|
._0OB5b ._xS6fS {
|
|
1592
1741
|
color: var(--color-surface-on-color-disabled);
|
|
1593
1742
|
}
|
|
@@ -1848,7 +1997,7 @@ h5._6SgoN {
|
|
|
1848
1997
|
padding: 0 6px;
|
|
1849
1998
|
align-items: center;
|
|
1850
1999
|
justify-content: center;
|
|
1851
|
-
border: 1px solid var(--color-
|
|
2000
|
+
border: 1px solid var(--color-surface-color);
|
|
1852
2001
|
}
|
|
1853
2002
|
._RXV4h svg {
|
|
1854
2003
|
fill: var(--color-secondary-on-color);
|
|
@@ -2001,7 +2150,7 @@ h5._6SgoN {
|
|
|
2001
2150
|
._et9Fs {
|
|
2002
2151
|
--rdp-cell-size: 37px;
|
|
2003
2152
|
--rdp-caption-font-size: var(--font-size-300);
|
|
2004
|
-
--rdp-accent-color: var(--color-primary-container);
|
|
2153
|
+
--rdp-accent-color: var(--color-primary-container-variant);
|
|
2005
2154
|
--rdp-background-color: color-mix(
|
|
2006
2155
|
in srgb,
|
|
2007
2156
|
var(--color-surface-color) 100%,
|
|
@@ -2047,7 +2196,7 @@ h5._6SgoN {
|
|
|
2047
2196
|
}
|
|
2048
2197
|
|
|
2049
2198
|
._X7MoW:not(._AeJUw) {
|
|
2050
|
-
color: var(--color-primary-
|
|
2199
|
+
color: var(--color-primary-on-container-variant);
|
|
2051
2200
|
font-weight: 700;
|
|
2052
2201
|
}
|
|
2053
2202
|
|
|
@@ -2067,8 +2216,8 @@ h5._6SgoN {
|
|
|
2067
2216
|
}
|
|
2068
2217
|
|
|
2069
2218
|
._eK8pw._eK8pw._eK8pw._eK8pw:not(:disabled) {
|
|
2070
|
-
background-color: var(--color-primary-container);
|
|
2071
|
-
color: var(--color-primary-
|
|
2219
|
+
background-color: var(--color-primary-container-variant);
|
|
2220
|
+
color: var(--color-primary-on-container-variant);
|
|
2072
2221
|
opacity: 1;
|
|
2073
2222
|
}
|
|
2074
2223
|
._eK8pw._eK8pw._eK8pw._eK8pw:not(:disabled):hover {
|
|
@@ -2084,7 +2233,7 @@ h5._6SgoN {
|
|
|
2084
2233
|
._QLSA6 {
|
|
2085
2234
|
--rdp-cell-size: 37px;
|
|
2086
2235
|
--rdp-caption-font-size: var(--font-size-300);
|
|
2087
|
-
--rdp-accent-color: var(--color-primary-container);
|
|
2236
|
+
--rdp-accent-color: var(--color-primary-container-variant);
|
|
2088
2237
|
--rdp-background-color: color-mix(
|
|
2089
2238
|
in srgb,
|
|
2090
2239
|
var(--color-surface-color) 100%,
|
|
@@ -2130,7 +2279,7 @@ h5._6SgoN {
|
|
|
2130
2279
|
}
|
|
2131
2280
|
|
|
2132
2281
|
._Snv-V:not(._Zf-6C) {
|
|
2133
|
-
color: var(--color-primary-
|
|
2282
|
+
color: var(--color-primary-on-container-variant);
|
|
2134
2283
|
font-weight: 700;
|
|
2135
2284
|
}
|
|
2136
2285
|
|
|
@@ -2150,11 +2299,11 @@ h5._6SgoN {
|
|
|
2150
2299
|
}
|
|
2151
2300
|
|
|
2152
2301
|
._e0lOH._e0lOH {
|
|
2153
|
-
color: var(--color-primary-
|
|
2302
|
+
color: var(--color-primary-on-container-variant);
|
|
2154
2303
|
border-radius: 0;
|
|
2155
2304
|
}
|
|
2156
2305
|
._e0lOH._e0lOH:hover {
|
|
2157
|
-
color: var(--color-primary-
|
|
2306
|
+
color: var(--color-primary-on-container-variant);
|
|
2158
2307
|
}
|
|
2159
2308
|
._e0lOH._e0lOH:disabled {
|
|
2160
2309
|
background-color: var(--color-primary-container-variant);
|
|
@@ -2164,10 +2313,10 @@ h5._6SgoN {
|
|
|
2164
2313
|
._4N7l-._4N7l- {
|
|
2165
2314
|
border-top-right-radius: 0;
|
|
2166
2315
|
border-bottom-right-radius: 0;
|
|
2167
|
-
color: var(--color-primary-
|
|
2316
|
+
color: var(--color-primary-on-container-variant);
|
|
2168
2317
|
}
|
|
2169
2318
|
._4N7l-._4N7l-:hover {
|
|
2170
|
-
color: var(--color-primary-
|
|
2319
|
+
color: var(--color-primary-on-container-variant);
|
|
2171
2320
|
}
|
|
2172
2321
|
._4N7l-._4N7l-:disabled {
|
|
2173
2322
|
background-color: var(--color-primary-container-variant);
|
|
@@ -2177,10 +2326,10 @@ h5._6SgoN {
|
|
|
2177
2326
|
._fMjHG._fMjHG {
|
|
2178
2327
|
border-top-left-radius: 0;
|
|
2179
2328
|
border-bottom-left-radius: 0;
|
|
2180
|
-
color: var(--color-primary-
|
|
2329
|
+
color: var(--color-primary-on-container-variant);
|
|
2181
2330
|
}
|
|
2182
2331
|
._fMjHG._fMjHG:hover {
|
|
2183
|
-
color: var(--color-primary-
|
|
2332
|
+
color: var(--color-primary-on-container-variant);
|
|
2184
2333
|
}
|
|
2185
2334
|
._fMjHG._fMjHG:disabled {
|
|
2186
2335
|
background-color: var(--color-primary-container-variant);
|
|
@@ -2486,7 +2635,7 @@ input:disabled + ._kmvBP::after {
|
|
|
2486
2635
|
}
|
|
2487
2636
|
._ASOQd {
|
|
2488
2637
|
background: var(--color-danger-container-variant);
|
|
2489
|
-
color: var(--color-danger-
|
|
2638
|
+
color: var(--color-danger-on-container-variant);
|
|
2490
2639
|
}
|
|
2491
2640
|
._HjPNI {
|
|
2492
2641
|
height: 100%;
|
|
@@ -3302,9 +3451,10 @@ input:disabled + ._kmvBP::after {
|
|
|
3302
3451
|
justify-content: center;
|
|
3303
3452
|
margin: -6px;
|
|
3304
3453
|
}
|
|
3305
|
-
._Yti6k:hover > input:not(:disabled) ~ ._JXakU, .
|
|
3454
|
+
._Yti6k:hover > input:not(:disabled) ~ ._JXakU, ._MsKVV:hover {
|
|
3306
3455
|
background-color: color-mix(in srgb, var(--color-surface-container-high) 100%, var(--color-surface-inverse) 5%);
|
|
3307
3456
|
border-color: color-mix(in srgb, var(--color-surface-container-high) 100%, var(--color-surface-inverse) 5%);
|
|
3457
|
+
cursor: pointer;
|
|
3308
3458
|
}
|
|
3309
3459
|
._Yti6k:hover > input:not(:disabled):checked ~ ._JXakU {
|
|
3310
3460
|
background-color: color-mix(in srgb, var(--color-primary-container) 100%, var(--color-surface-inverse) 5%);
|
|
@@ -3749,7 +3899,7 @@ input:disabled + ._Yfxkl::after {
|
|
|
3749
3899
|
._SsQ7L {
|
|
3750
3900
|
--rdp-cell-size: 37px;
|
|
3751
3901
|
--rdp-caption-font-size: var(--font-size-300);
|
|
3752
|
-
--rdp-accent-color: var(--color-primary-container);
|
|
3902
|
+
--rdp-accent-color: var(--color-primary-container-variant);
|
|
3753
3903
|
--rdp-background-color: color-mix(
|
|
3754
3904
|
in srgb,
|
|
3755
3905
|
var(--color-surface-color) 100%,
|
|
@@ -3795,7 +3945,7 @@ input:disabled + ._Yfxkl::after {
|
|
|
3795
3945
|
}
|
|
3796
3946
|
|
|
3797
3947
|
._lFzs7:not(._TjttB) {
|
|
3798
|
-
color: var(--color-primary-
|
|
3948
|
+
color: var(--color-primary-on-container-variant);
|
|
3799
3949
|
font-weight: 700;
|
|
3800
3950
|
}
|
|
3801
3951
|
|
|
@@ -5092,27 +5242,27 @@ input._TEU6N {
|
|
|
5092
5242
|
}
|
|
5093
5243
|
._b60R5 {
|
|
5094
5244
|
background-color: var(--color-secondary-container);
|
|
5095
|
-
color: var(--color-secondary-on-container
|
|
5245
|
+
color: var(--color-secondary-on-container);
|
|
5096
5246
|
}
|
|
5097
5247
|
._ItVyo {
|
|
5098
5248
|
background-color: var(--color-success-container);
|
|
5099
|
-
color: var(--color-success-on-container
|
|
5249
|
+
color: var(--color-success-on-container);
|
|
5100
5250
|
}
|
|
5101
5251
|
._iUCAH {
|
|
5102
5252
|
background-color: var(--color-upsell-container);
|
|
5103
|
-
color: var(--color-upsell-on-container
|
|
5253
|
+
color: var(--color-upsell-on-container);
|
|
5104
5254
|
}
|
|
5105
5255
|
._RbXoR {
|
|
5106
5256
|
background-color: var(--color-warning-container);
|
|
5107
|
-
color: var(--color-warning-on-container
|
|
5257
|
+
color: var(--color-warning-on-container);
|
|
5108
5258
|
}
|
|
5109
5259
|
._NiP9z {
|
|
5110
5260
|
background-color: var(--color-info-container);
|
|
5111
|
-
color: var(--color-info-on-container
|
|
5261
|
+
color: var(--color-info-on-container);
|
|
5112
5262
|
}
|
|
5113
5263
|
._2ltep {
|
|
5114
5264
|
background-color: var(--color-danger-container);
|
|
5115
|
-
color: var(--color-danger-on-container
|
|
5265
|
+
color: var(--color-danger-on-container);
|
|
5116
5266
|
}
|
|
5117
5267
|
._vOTWZ {
|
|
5118
5268
|
font-family: var(--font-family-body);
|