@workday/canvas-tokens-web 4.4.0-beta.1 → 4.4.0-beta.3
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 +1 -1
- package/css/brand/_variables.css +1 -1
- package/css/component/_variables.css +1 -1
- package/css/legacy/base.css +1 -1
- package/css/legacy/brand.css +1 -1
- package/css/legacy/component.css +1 -1
- package/css/legacy/system.css +1 -1
- package/css/sana/_variables.css +17 -89
- package/css/system/_variables.css +1 -1
- package/dist/common-js/base/index.d.ts +1 -1
- package/dist/common-js/base/index.js +1 -1
- package/dist/common-js/base/sana.d.ts +1 -1
- package/dist/common-js/base/sana.js +1 -1
- package/dist/common-js/brand/index.d.ts +1 -1
- package/dist/common-js/brand/index.js +1 -1
- package/dist/common-js/brand/sana.d.ts +1 -1
- package/dist/common-js/brand/sana.js +1 -1
- package/dist/common-js/component/index.d.ts +1 -1
- package/dist/common-js/component/index.js +1 -1
- 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 +1 -1
- package/dist/common-js/system/index.js +1 -1
- package/dist/common-js/system/sana.d.ts +43 -159
- package/dist/common-js/system/sana.js +43 -159
- package/dist/es6/base/index.d.ts +1 -1
- package/dist/es6/base/index.js +1 -1
- package/dist/es6/base/sana.d.ts +1 -1
- package/dist/es6/base/sana.js +1 -1
- package/dist/es6/brand/index.d.ts +1 -1
- package/dist/es6/brand/index.js +1 -1
- package/dist/es6/brand/sana.d.ts +1 -1
- package/dist/es6/brand/sana.js +1 -1
- package/dist/es6/component/index.d.ts +1 -1
- package/dist/es6/component/index.js +1 -1
- package/dist/es6/index.d.ts +1 -1
- package/dist/es6/index.js +1 -1
- package/dist/es6/system/index.d.ts +1 -1
- package/dist/es6/system/index.js +1 -1
- package/dist/es6/system/sana.d.ts +43 -159
- package/dist/es6/system/sana.js +43 -159
- package/less/base/_variables.less +1 -1
- package/less/brand/_variables.less +1 -1
- package/less/component/_variables.less +1 -1
- package/less/sana/_variables.less +17 -89
- package/less/system/_variables.less +1 -1
- package/package.json +1 -1
- package/scss/base/_variables.sass +1 -1
- package/scss/base/_variables.scss +1 -1
- package/scss/brand/_variables.sass +1 -1
- package/scss/brand/_variables.scss +1 -1
- package/scss/component/_variables.sass +1 -1
- package/scss/component/_variables.scss +1 -1
- package/scss/sana/_variables.sass +17 -89
- package/scss/sana/_variables.scss +17 -89
- package/scss/system/_variables.sass +1 -1
- package/scss/system/_variables.scss +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 30 Jun 2026 21:56:19 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
"use strict";
|
|
@@ -28,14 +28,14 @@ exports.sana = {
|
|
|
28
28
|
fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
|
|
29
29
|
lineHeight: "var(--cnvs-sys-line-height-body-md, 1.5rem)",
|
|
30
30
|
fontSize: "var(--cnvs-sys-font-size-body-md, 1.125rem)",
|
|
31
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-body-md
|
|
31
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-body-md)"
|
|
32
32
|
},
|
|
33
33
|
lg: {
|
|
34
34
|
fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
|
|
35
35
|
fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
|
|
36
36
|
lineHeight: "var(--cnvs-sys-line-height-body-lg, 1.75rem)",
|
|
37
37
|
fontSize: "var(--cnvs-sys-font-size-body-lg, 1.25rem)",
|
|
38
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-body-lg
|
|
38
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-body-lg)"
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
41
|
heading: {
|
|
@@ -44,21 +44,21 @@ exports.sana = {
|
|
|
44
44
|
fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
|
|
45
45
|
lineHeight: "var(--cnvs-sys-line-height-heading-sm, 2rem)",
|
|
46
46
|
fontSize: "var(--cnvs-sys-font-size-heading-sm, 1.5rem)",
|
|
47
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-heading-sm
|
|
47
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-heading-sm)"
|
|
48
48
|
},
|
|
49
49
|
md: {
|
|
50
50
|
fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
|
|
51
51
|
fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
|
|
52
52
|
lineHeight: "var(--cnvs-sys-line-height-heading-md, 2.25rem)",
|
|
53
53
|
fontSize: "var(--cnvs-sys-font-size-heading-md, 1.75rem)",
|
|
54
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-heading-md
|
|
54
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-heading-md)"
|
|
55
55
|
},
|
|
56
56
|
lg: {
|
|
57
57
|
fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
|
|
58
58
|
fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
|
|
59
59
|
lineHeight: "var(--cnvs-sys-line-height-heading-lg, 2.5rem)",
|
|
60
60
|
fontSize: "var(--cnvs-sys-font-size-heading-lg, 2rem)",
|
|
61
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-heading-lg
|
|
61
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-heading-lg)"
|
|
62
62
|
}
|
|
63
63
|
},
|
|
64
64
|
title: {
|
|
@@ -67,21 +67,21 @@ exports.sana = {
|
|
|
67
67
|
fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
|
|
68
68
|
lineHeight: "var(--cnvs-sys-line-height-title-sm, 3rem)",
|
|
69
69
|
fontSize: "var(--cnvs-sys-font-size-title-sm, 2.5rem)",
|
|
70
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-title-sm
|
|
70
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-title-sm)"
|
|
71
71
|
},
|
|
72
72
|
md: {
|
|
73
73
|
fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
|
|
74
74
|
fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
|
|
75
75
|
lineHeight: "var(--cnvs-sys-line-height-title-md, 3.5rem)",
|
|
76
76
|
fontSize: "var(--cnvs-sys-font-size-title-md, 3rem)",
|
|
77
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-title-md
|
|
77
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-title-md)"
|
|
78
78
|
},
|
|
79
79
|
lg: {
|
|
80
80
|
fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
|
|
81
81
|
fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
|
|
82
82
|
lineHeight: "var(--cnvs-sys-line-height-title-lg, 4rem)",
|
|
83
83
|
fontSize: "var(--cnvs-sys-font-size-title-lg, 3.5rem)",
|
|
84
|
-
letterSpacing: "var(--cnvs-sys-letter-spacing-title-lg
|
|
84
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-title-lg)"
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
87
|
},
|
|
@@ -89,40 +89,10 @@ exports.sana = {
|
|
|
89
89
|
bg: {
|
|
90
90
|
alt: {
|
|
91
91
|
default: "var(--cnvs-sys-color-bg-alt-default, oklch(0.9702 0 0 / 1))"
|
|
92
|
-
}
|
|
93
|
-
default: "var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1))"
|
|
92
|
+
}
|
|
94
93
|
},
|
|
95
94
|
fg: {
|
|
96
|
-
|
|
97
|
-
default: "var(--cnvs-sys-color-fg-muted-default, oklch(0 0 0 / 0.6))",
|
|
98
|
-
strong: "var(--cnvs-sys-color-fg-muted-strong, oklch(0 0 0 / 0.6784))"
|
|
99
|
-
},
|
|
100
|
-
info: {
|
|
101
|
-
default: "var(--cnvs-sys-color-fg-info-default, oklch(0.5198 0.1782 256.11 / 1))",
|
|
102
|
-
strong: "var(--cnvs-sys-color-fg-info-strong, oklch(0.4658 0.1562 255.5 / 1))"
|
|
103
|
-
},
|
|
104
|
-
default: "var(--cnvs-sys-color-fg-default, oklch(0 0 0 / 0.8039))",
|
|
105
|
-
strong: "var(--cnvs-sys-color-fg-strong, oklch(0 0 0 / 0.8706))",
|
|
106
|
-
stronger: "var(--cnvs-sys-color-fg-stronger, oklch(0 0 0 / 0.8902))",
|
|
107
|
-
disabled: "var(--cnvs-sys-color-fg-disabled, oklch(0 0 0 / 0.3529))",
|
|
108
|
-
inverse: "var(--cnvs-sys-color-fg-inverse, oklch(1 0 0 / 1))",
|
|
109
|
-
danger: {
|
|
110
|
-
default: "var(--cnvs-sys-color-fg-danger-default, oklch(0.5342 0.2172 29.53 / 1))",
|
|
111
|
-
strong: "var(--cnvs-sys-color-fg-danger-strong, oklch(0.4517 0.1847 28.2 / 1))"
|
|
112
|
-
},
|
|
113
|
-
warning: {
|
|
114
|
-
default: "var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1))",
|
|
115
|
-
strong: "var(--cnvs-sys-color-fg-warning-strong, oklch(0.4824 0.1353 46.11 / 1))"
|
|
116
|
-
},
|
|
117
|
-
success: {
|
|
118
|
-
default: "var(--cnvs-sys-color-fg-success-default, oklch(0.5069 0.1569 145.56 / 1))",
|
|
119
|
-
strong: "var(--cnvs-sys-color-fg-success-strong, oklch(0.4463 0.1422 144.58 / 1))"
|
|
120
|
-
},
|
|
121
|
-
ai: "var(--cnvs-sys-color-fg-ai, oklch(0.2452 0.0752 254.55 / 1))",
|
|
122
|
-
contrast: {
|
|
123
|
-
default: "var(--cnvs-sys-color-fg-contrast-default, oklch(0 0 0 / 0.8706))",
|
|
124
|
-
strong: "var(--cnvs-sys-color-fg-contrast-strong, oklch(0 0 0 / 0.8902))"
|
|
125
|
-
}
|
|
95
|
+
disabled: "var(--cnvs-sys-color-fg-disabled, oklch(0 0 0 / 0.3529))"
|
|
126
96
|
},
|
|
127
97
|
border: {
|
|
128
98
|
ai: "var(--cnvs-sys-color-border-ai, oklch(0.2452 0.0752 254.55 / 1))",
|
|
@@ -130,124 +100,52 @@ exports.sana = {
|
|
|
130
100
|
default: "var(--cnvs-sys-color-border-input-default, oklch(0 0 0 / 0.4706))",
|
|
131
101
|
hover: "var(--cnvs-sys-color-border-input-hover, oklch(0 0 0 / 0.6784))"
|
|
132
102
|
},
|
|
133
|
-
contrast: {
|
|
134
|
-
default: "var(--cnvs-sys-color-border-contrast-default, oklch(0 0 0 / 0.8706))"
|
|
135
|
-
},
|
|
136
103
|
default: "var(--cnvs-sys-color-border-default, oklch(0 0 0 / 0.0745))",
|
|
137
104
|
strong: "var(--cnvs-sys-color-border-strong, oklch(0 0 0 / 0.1686))",
|
|
138
|
-
|
|
139
|
-
default: "var(--cnvs-sys-color-border-info-default, oklch(0.6023 0.2032 255.68 / 1))"
|
|
140
|
-
},
|
|
141
|
-
danger: "var(--cnvs-sys-color-border-danger, oklch(0.6495 0.2369 30.04 / 1))",
|
|
142
|
-
warning: "var(--cnvs-sys-color-border-warning, oklch(0.6601 0.1537 60.7 / 1))",
|
|
143
|
-
inverse: {
|
|
144
|
-
default: "var(--cnvs-sys-color-border-inverse-default, oklch(1 0 0 / 1))",
|
|
145
|
-
strong: "var(--cnvs-sys-color-border-inverse-strong, oklch(1 0 89.88 / 0.788))"
|
|
146
|
-
},
|
|
147
|
-
transparent: "var(--cnvs-sys-color-border-transparent, oklch(1 0 0 / 0))"
|
|
105
|
+
warning: "var(--cnvs-sys-color-border-warning, oklch(0.6601 0.1537 60.7 / 1))"
|
|
148
106
|
},
|
|
149
107
|
surface: {
|
|
150
|
-
default: "var(--cnvs-sys-color-surface-default, oklch(1 0 0 / 1))",
|
|
151
108
|
navigation: "var(--cnvs-sys-color-surface-navigation, oklch(0.9702 0 0 / 1))",
|
|
152
|
-
popover: "var(--cnvs-sys-color-surface-popover, oklch(1 0 0 / 1))",
|
|
153
|
-
modal: "var(--cnvs-sys-color-surface-modal, oklch(1 0 0 / 1))",
|
|
154
109
|
raised: "var(--cnvs-sys-color-surface-raised, oklch(0 0 0 / 0.0196))",
|
|
155
110
|
alt: {
|
|
156
111
|
default: "var(--cnvs-sys-color-surface-alt-default, oklch(0 0 0 / 0.0392))",
|
|
157
112
|
strong: "var(--cnvs-sys-color-surface-alt-strong, oklch(0 0 0 / 0.0745))"
|
|
158
113
|
},
|
|
159
114
|
loading: "var(--cnvs-sys-color-surface-loading, oklch(0 0 0 / 0.0392))",
|
|
160
|
-
info: {
|
|
161
|
-
default: "var(--cnvs-sys-color-surface-info-default, oklch(0.6141 0.2114 256.22 / 0.0706))",
|
|
162
|
-
strong: "var(--cnvs-sys-color-surface-info-strong, oklch(0.6141 0.2114 256.22 / 0.1098))"
|
|
163
|
-
},
|
|
164
|
-
danger: {
|
|
165
|
-
default: "var(--cnvs-sys-color-surface-danger-default, oklch(0.6329 0.253 30.1 / 0.0431))",
|
|
166
|
-
strong: "var(--cnvs-sys-color-surface-danger-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
|
|
167
|
-
},
|
|
168
|
-
warning: {
|
|
169
|
-
default: "var(--cnvs-sys-color-surface-warning-default, oklch(0.7792 0.1592 90.57 / 0.0902))",
|
|
170
|
-
strong: "var(--cnvs-sys-color-surface-warning-strong, oklch(0.8854 0.1841 100.16 / 0.2196))"
|
|
171
|
-
},
|
|
172
|
-
success: {
|
|
173
|
-
default: "var(--cnvs-sys-color-surface-success-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
|
|
174
|
-
strong: "var(--cnvs-sys-color-surface-success-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
|
|
175
|
-
},
|
|
176
|
-
ai: {
|
|
177
|
-
default: "var(--cnvs-sys-color-surface-ai-default, oklch(0.6077 0.215 256.92 / 0.1608))",
|
|
178
|
-
hover: "var(--cnvs-sys-color-surface-ai-hover, oklch(0.6048 0.2166 257.21 / 0.31))",
|
|
179
|
-
pressed: "var(--cnvs-sys-color-surface-ai-pressed, oklch(0.708 0.1549 255.41 / 1))"
|
|
180
|
-
},
|
|
181
|
-
transparent: "var(--cnvs-sys-color-surface-transparent, oklch(1 0 0 / 0))",
|
|
182
|
-
inverse: "var(--cnvs-sys-color-surface-inverse, oklch(1 0 0 / 1))",
|
|
183
|
-
contrast: {
|
|
184
|
-
default: "var(--cnvs-sys-color-surface-contrast-default, oklch(0 0 0 / 0.8706))",
|
|
185
|
-
strong: "var(--cnvs-sys-color-surface-contrast-strong, oklch(0 0 0 / 0.8902))"
|
|
186
|
-
},
|
|
187
115
|
overlay: {
|
|
188
116
|
hover: {
|
|
189
117
|
default: "var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0 0 0 / 0.0392))",
|
|
190
|
-
inverse: "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0 89.88 / 0.
|
|
118
|
+
inverse: "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0 89.88 / 0.1841))"
|
|
191
119
|
},
|
|
192
120
|
mixin: "var(--cnvs-sys-color-surface-overlay-mixin, oklch(0 0 0 / 1))",
|
|
193
121
|
pressed: {
|
|
194
122
|
default: "var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0 0 0 / 0.0745))",
|
|
195
|
-
inverse: "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0 89.88 / 0.
|
|
123
|
+
inverse: "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0 89.88 / 0.25))"
|
|
196
124
|
},
|
|
197
125
|
scrim: "var(--cnvs-sys-color-surface-overlay-scrim, oklch(0 0 0 / 0.3529))",
|
|
198
|
-
raised: "var(--cnvs-sys-color-surface-overlay-raised, oklch(1 0 89.88 / 0.
|
|
126
|
+
raised: "var(--cnvs-sys-color-surface-overlay-raised, oklch(1 0 89.88 / 0.374))"
|
|
127
|
+
},
|
|
128
|
+
text: {
|
|
129
|
+
highlight: "var(--cnvs-sys-color-surface-text-highlight, oklch(0.4602 0.3077 264.17 / 0.2314))"
|
|
199
130
|
}
|
|
200
131
|
},
|
|
201
132
|
accent: {
|
|
202
|
-
ai: "var(--cnvs-sys-color-accent-ai, oklch(0.2452 0.0752 254.55 / 1))",
|
|
203
|
-
info: "var(--cnvs-sys-color-accent-info, oklch(0.5198 0.1782 256.11 / 1))",
|
|
204
|
-
danger: "var(--cnvs-sys-color-accent-danger, oklch(0.5342 0.2172 29.53 / 1))",
|
|
205
|
-
warning: "var(--cnvs-sys-color-accent-warning, oklch(0.7909 0.1711 70.15 / 1))",
|
|
206
|
-
success: "var(--cnvs-sys-color-accent-success, oklch(0.5069 0.1569 145.56 / 1))",
|
|
207
|
-
contrast: "var(--cnvs-sys-color-accent-contrast, oklch(0 0 0 / 0.8706))",
|
|
208
133
|
muted: {
|
|
209
134
|
default: "var(--cnvs-sys-color-accent-muted-default, oklch(0.5103 0 0 / 1))",
|
|
210
135
|
soft: "var(--cnvs-sys-color-accent-muted-soft, oklch(0.7219 0 89.88 / 1))"
|
|
211
136
|
},
|
|
212
137
|
overlay: {
|
|
213
|
-
hover: "var(--cnvs-sys-color-accent-overlay-hover, oklch(1 0 89.88 / 0.
|
|
214
|
-
pressed: "var(--cnvs-sys-color-accent-overlay-pressed, oklch(1 0 89.88 / 0.
|
|
215
|
-
mixin: "var(--cnvs-sys-color-accent-overlay-mixin, oklch(
|
|
138
|
+
hover: "var(--cnvs-sys-color-accent-overlay-hover, oklch(1 0 89.88 / 0.045))",
|
|
139
|
+
pressed: "var(--cnvs-sys-color-accent-overlay-pressed, oklch(1 0 89.88 / 0.118))",
|
|
140
|
+
mixin: "var(--cnvs-sys-color-accent-overlay-mixin, oklch(1 0 0 / 1))"
|
|
216
141
|
}
|
|
217
142
|
},
|
|
218
143
|
brand: {
|
|
219
|
-
focus: {
|
|
220
|
-
primary: "var(--cnvs-sys-color-brand-focus-primary, oklch(0.6023 0.2032 255.68 / 1))",
|
|
221
|
-
critical: "var(--cnvs-sys-color-brand-focus-critical, oklch(0.6495 0.2369 30.04 / 1))",
|
|
222
|
-
caution: {
|
|
223
|
-
outer: "var(--cnvs-sys-color-brand-focus-caution-outer, oklch(0.6601 0.1537 60.7 / 1))",
|
|
224
|
-
inner: "var(--cnvs-sys-color-brand-focus-caution-inner, oklch(0.7909 0.1711 70.15 / 1))"
|
|
225
|
-
}
|
|
226
|
-
},
|
|
227
144
|
surface: {
|
|
228
|
-
primary: {
|
|
229
|
-
default: "var(--cnvs-sys-color-brand-surface-primary-default, oklch(0 0 0 / 0.0196))",
|
|
230
|
-
strong: "var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0 0 0 / 0.0392))"
|
|
231
|
-
},
|
|
232
|
-
critical: {
|
|
233
|
-
default: "var(--cnvs-sys-color-brand-surface-critical-default, oklch(0.6329 0.253 30.1 / 0.0431))",
|
|
234
|
-
strong: "var(--cnvs-sys-color-brand-surface-critical-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
|
|
235
|
-
},
|
|
236
|
-
caution: {
|
|
237
|
-
default: "var(--cnvs-sys-color-brand-surface-caution-default, oklch(0.7792 0.1592 90.57 / 0.0902))",
|
|
238
|
-
strong: "var(--cnvs-sys-color-brand-surface-caution-strong, oklch(0.8854 0.1841 100.16 / 0.2196))"
|
|
239
|
-
},
|
|
240
|
-
positive: {
|
|
241
|
-
default: "var(--cnvs-sys-color-brand-surface-positive-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
|
|
242
|
-
strong: "var(--cnvs-sys-color-brand-surface-positive-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
|
|
243
|
-
},
|
|
244
145
|
selected: "var(--cnvs-sys-color-brand-surface-selected, oklch(0 0 0 / 0.0745))"
|
|
245
146
|
},
|
|
246
147
|
accent: {
|
|
247
148
|
primary: "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
|
|
248
|
-
critical: "var(--cnvs-sys-color-brand-accent-critical, oklch(0.5342 0.2172 29.53 / 1))",
|
|
249
|
-
caution: "var(--cnvs-sys-color-brand-accent-caution, oklch(0.7909 0.1711 70.15 / 1))",
|
|
250
|
-
positive: "var(--cnvs-sys-color-brand-accent-positive, oklch(0.5069 0.1569 145.56 / 1))",
|
|
251
149
|
action: "var(--cnvs-sys-color-brand-accent-action, oklch(0.196 0 89.88 / 1))"
|
|
252
150
|
},
|
|
253
151
|
fg: {
|
|
@@ -255,19 +153,11 @@ exports.sana = {
|
|
|
255
153
|
default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
|
|
256
154
|
strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
|
|
257
155
|
},
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
default: "var(--cnvs-sys-color-brand-fg-caution-default, oklch(0.5505 0.1439 50.78 / 1))",
|
|
264
|
-
strong: "var(--cnvs-sys-color-brand-fg-caution-strong, oklch(0.4824 0.1353 46.11 / 1))"
|
|
265
|
-
},
|
|
266
|
-
positive: {
|
|
267
|
-
default: "var(--cnvs-sys-color-brand-fg-positive-default, oklch(0.5069 0.1569 145.56 / 1))",
|
|
268
|
-
strong: "var(--cnvs-sys-color-brand-fg-positive-strong, oklch(0.4463 0.1422 144.58 / 1))"
|
|
269
|
-
},
|
|
270
|
-
selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))"
|
|
156
|
+
selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))",
|
|
157
|
+
link: {
|
|
158
|
+
default: "var(--cnvs-sys-color-brand-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))",
|
|
159
|
+
hover: "var(--cnvs-sys-color-brand-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))"
|
|
160
|
+
}
|
|
271
161
|
},
|
|
272
162
|
border: {
|
|
273
163
|
primary: "var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1))",
|
|
@@ -275,10 +165,6 @@ exports.sana = {
|
|
|
275
165
|
caution: "var(--cnvs-sys-color-brand-border-caution, oklch(0.6601 0.1537 60.7 / 1))"
|
|
276
166
|
}
|
|
277
167
|
},
|
|
278
|
-
focus: {
|
|
279
|
-
inverse: "var(--cnvs-sys-color-focus-inverse, oklch(1 0 0 / 1))",
|
|
280
|
-
contrast: "var(--cnvs-sys-color-focus-contrast, oklch(0 0 0 / 0.8706))"
|
|
281
|
-
},
|
|
282
168
|
chart: {
|
|
283
169
|
diverging: {
|
|
284
170
|
azure: {
|
|
@@ -342,37 +228,35 @@ exports.sana = {
|
|
|
342
228
|
}
|
|
343
229
|
}
|
|
344
230
|
},
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
"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))",
|
|
351
|
-
"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))"
|
|
231
|
+
opacity: {
|
|
232
|
+
accent: {
|
|
233
|
+
hover: "var(--cnvs-sys-opacity-accent-hover, 0.045)",
|
|
234
|
+
pressed: "var(--cnvs-sys-opacity-accent-pressed, 0.118)"
|
|
235
|
+
}
|
|
352
236
|
},
|
|
353
237
|
fontFamily: {
|
|
354
238
|
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\")"
|
|
355
239
|
},
|
|
356
240
|
letterSpacing: {
|
|
357
241
|
subtext: {
|
|
358
|
-
sm: "var(--cnvs-sys-letter-spacing-subtext-sm, 0.008125rem)",
|
|
359
|
-
md: "var(--cnvs-sys-letter-spacing-subtext-md, 0.0075rem)",
|
|
360
|
-
lg: "var(--cnvs-sys-letter-spacing-subtext-lg, 0.006875rem)"
|
|
242
|
+
sm: "var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-sys-type-letter-spacing-subtext-small, 0.008125rem))",
|
|
243
|
+
md: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium, 0.0075rem))",
|
|
244
|
+
lg: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large, 0.006875rem))"
|
|
361
245
|
},
|
|
362
246
|
body: {
|
|
363
|
-
sm: "var(--cnvs-sys-letter-spacing-body-sm, 0.00625rem)",
|
|
364
|
-
md: "var(--cnvs-sys-letter-spacing-body-md
|
|
365
|
-
lg: "var(--cnvs-sys-letter-spacing-body-lg
|
|
247
|
+
sm: "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small, 0.00625rem))",
|
|
248
|
+
md: "var(--cnvs-sys-letter-spacing-body-md)",
|
|
249
|
+
lg: "var(--cnvs-sys-letter-spacing-body-lg)"
|
|
366
250
|
},
|
|
367
251
|
heading: {
|
|
368
|
-
sm: "var(--cnvs-sys-letter-spacing-heading-sm
|
|
369
|
-
md: "var(--cnvs-sys-letter-spacing-heading-md
|
|
370
|
-
lg: "var(--cnvs-sys-letter-spacing-heading-lg
|
|
252
|
+
sm: "var(--cnvs-sys-letter-spacing-heading-sm)",
|
|
253
|
+
md: "var(--cnvs-sys-letter-spacing-heading-md)",
|
|
254
|
+
lg: "var(--cnvs-sys-letter-spacing-heading-lg)"
|
|
371
255
|
},
|
|
372
256
|
title: {
|
|
373
|
-
sm: "var(--cnvs-sys-letter-spacing-title-sm
|
|
374
|
-
md: "var(--cnvs-sys-letter-spacing-title-md
|
|
375
|
-
lg: "var(--cnvs-sys-letter-spacing-title-lg
|
|
257
|
+
sm: "var(--cnvs-sys-letter-spacing-title-sm)",
|
|
258
|
+
md: "var(--cnvs-sys-letter-spacing-title-md)",
|
|
259
|
+
lg: "var(--cnvs-sys-letter-spacing-title-lg)"
|
|
376
260
|
}
|
|
377
261
|
},
|
|
378
262
|
fontWeight: {
|
package/dist/es6/base/index.d.ts
CHANGED
package/dist/es6/base/index.js
CHANGED
package/dist/es6/base/sana.d.ts
CHANGED
package/dist/es6/base/sana.js
CHANGED
package/dist/es6/brand/index.js
CHANGED
package/dist/es6/brand/sana.d.ts
CHANGED
package/dist/es6/brand/sana.js
CHANGED
package/dist/es6/index.d.ts
CHANGED
package/dist/es6/index.js
CHANGED