@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
package/dist/es6/system/sana.js
DELETED
|
@@ -1,379 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 09 Jun 2026 16:53:31 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
export const sana = {
|
|
7
|
-
breakpoints: {
|
|
8
|
-
xxl: "var(--cnvs-sys-breakpoints-xxl, 2180px)"
|
|
9
|
-
},
|
|
10
|
-
shape: {
|
|
11
|
-
sm: "var(--cnvs-sys-shape-sm, 0.375rem)",
|
|
12
|
-
xxl: "var(--cnvs-sys-shape-xxl, 1.25rem)",
|
|
13
|
-
xxxl: "var(--cnvs-sys-shape-xxxl, 1.75rem)",
|
|
14
|
-
xs: "var(--cnvs-sys-shape-xs, 0.25rem)"
|
|
15
|
-
},
|
|
16
|
-
lineHeight: {
|
|
17
|
-
body: {
|
|
18
|
-
md: "var(--cnvs-sys-line-height-body-md, 1.5rem)"
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
type: {
|
|
22
|
-
body: {
|
|
23
|
-
md: {
|
|
24
|
-
fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
|
|
25
|
-
fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
|
|
26
|
-
lineHeight: "var(--cnvs-sys-line-height-body-md, 1.5rem)",
|
|
27
|
-
fontSize: "var(--cnvs-sys-font-size-body-md, 1.125rem)",
|
|
28
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-body-md, 0rem)"
|
|
29
|
-
},
|
|
30
|
-
lg: {
|
|
31
|
-
fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
|
|
32
|
-
fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
|
|
33
|
-
lineHeight: "var(--cnvs-sys-line-height-body-lg, 1.75rem)",
|
|
34
|
-
fontSize: "var(--cnvs-sys-font-size-body-lg, 1.25rem)",
|
|
35
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-body-lg, -0.00625rem)"
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
heading: {
|
|
39
|
-
sm: {
|
|
40
|
-
fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
|
|
41
|
-
fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
|
|
42
|
-
lineHeight: "var(--cnvs-sys-line-height-heading-sm, 2rem)",
|
|
43
|
-
fontSize: "var(--cnvs-sys-font-size-heading-sm, 1.5rem)",
|
|
44
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-heading-sm, -0.01875rem)"
|
|
45
|
-
},
|
|
46
|
-
md: {
|
|
47
|
-
fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
|
|
48
|
-
fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
|
|
49
|
-
lineHeight: "var(--cnvs-sys-line-height-heading-md, 2.25rem)",
|
|
50
|
-
fontSize: "var(--cnvs-sys-font-size-heading-md, 1.75rem)",
|
|
51
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-heading-md, -0.02125rem)"
|
|
52
|
-
},
|
|
53
|
-
lg: {
|
|
54
|
-
fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
|
|
55
|
-
fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
|
|
56
|
-
lineHeight: "var(--cnvs-sys-line-height-heading-lg, 2.5rem)",
|
|
57
|
-
fontSize: "var(--cnvs-sys-font-size-heading-lg, 2rem)",
|
|
58
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-heading-lg, -0.02375rem)"
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
title: {
|
|
62
|
-
sm: {
|
|
63
|
-
fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
|
|
64
|
-
fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
|
|
65
|
-
lineHeight: "var(--cnvs-sys-line-height-title-sm, 3rem)",
|
|
66
|
-
fontSize: "var(--cnvs-sys-font-size-title-sm, 2.5rem)",
|
|
67
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-title-sm, -0.02875rem)"
|
|
68
|
-
},
|
|
69
|
-
md: {
|
|
70
|
-
fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
|
|
71
|
-
fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
|
|
72
|
-
lineHeight: "var(--cnvs-sys-line-height-title-md, 3.5rem)",
|
|
73
|
-
fontSize: "var(--cnvs-sys-font-size-title-md, 3rem)",
|
|
74
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-title-md, -0.03375rem)"
|
|
75
|
-
},
|
|
76
|
-
lg: {
|
|
77
|
-
fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
|
|
78
|
-
fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
|
|
79
|
-
lineHeight: "var(--cnvs-sys-line-height-title-lg, 4rem)",
|
|
80
|
-
fontSize: "var(--cnvs-sys-font-size-title-lg, 3.5rem)",
|
|
81
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-title-lg, -0.03875rem)"
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
},
|
|
85
|
-
color: {
|
|
86
|
-
bg: {
|
|
87
|
-
alt: {
|
|
88
|
-
default: "var(--cnvs-sys-color-bg-alt-default, oklch(0.9702 0 0 / 1))"
|
|
89
|
-
},
|
|
90
|
-
default: "var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1))"
|
|
91
|
-
},
|
|
92
|
-
fg: {
|
|
93
|
-
muted: {
|
|
94
|
-
default: "var(--cnvs-sys-color-fg-muted-default, oklch(0 0 0 / 0.6))",
|
|
95
|
-
strong: "var(--cnvs-sys-color-fg-muted-strong, oklch(0 0 0 / 0.6784))"
|
|
96
|
-
},
|
|
97
|
-
info: {
|
|
98
|
-
default: "var(--cnvs-sys-color-fg-info-default, oklch(0.5198 0.1782 256.11 / 1))",
|
|
99
|
-
strong: "var(--cnvs-sys-color-fg-info-strong, oklch(0.4658 0.1562 255.5 / 1))"
|
|
100
|
-
},
|
|
101
|
-
default: "var(--cnvs-sys-color-fg-default, oklch(0 0 0 / 0.8039))",
|
|
102
|
-
strong: "var(--cnvs-sys-color-fg-strong, oklch(0 0 0 / 0.8706))",
|
|
103
|
-
stronger: "var(--cnvs-sys-color-fg-stronger, oklch(0 0 0 / 0.8902))",
|
|
104
|
-
disabled: "var(--cnvs-sys-color-fg-disabled, oklch(0 0 0 / 0.3529))",
|
|
105
|
-
inverse: "var(--cnvs-sys-color-fg-inverse, oklch(1 0 0 / 1))",
|
|
106
|
-
danger: {
|
|
107
|
-
default: "var(--cnvs-sys-color-fg-danger-default, oklch(0.5342 0.2172 29.53 / 1))",
|
|
108
|
-
strong: "var(--cnvs-sys-color-fg-danger-strong, oklch(0.4517 0.1847 28.2 / 1))"
|
|
109
|
-
},
|
|
110
|
-
warning: {
|
|
111
|
-
default: "var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1))",
|
|
112
|
-
strong: "var(--cnvs-sys-color-fg-warning-strong, oklch(0.4824 0.1353 46.11 / 1))"
|
|
113
|
-
},
|
|
114
|
-
success: {
|
|
115
|
-
default: "var(--cnvs-sys-color-fg-success-default, oklch(0.5069 0.1569 145.56 / 1))",
|
|
116
|
-
strong: "var(--cnvs-sys-color-fg-success-strong, oklch(0.4463 0.1422 144.58 / 1))"
|
|
117
|
-
},
|
|
118
|
-
ai: "var(--cnvs-sys-color-fg-ai, oklch(0.2452 0.0752 254.55 / 1))",
|
|
119
|
-
contrast: {
|
|
120
|
-
default: "var(--cnvs-sys-color-fg-contrast-default, oklch(0 0 0 / 0.8706))",
|
|
121
|
-
strong: "var(--cnvs-sys-color-fg-contrast-strong, oklch(0 0 0 / 0.8902))"
|
|
122
|
-
}
|
|
123
|
-
},
|
|
124
|
-
border: {
|
|
125
|
-
ai: "var(--cnvs-sys-color-border-ai, oklch(0.2452 0.0752 254.55 / 1))",
|
|
126
|
-
input: {
|
|
127
|
-
default: "var(--cnvs-sys-color-border-input-default, oklch(0 0 0 / 0.4706))",
|
|
128
|
-
hover: "var(--cnvs-sys-color-border-input-hover, oklch(0 0 0 / 0.6784))"
|
|
129
|
-
},
|
|
130
|
-
contrast: {
|
|
131
|
-
default: "var(--cnvs-sys-color-border-contrast-default, oklch(0 0 0 / 0.8706))"
|
|
132
|
-
},
|
|
133
|
-
default: "var(--cnvs-sys-color-border-default, oklch(0 0 0 / 0.0745))",
|
|
134
|
-
strong: "var(--cnvs-sys-color-border-strong, oklch(0 0 0 / 0.1686))",
|
|
135
|
-
info: {
|
|
136
|
-
default: "var(--cnvs-sys-color-border-info-default, oklch(0.6023 0.2032 255.68 / 1))"
|
|
137
|
-
},
|
|
138
|
-
danger: "var(--cnvs-sys-color-border-danger, oklch(0.6495 0.2369 30.04 / 1))",
|
|
139
|
-
warning: "var(--cnvs-sys-color-border-warning, oklch(0.6601 0.1537 60.7 / 1))",
|
|
140
|
-
inverse: {
|
|
141
|
-
default: "var(--cnvs-sys-color-border-inverse-default, oklch(1 0 0 / 1))",
|
|
142
|
-
strong: "var(--cnvs-sys-color-border-inverse-strong, oklch(1 0 89.88 / 0.788))"
|
|
143
|
-
},
|
|
144
|
-
transparent: "var(--cnvs-sys-color-border-transparent, oklch(1 0 0 / 0))"
|
|
145
|
-
},
|
|
146
|
-
surface: {
|
|
147
|
-
default: "var(--cnvs-sys-color-surface-default, oklch(1 0 0 / 1))",
|
|
148
|
-
navigation: "var(--cnvs-sys-color-surface-navigation, oklch(0.9702 0 0 / 1))",
|
|
149
|
-
popover: "var(--cnvs-sys-color-surface-popover, oklch(1 0 0 / 1))",
|
|
150
|
-
modal: "var(--cnvs-sys-color-surface-modal, oklch(1 0 0 / 1))",
|
|
151
|
-
raised: "var(--cnvs-sys-color-surface-raised, oklch(0 0 0 / 0.0196))",
|
|
152
|
-
alt: {
|
|
153
|
-
default: "var(--cnvs-sys-color-surface-alt-default, oklch(0 0 0 / 0.0392))",
|
|
154
|
-
strong: "var(--cnvs-sys-color-surface-alt-strong, oklch(0 0 0 / 0.0745))"
|
|
155
|
-
},
|
|
156
|
-
loading: "var(--cnvs-sys-color-surface-loading, oklch(0 0 0 / 0.0392))",
|
|
157
|
-
info: {
|
|
158
|
-
default: "var(--cnvs-sys-color-surface-info-default, oklch(0.6141 0.2114 256.22 / 0.0706))",
|
|
159
|
-
strong: "var(--cnvs-sys-color-surface-info-strong, oklch(0.6141 0.2114 256.22 / 0.1098))"
|
|
160
|
-
},
|
|
161
|
-
danger: {
|
|
162
|
-
default: "var(--cnvs-sys-color-surface-danger-default, oklch(0.6329 0.253 30.1 / 0.0431))",
|
|
163
|
-
strong: "var(--cnvs-sys-color-surface-danger-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
|
|
164
|
-
},
|
|
165
|
-
warning: {
|
|
166
|
-
default: "var(--cnvs-sys-color-surface-warning-default, oklch(0.7792 0.1592 90.57 / 0.0902))",
|
|
167
|
-
strong: "var(--cnvs-sys-color-surface-warning-strong, oklch(0.8854 0.1841 100.16 / 0.2196))"
|
|
168
|
-
},
|
|
169
|
-
success: {
|
|
170
|
-
default: "var(--cnvs-sys-color-surface-success-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
|
|
171
|
-
strong: "var(--cnvs-sys-color-surface-success-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
|
|
172
|
-
},
|
|
173
|
-
ai: {
|
|
174
|
-
default: "var(--cnvs-sys-color-surface-ai-default, oklch(0.6077 0.215 256.92 / 0.1608))",
|
|
175
|
-
hover: "var(--cnvs-sys-color-surface-ai-hover, oklch(0.6048 0.2166 257.21 / 0.31))",
|
|
176
|
-
pressed: "var(--cnvs-sys-color-surface-ai-pressed, oklch(0.708 0.1549 255.41 / 1))"
|
|
177
|
-
},
|
|
178
|
-
transparent: "var(--cnvs-sys-color-surface-transparent, oklch(1 0 0 / 0))",
|
|
179
|
-
inverse: "var(--cnvs-sys-color-surface-inverse, oklch(1 0 0 / 1))",
|
|
180
|
-
contrast: {
|
|
181
|
-
default: "var(--cnvs-sys-color-surface-contrast-default, oklch(0 0 0 / 0.8706))",
|
|
182
|
-
strong: "var(--cnvs-sys-color-surface-contrast-strong, oklch(0 0 0 / 0.8902))"
|
|
183
|
-
},
|
|
184
|
-
overlay: {
|
|
185
|
-
hover: {
|
|
186
|
-
default: "var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0 0 0 / 0.0392))",
|
|
187
|
-
inverse: "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0 89.88 / 0.25))"
|
|
188
|
-
},
|
|
189
|
-
mixin: "var(--cnvs-sys-color-surface-overlay-mixin, oklch(0 0 0 / 1))",
|
|
190
|
-
pressed: {
|
|
191
|
-
default: "var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0 0 0 / 0.0745))",
|
|
192
|
-
inverse: "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0 89.88 / 0.374))"
|
|
193
|
-
},
|
|
194
|
-
scrim: "var(--cnvs-sys-color-surface-overlay-scrim, oklch(0 0 0 / 0.3529))",
|
|
195
|
-
raised: "var(--cnvs-sys-color-surface-overlay-raised, oklch(1 0 89.88 / 0.489))"
|
|
196
|
-
}
|
|
197
|
-
},
|
|
198
|
-
accent: {
|
|
199
|
-
ai: "var(--cnvs-sys-color-accent-ai, oklch(0.2452 0.0752 254.55 / 1))",
|
|
200
|
-
info: "var(--cnvs-sys-color-accent-info, oklch(0.5198 0.1782 256.11 / 1))",
|
|
201
|
-
danger: "var(--cnvs-sys-color-accent-danger, oklch(0.5342 0.2172 29.53 / 1))",
|
|
202
|
-
warning: "var(--cnvs-sys-color-accent-warning, oklch(0.7909 0.1711 70.15 / 1))",
|
|
203
|
-
success: "var(--cnvs-sys-color-accent-success, oklch(0.5069 0.1569 145.56 / 1))",
|
|
204
|
-
contrast: "var(--cnvs-sys-color-accent-contrast, oklch(0 0 0 / 0.8706))",
|
|
205
|
-
muted: {
|
|
206
|
-
default: "var(--cnvs-sys-color-accent-muted-default, oklch(0.5103 0 0 / 1))",
|
|
207
|
-
soft: "var(--cnvs-sys-color-accent-muted-soft, oklch(0.7219 0 89.88 / 1))"
|
|
208
|
-
},
|
|
209
|
-
overlay: {
|
|
210
|
-
hover: "var(--cnvs-sys-color-accent-overlay-hover, oklch(1 0 89.88 / 0.118))",
|
|
211
|
-
pressed: "var(--cnvs-sys-color-accent-overlay-pressed, oklch(1 0 89.88 / 0.25))",
|
|
212
|
-
mixin: "var(--cnvs-sys-color-accent-overlay-mixin, oklch(0 0 0 / 1))"
|
|
213
|
-
}
|
|
214
|
-
},
|
|
215
|
-
brand: {
|
|
216
|
-
focus: {
|
|
217
|
-
primary: "var(--cnvs-sys-color-brand-focus-primary, oklch(0.6023 0.2032 255.68 / 1))",
|
|
218
|
-
critical: "var(--cnvs-sys-color-brand-focus-critical, oklch(0.6495 0.2369 30.04 / 1))",
|
|
219
|
-
caution: {
|
|
220
|
-
outer: "var(--cnvs-sys-color-brand-focus-caution-outer, oklch(0.6601 0.1537 60.7 / 1))",
|
|
221
|
-
inner: "var(--cnvs-sys-color-brand-focus-caution-inner, oklch(0.7909 0.1711 70.15 / 1))"
|
|
222
|
-
}
|
|
223
|
-
},
|
|
224
|
-
surface: {
|
|
225
|
-
primary: {
|
|
226
|
-
default: "var(--cnvs-sys-color-brand-surface-primary-default, oklch(0 0 0 / 0.0196))",
|
|
227
|
-
strong: "var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0 0 0 / 0.0392))"
|
|
228
|
-
},
|
|
229
|
-
critical: {
|
|
230
|
-
default: "var(--cnvs-sys-color-brand-surface-critical-default, oklch(0.6329 0.253 30.1 / 0.0431))",
|
|
231
|
-
strong: "var(--cnvs-sys-color-brand-surface-critical-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
|
|
232
|
-
},
|
|
233
|
-
caution: {
|
|
234
|
-
default: "var(--cnvs-sys-color-brand-surface-caution-default, oklch(0.7792 0.1592 90.57 / 0.0902))",
|
|
235
|
-
strong: "var(--cnvs-sys-color-brand-surface-caution-strong, oklch(0.8854 0.1841 100.16 / 0.2196))"
|
|
236
|
-
},
|
|
237
|
-
positive: {
|
|
238
|
-
default: "var(--cnvs-sys-color-brand-surface-positive-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
|
|
239
|
-
strong: "var(--cnvs-sys-color-brand-surface-positive-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
|
|
240
|
-
},
|
|
241
|
-
selected: "var(--cnvs-sys-color-brand-surface-selected, oklch(0 0 0 / 0.0745))"
|
|
242
|
-
},
|
|
243
|
-
accent: {
|
|
244
|
-
primary: "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
|
|
245
|
-
critical: "var(--cnvs-sys-color-brand-accent-critical, oklch(0.5342 0.2172 29.53 / 1))",
|
|
246
|
-
caution: "var(--cnvs-sys-color-brand-accent-caution, oklch(0.7909 0.1711 70.15 / 1))",
|
|
247
|
-
positive: "var(--cnvs-sys-color-brand-accent-positive, oklch(0.5069 0.1569 145.56 / 1))",
|
|
248
|
-
action: "var(--cnvs-sys-color-brand-accent-action, oklch(0.196 0 89.88 / 1))"
|
|
249
|
-
},
|
|
250
|
-
fg: {
|
|
251
|
-
primary: {
|
|
252
|
-
default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
|
|
253
|
-
strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
|
|
254
|
-
},
|
|
255
|
-
critical: {
|
|
256
|
-
default: "var(--cnvs-sys-color-brand-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1))",
|
|
257
|
-
strong: "var(--cnvs-sys-color-brand-fg-critical-strong, oklch(0.4517 0.1847 28.2 / 1))"
|
|
258
|
-
},
|
|
259
|
-
caution: {
|
|
260
|
-
default: "var(--cnvs-sys-color-brand-fg-caution-default, oklch(0.5505 0.1439 50.78 / 1))",
|
|
261
|
-
strong: "var(--cnvs-sys-color-brand-fg-caution-strong, oklch(0.4824 0.1353 46.11 / 1))"
|
|
262
|
-
},
|
|
263
|
-
positive: {
|
|
264
|
-
default: "var(--cnvs-sys-color-brand-fg-positive-default, oklch(0.5069 0.1569 145.56 / 1))",
|
|
265
|
-
strong: "var(--cnvs-sys-color-brand-fg-positive-strong, oklch(0.4463 0.1422 144.58 / 1))"
|
|
266
|
-
},
|
|
267
|
-
selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))"
|
|
268
|
-
},
|
|
269
|
-
border: {
|
|
270
|
-
primary: "var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1))",
|
|
271
|
-
critical: "var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1))",
|
|
272
|
-
caution: "var(--cnvs-sys-color-brand-border-caution, oklch(0.6601 0.1537 60.7 / 1))"
|
|
273
|
-
}
|
|
274
|
-
},
|
|
275
|
-
focus: {
|
|
276
|
-
inverse: "var(--cnvs-sys-color-focus-inverse, oklch(1 0 0 / 1))",
|
|
277
|
-
contrast: "var(--cnvs-sys-color-focus-contrast, oklch(0 0 0 / 0.8706))"
|
|
278
|
-
},
|
|
279
|
-
chart: {
|
|
280
|
-
diverging: {
|
|
281
|
-
azure: {
|
|
282
|
-
coral: {
|
|
283
|
-
"1": "var(--cnvs-sys-color-chart-diverging-azure-coral-1, oklch(0.326 0.07 235.91 / 1))",
|
|
284
|
-
"2": "var(--cnvs-sys-color-chart-diverging-azure-coral-2, oklch(0.3912 0.0855 237.05 / 1))",
|
|
285
|
-
"3": "var(--cnvs-sys-color-chart-diverging-azure-coral-3, oklch(0.4618 0.1098 242.11 / 1))",
|
|
286
|
-
"4": "var(--cnvs-sys-color-chart-diverging-azure-coral-4, oklch(0.5174 0.1257 243.24 / 1))",
|
|
287
|
-
"5": "var(--cnvs-sys-color-chart-diverging-azure-coral-5, oklch(0.6555 0.1553 244.48 / 1))",
|
|
288
|
-
"6": "var(--cnvs-sys-color-chart-diverging-azure-coral-6, oklch(0.7283 0.1377 242.63 / 1))",
|
|
289
|
-
"7": "var(--cnvs-sys-color-chart-diverging-azure-coral-7, oklch(0.7991 0.107 239.24 / 1))",
|
|
290
|
-
"8": "var(--cnvs-sys-color-chart-diverging-azure-coral-8, oklch(0.8594 0.0867 230.07 / 1))",
|
|
291
|
-
"9": "var(--cnvs-sys-color-chart-diverging-azure-coral-9, oklch(0.9321 0.0425 227.25 / 1))",
|
|
292
|
-
"10": "var(--cnvs-sys-color-chart-diverging-azure-coral-10, oklch(0.9549 0.0295 223.86 / 1))",
|
|
293
|
-
"11": "var(--cnvs-sys-color-chart-diverging-azure-coral-11, oklch(0.981 0.0131 220.96 / 1))",
|
|
294
|
-
"12": "var(--cnvs-sys-color-chart-diverging-azure-coral-12, oklch(1 0 0 / 1))",
|
|
295
|
-
"13": "var(--cnvs-sys-color-chart-diverging-azure-coral-13, oklch(0.9837 0.0085 44.54 / 1))",
|
|
296
|
-
"14": "var(--cnvs-sys-color-chart-diverging-azure-coral-14, oklch(0.9659 0.0171 35.14 / 1))",
|
|
297
|
-
"15": "var(--cnvs-sys-color-chart-diverging-azure-coral-15, oklch(0.9344 0.0339 35.8 / 1))",
|
|
298
|
-
"16": "var(--cnvs-sys-color-chart-diverging-azure-coral-16, oklch(0.8476 0.0856 37.59 / 1))",
|
|
299
|
-
"17": "var(--cnvs-sys-color-chart-diverging-azure-coral-17, oklch(0.7671 0.1418 38.37 / 1))",
|
|
300
|
-
"18": "var(--cnvs-sys-color-chart-diverging-azure-coral-18, oklch(0.7279 0.1703 38.58 / 1))",
|
|
301
|
-
"19": "var(--cnvs-sys-color-chart-diverging-azure-coral-19, oklch(0.6779 0.2096 40.36 / 1))",
|
|
302
|
-
"20": "var(--cnvs-sys-color-chart-diverging-azure-coral-20, oklch(0.5394 0.1828 36.43 / 1))",
|
|
303
|
-
"21": "var(--cnvs-sys-color-chart-diverging-azure-coral-21, oklch(0.4616 0.1629 34.74 / 1))",
|
|
304
|
-
"22": "var(--cnvs-sys-color-chart-diverging-azure-coral-22, oklch(0.393 0.143 33.49 / 1))",
|
|
305
|
-
"23": "var(--cnvs-sys-color-chart-diverging-azure-coral-23, oklch(0.3043 0.1137 32.49 / 1))"
|
|
306
|
-
}
|
|
307
|
-
}
|
|
308
|
-
},
|
|
309
|
-
categorical: {
|
|
310
|
-
"1": "var(--cnvs-sys-color-chart-categorical-1, oklch(0.6385 0.1093 205.92 / 1))",
|
|
311
|
-
"2": "var(--cnvs-sys-color-chart-categorical-2, oklch(0.3908 0.128 256 / 1))",
|
|
312
|
-
"3": "var(--cnvs-sys-color-chart-categorical-3, oklch(0.6617 0.1893 44.93 / 1))",
|
|
313
|
-
"4": "var(--cnvs-sys-color-chart-categorical-4, oklch(0.6555 0.1553 244.48 / 1))",
|
|
314
|
-
"5": "var(--cnvs-sys-color-chart-categorical-5, oklch(0.534 0.183 344.19 / 1))",
|
|
315
|
-
"6": "var(--cnvs-sys-color-chart-categorical-6, oklch(0.5069 0.1569 145.56 / 1))",
|
|
316
|
-
"7": "var(--cnvs-sys-color-chart-categorical-7, oklch(0.628 0.1681 312.69 / 1))",
|
|
317
|
-
"8": "var(--cnvs-sys-color-chart-categorical-8, oklch(0.6601 0.1537 60.7 / 1))",
|
|
318
|
-
"9": "var(--cnvs-sys-color-chart-categorical-9, oklch(0.4634 0.0796 207.82 / 1))",
|
|
319
|
-
"10": "var(--cnvs-sys-color-chart-categorical-10, oklch(0.5289 0.2241 281.65 / 1))",
|
|
320
|
-
"11": "var(--cnvs-sys-color-chart-categorical-11, oklch(0.4689 0.1456 40.5 / 1))",
|
|
321
|
-
"12": "var(--cnvs-sys-color-chart-categorical-12, oklch(0.4618 0.1098 242.11 / 1))",
|
|
322
|
-
"13": "var(--cnvs-sys-color-chart-categorical-13, oklch(0.476 0.156 313.2 / 1))",
|
|
323
|
-
"14": "var(--cnvs-sys-color-chart-categorical-14, oklch(0.5394 0.1828 36.43 / 1))",
|
|
324
|
-
"15": "var(--cnvs-sys-color-chart-categorical-15, oklch(0.3955 0.1156 147.66 / 1))",
|
|
325
|
-
"16": "var(--cnvs-sys-color-chart-categorical-16, oklch(0.4824 0.1353 46.11 / 1))"
|
|
326
|
-
},
|
|
327
|
-
sequential: {
|
|
328
|
-
"1": "var(--cnvs-sys-color-chart-sequential-1, oklch(0.9827 0.021 200.66 / 1))",
|
|
329
|
-
"2": "var(--cnvs-sys-color-chart-sequential-2, oklch(0.9575 0.0424 203.83 / 1))",
|
|
330
|
-
"3": "var(--cnvs-sys-color-chart-sequential-3, oklch(0.935 0.046 205.09 / 1))",
|
|
331
|
-
"4": "var(--cnvs-sys-color-chart-sequential-4, oklch(0.8766 0.0677 204.24 / 1))",
|
|
332
|
-
"5": "var(--cnvs-sys-color-chart-sequential-5, oklch(0.7836 0.0874 204.93 / 1))",
|
|
333
|
-
"6": "var(--cnvs-sys-color-chart-sequential-6, oklch(0.7154 0.1006 206.05 / 1))",
|
|
334
|
-
"7": "var(--cnvs-sys-color-chart-sequential-7, oklch(0.6385 0.1093 205.92 / 1))",
|
|
335
|
-
"8": "var(--cnvs-sys-color-chart-sequential-8, oklch(0.5141 0.0882 207.28 / 1))",
|
|
336
|
-
"9": "var(--cnvs-sys-color-chart-sequential-9, oklch(0.4634 0.0796 207.82 / 1))",
|
|
337
|
-
"10": "var(--cnvs-sys-color-chart-sequential-10, oklch(0.3982 0.0687 209.08 / 1))",
|
|
338
|
-
"11": "var(--cnvs-sys-color-chart-sequential-11, oklch(0.3052 0.0529 210.69 / 1))"
|
|
339
|
-
}
|
|
340
|
-
}
|
|
341
|
-
},
|
|
342
|
-
depth: {
|
|
343
|
-
"1": "var(--cnvs-sys-depth-1, 0 0.0625rem 0.25rem 0 oklch(0 0 0 / 0.0196), 0 0.125rem 0.5rem 0 oklch(0 0 0 / 0.0392))",
|
|
344
|
-
"2": "var(--cnvs-sys-depth-2, 0 0.125rem 0.5rem 0 oklch(0 0 0 / 0.0196), 0 0.25rem 1rem 0 oklch(0 0 0 / 0.0392))",
|
|
345
|
-
"3": "var(--cnvs-sys-depth-3, 0 0.1875rem 0.75rem 0 oklch(0 0 0 / 0.0196), 0 0.375rem 1.5rem 0 oklch(0 0 0 / 0.0392))",
|
|
346
|
-
"4": "var(--cnvs-sys-depth-4, 0 0.25rem 1rem 0 oklch(0 0 0 / 0.0392), 0 0.5rem 2rem 0 oklch(0 0 0 / 0.0392))",
|
|
347
|
-
"5": "var(--cnvs-sys-depth-5, 0 0.3125rem 1.25rem -0.25 oklch(0 0 0 / 0.1216), 0 0.625rem 2.5rem -0.1875 oklch(0 0 0 / 0.1216))",
|
|
348
|
-
"6": "var(--cnvs-sys-depth-6, 0 0.375rem 1.5rem -0.25 oklch(0 0 0 / 0.251), 0 0.75rem 3rem -0.75 oklch(0 0 0 / 0.251))"
|
|
349
|
-
},
|
|
350
|
-
fontFamily: {
|
|
351
|
-
fallback: "var(--cnvs-sys-font-family-fallback, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Roboto, Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\")"
|
|
352
|
-
},
|
|
353
|
-
letterSpacing: {
|
|
354
|
-
subtext: {
|
|
355
|
-
sm: "var(--cnvs-sys-letter-spacing-subtext-sm, 0.008125rem)",
|
|
356
|
-
md: "var(--cnvs-sys-letter-spacing-subtext-md, 0.0075rem)",
|
|
357
|
-
lg: "var(--cnvs-sys-letter-spacing-subtext-lg, 0.006875rem)"
|
|
358
|
-
},
|
|
359
|
-
body: {
|
|
360
|
-
sm: "var(--cnvs-sys-letter-spacing-body-sm, 0.00625rem)",
|
|
361
|
-
md: "var(--cnvs-sys-letter-spacing-body-md, 0rem)",
|
|
362
|
-
lg: "var(--cnvs-sys-letter-spacing-body-lg, -0.00625rem)"
|
|
363
|
-
},
|
|
364
|
-
heading: {
|
|
365
|
-
sm: "var(--cnvs-sys-letter-spacing-heading-sm, -0.01875rem)",
|
|
366
|
-
md: "var(--cnvs-sys-letter-spacing-heading-md, -0.02125rem)",
|
|
367
|
-
lg: "var(--cnvs-sys-letter-spacing-heading-lg, -0.02375rem)"
|
|
368
|
-
},
|
|
369
|
-
title: {
|
|
370
|
-
sm: "var(--cnvs-sys-letter-spacing-title-sm, -0.02875rem)",
|
|
371
|
-
md: "var(--cnvs-sys-letter-spacing-title-md, -0.03375rem)",
|
|
372
|
-
lg: "var(--cnvs-sys-letter-spacing-title-lg, -0.03875rem)"
|
|
373
|
-
}
|
|
374
|
-
},
|
|
375
|
-
fontWeight: {
|
|
376
|
-
regular: "var(--cnvs-sys-font-weight-regular, 400)",
|
|
377
|
-
semibold: "var(--cnvs-sys-font-weight-semibold, 600)"
|
|
378
|
-
}
|
|
379
|
-
};
|