@workday/canvas-tokens-web 4.4.0-beta.0 → 5.0.0-alpha.1
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/css/base/_variables.css +140 -99
- package/css/brand/_variables.css +35 -27
- package/css/component/_variables.css +1 -1
- package/css/legacy/base.css +139 -97
- package/css/legacy/brand.css +58 -42
- package/css/legacy/component.css +5 -5
- package/css/legacy/system.css +128 -61
- package/css/system/_variables.css +123 -50
- package/dist/common-js/base/index.d.ts +181 -100
- package/dist/common-js/base/index.js +181 -100
- package/dist/common-js/brand/index.d.ts +149 -77
- package/dist/common-js/brand/index.js +68 -43
- package/dist/common-js/component/index.d.ts +5 -5
- package/dist/common-js/component/index.js +5 -5
- package/dist/common-js/index.d.ts +1 -1
- package/dist/common-js/index.js +1 -1
- package/dist/common-js/system/index.d.ts +693 -186
- package/dist/common-js/system/index.js +279 -146
- package/dist/es6/base/index.d.ts +181 -100
- package/dist/es6/base/index.js +181 -100
- package/dist/es6/brand/index.d.ts +149 -77
- package/dist/es6/brand/index.js +68 -43
- package/dist/es6/component/index.d.ts +5 -5
- package/dist/es6/component/index.js +5 -5
- package/dist/es6/index.d.ts +1 -1
- package/dist/es6/index.js +1 -1
- package/dist/es6/system/index.d.ts +693 -186
- package/dist/es6/system/index.js +279 -146
- package/less/base/_variables.less +140 -99
- package/less/brand/_variables.less +35 -27
- package/less/component/_variables.less +1 -1
- package/less/system/_variables.less +123 -50
- package/package.json +1 -1
- package/scss/base/_variables.sass +140 -99
- package/scss/base/_variables.scss +140 -99
- package/scss/brand/_variables.sass +35 -27
- package/scss/brand/_variables.scss +35 -27
- package/scss/component/_variables.sass +1 -1
- package/scss/component/_variables.scss +1 -1
- package/scss/system/_variables.sass +123 -50
- package/scss/system/_variables.scss +123 -50
- package/css/sana/_variables.css +0 -362
- package/dist/common-js/base/sana.d.ts +0 -151
- package/dist/common-js/base/sana.js +0 -154
- package/dist/common-js/brand/sana.d.ts +0 -41
- package/dist/common-js/brand/sana.js +0 -44
- package/dist/common-js/system/sana.d.ts +0 -379
- package/dist/common-js/system/sana.js +0 -382
- package/dist/es6/base/sana.d.ts +0 -151
- package/dist/es6/base/sana.js +0 -151
- package/dist/es6/brand/sana.d.ts +0 -41
- package/dist/es6/brand/sana.js +0 -41
- package/dist/es6/system/sana.d.ts +0 -379
- package/dist/es6/system/sana.js +0 -379
- package/less/sana/_variables.less +0 -362
- package/scss/sana/_variables.sass +0 -362
- package/scss/sana/_variables.scss +0 -362
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 25 Jun 2026 23:26:14 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export declare const breakpoints: {
|
|
@@ -74,6 +74,14 @@ export declare const breakpoints: {
|
|
|
74
74
|
* Used for extra large screens, such as wide monitors and TVs.
|
|
75
75
|
*/
|
|
76
76
|
"xl": "--cnvs-sys-breakpoints-xl",
|
|
77
|
+
/**
|
|
78
|
+
* **value**: `{base.baseline} * 272.5` (136.25rem | 2180px)
|
|
79
|
+
*
|
|
80
|
+
* **CSS Var**: `--cnvs-sys-breakpoints-xxl`
|
|
81
|
+
*
|
|
82
|
+
* Figma only. Use as the max-width on xl media query.
|
|
83
|
+
*/
|
|
84
|
+
"xxl": "--cnvs-sys-breakpoints-xxl",
|
|
77
85
|
};
|
|
78
86
|
|
|
79
87
|
export declare const shape: {
|
|
@@ -164,10 +172,18 @@ export declare const shape: {
|
|
|
164
172
|
/**
|
|
165
173
|
* **value**: `{base.size.50}` (0.25rem | 4px)
|
|
166
174
|
*
|
|
167
|
-
* **CSS Var**: `--cnvs-sys-shape-
|
|
175
|
+
* **CSS Var**: `--cnvs-sys-shape-xs`
|
|
168
176
|
*
|
|
169
177
|
* Pill, Status Indicator, Checkbox
|
|
170
178
|
*/
|
|
179
|
+
"xs": "--cnvs-sys-shape-xs",
|
|
180
|
+
/**
|
|
181
|
+
* **value**: `{base.size.75}` (0.375rem | 6px)
|
|
182
|
+
*
|
|
183
|
+
* **CSS Var**: `--cnvs-sys-shape-sm`
|
|
184
|
+
*
|
|
185
|
+
* Compact components that leverage smaller typography, like Pills or Status Indicator
|
|
186
|
+
*/
|
|
171
187
|
"sm": "--cnvs-sys-shape-sm",
|
|
172
188
|
/**
|
|
173
189
|
* **value**: `{base.size.100}` (0.5rem | 8px)
|
|
@@ -194,19 +210,19 @@ export declare const shape: {
|
|
|
194
210
|
*/
|
|
195
211
|
"xl": "--cnvs-sys-shape-xl",
|
|
196
212
|
/**
|
|
197
|
-
* **value**: `{base.size.
|
|
213
|
+
* **value**: `{base.size.250}` (1.25rem | 20px)
|
|
198
214
|
*
|
|
199
215
|
* **CSS Var**: `--cnvs-sys-shape-xxl`
|
|
200
216
|
*
|
|
201
|
-
*
|
|
217
|
+
* Flat or raised surfaces, like Cards or Menu
|
|
202
218
|
*/
|
|
203
219
|
"xxl": "--cnvs-sys-shape-xxl",
|
|
204
220
|
/**
|
|
205
|
-
* **value**: `{base.size.
|
|
221
|
+
* **value**: `{base.size.350}` (1.75rem | 28px)
|
|
206
222
|
*
|
|
207
223
|
* **CSS Var**: `--cnvs-sys-shape-xxxl`
|
|
208
224
|
*
|
|
209
|
-
*
|
|
225
|
+
* Large elevated surfaces, like Modals
|
|
210
226
|
*/
|
|
211
227
|
"xxxl": "--cnvs-sys-shape-xxxl",
|
|
212
228
|
/**
|
|
@@ -617,7 +633,7 @@ export declare const lineHeight: {
|
|
|
617
633
|
*/
|
|
618
634
|
"sm": "--cnvs-sys-line-height-body-sm",
|
|
619
635
|
/**
|
|
620
|
-
* **value**: `{base.size.
|
|
636
|
+
* **value**: `{base.size.300}` (1.5rem | 24px)
|
|
621
637
|
*
|
|
622
638
|
* **CSS Var**: `--cnvs-sys-line-height-body-md`
|
|
623
639
|
*/
|
|
@@ -855,7 +871,7 @@ export declare const type: {
|
|
|
855
871
|
*/
|
|
856
872
|
"fontSize": "--cnvs-sys-font-size-subtext-sm",
|
|
857
873
|
/**
|
|
858
|
-
* **value**: `{base.letter-spacing.
|
|
874
|
+
* **value**: `{base.letter-spacing.1}`
|
|
859
875
|
*
|
|
860
876
|
* **CSS Var**: `--cnvs-sys-letter-spacing-subtext-sm`
|
|
861
877
|
*/
|
|
@@ -887,7 +903,7 @@ export declare const type: {
|
|
|
887
903
|
*/
|
|
888
904
|
"fontSize": "--cnvs-sys-font-size-subtext-md",
|
|
889
905
|
/**
|
|
890
|
-
* **value**: `{base.letter-spacing.
|
|
906
|
+
* **value**: `{base.letter-spacing.2}`
|
|
891
907
|
*
|
|
892
908
|
* **CSS Var**: `--cnvs-sys-letter-spacing-subtext-md`
|
|
893
909
|
*/
|
|
@@ -919,7 +935,7 @@ export declare const type: {
|
|
|
919
935
|
*/
|
|
920
936
|
"fontSize": "--cnvs-sys-font-size-subtext-lg",
|
|
921
937
|
/**
|
|
922
|
-
* **value**: `{base.letter-spacing.
|
|
938
|
+
* **value**: `{base.letter-spacing.3}`
|
|
923
939
|
*
|
|
924
940
|
* **CSS Var**: `--cnvs-sys-letter-spacing-subtext-lg`
|
|
925
941
|
*/
|
|
@@ -1049,7 +1065,7 @@ export declare const type: {
|
|
|
1049
1065
|
*/
|
|
1050
1066
|
"fontSize": "--cnvs-sys-font-size-body-sm",
|
|
1051
1067
|
/**
|
|
1052
|
-
* **value**: `{base.letter-spacing.
|
|
1068
|
+
* **value**: `{base.letter-spacing.4}`
|
|
1053
1069
|
*
|
|
1054
1070
|
* **CSS Var**: `--cnvs-sys-letter-spacing-body-sm`
|
|
1055
1071
|
*/
|
|
@@ -1069,7 +1085,7 @@ export declare const type: {
|
|
|
1069
1085
|
*/
|
|
1070
1086
|
"fontWeight": "--cnvs-sys-font-weight-normal",
|
|
1071
1087
|
/**
|
|
1072
|
-
* **value**: `{base.size.
|
|
1088
|
+
* **value**: `{base.size.300}` (1.5rem | 24px)
|
|
1073
1089
|
*
|
|
1074
1090
|
* **CSS Var**: `--cnvs-sys-line-height-body-md`
|
|
1075
1091
|
*/
|
|
@@ -1080,6 +1096,12 @@ export declare const type: {
|
|
|
1080
1096
|
* **CSS Var**: `--cnvs-sys-font-size-body-md`
|
|
1081
1097
|
*/
|
|
1082
1098
|
"fontSize": "--cnvs-sys-font-size-body-md",
|
|
1099
|
+
/**
|
|
1100
|
+
* **value**: `{base.letter-spacing.5}`
|
|
1101
|
+
*
|
|
1102
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-body-md`
|
|
1103
|
+
*/
|
|
1104
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-body-md",
|
|
1083
1105
|
},
|
|
1084
1106
|
"lg": {
|
|
1085
1107
|
/**
|
|
@@ -1106,6 +1128,12 @@ export declare const type: {
|
|
|
1106
1128
|
* **CSS Var**: `--cnvs-sys-font-size-body-lg`
|
|
1107
1129
|
*/
|
|
1108
1130
|
"fontSize": "--cnvs-sys-font-size-body-lg",
|
|
1131
|
+
/**
|
|
1132
|
+
* **value**: `{base.letter-spacing.6}`
|
|
1133
|
+
*
|
|
1134
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-body-lg`
|
|
1135
|
+
*/
|
|
1136
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-body-lg",
|
|
1109
1137
|
},
|
|
1110
1138
|
},
|
|
1111
1139
|
"heading": {
|
|
@@ -1224,6 +1252,12 @@ export declare const type: {
|
|
|
1224
1252
|
* **CSS Var**: `--cnvs-sys-font-size-heading-sm`
|
|
1225
1253
|
*/
|
|
1226
1254
|
"fontSize": "--cnvs-sys-font-size-heading-sm",
|
|
1255
|
+
/**
|
|
1256
|
+
* **value**: `{base.letter-spacing.7}`
|
|
1257
|
+
*
|
|
1258
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-heading-sm`
|
|
1259
|
+
*/
|
|
1260
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-heading-sm",
|
|
1227
1261
|
},
|
|
1228
1262
|
"md": {
|
|
1229
1263
|
/**
|
|
@@ -1250,6 +1284,12 @@ export declare const type: {
|
|
|
1250
1284
|
* **CSS Var**: `--cnvs-sys-font-size-heading-md`
|
|
1251
1285
|
*/
|
|
1252
1286
|
"fontSize": "--cnvs-sys-font-size-heading-md",
|
|
1287
|
+
/**
|
|
1288
|
+
* **value**: `{base.letter-spacing.8}`
|
|
1289
|
+
*
|
|
1290
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-heading-md`
|
|
1291
|
+
*/
|
|
1292
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-heading-md",
|
|
1253
1293
|
},
|
|
1254
1294
|
"lg": {
|
|
1255
1295
|
/**
|
|
@@ -1276,6 +1316,12 @@ export declare const type: {
|
|
|
1276
1316
|
* **CSS Var**: `--cnvs-sys-font-size-heading-lg`
|
|
1277
1317
|
*/
|
|
1278
1318
|
"fontSize": "--cnvs-sys-font-size-heading-lg",
|
|
1319
|
+
/**
|
|
1320
|
+
* **value**: `{base.letter-spacing.9}`
|
|
1321
|
+
*
|
|
1322
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-heading-lg`
|
|
1323
|
+
*/
|
|
1324
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-heading-lg",
|
|
1279
1325
|
},
|
|
1280
1326
|
},
|
|
1281
1327
|
"title": {
|
|
@@ -1394,6 +1440,12 @@ export declare const type: {
|
|
|
1394
1440
|
* **CSS Var**: `--cnvs-sys-font-size-title-sm`
|
|
1395
1441
|
*/
|
|
1396
1442
|
"fontSize": "--cnvs-sys-font-size-title-sm",
|
|
1443
|
+
/**
|
|
1444
|
+
* **value**: `{base.letter-spacing.10}`
|
|
1445
|
+
*
|
|
1446
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-title-sm`
|
|
1447
|
+
*/
|
|
1448
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-title-sm",
|
|
1397
1449
|
},
|
|
1398
1450
|
"md": {
|
|
1399
1451
|
/**
|
|
@@ -1420,6 +1472,12 @@ export declare const type: {
|
|
|
1420
1472
|
* **CSS Var**: `--cnvs-sys-font-size-title-md`
|
|
1421
1473
|
*/
|
|
1422
1474
|
"fontSize": "--cnvs-sys-font-size-title-md",
|
|
1475
|
+
/**
|
|
1476
|
+
* **value**: `{base.letter-spacing.11}`
|
|
1477
|
+
*
|
|
1478
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-title-md`
|
|
1479
|
+
*/
|
|
1480
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-title-md",
|
|
1423
1481
|
},
|
|
1424
1482
|
"lg": {
|
|
1425
1483
|
/**
|
|
@@ -1446,6 +1504,12 @@ export declare const type: {
|
|
|
1446
1504
|
* **CSS Var**: `--cnvs-sys-font-size-title-lg`
|
|
1447
1505
|
*/
|
|
1448
1506
|
"fontSize": "--cnvs-sys-font-size-title-lg",
|
|
1507
|
+
/**
|
|
1508
|
+
* **value**: `{base.letter-spacing.12}`
|
|
1509
|
+
*
|
|
1510
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-title-lg`
|
|
1511
|
+
*/
|
|
1512
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-title-lg",
|
|
1449
1513
|
},
|
|
1450
1514
|
},
|
|
1451
1515
|
};
|
|
@@ -1608,7 +1672,7 @@ export declare const color: {
|
|
|
1608
1672
|
*/
|
|
1609
1673
|
"stronger": "--cnvs-sys-color-bg-alt-stronger",
|
|
1610
1674
|
/**
|
|
1611
|
-
* **value**: `{base.palette.
|
|
1675
|
+
* **value**: `{base.palette.neutral.50}`
|
|
1612
1676
|
*
|
|
1613
1677
|
* **CSS Var**: `--cnvs-sys-color-bg-alt-default`
|
|
1614
1678
|
*
|
|
@@ -2907,7 +2971,7 @@ export declare const color: {
|
|
|
2907
2971
|
*/
|
|
2908
2972
|
"stronger": "--cnvs-sys-color-fg-stronger",
|
|
2909
2973
|
/**
|
|
2910
|
-
* **value**: `{base.palette.
|
|
2974
|
+
* **value**: `{base.palette.neutral.A400}`
|
|
2911
2975
|
*
|
|
2912
2976
|
* **CSS Var**: `--cnvs-sys-color-fg-disabled`
|
|
2913
2977
|
*
|
|
@@ -3009,7 +3073,7 @@ export declare const color: {
|
|
|
3009
3073
|
*
|
|
3010
3074
|
* **CSS Var**: `--cnvs-sys-color-border-ai`
|
|
3011
3075
|
*
|
|
3012
|
-
*
|
|
3076
|
+
* Border color for AI-focused input elements
|
|
3013
3077
|
*
|
|
3014
3078
|
* @deprecated Use sys.color.accent.ai instead
|
|
3015
3079
|
*/
|
|
@@ -3046,7 +3110,7 @@ export declare const color: {
|
|
|
3046
3110
|
*/
|
|
3047
3111
|
"inverse": "--cnvs-sys-color-border-input-inverse",
|
|
3048
3112
|
/**
|
|
3049
|
-
* **value**: `{base.palette.
|
|
3113
|
+
* **value**: `{base.palette.neutral.A500}`
|
|
3050
3114
|
*
|
|
3051
3115
|
* **CSS Var**: `--cnvs-sys-color-border-input-default`
|
|
3052
3116
|
*
|
|
@@ -3054,7 +3118,7 @@ export declare const color: {
|
|
|
3054
3118
|
*/
|
|
3055
3119
|
"default": "--cnvs-sys-color-border-input-default",
|
|
3056
3120
|
/**
|
|
3057
|
-
* **value**: `{base.palette.
|
|
3121
|
+
* **value**: `{base.palette.neutral.A700}`
|
|
3058
3122
|
*
|
|
3059
3123
|
* **CSS Var**: `--cnvs-sys-color-border-input-hover`
|
|
3060
3124
|
*
|
|
@@ -3149,7 +3213,7 @@ export declare const color: {
|
|
|
3149
3213
|
*/
|
|
3150
3214
|
"container": "--cnvs-sys-color-border-container",
|
|
3151
3215
|
/**
|
|
3152
|
-
* **value**: `{base.palette.
|
|
3216
|
+
* **value**: `{base.palette.neutral.A100}`
|
|
3153
3217
|
*
|
|
3154
3218
|
* **CSS Var**: `--cnvs-sys-color-border-default`
|
|
3155
3219
|
*
|
|
@@ -3157,7 +3221,7 @@ export declare const color: {
|
|
|
3157
3221
|
*/
|
|
3158
3222
|
"default": "--cnvs-sys-color-border-default",
|
|
3159
3223
|
/**
|
|
3160
|
-
* **value**: `{base.palette.
|
|
3224
|
+
* **value**: `{base.palette.neutral.A200}`
|
|
3161
3225
|
*
|
|
3162
3226
|
* **CSS Var**: `--cnvs-sys-color-border-strong`
|
|
3163
3227
|
*
|
|
@@ -3183,7 +3247,7 @@ export declare const color: {
|
|
|
3183
3247
|
*/
|
|
3184
3248
|
"danger": "--cnvs-sys-color-border-danger",
|
|
3185
3249
|
/**
|
|
3186
|
-
* **value**: `{base.palette.amber.
|
|
3250
|
+
* **value**: `{base.palette.amber.500}`
|
|
3187
3251
|
*
|
|
3188
3252
|
* **CSS Var**: `--cnvs-sys-color-border-warning`
|
|
3189
3253
|
*
|
|
@@ -3693,7 +3757,7 @@ export declare const color: {
|
|
|
3693
3757
|
*/
|
|
3694
3758
|
"default": "--cnvs-sys-color-surface-default",
|
|
3695
3759
|
/**
|
|
3696
|
-
* **value**: `{base.palette.
|
|
3760
|
+
* **value**: `{base.palette.neutral.50}`
|
|
3697
3761
|
*
|
|
3698
3762
|
* **CSS Var**: `--cnvs-sys-color-surface-navigation`
|
|
3699
3763
|
*
|
|
@@ -3717,7 +3781,7 @@ export declare const color: {
|
|
|
3717
3781
|
*/
|
|
3718
3782
|
"modal": "--cnvs-sys-color-surface-modal",
|
|
3719
3783
|
/**
|
|
3720
|
-
* **value**: `{
|
|
3784
|
+
* **value**: `{brand.neutral.A25}`
|
|
3721
3785
|
*
|
|
3722
3786
|
* **CSS Var**: `--cnvs-sys-color-surface-raised`
|
|
3723
3787
|
*
|
|
@@ -3726,7 +3790,7 @@ export declare const color: {
|
|
|
3726
3790
|
"raised": "--cnvs-sys-color-surface-raised",
|
|
3727
3791
|
"alt": {
|
|
3728
3792
|
/**
|
|
3729
|
-
* **value**: `{base.palette.
|
|
3793
|
+
* **value**: `{base.palette.neutral.A50}`
|
|
3730
3794
|
*
|
|
3731
3795
|
* **CSS Var**: `--cnvs-sys-color-surface-alt-default`
|
|
3732
3796
|
*
|
|
@@ -3734,7 +3798,7 @@ export declare const color: {
|
|
|
3734
3798
|
*/
|
|
3735
3799
|
"default": "--cnvs-sys-color-surface-alt-default",
|
|
3736
3800
|
/**
|
|
3737
|
-
* **value**: `{base.palette.
|
|
3801
|
+
* **value**: `{base.palette.neutral.A100}`
|
|
3738
3802
|
*
|
|
3739
3803
|
* **CSS Var**: `--cnvs-sys-color-surface-alt-strong`
|
|
3740
3804
|
*
|
|
@@ -3743,7 +3807,7 @@ export declare const color: {
|
|
|
3743
3807
|
"strong": "--cnvs-sys-color-surface-alt-strong",
|
|
3744
3808
|
},
|
|
3745
3809
|
/**
|
|
3746
|
-
* **value**: `{
|
|
3810
|
+
* **value**: `{brand.neutral.A50}`
|
|
3747
3811
|
*
|
|
3748
3812
|
* **CSS Var**: `--cnvs-sys-color-surface-loading`
|
|
3749
3813
|
*
|
|
@@ -3885,7 +3949,7 @@ export declare const color: {
|
|
|
3885
3949
|
"overlay": {
|
|
3886
3950
|
"hover": {
|
|
3887
3951
|
/**
|
|
3888
|
-
* **value**: `{base.palette.
|
|
3952
|
+
* **value**: `{base.palette.neutral.A50}`
|
|
3889
3953
|
*
|
|
3890
3954
|
* **CSS Var**: `--cnvs-sys-color-surface-overlay-hover-default`
|
|
3891
3955
|
*
|
|
@@ -3893,7 +3957,7 @@ export declare const color: {
|
|
|
3893
3957
|
*/
|
|
3894
3958
|
"default": "--cnvs-sys-color-surface-overlay-hover-default",
|
|
3895
3959
|
/**
|
|
3896
|
-
* **value**: `{base.palette.white.
|
|
3960
|
+
* **value**: `{base.palette.white.A150}`
|
|
3897
3961
|
*
|
|
3898
3962
|
* **CSS Var**: `--cnvs-sys-color-surface-overlay-hover-inverse`
|
|
3899
3963
|
*
|
|
@@ -3902,7 +3966,7 @@ export declare const color: {
|
|
|
3902
3966
|
"inverse": "--cnvs-sys-color-surface-overlay-hover-inverse",
|
|
3903
3967
|
},
|
|
3904
3968
|
/**
|
|
3905
|
-
* **value**: `{base.palette.
|
|
3969
|
+
* **value**: `{base.palette.neutral.1000}`
|
|
3906
3970
|
*
|
|
3907
3971
|
* **CSS Var**: `--cnvs-sys-color-surface-overlay-mixin`
|
|
3908
3972
|
*
|
|
@@ -3911,7 +3975,7 @@ export declare const color: {
|
|
|
3911
3975
|
"mixin": "--cnvs-sys-color-surface-overlay-mixin",
|
|
3912
3976
|
"pressed": {
|
|
3913
3977
|
/**
|
|
3914
|
-
* **value**: `{base.palette.
|
|
3978
|
+
* **value**: `{base.palette.neutral.A100}`
|
|
3915
3979
|
*
|
|
3916
3980
|
* **CSS Var**: `--cnvs-sys-color-surface-overlay-pressed-default`
|
|
3917
3981
|
*
|
|
@@ -3919,7 +3983,7 @@ export declare const color: {
|
|
|
3919
3983
|
*/
|
|
3920
3984
|
"default": "--cnvs-sys-color-surface-overlay-pressed-default",
|
|
3921
3985
|
/**
|
|
3922
|
-
* **value**: `{base.palette.white.
|
|
3986
|
+
* **value**: `{base.palette.white.A200}`
|
|
3923
3987
|
*
|
|
3924
3988
|
* **CSS Var**: `--cnvs-sys-color-surface-overlay-pressed-inverse`
|
|
3925
3989
|
*
|
|
@@ -3933,6 +3997,22 @@ export declare const color: {
|
|
|
3933
3997
|
* **CSS Var**: `--cnvs-sys-color-surface-overlay-scrim`
|
|
3934
3998
|
*/
|
|
3935
3999
|
"scrim": "--cnvs-sys-color-surface-overlay-scrim",
|
|
4000
|
+
/**
|
|
4001
|
+
* **value**: `{base.palette.white.A300}`
|
|
4002
|
+
*
|
|
4003
|
+
* **CSS Var**: `--cnvs-sys-color-surface-overlay-raised`
|
|
4004
|
+
*
|
|
4005
|
+
* Semi-transparent backdrop behind modals and dialogs
|
|
4006
|
+
*/
|
|
4007
|
+
"raised": "--cnvs-sys-color-surface-overlay-raised",
|
|
4008
|
+
},
|
|
4009
|
+
"text": {
|
|
4010
|
+
/**
|
|
4011
|
+
* **value**: `{base.palette.indigo.A200}`
|
|
4012
|
+
*
|
|
4013
|
+
* **CSS Var**: `--cnvs-sys-color-surface-text-highlight`
|
|
4014
|
+
*/
|
|
4015
|
+
"highlight": "--cnvs-sys-color-surface-text-highlight",
|
|
3936
4016
|
},
|
|
3937
4017
|
},
|
|
3938
4018
|
"accent": {
|
|
@@ -3986,7 +4066,7 @@ export declare const color: {
|
|
|
3986
4066
|
"contrast": "--cnvs-sys-color-accent-contrast",
|
|
3987
4067
|
"muted": {
|
|
3988
4068
|
/**
|
|
3989
|
-
* **value**: `{base.palette.
|
|
4069
|
+
* **value**: `{base.palette.neutral.600}`
|
|
3990
4070
|
*
|
|
3991
4071
|
* **CSS Var**: `--cnvs-sys-color-accent-muted-default`
|
|
3992
4072
|
*
|
|
@@ -3994,7 +4074,7 @@ export declare const color: {
|
|
|
3994
4074
|
*/
|
|
3995
4075
|
"default": "--cnvs-sys-color-accent-muted-default",
|
|
3996
4076
|
/**
|
|
3997
|
-
* **value**: `{base.palette.
|
|
4077
|
+
* **value**: `{base.palette.neutral.400}`
|
|
3998
4078
|
*
|
|
3999
4079
|
* **CSS Var**: `--cnvs-sys-color-accent-muted-soft`
|
|
4000
4080
|
*
|
|
@@ -4004,7 +4084,7 @@ export declare const color: {
|
|
|
4004
4084
|
},
|
|
4005
4085
|
"overlay": {
|
|
4006
4086
|
/**
|
|
4007
|
-
* **value**: `{base.palette.
|
|
4087
|
+
* **value**: `{base.palette.white.A50}`
|
|
4008
4088
|
*
|
|
4009
4089
|
* **CSS Var**: `--cnvs-sys-color-accent-overlay-hover`
|
|
4010
4090
|
*
|
|
@@ -4012,7 +4092,7 @@ export declare const color: {
|
|
|
4012
4092
|
*/
|
|
4013
4093
|
"hover": "--cnvs-sys-color-accent-overlay-hover",
|
|
4014
4094
|
/**
|
|
4015
|
-
* **value**: `{base.palette.
|
|
4095
|
+
* **value**: `{base.palette.white.A100}`
|
|
4016
4096
|
*
|
|
4017
4097
|
* **CSS Var**: `--cnvs-sys-color-accent-overlay-pressed`
|
|
4018
4098
|
*
|
|
@@ -4020,7 +4100,7 @@ export declare const color: {
|
|
|
4020
4100
|
*/
|
|
4021
4101
|
"pressed": "--cnvs-sys-color-accent-overlay-pressed",
|
|
4022
4102
|
/**
|
|
4023
|
-
* **value**: `{base.palette.neutral.
|
|
4103
|
+
* **value**: `{base.palette.neutral.0}`
|
|
4024
4104
|
*
|
|
4025
4105
|
* **CSS Var**: `--cnvs-sys-color-accent-overlay-mixin`
|
|
4026
4106
|
*
|
|
@@ -4140,7 +4220,7 @@ export declare const color: {
|
|
|
4140
4220
|
"strong": "--cnvs-sys-color-brand-surface-positive-strong",
|
|
4141
4221
|
},
|
|
4142
4222
|
/**
|
|
4143
|
-
* **value**: `{brand.
|
|
4223
|
+
* **value**: `{brand.neutral.A100}`
|
|
4144
4224
|
*
|
|
4145
4225
|
* **CSS Var**: `--cnvs-sys-color-brand-surface-selected`
|
|
4146
4226
|
*
|
|
@@ -4150,7 +4230,7 @@ export declare const color: {
|
|
|
4150
4230
|
},
|
|
4151
4231
|
"accent": {
|
|
4152
4232
|
/**
|
|
4153
|
-
* **value**: `{brand.
|
|
4233
|
+
* **value**: `{brand.neutral.975}`
|
|
4154
4234
|
*
|
|
4155
4235
|
* **CSS Var**: `--cnvs-sys-color-brand-accent-primary`
|
|
4156
4236
|
*
|
|
@@ -4182,7 +4262,7 @@ export declare const color: {
|
|
|
4182
4262
|
*/
|
|
4183
4263
|
"positive": "--cnvs-sys-color-brand-accent-positive",
|
|
4184
4264
|
/**
|
|
4185
|
-
* **value**: `{brand.
|
|
4265
|
+
* **value**: `{brand.neutral.975}`
|
|
4186
4266
|
*
|
|
4187
4267
|
* **CSS Var**: `--cnvs-sys-color-brand-accent-action`
|
|
4188
4268
|
*/
|
|
@@ -4191,7 +4271,7 @@ export declare const color: {
|
|
|
4191
4271
|
"fg": {
|
|
4192
4272
|
"primary": {
|
|
4193
4273
|
/**
|
|
4194
|
-
* **value**: `{brand.
|
|
4274
|
+
* **value**: `{brand.neutral.A900}`
|
|
4195
4275
|
*
|
|
4196
4276
|
* **CSS Var**: `--cnvs-sys-color-brand-fg-primary-default`
|
|
4197
4277
|
*
|
|
@@ -4199,7 +4279,7 @@ export declare const color: {
|
|
|
4199
4279
|
*/
|
|
4200
4280
|
"default": "--cnvs-sys-color-brand-fg-primary-default",
|
|
4201
4281
|
/**
|
|
4202
|
-
* **value**: `{brand.
|
|
4282
|
+
* **value**: `{brand.neutral.A950}`
|
|
4203
4283
|
*
|
|
4204
4284
|
* **CSS Var**: `--cnvs-sys-color-brand-fg-primary-strong`
|
|
4205
4285
|
*
|
|
@@ -4262,13 +4342,31 @@ export declare const color: {
|
|
|
4262
4342
|
"strong": "--cnvs-sys-color-brand-fg-positive-strong",
|
|
4263
4343
|
},
|
|
4264
4344
|
/**
|
|
4265
|
-
* **value**: `{brand.
|
|
4345
|
+
* **value**: `{brand.neutral.A900}`
|
|
4266
4346
|
*
|
|
4267
4347
|
* **CSS Var**: `--cnvs-sys-color-brand-fg-selected`
|
|
4268
4348
|
*
|
|
4269
4349
|
* Tenant-themeable text color for selected items
|
|
4270
4350
|
*/
|
|
4271
4351
|
"selected": "--cnvs-sys-color-brand-fg-selected",
|
|
4352
|
+
"link": {
|
|
4353
|
+
/**
|
|
4354
|
+
* **value**: `{base.palette.blue.600}`
|
|
4355
|
+
*
|
|
4356
|
+
* **CSS Var**: `--cnvs-sys-color-brand-fg-link-default`
|
|
4357
|
+
*
|
|
4358
|
+
* Default text color for hyperlinks
|
|
4359
|
+
*/
|
|
4360
|
+
"default": "--cnvs-sys-color-brand-fg-link-default",
|
|
4361
|
+
/**
|
|
4362
|
+
* **value**: `{base.palette.blue.700}`
|
|
4363
|
+
*
|
|
4364
|
+
* **CSS Var**: `--cnvs-sys-color-brand-fg-link-hover`
|
|
4365
|
+
*
|
|
4366
|
+
* Text color for hyperlinks on hover
|
|
4367
|
+
*/
|
|
4368
|
+
"hover": "--cnvs-sys-color-brand-fg-link-hover",
|
|
4369
|
+
},
|
|
4272
4370
|
},
|
|
4273
4371
|
"border": {
|
|
4274
4372
|
/**
|
|
@@ -4315,38 +4413,350 @@ export declare const color: {
|
|
|
4315
4413
|
*/
|
|
4316
4414
|
"contrast": "--cnvs-sys-color-focus-contrast",
|
|
4317
4415
|
},
|
|
4416
|
+
"chart": {
|
|
4417
|
+
"diverging": {
|
|
4418
|
+
"azure": {
|
|
4419
|
+
"coral": {
|
|
4420
|
+
/**
|
|
4421
|
+
* **value**: `{base.palette.azure.900}`
|
|
4422
|
+
*
|
|
4423
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-1`
|
|
4424
|
+
*/
|
|
4425
|
+
"1": "--cnvs-sys-color-chart-diverging-azure-coral-1",
|
|
4426
|
+
/**
|
|
4427
|
+
* **value**: `{base.palette.azure.800}`
|
|
4428
|
+
*
|
|
4429
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-2`
|
|
4430
|
+
*/
|
|
4431
|
+
"2": "--cnvs-sys-color-chart-diverging-azure-coral-2",
|
|
4432
|
+
/**
|
|
4433
|
+
* **value**: `{base.palette.azure.700}`
|
|
4434
|
+
*
|
|
4435
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-3`
|
|
4436
|
+
*/
|
|
4437
|
+
"3": "--cnvs-sys-color-chart-diverging-azure-coral-3",
|
|
4438
|
+
/**
|
|
4439
|
+
* **value**: `{base.palette.azure.600}`
|
|
4440
|
+
*
|
|
4441
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-4`
|
|
4442
|
+
*/
|
|
4443
|
+
"4": "--cnvs-sys-color-chart-diverging-azure-coral-4",
|
|
4444
|
+
/**
|
|
4445
|
+
* **value**: `{base.palette.azure.500}`
|
|
4446
|
+
*
|
|
4447
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-5`
|
|
4448
|
+
*/
|
|
4449
|
+
"5": "--cnvs-sys-color-chart-diverging-azure-coral-5",
|
|
4450
|
+
/**
|
|
4451
|
+
* **value**: `{base.palette.azure.400}`
|
|
4452
|
+
*
|
|
4453
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-6`
|
|
4454
|
+
*/
|
|
4455
|
+
"6": "--cnvs-sys-color-chart-diverging-azure-coral-6",
|
|
4456
|
+
/**
|
|
4457
|
+
* **value**: `{base.palette.azure.300}`
|
|
4458
|
+
*
|
|
4459
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-7`
|
|
4460
|
+
*/
|
|
4461
|
+
"7": "--cnvs-sys-color-chart-diverging-azure-coral-7",
|
|
4462
|
+
/**
|
|
4463
|
+
* **value**: `{base.palette.azure.200}`
|
|
4464
|
+
*
|
|
4465
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-8`
|
|
4466
|
+
*/
|
|
4467
|
+
"8": "--cnvs-sys-color-chart-diverging-azure-coral-8",
|
|
4468
|
+
/**
|
|
4469
|
+
* **value**: `{base.palette.azure.100}`
|
|
4470
|
+
*
|
|
4471
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-9`
|
|
4472
|
+
*/
|
|
4473
|
+
"9": "--cnvs-sys-color-chart-diverging-azure-coral-9",
|
|
4474
|
+
/**
|
|
4475
|
+
* **value**: `{base.palette.azure.50}`
|
|
4476
|
+
*
|
|
4477
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-10`
|
|
4478
|
+
*/
|
|
4479
|
+
"10": "--cnvs-sys-color-chart-diverging-azure-coral-10",
|
|
4480
|
+
/**
|
|
4481
|
+
* **value**: `{base.palette.azure.25}`
|
|
4482
|
+
*
|
|
4483
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-11`
|
|
4484
|
+
*/
|
|
4485
|
+
"11": "--cnvs-sys-color-chart-diverging-azure-coral-11",
|
|
4486
|
+
/**
|
|
4487
|
+
* **value**: `{base.palette.neutral.0}`
|
|
4488
|
+
*
|
|
4489
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-12`
|
|
4490
|
+
*/
|
|
4491
|
+
"12": "--cnvs-sys-color-chart-diverging-azure-coral-12",
|
|
4492
|
+
/**
|
|
4493
|
+
* **value**: `{base.palette.coral.25}`
|
|
4494
|
+
*
|
|
4495
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-13`
|
|
4496
|
+
*/
|
|
4497
|
+
"13": "--cnvs-sys-color-chart-diverging-azure-coral-13",
|
|
4498
|
+
/**
|
|
4499
|
+
* **value**: `{base.palette.coral.50}`
|
|
4500
|
+
*
|
|
4501
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-14`
|
|
4502
|
+
*/
|
|
4503
|
+
"14": "--cnvs-sys-color-chart-diverging-azure-coral-14",
|
|
4504
|
+
/**
|
|
4505
|
+
* **value**: `{base.palette.coral.100}`
|
|
4506
|
+
*
|
|
4507
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-15`
|
|
4508
|
+
*/
|
|
4509
|
+
"15": "--cnvs-sys-color-chart-diverging-azure-coral-15",
|
|
4510
|
+
/**
|
|
4511
|
+
* **value**: `{base.palette.coral.200}`
|
|
4512
|
+
*
|
|
4513
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-16`
|
|
4514
|
+
*/
|
|
4515
|
+
"16": "--cnvs-sys-color-chart-diverging-azure-coral-16",
|
|
4516
|
+
/**
|
|
4517
|
+
* **value**: `{base.palette.coral.300}`
|
|
4518
|
+
*
|
|
4519
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-17`
|
|
4520
|
+
*/
|
|
4521
|
+
"17": "--cnvs-sys-color-chart-diverging-azure-coral-17",
|
|
4522
|
+
/**
|
|
4523
|
+
* **value**: `{base.palette.coral.400}`
|
|
4524
|
+
*
|
|
4525
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-18`
|
|
4526
|
+
*/
|
|
4527
|
+
"18": "--cnvs-sys-color-chart-diverging-azure-coral-18",
|
|
4528
|
+
/**
|
|
4529
|
+
* **value**: `{base.palette.coral.500}`
|
|
4530
|
+
*
|
|
4531
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-19`
|
|
4532
|
+
*/
|
|
4533
|
+
"19": "--cnvs-sys-color-chart-diverging-azure-coral-19",
|
|
4534
|
+
/**
|
|
4535
|
+
* **value**: `{base.palette.coral.600}`
|
|
4536
|
+
*
|
|
4537
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-20`
|
|
4538
|
+
*/
|
|
4539
|
+
"20": "--cnvs-sys-color-chart-diverging-azure-coral-20",
|
|
4540
|
+
/**
|
|
4541
|
+
* **value**: `{base.palette.coral.700}`
|
|
4542
|
+
*
|
|
4543
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-21`
|
|
4544
|
+
*/
|
|
4545
|
+
"21": "--cnvs-sys-color-chart-diverging-azure-coral-21",
|
|
4546
|
+
/**
|
|
4547
|
+
* **value**: `{base.palette.coral.800}`
|
|
4548
|
+
*
|
|
4549
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-22`
|
|
4550
|
+
*/
|
|
4551
|
+
"22": "--cnvs-sys-color-chart-diverging-azure-coral-22",
|
|
4552
|
+
/**
|
|
4553
|
+
* **value**: `{base.palette.coral.900}`
|
|
4554
|
+
*
|
|
4555
|
+
* **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-23`
|
|
4556
|
+
*/
|
|
4557
|
+
"23": "--cnvs-sys-color-chart-diverging-azure-coral-23",
|
|
4558
|
+
},
|
|
4559
|
+
},
|
|
4560
|
+
},
|
|
4561
|
+
"categorical": {
|
|
4562
|
+
/**
|
|
4563
|
+
* **value**: `{base.palette.teal.500}`
|
|
4564
|
+
*
|
|
4565
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-1`
|
|
4566
|
+
*/
|
|
4567
|
+
"1": "--cnvs-sys-color-chart-categorical-1",
|
|
4568
|
+
/**
|
|
4569
|
+
* **value**: `{base.palette.blue.800}`
|
|
4570
|
+
*
|
|
4571
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-2`
|
|
4572
|
+
*/
|
|
4573
|
+
"2": "--cnvs-sys-color-chart-categorical-2",
|
|
4574
|
+
/**
|
|
4575
|
+
* **value**: `{base.palette.orange.500}`
|
|
4576
|
+
*
|
|
4577
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-3`
|
|
4578
|
+
*/
|
|
4579
|
+
"3": "--cnvs-sys-color-chart-categorical-3",
|
|
4580
|
+
/**
|
|
4581
|
+
* **value**: `{base.palette.azure.500}`
|
|
4582
|
+
*
|
|
4583
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-4`
|
|
4584
|
+
*/
|
|
4585
|
+
"4": "--cnvs-sys-color-chart-categorical-4",
|
|
4586
|
+
/**
|
|
4587
|
+
* **value**: `{base.palette.magenta.600}`
|
|
4588
|
+
*
|
|
4589
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-5`
|
|
4590
|
+
*/
|
|
4591
|
+
"5": "--cnvs-sys-color-chart-categorical-5",
|
|
4592
|
+
/**
|
|
4593
|
+
* **value**: `{brand.positive.600}`
|
|
4594
|
+
*
|
|
4595
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-6`
|
|
4596
|
+
*/
|
|
4597
|
+
"6": "--cnvs-sys-color-chart-categorical-6",
|
|
4598
|
+
/**
|
|
4599
|
+
* **value**: `{base.palette.purple.500}`
|
|
4600
|
+
*
|
|
4601
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-7`
|
|
4602
|
+
*/
|
|
4603
|
+
"7": "--cnvs-sys-color-chart-categorical-7",
|
|
4604
|
+
/**
|
|
4605
|
+
* **value**: `{brand.caution.500}`
|
|
4606
|
+
*
|
|
4607
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-8`
|
|
4608
|
+
*/
|
|
4609
|
+
"8": "--cnvs-sys-color-chart-categorical-8",
|
|
4610
|
+
/**
|
|
4611
|
+
* **value**: `{base.palette.teal.700}`
|
|
4612
|
+
*
|
|
4613
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-9`
|
|
4614
|
+
*/
|
|
4615
|
+
"9": "--cnvs-sys-color-chart-categorical-9",
|
|
4616
|
+
/**
|
|
4617
|
+
* **value**: `{base.palette.indigo.600}`
|
|
4618
|
+
*
|
|
4619
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-10`
|
|
4620
|
+
*/
|
|
4621
|
+
"10": "--cnvs-sys-color-chart-categorical-10",
|
|
4622
|
+
/**
|
|
4623
|
+
* **value**: `{base.palette.orange.700}`
|
|
4624
|
+
*
|
|
4625
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-11`
|
|
4626
|
+
*/
|
|
4627
|
+
"11": "--cnvs-sys-color-chart-categorical-11",
|
|
4628
|
+
/**
|
|
4629
|
+
* **value**: `{base.palette.azure.700}`
|
|
4630
|
+
*
|
|
4631
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-12`
|
|
4632
|
+
*/
|
|
4633
|
+
"12": "--cnvs-sys-color-chart-categorical-12",
|
|
4634
|
+
/**
|
|
4635
|
+
* **value**: `{base.palette.purple.700}`
|
|
4636
|
+
*
|
|
4637
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-13`
|
|
4638
|
+
*/
|
|
4639
|
+
"13": "--cnvs-sys-color-chart-categorical-13",
|
|
4640
|
+
/**
|
|
4641
|
+
* **value**: `{base.palette.coral.600}`
|
|
4642
|
+
*
|
|
4643
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-14`
|
|
4644
|
+
*/
|
|
4645
|
+
"14": "--cnvs-sys-color-chart-categorical-14",
|
|
4646
|
+
/**
|
|
4647
|
+
* **value**: `{brand.positive.800}`
|
|
4648
|
+
*
|
|
4649
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-15`
|
|
4650
|
+
*/
|
|
4651
|
+
"15": "--cnvs-sys-color-chart-categorical-15",
|
|
4652
|
+
/**
|
|
4653
|
+
* **value**: `{brand.caution.700}`
|
|
4654
|
+
*
|
|
4655
|
+
* **CSS Var**: `--cnvs-sys-color-chart-categorical-16`
|
|
4656
|
+
*/
|
|
4657
|
+
"16": "--cnvs-sys-color-chart-categorical-16",
|
|
4658
|
+
},
|
|
4659
|
+
"sequential": {
|
|
4660
|
+
/**
|
|
4661
|
+
* **value**: `{base.palette.teal.25}`
|
|
4662
|
+
*
|
|
4663
|
+
* **CSS Var**: `--cnvs-sys-color-chart-sequential-1`
|
|
4664
|
+
*/
|
|
4665
|
+
"1": "--cnvs-sys-color-chart-sequential-1",
|
|
4666
|
+
/**
|
|
4667
|
+
* **value**: `{base.palette.teal.50}`
|
|
4668
|
+
*
|
|
4669
|
+
* **CSS Var**: `--cnvs-sys-color-chart-sequential-2`
|
|
4670
|
+
*/
|
|
4671
|
+
"2": "--cnvs-sys-color-chart-sequential-2",
|
|
4672
|
+
/**
|
|
4673
|
+
* **value**: `{base.palette.teal.100}`
|
|
4674
|
+
*
|
|
4675
|
+
* **CSS Var**: `--cnvs-sys-color-chart-sequential-3`
|
|
4676
|
+
*/
|
|
4677
|
+
"3": "--cnvs-sys-color-chart-sequential-3",
|
|
4678
|
+
/**
|
|
4679
|
+
* **value**: `{base.palette.teal.200}`
|
|
4680
|
+
*
|
|
4681
|
+
* **CSS Var**: `--cnvs-sys-color-chart-sequential-4`
|
|
4682
|
+
*/
|
|
4683
|
+
"4": "--cnvs-sys-color-chart-sequential-4",
|
|
4684
|
+
/**
|
|
4685
|
+
* **value**: `{base.palette.teal.300}`
|
|
4686
|
+
*
|
|
4687
|
+
* **CSS Var**: `--cnvs-sys-color-chart-sequential-5`
|
|
4688
|
+
*/
|
|
4689
|
+
"5": "--cnvs-sys-color-chart-sequential-5",
|
|
4690
|
+
/**
|
|
4691
|
+
* **value**: `{base.palette.teal.400}`
|
|
4692
|
+
*
|
|
4693
|
+
* **CSS Var**: `--cnvs-sys-color-chart-sequential-6`
|
|
4694
|
+
*/
|
|
4695
|
+
"6": "--cnvs-sys-color-chart-sequential-6",
|
|
4696
|
+
/**
|
|
4697
|
+
* **value**: `{base.palette.teal.500}`
|
|
4698
|
+
*
|
|
4699
|
+
* **CSS Var**: `--cnvs-sys-color-chart-sequential-7`
|
|
4700
|
+
*/
|
|
4701
|
+
"7": "--cnvs-sys-color-chart-sequential-7",
|
|
4702
|
+
/**
|
|
4703
|
+
* **value**: `{base.palette.teal.600}`
|
|
4704
|
+
*
|
|
4705
|
+
* **CSS Var**: `--cnvs-sys-color-chart-sequential-8`
|
|
4706
|
+
*/
|
|
4707
|
+
"8": "--cnvs-sys-color-chart-sequential-8",
|
|
4708
|
+
/**
|
|
4709
|
+
* **value**: `{base.palette.teal.700}`
|
|
4710
|
+
*
|
|
4711
|
+
* **CSS Var**: `--cnvs-sys-color-chart-sequential-9`
|
|
4712
|
+
*/
|
|
4713
|
+
"9": "--cnvs-sys-color-chart-sequential-9",
|
|
4714
|
+
/**
|
|
4715
|
+
* **value**: `{base.palette.teal.800}`
|
|
4716
|
+
*
|
|
4717
|
+
* **CSS Var**: `--cnvs-sys-color-chart-sequential-10`
|
|
4718
|
+
*/
|
|
4719
|
+
"10": "--cnvs-sys-color-chart-sequential-10",
|
|
4720
|
+
/**
|
|
4721
|
+
* **value**: `{base.palette.teal.900}`
|
|
4722
|
+
*
|
|
4723
|
+
* **CSS Var**: `--cnvs-sys-color-chart-sequential-11`
|
|
4724
|
+
*/
|
|
4725
|
+
"11": "--cnvs-sys-color-chart-sequential-11",
|
|
4726
|
+
},
|
|
4727
|
+
},
|
|
4318
4728
|
};
|
|
4319
4729
|
|
|
4320
4730
|
export declare const depth: {
|
|
4321
|
-
/**0 0.0625rem 0.25rem 0 oklch(0.
|
|
4731
|
+
/**0 0.0625rem 0.25rem 0 oklch(0.2751 0.1026 258.16 / 0.1922), 0 0.125rem 0.5rem 0 oklch(0.3039 0.0952 253.5 / 0.0863)
|
|
4322
4732
|
*
|
|
4323
4733
|
* **CSS Var**: `--cnvs-sys-depth-1`
|
|
4324
4734
|
*
|
|
4325
4735
|
* Standard card depth
|
|
4326
4736
|
*/
|
|
4327
4737
|
"1": "--cnvs-sys-depth-1",
|
|
4328
|
-
/**0 0.125rem 0.5rem 0 oklch(0.
|
|
4738
|
+
/**0 0.125rem 0.5rem 0 oklch(0.2751 0.1026 258.16 / 0.1922), 0 0.25rem 1rem 0 oklch(0.3039 0.0952 253.5 / 0.0863)
|
|
4329
4739
|
*
|
|
4330
4740
|
* **CSS Var**: `--cnvs-sys-depth-2`
|
|
4331
4741
|
*
|
|
4332
4742
|
* Top navigation, Bottom Navigation
|
|
4333
4743
|
*/
|
|
4334
4744
|
"2": "--cnvs-sys-depth-2",
|
|
4335
|
-
/**0 0.1875rem 0.75rem 0 oklch(0.
|
|
4745
|
+
/**0 0.1875rem 0.75rem 0 oklch(0.2751 0.1026 258.16 / 0.1922), 0 0.375rem 1.5rem 0 oklch(0.3039 0.0952 253.5 / 0.0863)
|
|
4336
4746
|
*
|
|
4337
4747
|
* **CSS Var**: `--cnvs-sys-depth-3`
|
|
4338
4748
|
*
|
|
4339
4749
|
* Floating Action Buttons (FAB), Menus
|
|
4340
4750
|
*/
|
|
4341
4751
|
"3": "--cnvs-sys-depth-3",
|
|
4342
|
-
/**0 0.25rem 1rem 0 oklch(0.
|
|
4752
|
+
/**0 0.25rem 1rem 0 oklch(0.2751 0.1026 258.16 / 0.1922), 0 0.5rem 2rem 0 oklch(0.3039 0.0952 253.5 / 0.0863)
|
|
4343
4753
|
*
|
|
4344
4754
|
* **CSS Var**: `--cnvs-sys-depth-4`
|
|
4345
4755
|
*
|
|
4346
4756
|
* Bottom Sheets
|
|
4347
4757
|
*/
|
|
4348
4758
|
"4": "--cnvs-sys-depth-4",
|
|
4349
|
-
/**0 0.3125rem 1.25rem 0 oklch(0.
|
|
4759
|
+
/**0 0.3125rem 1.25rem 0 oklch(0.2751 0.1026 258.16 / 0.1922), 0 0.625rem 2.5rem 0 oklch(0.3039 0.0952 253.5 / 0.0863)
|
|
4350
4760
|
*
|
|
4351
4761
|
* **CSS Var**: `--cnvs-sys-depth-5`
|
|
4352
4762
|
*
|
|
@@ -4354,7 +4764,7 @@ export declare const depth: {
|
|
|
4354
4764
|
* Side Panels (when opacity overlay behaviour is not applied)
|
|
4355
4765
|
*/
|
|
4356
4766
|
"5": "--cnvs-sys-depth-5",
|
|
4357
|
-
/**0 0.375rem 1.5rem 0 oklch(0.
|
|
4767
|
+
/**0 0.375rem 1.5rem 0 oklch(0.2751 0.1026 258.16 / 0.1922), 0 0.75rem 3rem 0 oklch(0.3039 0.0952 253.5 / 0.0863)
|
|
4358
4768
|
*
|
|
4359
4769
|
* **CSS Var**: `--cnvs-sys-depth-6`
|
|
4360
4770
|
*
|
|
@@ -4488,7 +4898,7 @@ export declare const opacity: {
|
|
|
4488
4898
|
},
|
|
4489
4899
|
"accent": {
|
|
4490
4900
|
/**
|
|
4491
|
-
* **value**: `
|
|
4901
|
+
* **value**: `0.045` (0.045rem | 0.72px)
|
|
4492
4902
|
*
|
|
4493
4903
|
* **CSS Var**: `--cnvs-sys-opacity-accent-hover`
|
|
4494
4904
|
*
|
|
@@ -4496,7 +4906,7 @@ export declare const opacity: {
|
|
|
4496
4906
|
*/
|
|
4497
4907
|
"hover": "--cnvs-sys-opacity-accent-hover",
|
|
4498
4908
|
/**
|
|
4499
|
-
* **value**: `
|
|
4909
|
+
* **value**: `0.118` (0.118rem | 1.888px)
|
|
4500
4910
|
*
|
|
4501
4911
|
* **CSS Var**: `--cnvs-sys-opacity-accent-pressed`
|
|
4502
4912
|
*
|
|
@@ -4716,24 +5126,30 @@ export declare const fontFamily: {
|
|
|
4716
5126
|
* **CSS Var**: `--cnvs-sys-font-family-global`
|
|
4717
5127
|
*/
|
|
4718
5128
|
"global": "--cnvs-sys-font-family-global",
|
|
5129
|
+
/**
|
|
5130
|
+
* **value**: `{base.font-family.0}`
|
|
5131
|
+
*
|
|
5132
|
+
* **CSS Var**: `--cnvs-sys-font-family-fallback`
|
|
5133
|
+
*/
|
|
5134
|
+
"fallback": "--cnvs-sys-font-family-fallback",
|
|
4719
5135
|
};
|
|
4720
5136
|
|
|
4721
5137
|
export declare const letterSpacing: {
|
|
4722
5138
|
"subtext": {
|
|
4723
5139
|
/**
|
|
4724
|
-
* **value**: `{base.letter-spacing.
|
|
5140
|
+
* **value**: `{base.letter-spacing.1}`
|
|
4725
5141
|
*
|
|
4726
5142
|
* **CSS Var**: `--cnvs-sys-letter-spacing-subtext-sm`
|
|
4727
5143
|
*/
|
|
4728
5144
|
"sm": "--cnvs-sys-letter-spacing-subtext-sm",
|
|
4729
5145
|
/**
|
|
4730
|
-
* **value**: `{base.letter-spacing.
|
|
5146
|
+
* **value**: `{base.letter-spacing.2}`
|
|
4731
5147
|
*
|
|
4732
5148
|
* **CSS Var**: `--cnvs-sys-letter-spacing-subtext-md`
|
|
4733
5149
|
*/
|
|
4734
5150
|
"md": "--cnvs-sys-letter-spacing-subtext-md",
|
|
4735
5151
|
/**
|
|
4736
|
-
* **value**: `{base.letter-spacing.
|
|
5152
|
+
* **value**: `{base.letter-spacing.3}`
|
|
4737
5153
|
*
|
|
4738
5154
|
* **CSS Var**: `--cnvs-sys-letter-spacing-subtext-lg`
|
|
4739
5155
|
*/
|
|
@@ -4741,11 +5157,63 @@ export declare const letterSpacing: {
|
|
|
4741
5157
|
},
|
|
4742
5158
|
"body": {
|
|
4743
5159
|
/**
|
|
4744
|
-
* **value**: `{base.letter-spacing.
|
|
5160
|
+
* **value**: `{base.letter-spacing.4}`
|
|
4745
5161
|
*
|
|
4746
5162
|
* **CSS Var**: `--cnvs-sys-letter-spacing-body-sm`
|
|
4747
5163
|
*/
|
|
4748
5164
|
"sm": "--cnvs-sys-letter-spacing-body-sm",
|
|
5165
|
+
/**
|
|
5166
|
+
* **value**: `{base.letter-spacing.5}`
|
|
5167
|
+
*
|
|
5168
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-body-md`
|
|
5169
|
+
*/
|
|
5170
|
+
"md": "--cnvs-sys-letter-spacing-body-md",
|
|
5171
|
+
/**
|
|
5172
|
+
* **value**: `{base.letter-spacing.6}`
|
|
5173
|
+
*
|
|
5174
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-body-lg`
|
|
5175
|
+
*/
|
|
5176
|
+
"lg": "--cnvs-sys-letter-spacing-body-lg",
|
|
5177
|
+
},
|
|
5178
|
+
"heading": {
|
|
5179
|
+
/**
|
|
5180
|
+
* **value**: `{base.letter-spacing.7}`
|
|
5181
|
+
*
|
|
5182
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-heading-sm`
|
|
5183
|
+
*/
|
|
5184
|
+
"sm": "--cnvs-sys-letter-spacing-heading-sm",
|
|
5185
|
+
/**
|
|
5186
|
+
* **value**: `{base.letter-spacing.8}`
|
|
5187
|
+
*
|
|
5188
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-heading-md`
|
|
5189
|
+
*/
|
|
5190
|
+
"md": "--cnvs-sys-letter-spacing-heading-md",
|
|
5191
|
+
/**
|
|
5192
|
+
* **value**: `{base.letter-spacing.9}`
|
|
5193
|
+
*
|
|
5194
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-heading-lg`
|
|
5195
|
+
*/
|
|
5196
|
+
"lg": "--cnvs-sys-letter-spacing-heading-lg",
|
|
5197
|
+
},
|
|
5198
|
+
"title": {
|
|
5199
|
+
/**
|
|
5200
|
+
* **value**: `{base.letter-spacing.10}`
|
|
5201
|
+
*
|
|
5202
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-title-sm`
|
|
5203
|
+
*/
|
|
5204
|
+
"sm": "--cnvs-sys-letter-spacing-title-sm",
|
|
5205
|
+
/**
|
|
5206
|
+
* **value**: `{base.letter-spacing.11}`
|
|
5207
|
+
*
|
|
5208
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-title-md`
|
|
5209
|
+
*/
|
|
5210
|
+
"md": "--cnvs-sys-letter-spacing-title-md",
|
|
5211
|
+
/**
|
|
5212
|
+
* **value**: `{base.letter-spacing.12}`
|
|
5213
|
+
*
|
|
5214
|
+
* **CSS Var**: `--cnvs-sys-letter-spacing-title-lg`
|
|
5215
|
+
*/
|
|
5216
|
+
"lg": "--cnvs-sys-letter-spacing-title-lg",
|
|
4749
5217
|
},
|
|
4750
5218
|
};
|
|
4751
5219
|
|
|
@@ -4784,16 +5252,19 @@ export declare const legacy: {
|
|
|
4784
5252
|
"breakpoints": {
|
|
4785
5253
|
"sm": "var(--cnvs-sys-breakpoints-sm, var(--cnvs-sys-breakpoints-s, 320px))",
|
|
4786
5254
|
"md": "var(--cnvs-sys-breakpoints-md, var(--cnvs-sys-breakpoints-m, 768px))",
|
|
4787
|
-
"lg": "var(--cnvs-sys-breakpoints-lg, var(--cnvs-sys-breakpoints-l, 1024px))"
|
|
5255
|
+
"lg": "var(--cnvs-sys-breakpoints-lg, var(--cnvs-sys-breakpoints-l, 1024px))",
|
|
5256
|
+
"xl": "var(--cnvs-sys-breakpoints-xl, 1rem / 2 * 180)",
|
|
5257
|
+
"xxl": "var(--cnvs-sys-breakpoints-xxl, 1rem / 2 * 272.5)"
|
|
4788
5258
|
},
|
|
4789
5259
|
"shape": {
|
|
4790
5260
|
"none": "var(--cnvs-sys-shape-none, var(--cnvs-sys-shape-zero, 0))",
|
|
4791
|
-
"
|
|
5261
|
+
"xs": "var(--cnvs-sys-shape-xs, var(--cnvs-sys-shape-x1, 0.25rem))",
|
|
5262
|
+
"sm": "var(--cnvs-sys-shape-sm, 0.375rem)",
|
|
4792
5263
|
"md": "var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x2, 0.5rem))",
|
|
4793
5264
|
"lg": "var(--cnvs-sys-shape-lg, 0.75rem)",
|
|
4794
5265
|
"xl": "var(--cnvs-sys-shape-xl, var(--cnvs-sys-shape-x4, 1rem))",
|
|
4795
|
-
"xxl": "var(--cnvs-sys-shape-xxl,
|
|
4796
|
-
"xxxl": "var(--cnvs-sys-shape-xxxl,
|
|
5266
|
+
"xxl": "var(--cnvs-sys-shape-xxl, 1.25rem)",
|
|
5267
|
+
"xxxl": "var(--cnvs-sys-shape-xxxl, 1.75rem)",
|
|
4797
5268
|
"full": "var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem))"
|
|
4798
5269
|
},
|
|
4799
5270
|
"fontSize": {
|
|
@@ -4826,7 +5297,7 @@ export declare const legacy: {
|
|
|
4826
5297
|
},
|
|
4827
5298
|
"body": {
|
|
4828
5299
|
"sm": "var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small, 1.5rem))",
|
|
4829
|
-
"md": "var(--cnvs-sys-line-height-body-md, var(--cnvs-sys-line-height-body-medium, 1.
|
|
5300
|
+
"md": "var(--cnvs-sys-line-height-body-md, var(--cnvs-sys-line-height-body-medium, 1.5rem))",
|
|
4830
5301
|
"lg": "var(--cnvs-sys-line-height-body-lg, var(--cnvs-sys-line-height-body-large, 1.75rem))"
|
|
4831
5302
|
},
|
|
4832
5303
|
"heading": {
|
|
@@ -4843,95 +5314,56 @@ export declare const legacy: {
|
|
|
4843
5314
|
"type": {
|
|
4844
5315
|
"subtext": {
|
|
4845
5316
|
"sm": {
|
|
4846
|
-
"fontFamily": "var(--cnvs-sys-
|
|
4847
|
-
"fontWeight": "var(--cnvs-sys-
|
|
4848
|
-
"lineHeight": "var(--cnvs-sys-
|
|
4849
|
-
"fontSize": "var(--cnvs-sys-
|
|
4850
|
-
"letterSpacing": "var(--cnvs-sys-
|
|
5317
|
+
"fontFamily": "var(--cnvs-sys-font-family-default)",
|
|
5318
|
+
"fontWeight": "var(--cnvs-sys-font-weight-normal)",
|
|
5319
|
+
"lineHeight": "var(--cnvs-sys-line-height-subtext-sm, var(--cnvs-sys-line-height-subtext-small))",
|
|
5320
|
+
"fontSize": "var(--cnvs-sys-font-size-subtext-sm, var(--cnvs-sys-font-size-subtext-small))",
|
|
5321
|
+
"letterSpacing": "var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-base-letter-spacing-50))"
|
|
4851
5322
|
},
|
|
4852
5323
|
"md": {
|
|
4853
|
-
"fontFamily": "var(--cnvs-sys-
|
|
4854
|
-
"fontWeight": "var(--cnvs-sys-
|
|
4855
|
-
"lineHeight": "var(--cnvs-sys-
|
|
4856
|
-
"fontSize": "var(--cnvs-sys-
|
|
4857
|
-
"letterSpacing": "var(--cnvs-sys-
|
|
5324
|
+
"fontFamily": "var(--cnvs-sys-font-family-default)",
|
|
5325
|
+
"fontWeight": "var(--cnvs-sys-font-weight-normal)",
|
|
5326
|
+
"lineHeight": "var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium))",
|
|
5327
|
+
"fontSize": "var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium))",
|
|
5328
|
+
"letterSpacing": "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-base-letter-spacing-100))"
|
|
4858
5329
|
},
|
|
4859
5330
|
"lg": {
|
|
4860
|
-
"fontFamily": "var(--cnvs-sys-
|
|
4861
|
-
"fontWeight": "var(--cnvs-sys-
|
|
4862
|
-
"lineHeight": "var(--cnvs-sys-
|
|
4863
|
-
"fontSize": "var(--cnvs-sys-
|
|
4864
|
-
"letterSpacing": "var(--cnvs-sys-
|
|
5331
|
+
"fontFamily": "var(--cnvs-sys-font-family-default)",
|
|
5332
|
+
"fontWeight": "var(--cnvs-sys-font-weight-normal)",
|
|
5333
|
+
"lineHeight": "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large))",
|
|
5334
|
+
"fontSize": "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large))",
|
|
5335
|
+
"letterSpacing": "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150))"
|
|
4865
5336
|
}
|
|
4866
5337
|
},
|
|
4867
5338
|
"body": {
|
|
4868
5339
|
"sm": {
|
|
4869
|
-
"fontFamily": "var(--cnvs-sys-
|
|
4870
|
-
"fontWeight": "var(--cnvs-sys-
|
|
4871
|
-
"lineHeight": "var(--cnvs-sys-
|
|
4872
|
-
"fontSize": "var(--cnvs-sys-
|
|
4873
|
-
"letterSpacing": "var(--cnvs-sys-
|
|
4874
|
-
},
|
|
4875
|
-
"md": {
|
|
4876
|
-
"fontFamily": "var(--cnvs-sys-type-body-md, var(--cnvs-sys-type-body-medium))",
|
|
4877
|
-
"fontWeight": "var(--cnvs-sys-type-body-md, var(--cnvs-sys-type-body-medium))",
|
|
4878
|
-
"lineHeight": "var(--cnvs-sys-type-body-md, var(--cnvs-sys-type-body-medium))",
|
|
4879
|
-
"fontSize": "var(--cnvs-sys-type-body-md, var(--cnvs-sys-type-body-medium))"
|
|
4880
|
-
},
|
|
4881
|
-
"lg": {
|
|
4882
|
-
"fontFamily": "var(--cnvs-sys-type-body-lg, var(--cnvs-sys-type-body-large))",
|
|
4883
|
-
"fontWeight": "var(--cnvs-sys-type-body-lg, var(--cnvs-sys-type-body-large))",
|
|
4884
|
-
"lineHeight": "var(--cnvs-sys-type-body-lg, var(--cnvs-sys-type-body-large))",
|
|
4885
|
-
"fontSize": "var(--cnvs-sys-type-body-lg, var(--cnvs-sys-type-body-large))"
|
|
4886
|
-
}
|
|
4887
|
-
},
|
|
4888
|
-
"heading": {
|
|
4889
|
-
"sm": {
|
|
4890
|
-
"fontFamily": "var(--cnvs-sys-type-heading-sm, var(--cnvs-sys-type-heading-small))",
|
|
4891
|
-
"fontWeight": "var(--cnvs-sys-type-heading-sm, var(--cnvs-sys-type-heading-small))",
|
|
4892
|
-
"lineHeight": "var(--cnvs-sys-type-heading-sm, var(--cnvs-sys-type-heading-small))",
|
|
4893
|
-
"fontSize": "var(--cnvs-sys-type-heading-sm, var(--cnvs-sys-type-heading-small))"
|
|
4894
|
-
},
|
|
4895
|
-
"md": {
|
|
4896
|
-
"fontFamily": "var(--cnvs-sys-type-heading-md, var(--cnvs-sys-type-heading-medium))",
|
|
4897
|
-
"fontWeight": "var(--cnvs-sys-type-heading-md, var(--cnvs-sys-type-heading-medium))",
|
|
4898
|
-
"lineHeight": "var(--cnvs-sys-type-heading-md, var(--cnvs-sys-type-heading-medium))",
|
|
4899
|
-
"fontSize": "var(--cnvs-sys-type-heading-md, var(--cnvs-sys-type-heading-medium))"
|
|
4900
|
-
},
|
|
4901
|
-
"lg": {
|
|
4902
|
-
"fontFamily": "var(--cnvs-sys-type-heading-lg, var(--cnvs-sys-type-heading-large))",
|
|
4903
|
-
"fontWeight": "var(--cnvs-sys-type-heading-lg, var(--cnvs-sys-type-heading-large))",
|
|
4904
|
-
"lineHeight": "var(--cnvs-sys-type-heading-lg, var(--cnvs-sys-type-heading-large))",
|
|
4905
|
-
"fontSize": "var(--cnvs-sys-type-heading-lg, var(--cnvs-sys-type-heading-large))"
|
|
4906
|
-
}
|
|
4907
|
-
},
|
|
4908
|
-
"title": {
|
|
4909
|
-
"sm": {
|
|
4910
|
-
"fontFamily": "var(--cnvs-sys-type-title-sm, var(--cnvs-sys-type-title-small))",
|
|
4911
|
-
"fontWeight": "var(--cnvs-sys-type-title-sm, var(--cnvs-sys-type-title-small))",
|
|
4912
|
-
"lineHeight": "var(--cnvs-sys-type-title-sm, var(--cnvs-sys-type-title-small))",
|
|
4913
|
-
"fontSize": "var(--cnvs-sys-type-title-sm, var(--cnvs-sys-type-title-small))"
|
|
4914
|
-
},
|
|
4915
|
-
"md": {
|
|
4916
|
-
"fontFamily": "var(--cnvs-sys-type-title-md, var(--cnvs-sys-type-title-medium))",
|
|
4917
|
-
"fontWeight": "var(--cnvs-sys-type-title-md, var(--cnvs-sys-type-title-medium))",
|
|
4918
|
-
"lineHeight": "var(--cnvs-sys-type-title-md, var(--cnvs-sys-type-title-medium))",
|
|
4919
|
-
"fontSize": "var(--cnvs-sys-type-title-md, var(--cnvs-sys-type-title-medium))"
|
|
4920
|
-
},
|
|
4921
|
-
"lg": {
|
|
4922
|
-
"fontFamily": "var(--cnvs-sys-type-title-lg, var(--cnvs-sys-type-title-large))",
|
|
4923
|
-
"fontWeight": "var(--cnvs-sys-type-title-lg, var(--cnvs-sys-type-title-large))",
|
|
4924
|
-
"lineHeight": "var(--cnvs-sys-type-title-lg, var(--cnvs-sys-type-title-large))",
|
|
4925
|
-
"fontSize": "var(--cnvs-sys-type-title-lg, var(--cnvs-sys-type-title-large))"
|
|
5340
|
+
"fontFamily": "var(--cnvs-sys-font-family-default)",
|
|
5341
|
+
"fontWeight": "var(--cnvs-sys-font-weight-normal)",
|
|
5342
|
+
"lineHeight": "var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small))",
|
|
5343
|
+
"fontSize": "var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small))",
|
|
5344
|
+
"letterSpacing": "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-base-letter-spacing-200))"
|
|
4926
5345
|
}
|
|
4927
5346
|
}
|
|
4928
5347
|
},
|
|
4929
5348
|
"color": {
|
|
5349
|
+
"bg": {
|
|
5350
|
+
"alt": {
|
|
5351
|
+
"default": "var(--cnvs-sys-color-bg-alt-default, oklch(0.9702 0 0 / 1))"
|
|
5352
|
+
}
|
|
5353
|
+
},
|
|
4930
5354
|
"fg": {
|
|
5355
|
+
"muted": {
|
|
5356
|
+
"default": "var(--cnvs-sys-color-fg-muted-default, oklch(0.1704 0.05 251.35 / 0.6353))",
|
|
5357
|
+
"strong": "var(--cnvs-sys-color-fg-muted-strong, oklch(0.1549 0.0434 249.61 / 0.7098))"
|
|
5358
|
+
},
|
|
4931
5359
|
"info": {
|
|
4932
5360
|
"default": "var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)))",
|
|
4933
5361
|
"strong": "var(--cnvs-sys-color-fg-info-strong, var(--cnvs-sys-color-fg-primary-strong, oklch(0.4658 0.1562 255.5 / 1)))"
|
|
4934
5362
|
},
|
|
5363
|
+
"default": "var(--cnvs-sys-color-fg-default, oklch(0 0 0 / 0.8039))",
|
|
5364
|
+
"strong": "var(--cnvs-sys-color-fg-strong, oklch(0 0 0 / 0.8706))",
|
|
5365
|
+
"stronger": "var(--cnvs-sys-color-fg-stronger, oklch(0 0 0 / 0.8902))",
|
|
5366
|
+
"disabled": "var(--cnvs-sys-color-fg-disabled, oklch(0 0 0 / 0.3529))",
|
|
4935
5367
|
"danger": {
|
|
4936
5368
|
"default": "var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)))",
|
|
4937
5369
|
"strong": "var(--cnvs-sys-color-fg-danger-strong, var(--cnvs-sys-color-fg-critical-strong, oklch(0.4517 0.1847 28.2 / 1)))"
|
|
@@ -4943,77 +5375,89 @@ export declare const legacy: {
|
|
|
4943
5375
|
"success": {
|
|
4944
5376
|
"default": "var(--cnvs-sys-color-fg-success-default, oklch(0.5069 0.1569 145.56 / 1))",
|
|
4945
5377
|
"strong": "var(--cnvs-sys-color-fg-success-strong, oklch(0.4463 0.1422 144.58 / 1))"
|
|
5378
|
+
},
|
|
5379
|
+
"contrast": {
|
|
5380
|
+
"default": "var(--cnvs-sys-color-fg-contrast-default, oklch(0 0 0 / 0.8706))",
|
|
5381
|
+
"strong": "var(--cnvs-sys-color-fg-contrast-strong, oklch(0 0 0 / 0.8902))"
|
|
4946
5382
|
}
|
|
4947
5383
|
},
|
|
4948
5384
|
"border": {
|
|
5385
|
+
"ai": "var(--cnvs-sys-color-border-ai, oklch(0.2452 0.0752 254.55 / 1))",
|
|
4949
5386
|
"input": {
|
|
4950
|
-
"
|
|
5387
|
+
"default": "var(--cnvs-sys-color-border-input-default, oklch(0 0 0 / 0.4706))",
|
|
5388
|
+
"hover": "var(--cnvs-sys-color-border-input-hover, var(--cnvs-sys-color-border-input-strong, oklch(0 0 0 / 0.6784)))"
|
|
5389
|
+
},
|
|
5390
|
+
"contrast": {
|
|
5391
|
+
"default": "var(--cnvs-sys-color-border-contrast-default, oklch(0 0 0 / 0.8706))"
|
|
4951
5392
|
},
|
|
4952
|
-
"default": "var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0
|
|
4953
|
-
"strong": "var(--cnvs-sys-color-border-strong, var(--cnvs-sys-color-border-container, oklch(0
|
|
5393
|
+
"default": "var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0 0 0 / 0.0745)))",
|
|
5394
|
+
"strong": "var(--cnvs-sys-color-border-strong, var(--cnvs-sys-color-border-container, oklch(0 0 0 / 0.1686)))",
|
|
4954
5395
|
"info": {
|
|
4955
5396
|
"default": "var(--cnvs-sys-color-border-info-default, var(--cnvs-sys-color-border-primary-default, oklch(0.6023 0.2032 255.68 / 1)))"
|
|
4956
5397
|
},
|
|
4957
5398
|
"danger": "var(--cnvs-sys-color-border-danger, var(--cnvs-sys-color-border-critical-default, oklch(0.6495 0.2369 30.04 / 1)))",
|
|
4958
|
-
"warning": "var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.
|
|
5399
|
+
"warning": "var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.6601 0.1537 60.7 / 1)))",
|
|
4959
5400
|
"inverse": {
|
|
4960
5401
|
"default": "var(--cnvs-sys-color-border-inverse-default, var(--cnvs-sys-color-border-inverse, oklch(1 0 0 / 1)))",
|
|
4961
|
-
"strong": "var(--cnvs-sys-color-border-inverse-strong, oklch(1 0
|
|
5402
|
+
"strong": "var(--cnvs-sys-color-border-inverse-strong, oklch(1 0 89.88 / 0.788))"
|
|
4962
5403
|
}
|
|
4963
5404
|
},
|
|
4964
5405
|
"shadow": {
|
|
4965
|
-
"base": "var(--cnvs-sys-color-shadow-base, oklch(0.
|
|
4966
|
-
"ambient": "var(--cnvs-sys-color-shadow-ambient, oklch(0.
|
|
5406
|
+
"base": "var(--cnvs-sys-color-shadow-base, oklch(0.2751 0.1026 258.16 / 0.1922))",
|
|
5407
|
+
"ambient": "var(--cnvs-sys-color-shadow-ambient, oklch(0.3039 0.0952 253.5 / 0.0863))"
|
|
4967
5408
|
},
|
|
4968
5409
|
"surface": {
|
|
4969
5410
|
"default": "var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
|
|
4970
|
-
"navigation": "var(--cnvs-sys-color-surface-navigation, oklch(0.
|
|
5411
|
+
"navigation": "var(--cnvs-sys-color-surface-navigation, oklch(0.9702 0 0 / 1))",
|
|
4971
5412
|
"popover": "var(--cnvs-sys-color-surface-popover, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
|
|
4972
5413
|
"modal": "var(--cnvs-sys-color-surface-modal, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
|
|
4973
|
-
"raised": "var(--cnvs-sys-color-surface-raised,
|
|
5414
|
+
"raised": "var(--cnvs-sys-color-surface-raised, oklch(0 0 0 / 0.0196))",
|
|
4974
5415
|
"alt": {
|
|
4975
|
-
"default": "var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0
|
|
4976
|
-
"strong": "var(--cnvs-sys-color-surface-alt-strong, var(--cnvs-sys-color-bg-alt-default, oklch(0
|
|
5416
|
+
"default": "var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0 0 0 / 0.0392)))",
|
|
5417
|
+
"strong": "var(--cnvs-sys-color-surface-alt-strong, var(--cnvs-sys-color-bg-alt-default, oklch(0 0 0 / 0.0745)))"
|
|
4977
5418
|
},
|
|
4978
|
-
"loading": "var(--cnvs-sys-color-surface-loading, oklch(0
|
|
5419
|
+
"loading": "var(--cnvs-sys-color-surface-loading, oklch(0 0 0 / 0.0392))",
|
|
4979
5420
|
"info": {
|
|
4980
|
-
"default": "var(--cnvs-sys-color-surface-info-default, var(--cnvs-sys-color-bg-info-softest, oklch(0.
|
|
4981
|
-
"strong": "var(--cnvs-sys-color-surface-info-strong, var(--cnvs-sys-color-bg-info-softer, oklch(0.
|
|
5421
|
+
"default": "var(--cnvs-sys-color-surface-info-default, var(--cnvs-sys-color-bg-info-softest, oklch(0.6141 0.2114 256.22 / 0.0706)))",
|
|
5422
|
+
"strong": "var(--cnvs-sys-color-surface-info-strong, var(--cnvs-sys-color-bg-info-softer, oklch(0.6141 0.2114 256.22 / 0.1098)))"
|
|
4982
5423
|
},
|
|
4983
5424
|
"danger": {
|
|
4984
|
-
"default": "var(--cnvs-sys-color-surface-danger-default, oklch(0.
|
|
4985
|
-
"strong": "var(--cnvs-sys-color-surface-danger-strong, oklch(0.
|
|
5425
|
+
"default": "var(--cnvs-sys-color-surface-danger-default, oklch(0.6329 0.253 30.1 / 0.0431))",
|
|
5426
|
+
"strong": "var(--cnvs-sys-color-surface-danger-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
|
|
4986
5427
|
},
|
|
4987
5428
|
"warning": {
|
|
4988
|
-
"default": "var(--cnvs-sys-color-surface-warning-default, var(--cnvs-sys-color-static-amber-softest, oklch(0.
|
|
4989
|
-
"strong": "var(--cnvs-sys-color-surface-warning-strong, var(--cnvs-sys-color-static-amber-stronger, oklch(0.
|
|
5429
|
+
"default": "var(--cnvs-sys-color-surface-warning-default, var(--cnvs-sys-color-static-amber-softest, oklch(0.7792 0.1592 90.57 / 0.0902)))",
|
|
5430
|
+
"strong": "var(--cnvs-sys-color-surface-warning-strong, var(--cnvs-sys-color-static-amber-stronger, oklch(0.8854 0.1841 100.16 / 0.2196)))"
|
|
4990
5431
|
},
|
|
4991
5432
|
"success": {
|
|
4992
|
-
"default": "var(--cnvs-sys-color-surface-success-default, oklch(0.
|
|
4993
|
-
"strong": "var(--cnvs-sys-color-surface-success-strong, oklch(0.
|
|
5433
|
+
"default": "var(--cnvs-sys-color-surface-success-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
|
|
5434
|
+
"strong": "var(--cnvs-sys-color-surface-success-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
|
|
4994
5435
|
},
|
|
4995
5436
|
"ai": {
|
|
4996
|
-
"default": "var(--cnvs-sys-color-surface-ai-default, var(--cnvs-sys-color-bg-ai-default, oklch(0.
|
|
5437
|
+
"default": "var(--cnvs-sys-color-surface-ai-default, var(--cnvs-sys-color-bg-ai-default, oklch(0.6077 0.215 256.92 / 0.1608)))",
|
|
4997
5438
|
"hover": "var(--cnvs-sys-color-surface-ai-hover, var(--cnvs-sys-color-bg-ai-strong, oklch(0.6048 0.2166 257.21 / 0.31)))",
|
|
4998
5439
|
"pressed": "var(--cnvs-sys-color-surface-ai-pressed, var(--cnvs-sys-color-bg-ai-stronger, oklch(0.708 0.1549 255.41 / 1)))"
|
|
4999
5440
|
},
|
|
5000
5441
|
"transparent": "var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)))",
|
|
5001
5442
|
"inverse": "var(--cnvs-sys-color-surface-inverse, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
|
|
5002
5443
|
"contrast": {
|
|
5003
|
-
"default": "var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-contrast-default, oklch(0
|
|
5004
|
-
"strong": "var(--cnvs-sys-color-surface-contrast-strong, var(--cnvs-sys-color-bg-contrast-strong, oklch(0
|
|
5444
|
+
"default": "var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-contrast-default, oklch(0 0 0 / 0.8706)))",
|
|
5445
|
+
"strong": "var(--cnvs-sys-color-surface-contrast-strong, var(--cnvs-sys-color-bg-contrast-strong, oklch(0 0 0 / 0.8902)))"
|
|
5005
5446
|
},
|
|
5006
5447
|
"overlay": {
|
|
5007
5448
|
"hover": {
|
|
5008
|
-
"default": "var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0
|
|
5009
|
-
"inverse": "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0
|
|
5449
|
+
"default": "var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0 0 0 / 0.0392))",
|
|
5450
|
+
"inverse": "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0 89.88 / 0.1841))"
|
|
5010
5451
|
},
|
|
5011
|
-
"mixin": "var(--cnvs-sys-color-surface-overlay-mixin, oklch(0
|
|
5452
|
+
"mixin": "var(--cnvs-sys-color-surface-overlay-mixin, oklch(0 0 0 / 1))",
|
|
5012
5453
|
"pressed": {
|
|
5013
|
-
"default": "var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0
|
|
5014
|
-
"inverse": "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0
|
|
5454
|
+
"default": "var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0 0 0 / 0.0745))",
|
|
5455
|
+
"inverse": "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0 89.88 / 0.25))"
|
|
5015
5456
|
},
|
|
5016
|
-
"scrim": "var(--cnvs-sys-color-surface-overlay-scrim, oklch(0
|
|
5457
|
+
"scrim": "var(--cnvs-sys-color-surface-overlay-scrim, oklch(0 0 0 / 0.3529))"
|
|
5458
|
+
},
|
|
5459
|
+
"text": {
|
|
5460
|
+
"highlight": "var(--cnvs-sys-color-surface-text-highlight, oklch(0.4602 0.3077 264.17 / 0.2314))"
|
|
5017
5461
|
}
|
|
5018
5462
|
},
|
|
5019
5463
|
"accent": {
|
|
@@ -5022,15 +5466,15 @@ export declare const legacy: {
|
|
|
5022
5466
|
"danger": "var(--cnvs-sys-color-accent-danger, var(--cnvs-sys-color-bg-critical-default, oklch(0.5342 0.2172 29.53 / 1)))",
|
|
5023
5467
|
"warning": "var(--cnvs-sys-color-accent-warning, oklch(0.7909 0.1711 70.15 / 1))",
|
|
5024
5468
|
"success": "var(--cnvs-sys-color-accent-success, var(--cnvs-sys-color-bg-positive-default, oklch(0.5069 0.1569 145.56 / 1)))",
|
|
5025
|
-
"contrast": "var(--cnvs-sys-color-accent-contrast, oklch(0
|
|
5469
|
+
"contrast": "var(--cnvs-sys-color-accent-contrast, oklch(0 0 0 / 0.8706))",
|
|
5026
5470
|
"muted": {
|
|
5027
|
-
"default": "var(--cnvs-sys-color-accent-muted-default, var(--cnvs-sys-color-bg-muted-default, oklch(0.5103 0
|
|
5028
|
-
"soft": "var(--cnvs-sys-color-accent-muted-soft, var(--cnvs-sys-color-bg-muted-softer, oklch(0.
|
|
5471
|
+
"default": "var(--cnvs-sys-color-accent-muted-default, var(--cnvs-sys-color-bg-muted-default, oklch(0.5103 0 0 / 1)))",
|
|
5472
|
+
"soft": "var(--cnvs-sys-color-accent-muted-soft, var(--cnvs-sys-color-bg-muted-softer, oklch(0.7219 0 89.88 / 1)))"
|
|
5029
5473
|
},
|
|
5030
5474
|
"overlay": {
|
|
5031
|
-
"hover": "var(--cnvs-sys-color-accent-overlay-hover, oklch(
|
|
5032
|
-
"pressed": "var(--cnvs-sys-color-accent-overlay-pressed, oklch(
|
|
5033
|
-
"mixin": "var(--cnvs-sys-color-accent-overlay-mixin, oklch(
|
|
5475
|
+
"hover": "var(--cnvs-sys-color-accent-overlay-hover, oklch(1 0 89.88 / 0.045))",
|
|
5476
|
+
"pressed": "var(--cnvs-sys-color-accent-overlay-pressed, oklch(1 0 89.88 / 0.118))",
|
|
5477
|
+
"mixin": "var(--cnvs-sys-color-accent-overlay-mixin, oklch(1 0 0 / 1))"
|
|
5034
5478
|
}
|
|
5035
5479
|
},
|
|
5036
5480
|
"brand": {
|
|
@@ -5044,34 +5488,34 @@ export declare const legacy: {
|
|
|
5044
5488
|
},
|
|
5045
5489
|
"surface": {
|
|
5046
5490
|
"primary": {
|
|
5047
|
-
"default": "var(--cnvs-sys-color-brand-surface-primary-default, oklch(0.
|
|
5048
|
-
"strong": "var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0.
|
|
5491
|
+
"default": "var(--cnvs-sys-color-brand-surface-primary-default, oklch(0.6141 0.2114 256.22 / 0.0706))",
|
|
5492
|
+
"strong": "var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0.6141 0.2114 256.22 / 0.1098))"
|
|
5049
5493
|
},
|
|
5050
5494
|
"critical": {
|
|
5051
|
-
"default": "var(--cnvs-sys-color-brand-surface-critical-default, oklch(0.
|
|
5052
|
-
"strong": "var(--cnvs-sys-color-brand-surface-critical-strong, oklch(0.
|
|
5495
|
+
"default": "var(--cnvs-sys-color-brand-surface-critical-default, oklch(0.6329 0.253 30.1 / 0.0431))",
|
|
5496
|
+
"strong": "var(--cnvs-sys-color-brand-surface-critical-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
|
|
5053
5497
|
},
|
|
5054
5498
|
"caution": {
|
|
5055
|
-
"default": "var(--cnvs-sys-color-brand-surface-caution-default, oklch(0.
|
|
5056
|
-
"strong": "var(--cnvs-sys-color-brand-surface-caution-strong, oklch(0.
|
|
5499
|
+
"default": "var(--cnvs-sys-color-brand-surface-caution-default, oklch(0.7792 0.1592 90.57 / 0.0902))",
|
|
5500
|
+
"strong": "var(--cnvs-sys-color-brand-surface-caution-strong, oklch(0.8854 0.1841 100.16 / 0.2196))"
|
|
5057
5501
|
},
|
|
5058
5502
|
"positive": {
|
|
5059
|
-
"default": "var(--cnvs-sys-color-brand-surface-positive-default, oklch(0.
|
|
5060
|
-
"strong": "var(--cnvs-sys-color-brand-surface-positive-strong, oklch(0.
|
|
5503
|
+
"default": "var(--cnvs-sys-color-brand-surface-positive-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
|
|
5504
|
+
"strong": "var(--cnvs-sys-color-brand-surface-positive-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
|
|
5061
5505
|
},
|
|
5062
|
-
"selected": "var(--cnvs-sys-color-brand-surface-selected, oklch(0
|
|
5506
|
+
"selected": "var(--cnvs-sys-color-brand-surface-selected, oklch(0 0 0 / 0.0745))"
|
|
5063
5507
|
},
|
|
5064
5508
|
"accent": {
|
|
5065
|
-
"primary": "var(--cnvs-sys-color-brand-accent-primary,
|
|
5509
|
+
"primary": "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
|
|
5066
5510
|
"critical": "var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)))",
|
|
5067
5511
|
"caution": "var(--cnvs-sys-color-brand-accent-caution, oklch(0.7909 0.1711 70.15 / 1))",
|
|
5068
5512
|
"positive": "var(--cnvs-sys-color-brand-accent-positive, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)))",
|
|
5069
|
-
"action": "var(--cnvs-sys-color-brand-accent-action,
|
|
5513
|
+
"action": "var(--cnvs-sys-color-brand-accent-action, oklch(0.196 0 89.88 / 1))"
|
|
5070
5514
|
},
|
|
5071
5515
|
"fg": {
|
|
5072
5516
|
"primary": {
|
|
5073
|
-
"default": "var(--cnvs-sys-color-brand-fg-primary-default,
|
|
5074
|
-
"strong": "var(--cnvs-sys-color-brand-fg-primary-strong,
|
|
5517
|
+
"default": "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
|
|
5518
|
+
"strong": "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
|
|
5075
5519
|
},
|
|
5076
5520
|
"critical": {
|
|
5077
5521
|
"default": "var(--cnvs-sys-color-brand-fg-critical-default, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)))",
|
|
@@ -5085,7 +5529,11 @@ export declare const legacy: {
|
|
|
5085
5529
|
"default": "var(--cnvs-sys-color-brand-fg-positive-default, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)))",
|
|
5086
5530
|
"strong": "var(--cnvs-sys-color-brand-fg-positive-strong, var(--cnvs-brand-success-dark, oklch(0.4463 0.1422 144.58 / 1)))"
|
|
5087
5531
|
},
|
|
5088
|
-
"selected": "var(--cnvs-sys-color-brand-fg-selected,
|
|
5532
|
+
"selected": "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))",
|
|
5533
|
+
"link": {
|
|
5534
|
+
"default": "var(--cnvs-sys-color-brand-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))",
|
|
5535
|
+
"hover": "var(--cnvs-sys-color-brand-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))"
|
|
5536
|
+
}
|
|
5089
5537
|
},
|
|
5090
5538
|
"border": {
|
|
5091
5539
|
"primary": "var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1))",
|
|
@@ -5095,17 +5543,75 @@ export declare const legacy: {
|
|
|
5095
5543
|
},
|
|
5096
5544
|
"focus": {
|
|
5097
5545
|
"inverse": "var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1)))",
|
|
5098
|
-
"contrast": "var(--cnvs-sys-color-focus-contrast, oklch(0
|
|
5546
|
+
"contrast": "var(--cnvs-sys-color-focus-contrast, oklch(0 0 0 / 0.8706))"
|
|
5547
|
+
},
|
|
5548
|
+
"chart": {
|
|
5549
|
+
"diverging": {
|
|
5550
|
+
"azure": {
|
|
5551
|
+
"coral": {
|
|
5552
|
+
"1": "var(--cnvs-sys-color-chart-diverging-azure-coral-1, oklch(0.326 0.07 235.91 / 1))",
|
|
5553
|
+
"2": "var(--cnvs-sys-color-chart-diverging-azure-coral-2, oklch(0.3912 0.0855 237.05 / 1))",
|
|
5554
|
+
"3": "var(--cnvs-sys-color-chart-diverging-azure-coral-3, oklch(0.4618 0.1098 242.11 / 1))",
|
|
5555
|
+
"4": "var(--cnvs-sys-color-chart-diverging-azure-coral-4, oklch(0.5174 0.1257 243.24 / 1))",
|
|
5556
|
+
"5": "var(--cnvs-sys-color-chart-diverging-azure-coral-5, oklch(0.6555 0.1553 244.48 / 1))",
|
|
5557
|
+
"6": "var(--cnvs-sys-color-chart-diverging-azure-coral-6, oklch(0.7283 0.1377 242.63 / 1))",
|
|
5558
|
+
"7": "var(--cnvs-sys-color-chart-diverging-azure-coral-7, oklch(0.7991 0.107 239.24 / 1))",
|
|
5559
|
+
"8": "var(--cnvs-sys-color-chart-diverging-azure-coral-8, oklch(0.8594 0.0867 230.07 / 1))",
|
|
5560
|
+
"9": "var(--cnvs-sys-color-chart-diverging-azure-coral-9, oklch(0.9321 0.0425 227.25 / 1))",
|
|
5561
|
+
"10": "var(--cnvs-sys-color-chart-diverging-azure-coral-10, oklch(0.9549 0.0295 223.86 / 1))",
|
|
5562
|
+
"11": "var(--cnvs-sys-color-chart-diverging-azure-coral-11, oklch(0.981 0.0131 220.96 / 1))",
|
|
5563
|
+
"12": "var(--cnvs-sys-color-chart-diverging-azure-coral-12, oklch(1 0 0 / 1))",
|
|
5564
|
+
"13": "var(--cnvs-sys-color-chart-diverging-azure-coral-13, oklch(0.9837 0.0085 44.54 / 1))",
|
|
5565
|
+
"14": "var(--cnvs-sys-color-chart-diverging-azure-coral-14, oklch(0.9659 0.0171 35.14 / 1))",
|
|
5566
|
+
"15": "var(--cnvs-sys-color-chart-diverging-azure-coral-15, oklch(0.9344 0.0339 35.8 / 1))",
|
|
5567
|
+
"16": "var(--cnvs-sys-color-chart-diverging-azure-coral-16, oklch(0.8476 0.0856 37.59 / 1))",
|
|
5568
|
+
"17": "var(--cnvs-sys-color-chart-diverging-azure-coral-17, oklch(0.7671 0.1418 38.37 / 1))",
|
|
5569
|
+
"18": "var(--cnvs-sys-color-chart-diverging-azure-coral-18, oklch(0.7279 0.1703 38.58 / 1))",
|
|
5570
|
+
"19": "var(--cnvs-sys-color-chart-diverging-azure-coral-19, oklch(0.6779 0.2096 40.36 / 1))",
|
|
5571
|
+
"20": "var(--cnvs-sys-color-chart-diverging-azure-coral-20, oklch(0.5394 0.1828 36.43 / 1))",
|
|
5572
|
+
"21": "var(--cnvs-sys-color-chart-diverging-azure-coral-21, oklch(0.4616 0.1629 34.74 / 1))",
|
|
5573
|
+
"22": "var(--cnvs-sys-color-chart-diverging-azure-coral-22, oklch(0.393 0.143 33.49 / 1))",
|
|
5574
|
+
"23": "var(--cnvs-sys-color-chart-diverging-azure-coral-23, oklch(0.3043 0.1137 32.49 / 1))"
|
|
5575
|
+
}
|
|
5576
|
+
}
|
|
5577
|
+
},
|
|
5578
|
+
"categorical": {
|
|
5579
|
+
"1": "var(--cnvs-sys-color-chart-categorical-1, oklch(0.6385 0.1093 205.92 / 1))",
|
|
5580
|
+
"2": "var(--cnvs-sys-color-chart-categorical-2, oklch(0.3908 0.128 256 / 1))",
|
|
5581
|
+
"3": "var(--cnvs-sys-color-chart-categorical-3, oklch(0.6617 0.1893 44.93 / 1))",
|
|
5582
|
+
"4": "var(--cnvs-sys-color-chart-categorical-4, oklch(0.6555 0.1553 244.48 / 1))",
|
|
5583
|
+
"5": "var(--cnvs-sys-color-chart-categorical-5, oklch(0.534 0.183 344.19 / 1))",
|
|
5584
|
+
"6": "var(--cnvs-sys-color-chart-categorical-6, oklch(0.5069 0.1569 145.56 / 1))",
|
|
5585
|
+
"7": "var(--cnvs-sys-color-chart-categorical-7, oklch(0.628 0.1681 312.69 / 1))",
|
|
5586
|
+
"8": "var(--cnvs-sys-color-chart-categorical-8, oklch(0.6601 0.1537 60.7 / 1))",
|
|
5587
|
+
"9": "var(--cnvs-sys-color-chart-categorical-9, oklch(0.4634 0.0796 207.82 / 1))",
|
|
5588
|
+
"10": "var(--cnvs-sys-color-chart-categorical-10, oklch(0.5289 0.2241 281.65 / 1))",
|
|
5589
|
+
"11": "var(--cnvs-sys-color-chart-categorical-11, oklch(0.4689 0.1456 40.5 / 1))",
|
|
5590
|
+
"12": "var(--cnvs-sys-color-chart-categorical-12, oklch(0.4618 0.1098 242.11 / 1))",
|
|
5591
|
+
"13": "var(--cnvs-sys-color-chart-categorical-13, oklch(0.476 0.156 313.2 / 1))",
|
|
5592
|
+
"14": "var(--cnvs-sys-color-chart-categorical-14, oklch(0.5394 0.1828 36.43 / 1))",
|
|
5593
|
+
"15": "var(--cnvs-sys-color-chart-categorical-15, oklch(0.3955 0.1156 147.66 / 1))",
|
|
5594
|
+
"16": "var(--cnvs-sys-color-chart-categorical-16, oklch(0.4824 0.1353 46.11 / 1))"
|
|
5595
|
+
},
|
|
5596
|
+
"sequential": {
|
|
5597
|
+
"1": "var(--cnvs-sys-color-chart-sequential-1, oklch(0.9827 0.021 200.66 / 1))",
|
|
5598
|
+
"2": "var(--cnvs-sys-color-chart-sequential-2, oklch(0.9575 0.0424 203.83 / 1))",
|
|
5599
|
+
"3": "var(--cnvs-sys-color-chart-sequential-3, oklch(0.935 0.046 205.09 / 1))",
|
|
5600
|
+
"4": "var(--cnvs-sys-color-chart-sequential-4, oklch(0.8766 0.0677 204.24 / 1))",
|
|
5601
|
+
"5": "var(--cnvs-sys-color-chart-sequential-5, oklch(0.7836 0.0874 204.93 / 1))",
|
|
5602
|
+
"6": "var(--cnvs-sys-color-chart-sequential-6, oklch(0.7154 0.1006 206.05 / 1))",
|
|
5603
|
+
"7": "var(--cnvs-sys-color-chart-sequential-7, oklch(0.6385 0.1093 205.92 / 1))",
|
|
5604
|
+
"8": "var(--cnvs-sys-color-chart-sequential-8, oklch(0.5141 0.0882 207.28 / 1))",
|
|
5605
|
+
"9": "var(--cnvs-sys-color-chart-sequential-9, oklch(0.4634 0.0796 207.82 / 1))",
|
|
5606
|
+
"10": "var(--cnvs-sys-color-chart-sequential-10, oklch(0.3982 0.0687 209.08 / 1))",
|
|
5607
|
+
"11": "var(--cnvs-sys-color-chart-sequential-11, oklch(0.3052 0.0529 210.69 / 1))"
|
|
5608
|
+
}
|
|
5099
5609
|
}
|
|
5100
5610
|
},
|
|
5101
5611
|
"opacity": {
|
|
5102
5612
|
"surface": {
|
|
5103
5613
|
"hover": "var(--cnvs-sys-opacity-surface-hover, 0.08)",
|
|
5104
5614
|
"pressed": "var(--cnvs-sys-opacity-surface-pressed, 0.18)"
|
|
5105
|
-
},
|
|
5106
|
-
"accent": {
|
|
5107
|
-
"hover": "var(--cnvs-sys-opacity-accent-hover, 0.18)",
|
|
5108
|
-
"pressed": "var(--cnvs-sys-opacity-accent-pressed, 0.36)"
|
|
5109
5615
|
}
|
|
5110
5616
|
},
|
|
5111
5617
|
"size": {
|
|
@@ -5137,6 +5643,9 @@ export declare const legacy: {
|
|
|
5137
5643
|
"xl": "var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem))",
|
|
5138
5644
|
"xxl": "var(--cnvs-sys-gap-xxl, var(--cnvs-sys-space-x16, 4rem))"
|
|
5139
5645
|
},
|
|
5646
|
+
"fontFamily": {
|
|
5647
|
+
"fallback": "var(--cnvs-sys-font-family-fallback, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Roboto, Inter, system-ui, Avenir, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif)"
|
|
5648
|
+
},
|
|
5140
5649
|
"letterSpacing": {
|
|
5141
5650
|
"subtext": {
|
|
5142
5651
|
"sm": "var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-sys-type-letter-spacing-subtext-small))",
|
|
@@ -5148,5 +5657,3 @@ export declare const legacy: {
|
|
|
5148
5657
|
}
|
|
5149
5658
|
}
|
|
5150
5659
|
};
|
|
5151
|
-
|
|
5152
|
-
export {sana} from "./sana";
|