@antadesign/anta 0.1.1-dev.4 → 0.1.1-dev.5
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/elements/a-progress.css +2 -2
- package/dist/tokens.css +48 -48
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@layer anta {
|
|
2
2
|
a-progress {
|
|
3
3
|
--progress-bg: var(--bg-block);
|
|
4
|
-
--progress-border-color: var(--border-
|
|
4
|
+
--progress-border-color: var(--border-4);
|
|
5
5
|
--progress-indicator-bg: var(--bg-spot);
|
|
6
6
|
/* Right-edge fade: from the indicator's own bg to the border
|
|
7
7
|
colour, both opaque. Two opaque endpoints + `in oklch`
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
|
|
35
35
|
a-progress[tone="info"] {
|
|
36
36
|
--progress-bg: var(--bg-block-info);
|
|
37
|
-
--progress-border-color: var(--border-
|
|
37
|
+
--progress-border-color: var(--border-4-info);
|
|
38
38
|
--progress-indicator-bg: var(--bg-spot-info);
|
|
39
39
|
--progress-text-color: var(--text-2-info);
|
|
40
40
|
--progress-hint-color: var(--text-3-info);
|
package/dist/tokens.css
CHANGED
|
@@ -102,46 +102,46 @@
|
|
|
102
102
|
--text-5-info: #17508280; --text-5-info: oklch(0.422 0.101 249 / 0.50);
|
|
103
103
|
|
|
104
104
|
/* Borders — light, neutral */
|
|
105
|
-
--border-1: #
|
|
106
|
-
--border-2: #
|
|
105
|
+
--border-1: #938d96; --border-1: oklch(0.651 0.015 315);
|
|
106
|
+
--border-2: #c1b9c1; --border-2: oklch(0.795 0.014 326);
|
|
107
107
|
--border-3: #d4ced4; --border-3: oklch(0.858 0.010 326);
|
|
108
|
-
--border-4: #
|
|
109
|
-
--border-5: #
|
|
108
|
+
--border-4: #e0dce0; --border-4: oklch(0.899 0.007 326);
|
|
109
|
+
--border-5: #ece9ec; --border-5: oklch(0.937 0.005 326);
|
|
110
110
|
|
|
111
111
|
/* Borders — light, Brand */
|
|
112
|
-
--border-1-brand: #
|
|
113
|
-
--border-2-brand: #
|
|
112
|
+
--border-1-brand: #9081df; --border-1-brand: oklch(0.657 0.137 289);
|
|
113
|
+
--border-2-brand: #bcb1f1; --border-2-brand: oklch(0.792 0.090 292);
|
|
114
114
|
--border-3-brand: #d2cbf6; --border-3-brand: oklch(0.862 0.060 293);
|
|
115
|
-
--border-4-brand: #
|
|
116
|
-
--border-5-brand: #
|
|
115
|
+
--border-4-brand: #ddd8f8; --border-4-brand: oklch(0.896 0.044 293);
|
|
116
|
+
--border-5-brand: #e9e5fa; --border-5-brand: oklch(0.931 0.028 295);
|
|
117
117
|
|
|
118
118
|
/* Borders — light, Success */
|
|
119
|
-
--border-1-success: #
|
|
120
|
-
--border-2-success: #
|
|
119
|
+
--border-1-success: #44c169; --border-1-success: oklch(0.721 0.167 150);
|
|
120
|
+
--border-2-success: #88d7a0; --border-2-success: oklch(0.813 0.110 153);
|
|
121
121
|
--border-3-success: #b3e5c2; --border-3-success: oklch(0.878 0.071 154);
|
|
122
|
-
--border-4-success: #
|
|
123
|
-
--border-5-success: #
|
|
122
|
+
--border-4-success: #c6ecd1; --border-4-success: oklch(0.909 0.054 154);
|
|
123
|
+
--border-5-success: #d9f2e0; --border-5-success: oklch(0.938 0.036 154);
|
|
124
124
|
|
|
125
125
|
/* Borders — light, Critical */
|
|
126
|
-
--border-1-critical: #
|
|
127
|
-
--border-2-critical: #
|
|
126
|
+
--border-1-critical: #e56c6c; --border-1-critical: oklch(0.676 0.151 22);
|
|
127
|
+
--border-2-critical: #efa4a4; --border-2-critical: oklch(0.791 0.089 19);
|
|
128
128
|
--border-3-critical: #f4c2c2; --border-3-critical: oklch(0.858 0.057 18);
|
|
129
|
-
--border-4-critical: #
|
|
130
|
-
--border-5-critical: #
|
|
129
|
+
--border-4-critical: #f7d4d4; --border-4-critical: oklch(0.899 0.039 18);
|
|
130
|
+
--border-5-critical: #fae5e5; --border-5-critical: oklch(0.939 0.023 18);
|
|
131
131
|
|
|
132
132
|
/* Borders — light, Warning */
|
|
133
|
-
--border-1-warning: #
|
|
134
|
-
--border-2-warning: #
|
|
133
|
+
--border-1-warning: #d88118; --border-1-warning: oklch(0.682 0.149 63);
|
|
134
|
+
--border-2-warning: #edb25a; --border-2-warning: oklch(0.801 0.125 75);
|
|
135
135
|
--border-3-warning: #f3cc91; --border-3-warning: oklch(0.865 0.087 78);
|
|
136
|
-
--border-4-warning: #
|
|
137
|
-
--border-5-warning: #
|
|
136
|
+
--border-4-warning: #f6dbb1; --border-4-warning: oklch(0.903 0.062 79);
|
|
137
|
+
--border-5-warning: #f9e7cd; --border-5-warning: oklch(0.936 0.040 77);
|
|
138
138
|
|
|
139
139
|
/* Borders — light, Info */
|
|
140
|
-
--border-1-info: #
|
|
141
|
-
--border-2-info: #
|
|
140
|
+
--border-1-info: #56a1e1; --border-1-info: oklch(0.688 0.121 246);
|
|
141
|
+
--border-2-info: #93c5ec; --border-2-info: oklch(0.802 0.076 242);
|
|
142
142
|
--border-3-info: #bad6f3; --border-3-info: oklch(0.865 0.050 249);
|
|
143
|
-
--border-4-info: #
|
|
144
|
-
--border-5-info: #
|
|
143
|
+
--border-4-info: #cfe3f7; --border-4-info: oklch(0.907 0.035 248);
|
|
144
|
+
--border-5-info: #e1eefa; --border-5-info: oklch(0.943 0.021 246);
|
|
145
145
|
|
|
146
146
|
/* Prose link colors — used by <a-text> for priorities 1 & 2 and by
|
|
147
147
|
consumers wiring their own prose contexts. */
|
|
@@ -233,46 +233,46 @@
|
|
|
233
233
|
--text-5-info: #7db6e866; --text-5-info: oklch(0.756 0.094 246 / 0.40);
|
|
234
234
|
|
|
235
235
|
/* Borders — dark, neutral */
|
|
236
|
-
--border-1: #
|
|
237
|
-
--border-2: #
|
|
236
|
+
--border-1: #776e77; --border-1: oklch(0.549 0.018 326);
|
|
237
|
+
--border-2: #534c57; --border-2: oklch(0.427 0.020 313);
|
|
238
238
|
--border-3: #49424c; --border-3: oklch(0.390 0.019 316);
|
|
239
|
-
--border-4: #
|
|
240
|
-
--border-5: #
|
|
239
|
+
--border-4: #3e3941; --border-4: oklch(0.353 0.015 313);
|
|
240
|
+
--border-5: #272329; --border-5: oklch(0.263 0.012 315);
|
|
241
241
|
|
|
242
242
|
/* Borders — dark, Brand */
|
|
243
|
-
--border-1-brand: #
|
|
244
|
-
--border-2-brand: #
|
|
243
|
+
--border-1-brand: #7460d7; --border-1-brand: oklch(0.569 0.175 287);
|
|
244
|
+
--border-2-brand: #503cb4; --border-2-brand: oklch(0.453 0.181 284);
|
|
245
245
|
--border-3-brand: #483493; --border-3-brand: oklch(0.405 0.149 287);
|
|
246
|
-
--border-4-brand: #
|
|
247
|
-
--border-5-brand: #
|
|
246
|
+
--border-4-brand: #2d2556; --border-4-brand: oklch(0.302 0.085 288);
|
|
247
|
+
--border-5-brand: #251f47; --border-5-brand: oklch(0.269 0.072 287);
|
|
248
248
|
|
|
249
249
|
/* Borders — dark, Success */
|
|
250
|
-
--border-1-success: #
|
|
251
|
-
--border-2-success: #
|
|
250
|
+
--border-1-success: #329550; --border-1-success: oklch(0.595 0.138 150);
|
|
251
|
+
--border-2-success: #226737; --border-2-success: oklch(0.458 0.103 150);
|
|
252
252
|
--border-3-success: #1f5c31; --border-3-success: oklch(0.424 0.094 150);
|
|
253
|
-
--border-4-success: #
|
|
254
|
-
--border-5-success: #
|
|
253
|
+
--border-4-success: #12391e; --border-4-success: oklch(0.309 0.065 151);
|
|
254
|
+
--border-5-success: #0f321a; --border-5-success: oklch(0.284 0.060 151);
|
|
255
255
|
|
|
256
256
|
/* Borders — dark, Critical */
|
|
257
|
-
--border-1-critical: #
|
|
258
|
-
--border-2-critical: #
|
|
257
|
+
--border-1-critical: #de4545; --border-1-critical: oklch(0.610 0.190 25);
|
|
258
|
+
--border-2-critical: #b02120; --border-2-critical: oklch(0.492 0.179 27);
|
|
259
259
|
--border-3-critical: #a01c1c; --border-3-critical: oklch(0.458 0.167 27);
|
|
260
|
-
--border-4-critical: #
|
|
261
|
-
--border-5-critical: #
|
|
260
|
+
--border-4-critical: #5d1819; --border-4-critical: oklch(0.325 0.100 24);
|
|
261
|
+
--border-5-critical: #531314; --border-5-critical: oklch(0.298 0.095 24);
|
|
262
262
|
|
|
263
263
|
/* Borders — dark, Warning */
|
|
264
|
-
--border-1-warning: #
|
|
265
|
-
--border-2-warning: #
|
|
264
|
+
--border-1-warning: #ae6613; --border-1-warning: oklch(0.579 0.127 62);
|
|
265
|
+
--border-2-warning: #7f410b; --border-2-warning: oklch(0.445 0.105 54);
|
|
266
266
|
--border-3-warning: #6a3b0c; --border-3-warning: oklch(0.403 0.087 60);
|
|
267
|
-
--border-4-warning: #
|
|
268
|
-
--border-5-warning: #
|
|
267
|
+
--border-4-warning: #3e250e; --border-4-warning: oklch(0.291 0.052 61);
|
|
268
|
+
--border-5-warning: #37200b; --border-5-warning: oklch(0.269 0.048 61);
|
|
269
269
|
|
|
270
270
|
/* Borders — dark, Info */
|
|
271
|
-
--border-1-info: #
|
|
272
|
-
--border-2-info: #
|
|
271
|
+
--border-1-info: #2686d9; --border-1-info: oklch(0.608 0.152 250);
|
|
272
|
+
--border-2-info: #1a5b93; --border-2-info: oklch(0.461 0.111 249);
|
|
273
273
|
--border-3-info: #175082; --border-3-info: oklch(0.422 0.101 249);
|
|
274
|
-
--border-4-info: #
|
|
275
|
-
--border-5-info: #
|
|
274
|
+
--border-4-info: #12324f; --border-4-info: oklch(0.309 0.064 249);
|
|
275
|
+
--border-5-info: #0e2b44; --border-5-info: oklch(0.281 0.058 248);
|
|
276
276
|
|
|
277
277
|
/* Prose link colors — dark mode */
|
|
278
278
|
--link-color: oklch(0.72 0.15 248.65);
|