@workday/canvas-tokens-web 4.3.0-beta.3 → 4.4.0-beta.0
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 +362 -0
- package/css/system/_variables.css +1 -1
- package/dist/common-js/base/index.d.ts +3 -1
- package/dist/common-js/base/index.js +3 -1
- package/dist/common-js/base/sana.d.ts +151 -0
- package/dist/common-js/base/sana.js +154 -0
- package/dist/common-js/brand/index.d.ts +3 -1
- package/dist/common-js/brand/index.js +2 -1
- package/dist/common-js/brand/sana.d.ts +41 -0
- package/dist/common-js/brand/sana.js +44 -0
- 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 +3 -1
- package/dist/common-js/system/index.js +2 -1
- package/dist/common-js/system/sana.d.ts +379 -0
- package/dist/common-js/system/sana.js +382 -0
- package/dist/es6/base/index.d.ts +3 -1
- package/dist/es6/base/index.js +3 -1
- package/dist/es6/base/sana.d.ts +151 -0
- package/dist/es6/base/sana.js +151 -0
- package/dist/es6/brand/index.d.ts +3 -1
- package/dist/es6/brand/index.js +2 -1
- package/dist/es6/brand/sana.d.ts +41 -0
- package/dist/es6/brand/sana.js +41 -0
- 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 +3 -1
- package/dist/es6/system/index.js +2 -1
- package/dist/es6/system/sana.d.ts +379 -0
- package/dist/es6/system/sana.js +379 -0
- 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 +362 -0
- 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 +362 -0
- package/scss/sana/_variables.scss +362 -0
- package/scss/system/_variables.sass +1 -1
- package/scss/system/_variables.scss +1 -1
|
@@ -0,0 +1,362 @@
|
|
|
1
|
+
[data-theme="sana-canvas"] {
|
|
2
|
+
@cnvs-base-palette-amber-a25: oklch(0.7792 0.1592 90.57 / 0.0902);
|
|
3
|
+
@cnvs-base-palette-amber-a50: oklch(0.8854 0.1841 100.16 / 0.2196);
|
|
4
|
+
@cnvs-base-palette-amber-a100: oklch(0.8964 0.1849 97.38 / 0.3412);
|
|
5
|
+
@cnvs-base-palette-amber-a200: oklch(0.8846 0.1822 96.67 / 0.6314);
|
|
6
|
+
@cnvs-base-palette-amber-a300: oklch(0.8372 0.1718 83.95 / 0.9529);
|
|
7
|
+
@cnvs-base-palette-azure-a25: oklch(0.7461 0.1557 233.78 / 0.0588);
|
|
8
|
+
@cnvs-base-palette-azure-a50: oklch(0.7349 0.1588 236.29 / 0.1373);
|
|
9
|
+
@cnvs-base-palette-azure-a300: oklch(0.6542 0.1794 248.76 / 0.5255);
|
|
10
|
+
@cnvs-base-palette-blue-a25: oklch(0.6141 0.2114 256.22 / 0.0706);
|
|
11
|
+
@cnvs-base-palette-blue-a50: oklch(0.6141 0.2114 256.22 / 0.1098);
|
|
12
|
+
@cnvs-base-palette-blue-a100: oklch(0.6077 0.215 256.92 / 0.1608);
|
|
13
|
+
@cnvs-base-palette-blue-a300: oklch(0.5987 0.22 257.83 / 0.4667);
|
|
14
|
+
@cnvs-base-palette-coral-a25: oklch(0.6672 0.2239 36.87 / 0.0392);
|
|
15
|
+
@cnvs-base-palette-coral-a50: oklch(0.6482 0.2393 32.96 / 0.0745);
|
|
16
|
+
@cnvs-base-palette-coral-a100: oklch(0.6492 0.2384 33.16 / 0.1451);
|
|
17
|
+
@cnvs-base-palette-coral-a200: oklch(0.6524 0.2357 33.8 / 0.3529);
|
|
18
|
+
@cnvs-base-palette-coral-a300: oklch(0.654 0.2344 34.12 / 0.5686);
|
|
19
|
+
@cnvs-base-palette-green-a25: oklch(0.8669 0.2908 142.93 / 0.0706);
|
|
20
|
+
@cnvs-base-palette-green-a50: oklch(0.8673 0.2872 143.33 / 0.1451);
|
|
21
|
+
@cnvs-base-palette-green-a100: oklch(0.8314 0.2728 143.62 / 0.2863);
|
|
22
|
+
@cnvs-base-palette-green-a200: oklch(0.7945 0.2509 144.87 / 0.5961);
|
|
23
|
+
@cnvs-base-palette-green-a300: oklch(0.7417 0.2214 146.84 / 0.7765);
|
|
24
|
+
@cnvs-base-palette-indigo-a25: oklch(0.452 0.3132 264.06 / 0.0431);
|
|
25
|
+
@cnvs-base-palette-indigo-a50: oklch(0.4624 0.3062 264.19 / 0.0784);
|
|
26
|
+
@cnvs-base-palette-indigo-a100: oklch(0.4576 0.3094 264.14 / 0.1216);
|
|
27
|
+
@cnvs-base-palette-indigo-a200: oklch(0.4602 0.3077 264.17 / 0.2314);
|
|
28
|
+
@cnvs-base-palette-indigo-a300: oklch(0.4556 0.3108 264.11 / 0.3569);
|
|
29
|
+
@cnvs-base-palette-magenta-a50: oklch(0.7017 0.3225 328.36 / 0.0745);
|
|
30
|
+
@cnvs-base-palette-magenta-a100: oklch(0.687 0.3067 334.22 / 0.1529);
|
|
31
|
+
@cnvs-base-palette-magenta-a200: oklch(0.6972 0.3174 330.1 / 0.24);
|
|
32
|
+
@cnvs-base-palette-magenta-a300: oklch(0.6773 0.2957 338.89 / 0.4196);
|
|
33
|
+
@cnvs-base-palette-neutral-150: oklch(0.906 0 89.88 / 1);
|
|
34
|
+
@cnvs-base-palette-neutral-300: oklch(0.8047 0 89.88 / 1);
|
|
35
|
+
@cnvs-base-palette-neutral-400: oklch(0.7219 0 89.88 / 1);
|
|
36
|
+
@cnvs-base-palette-neutral-700: oklch(0.4386 0 89.88 / 1);
|
|
37
|
+
@cnvs-base-palette-neutral-800: oklch(0.3171 0 89.88 / 1);
|
|
38
|
+
@cnvs-base-palette-neutral-850: oklch(0.2645 0 89.88 / 1);
|
|
39
|
+
@cnvs-base-palette-neutral-900: oklch(0.2478 0 89.88 / 1);
|
|
40
|
+
@cnvs-base-palette-neutral-950: oklch(0.228 0 89.88 / 1);
|
|
41
|
+
@cnvs-base-palette-neutral-975: oklch(0.196 0 89.88 / 1);
|
|
42
|
+
@cnvs-base-palette-neutral-a25: oklch(0 0 0 / 0.0196);
|
|
43
|
+
@cnvs-base-palette-neutral-a50: oklch(0 0 0 / 0.0392);
|
|
44
|
+
@cnvs-base-palette-neutral-a100: oklch(0 0 0 / 0.0745);
|
|
45
|
+
@cnvs-base-palette-neutral-a200: oklch(0 0 0 / 0.1686);
|
|
46
|
+
@cnvs-base-palette-neutral-a300: oklch(0 0 0 / 0.251);
|
|
47
|
+
@cnvs-base-palette-neutral-a400: oklch(0 0 0 / 0.3529);
|
|
48
|
+
@cnvs-base-palette-neutral-a500: oklch(0 0 0 / 0.4706);
|
|
49
|
+
@cnvs-base-palette-neutral-a600: oklch(0 0 0 / 0.6);
|
|
50
|
+
@cnvs-base-palette-neutral-a700: oklch(0 0 0 / 0.6784);
|
|
51
|
+
@cnvs-base-palette-neutral-a800: oklch(0 0 0 / 0.8039);
|
|
52
|
+
@cnvs-base-palette-neutral-a900: oklch(0 0 0 / 0.8706);
|
|
53
|
+
@cnvs-base-palette-neutral-a950: oklch(0 0 0 / 0.8902);
|
|
54
|
+
@cnvs-base-palette-neutral-a975: oklch(0 0 0 / 0.9176);
|
|
55
|
+
@cnvs-base-palette-neutral-a150: oklch(0 0 0 / 0.1216);
|
|
56
|
+
@cnvs-base-palette-neutral-a850: oklch(0 0 0 / 0.8549);
|
|
57
|
+
@cnvs-base-palette-orange-a25: oklch(0.7093 0.1802 52.88 / 0.098);
|
|
58
|
+
@cnvs-base-palette-orange-a50: oklch(0.75 0.1792 58.11 / 0.1647);
|
|
59
|
+
@cnvs-base-palette-orange-a100: oklch(0.7342 0.1848 53.62 / 0.2471);
|
|
60
|
+
@cnvs-base-palette-orange-a200: oklch(0.7295 0.1867 52.32 / 0.4588);
|
|
61
|
+
@cnvs-base-palette-orange-a300: oklch(0.7426 0.1817 56.01 / 0.8);
|
|
62
|
+
@cnvs-base-palette-purple-a25: oklch(0.5597 0.2956 301.91 / 0.0392);
|
|
63
|
+
@cnvs-base-palette-purple-a50: oklch(0.5569 0.2953 301.2 / 0.0863);
|
|
64
|
+
@cnvs-base-palette-purple-a100: oklch(0.5812 0.2986 307.02 / 0.1647);
|
|
65
|
+
@cnvs-base-palette-purple-a200: oklch(0.6012 0.302 311.32 / 0.2431);
|
|
66
|
+
@cnvs-base-palette-purple-a300: oklch(0.5935 0.3006 309.71 / 0.3569);
|
|
67
|
+
@cnvs-base-palette-red-a25: oklch(0.6329 0.253 30.1 / 0.0431);
|
|
68
|
+
@cnvs-base-palette-red-a50: oklch(0.6326 0.2533 30.04 / 0.0902);
|
|
69
|
+
@cnvs-base-palette-red-a100: oklch(0.6339 0.2521 30.28 / 0.1529);
|
|
70
|
+
@cnvs-base-palette-red-a200: oklch(0.6361 0.25 30.68 / 0.3451);
|
|
71
|
+
@cnvs-base-palette-red-a300: oklch(0.6347 0.2513 30.42 / 0.5294);
|
|
72
|
+
@cnvs-base-palette-slate-25: oklch(0.9849 0.0029 264.51 / 1);
|
|
73
|
+
@cnvs-base-palette-slate-50: oklch(0.9695 0.0046 258.42 / 1);
|
|
74
|
+
@cnvs-base-palette-slate-100: oklch(0.9442 0.007 248.08 / 1);
|
|
75
|
+
@cnvs-base-palette-slate-150: oklch(0.908 0.011 256.7 / 1);
|
|
76
|
+
@cnvs-base-palette-slate-200: oklch(0.8706 0.0158 257.2 / 1);
|
|
77
|
+
@cnvs-base-palette-slate-300: oklch(0.804 0.0214 254.94 / 1);
|
|
78
|
+
@cnvs-base-palette-slate-400: oklch(0.721 0.024 254.4 / 1);
|
|
79
|
+
@cnvs-base-palette-slate-500: oklch(0.6225 0.0248 254.47 / 1);
|
|
80
|
+
@cnvs-base-palette-slate-600: oklch(0.5099 0.0241 255.01 / 1);
|
|
81
|
+
@cnvs-base-palette-slate-700: oklch(0.44 0.023 255.6 / 1);
|
|
82
|
+
@cnvs-base-palette-slate-800: oklch(0.3147 0.0128 253 / 1);
|
|
83
|
+
@cnvs-base-palette-slate-850: oklch(0.2667 0.011 254.03 / 1);
|
|
84
|
+
@cnvs-base-palette-slate-900: oklch(0.2458 0.0112 254.05 / 1);
|
|
85
|
+
@cnvs-base-palette-slate-950: oklch(0.2202 0.0115 254.08 / 1);
|
|
86
|
+
@cnvs-base-palette-slate-975: oklch(0.1933 0.0102 248.36 / 1);
|
|
87
|
+
@cnvs-base-palette-slate-a25: oklch(0.3276 0.1499 261.85 / 0.0235);
|
|
88
|
+
@cnvs-base-palette-slate-a50: oklch(0.3064 0.1202 259.24 / 0.0471);
|
|
89
|
+
@cnvs-base-palette-slate-a100: oklch(0.3039 0.0952 253.5 / 0.0863);
|
|
90
|
+
@cnvs-base-palette-slate-a200: oklch(0.2751 0.1026 258.16 / 0.1922);
|
|
91
|
+
@cnvs-base-palette-slate-a300: oklch(0.2639 0.0924 256.67 / 0.2863);
|
|
92
|
+
@cnvs-base-palette-slate-a400: oklch(0.2307 0.0767 255.27 / 0.3922);
|
|
93
|
+
@cnvs-base-palette-slate-a500: oklch(0.1993 0.0626 253.59 / 0.5098);
|
|
94
|
+
@cnvs-base-palette-slate-a600: oklch(0.1704 0.05 251.35 / 0.6353);
|
|
95
|
+
@cnvs-base-palette-slate-a700: oklch(0.1549 0.0434 249.61 / 0.7098);
|
|
96
|
+
@cnvs-base-palette-slate-a800: oklch(0.1165 0.026 238.48 / 0.8235);
|
|
97
|
+
@cnvs-base-palette-slate-a900: oklch(0.1055 0.0236 238.48 / 0.8863);
|
|
98
|
+
@cnvs-base-palette-slate-a950: oklch(0.1046 0.0233 238.41 / 0.9098);
|
|
99
|
+
@cnvs-base-palette-slate-a975: oklch(0.1028 0.0214 233.55 / 0.9333);
|
|
100
|
+
@cnvs-base-palette-slate-a150: oklch(0.2742 0.101 257.89 / 0.1373);
|
|
101
|
+
@cnvs-base-palette-slate-a850: oklch(0.1063 0.0237 238.42 / 0.8667);
|
|
102
|
+
@cnvs-base-palette-teal-a25: oklch(0.8768 0.1491 201.26 / 0.0824);
|
|
103
|
+
@cnvs-base-palette-teal-a50: oklch(0.838 0.1438 207.32 / 0.1804);
|
|
104
|
+
@cnvs-base-palette-teal-a100: oklch(0.7626 0.1316 209.35 / 0.22);
|
|
105
|
+
@cnvs-base-palette-teal-a200: oklch(0.7093 0.1219 208.01 / 0.3686);
|
|
106
|
+
@cnvs-base-palette-teal-a300: oklch(0.644 0.1109 208.68 / 0.5647);
|
|
107
|
+
@cnvs-base-palette-white-a0: oklch(1 0 0 / 0);
|
|
108
|
+
@cnvs-base-palette-white-a25: oklch(1 0 89.88 / 0.023);
|
|
109
|
+
@cnvs-base-palette-white-a50: oklch(1 0 89.88 / 0.045);
|
|
110
|
+
@cnvs-base-palette-white-a100: oklch(1 0 89.88 / 0.118);
|
|
111
|
+
@cnvs-base-palette-white-a200: oklch(1 0 89.88 / 0.25);
|
|
112
|
+
@cnvs-base-palette-white-a300: oklch(1 0 89.88 / 0.374);
|
|
113
|
+
@cnvs-base-palette-white-a400: oklch(1 0 89.88 / 0.489);
|
|
114
|
+
@cnvs-base-palette-white-a500: oklch(1 0 89.88 / 0.591);
|
|
115
|
+
@cnvs-base-palette-white-a600: oklch(1 0 89.88 / 0.698);
|
|
116
|
+
@cnvs-base-palette-white-a700: oklch(1 0 89.88 / 0.788);
|
|
117
|
+
@cnvs-base-palette-white-a800: oklch(1 0 89.88 / 0.861);
|
|
118
|
+
@cnvs-base-palette-white-a900: oklch(1 0 89.88 / 0.921);
|
|
119
|
+
@cnvs-base-palette-white-a950: oklch(1 0 89.88 / 0.947);
|
|
120
|
+
@cnvs-base-palette-white-a975: oklch(1 0 89.88 / 0.974);
|
|
121
|
+
@cnvs-base-palette-white-a150: oklch(1 0 89.88 / 0.1841);
|
|
122
|
+
@cnvs-base-palette-white-a850: oklch(1 0 89.88 / 0.8909);
|
|
123
|
+
@cnvs-base-size-1600: calc(@cnvs-base-baseline * 16.00);
|
|
124
|
+
@cnvs-base-size-1800: calc(@cnvs-base-baseline * 18.00);
|
|
125
|
+
@cnvs-base-size-2000: calc(@cnvs-base-baseline * 20.00);
|
|
126
|
+
@cnvs-base-size-2400: calc(@cnvs-base-baseline * 24.00);
|
|
127
|
+
@cnvs-base-size-2800: calc(@cnvs-base-baseline * 28.00);
|
|
128
|
+
@cnvs-base-size-3200: calc(@cnvs-base-baseline * 32.00);
|
|
129
|
+
@cnvs-base-font-family-0: -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";
|
|
130
|
+
@cnvs-base-font-family-50: "Sana Sans LCG 05 VF";
|
|
131
|
+
@cnvs-base-font-family-100: "IBM Plex Mono";
|
|
132
|
+
@cnvs-base-font-family-200: "Noto Sans";
|
|
133
|
+
@cnvs-base-font-weight-600: 600;
|
|
134
|
+
@cnvs-base-letter-spacing-1: 0.008125rem;
|
|
135
|
+
@cnvs-base-letter-spacing-2: 0.0075rem;
|
|
136
|
+
@cnvs-base-letter-spacing-3: 0.006875rem;
|
|
137
|
+
@cnvs-base-letter-spacing-4: 0.00625rem;
|
|
138
|
+
@cnvs-base-letter-spacing-5: 0rem;
|
|
139
|
+
@cnvs-base-letter-spacing-6: -0.00625rem;
|
|
140
|
+
@cnvs-base-letter-spacing-7: -0.01875rem;
|
|
141
|
+
@cnvs-base-letter-spacing-8: -0.02125rem;
|
|
142
|
+
@cnvs-base-letter-spacing-9: -0.02375rem;
|
|
143
|
+
@cnvs-base-letter-spacing-10: -0.02875rem;
|
|
144
|
+
@cnvs-base-letter-spacing-11: -0.03375rem;
|
|
145
|
+
@cnvs-base-letter-spacing-12: -0.03875rem;
|
|
146
|
+
@cnvs-brand-primary-a300: @cnvs-base-palette-blue-a300;
|
|
147
|
+
@cnvs-brand-neutral-25: @cnvs-base-palette-neutral-25;
|
|
148
|
+
@cnvs-brand-neutral-50: @cnvs-base-palette-neutral-50;
|
|
149
|
+
@cnvs-brand-neutral-100: @cnvs-base-palette-neutral-100;
|
|
150
|
+
@cnvs-brand-neutral-150: @cnvs-base-palette-neutral-150;
|
|
151
|
+
@cnvs-brand-neutral-200: @cnvs-base-palette-neutral-200;
|
|
152
|
+
@cnvs-brand-neutral-300: @cnvs-base-palette-neutral-300;
|
|
153
|
+
@cnvs-brand-neutral-400: @cnvs-base-palette-neutral-400;
|
|
154
|
+
@cnvs-brand-neutral-500: @cnvs-base-palette-neutral-500;
|
|
155
|
+
@cnvs-brand-neutral-600: @cnvs-base-palette-neutral-600;
|
|
156
|
+
@cnvs-brand-neutral-700: @cnvs-base-palette-neutral-700;
|
|
157
|
+
@cnvs-brand-neutral-800: @cnvs-base-palette-neutral-800;
|
|
158
|
+
@cnvs-brand-neutral-850: @cnvs-base-palette-neutral-850;
|
|
159
|
+
@cnvs-brand-neutral-900: @cnvs-base-palette-neutral-900;
|
|
160
|
+
@cnvs-brand-neutral-950: @cnvs-base-palette-neutral-950;
|
|
161
|
+
@cnvs-brand-neutral-975: @cnvs-base-palette-neutral-975;
|
|
162
|
+
@cnvs-brand-neutral-a25: @cnvs-base-palette-neutral-a25;
|
|
163
|
+
@cnvs-brand-neutral-a50: @cnvs-base-palette-neutral-a50;
|
|
164
|
+
@cnvs-brand-neutral-a100: @cnvs-base-palette-neutral-a100;
|
|
165
|
+
@cnvs-brand-neutral-a200: @cnvs-base-palette-neutral-a200;
|
|
166
|
+
@cnvs-brand-neutral-a300: @cnvs-base-palette-neutral-a300;
|
|
167
|
+
@cnvs-brand-neutral-a400: @cnvs-base-palette-neutral-a400;
|
|
168
|
+
@cnvs-brand-neutral-a500: @cnvs-base-palette-neutral-a500;
|
|
169
|
+
@cnvs-brand-neutral-a600: @cnvs-base-palette-neutral-a600;
|
|
170
|
+
@cnvs-brand-neutral-a700: @cnvs-base-palette-neutral-a700;
|
|
171
|
+
@cnvs-brand-neutral-a800: @cnvs-base-palette-neutral-a800;
|
|
172
|
+
@cnvs-brand-neutral-a900: @cnvs-base-palette-neutral-a900;
|
|
173
|
+
@cnvs-brand-neutral-a950: @cnvs-base-palette-neutral-a950;
|
|
174
|
+
@cnvs-brand-neutral-a975: @cnvs-base-palette-neutral-a975;
|
|
175
|
+
@cnvs-brand-neutral-a150: @cnvs-base-palette-neutral-a150;
|
|
176
|
+
@cnvs-brand-neutral-a850: @cnvs-base-palette-neutral-a850;
|
|
177
|
+
@cnvs-brand-critical-a300: @cnvs-base-palette-red-a300;
|
|
178
|
+
@cnvs-brand-caution-a300: @cnvs-base-palette-amber-a300;
|
|
179
|
+
@cnvs-brand-positive-a300: @cnvs-base-palette-green-a300;
|
|
180
|
+
@cnvs-sys-breakpoints-xxl: calc(@cnvs-base-baseline * 272.5);
|
|
181
|
+
@cnvs-sys-shape-sm: @cnvs-base-size-75;
|
|
182
|
+
@cnvs-sys-shape-xxl: @cnvs-base-size-250;
|
|
183
|
+
@cnvs-sys-shape-xxxl: @cnvs-base-size-350;
|
|
184
|
+
@cnvs-sys-shape-xs: @cnvs-base-size-50;
|
|
185
|
+
@cnvs-sys-line-height-body-md: @cnvs-base-size-300;
|
|
186
|
+
@cnvs-sys-color-bg-alt-default: @cnvs-brand-neutral-50;
|
|
187
|
+
@cnvs-sys-color-bg-default: @cnvs-base-palette-neutral-0;
|
|
188
|
+
@cnvs-sys-color-fg-muted-default: @cnvs-brand-neutral-a600;
|
|
189
|
+
@cnvs-sys-color-fg-muted-strong: @cnvs-brand-neutral-a700;
|
|
190
|
+
@cnvs-sys-color-fg-info-default: @cnvs-base-palette-blue-600;
|
|
191
|
+
@cnvs-sys-color-fg-info-strong: @cnvs-base-palette-blue-700;
|
|
192
|
+
@cnvs-sys-color-fg-default: @cnvs-brand-neutral-a800;
|
|
193
|
+
@cnvs-sys-color-fg-strong: @cnvs-brand-neutral-a900;
|
|
194
|
+
@cnvs-sys-color-fg-stronger: @cnvs-brand-neutral-a950;
|
|
195
|
+
@cnvs-sys-color-fg-disabled: @cnvs-brand-neutral-a400;
|
|
196
|
+
@cnvs-sys-color-fg-inverse: @cnvs-base-palette-neutral-0;
|
|
197
|
+
@cnvs-sys-color-fg-danger-default: @cnvs-brand-critical-600;
|
|
198
|
+
@cnvs-sys-color-fg-danger-strong: @cnvs-brand-critical-700;
|
|
199
|
+
@cnvs-sys-color-fg-warning-default: @cnvs-brand-caution-600;
|
|
200
|
+
@cnvs-sys-color-fg-warning-strong: @cnvs-brand-caution-700;
|
|
201
|
+
@cnvs-sys-color-fg-success-default: @cnvs-brand-positive-600;
|
|
202
|
+
@cnvs-sys-color-fg-success-strong: @cnvs-brand-positive-700;
|
|
203
|
+
@cnvs-sys-color-fg-ai: @cnvs-base-palette-blue-950;
|
|
204
|
+
@cnvs-sys-color-fg-contrast-default: @cnvs-base-palette-neutral-a900;
|
|
205
|
+
@cnvs-sys-color-fg-contrast-strong: @cnvs-base-palette-neutral-a950;
|
|
206
|
+
@cnvs-sys-color-border-ai: @cnvs-base-palette-blue-950;
|
|
207
|
+
@cnvs-sys-color-border-input-default: @cnvs-brand-neutral-a500;
|
|
208
|
+
@cnvs-sys-color-border-input-hover: @cnvs-brand-neutral-a700;
|
|
209
|
+
@cnvs-sys-color-border-contrast-default: @cnvs-base-palette-neutral-a900;
|
|
210
|
+
@cnvs-sys-color-border-default: @cnvs-brand-neutral-a100;
|
|
211
|
+
@cnvs-sys-color-border-strong: @cnvs-brand-neutral-a200;
|
|
212
|
+
@cnvs-sys-color-border-info-default: @cnvs-base-palette-blue-500;
|
|
213
|
+
@cnvs-sys-color-border-danger: @cnvs-brand-critical-500;
|
|
214
|
+
@cnvs-sys-color-border-warning: @cnvs-brand-caution-500;
|
|
215
|
+
@cnvs-sys-color-border-inverse-default: @cnvs-base-palette-neutral-0;
|
|
216
|
+
@cnvs-sys-color-border-inverse-strong: @cnvs-base-palette-white-a700;
|
|
217
|
+
@cnvs-sys-color-border-transparent: @cnvs-base-palette-white-a0;
|
|
218
|
+
@cnvs-sys-color-surface-default: @cnvs-base-palette-neutral-0;
|
|
219
|
+
@cnvs-sys-color-surface-navigation: @cnvs-brand-neutral-50;
|
|
220
|
+
@cnvs-sys-color-surface-popover: @cnvs-base-palette-neutral-0;
|
|
221
|
+
@cnvs-sys-color-surface-modal: @cnvs-base-palette-neutral-0;
|
|
222
|
+
@cnvs-sys-color-surface-raised: @cnvs-brand-neutral-a25;
|
|
223
|
+
@cnvs-sys-color-surface-alt-default: @cnvs-brand-neutral-a50;
|
|
224
|
+
@cnvs-sys-color-surface-alt-strong: @cnvs-brand-neutral-a100;
|
|
225
|
+
@cnvs-sys-color-surface-loading: @cnvs-brand-neutral-a50;
|
|
226
|
+
@cnvs-sys-color-surface-info-default: @cnvs-base-palette-blue-a25;
|
|
227
|
+
@cnvs-sys-color-surface-info-strong: @cnvs-base-palette-blue-a50;
|
|
228
|
+
@cnvs-sys-color-surface-danger-default: @cnvs-brand-critical-a25;
|
|
229
|
+
@cnvs-sys-color-surface-danger-strong: @cnvs-brand-critical-a50;
|
|
230
|
+
@cnvs-sys-color-surface-warning-default: @cnvs-brand-caution-a25;
|
|
231
|
+
@cnvs-sys-color-surface-warning-strong: @cnvs-brand-caution-a50;
|
|
232
|
+
@cnvs-sys-color-surface-success-default: @cnvs-brand-positive-a25;
|
|
233
|
+
@cnvs-sys-color-surface-success-strong: @cnvs-brand-positive-a50;
|
|
234
|
+
@cnvs-sys-color-surface-ai-default: @cnvs-base-palette-blue-a100;
|
|
235
|
+
@cnvs-sys-color-surface-ai-hover: @cnvs-base-palette-blue-a200;
|
|
236
|
+
@cnvs-sys-color-surface-ai-pressed: @cnvs-base-palette-blue-400;
|
|
237
|
+
@cnvs-sys-color-surface-transparent: @cnvs-base-palette-white-a0;
|
|
238
|
+
@cnvs-sys-color-surface-inverse: @cnvs-base-palette-neutral-0;
|
|
239
|
+
@cnvs-sys-color-surface-contrast-default: @cnvs-brand-neutral-a900;
|
|
240
|
+
@cnvs-sys-color-surface-contrast-strong: @cnvs-brand-neutral-a950;
|
|
241
|
+
@cnvs-sys-color-surface-overlay-hover-default: @cnvs-brand-neutral-a50;
|
|
242
|
+
@cnvs-sys-color-surface-overlay-hover-inverse: @cnvs-base-palette-white-a200;
|
|
243
|
+
@cnvs-sys-color-surface-overlay-mixin: @cnvs-base-palette-neutral-1000;
|
|
244
|
+
@cnvs-sys-color-surface-overlay-pressed-default: @cnvs-brand-neutral-a100;
|
|
245
|
+
@cnvs-sys-color-surface-overlay-pressed-inverse: @cnvs-base-palette-white-a300;
|
|
246
|
+
@cnvs-sys-color-surface-overlay-scrim: @cnvs-brand-neutral-a400;
|
|
247
|
+
@cnvs-sys-color-surface-overlay-raised: @cnvs-base-palette-white-a400;
|
|
248
|
+
@cnvs-sys-color-accent-ai: @cnvs-base-palette-blue-950;
|
|
249
|
+
@cnvs-sys-color-accent-info: @cnvs-base-palette-blue-600;
|
|
250
|
+
@cnvs-sys-color-accent-danger: @cnvs-brand-critical-600;
|
|
251
|
+
@cnvs-sys-color-accent-warning: @cnvs-brand-caution-400;
|
|
252
|
+
@cnvs-sys-color-accent-success: @cnvs-brand-positive-600;
|
|
253
|
+
@cnvs-sys-color-accent-contrast: @cnvs-brand-neutral-a900;
|
|
254
|
+
@cnvs-sys-color-accent-muted-default: @cnvs-brand-neutral-600;
|
|
255
|
+
@cnvs-sys-color-accent-muted-soft: @cnvs-brand-neutral-400;
|
|
256
|
+
@cnvs-sys-color-accent-overlay-hover: @cnvs-base-palette-white-a100;
|
|
257
|
+
@cnvs-sys-color-accent-overlay-pressed: @cnvs-base-palette-white-a200;
|
|
258
|
+
@cnvs-sys-color-accent-overlay-mixin: @cnvs-base-palette-neutral-1000;
|
|
259
|
+
@cnvs-sys-color-brand-focus-primary: @cnvs-base-palette-blue-500;
|
|
260
|
+
@cnvs-sys-color-brand-focus-critical: @cnvs-brand-critical-500;
|
|
261
|
+
@cnvs-sys-color-brand-focus-caution-outer: @cnvs-brand-caution-500;
|
|
262
|
+
@cnvs-sys-color-brand-focus-caution-inner: @cnvs-brand-caution-400;
|
|
263
|
+
@cnvs-sys-color-brand-surface-primary-default: @cnvs-brand-neutral-a25;
|
|
264
|
+
@cnvs-sys-color-brand-surface-primary-strong: @cnvs-brand-neutral-a50;
|
|
265
|
+
@cnvs-sys-color-brand-surface-critical-default: @cnvs-brand-critical-a25;
|
|
266
|
+
@cnvs-sys-color-brand-surface-critical-strong: @cnvs-brand-critical-a50;
|
|
267
|
+
@cnvs-sys-color-brand-surface-caution-default: @cnvs-brand-caution-a25;
|
|
268
|
+
@cnvs-sys-color-brand-surface-caution-strong: @cnvs-brand-caution-a50;
|
|
269
|
+
@cnvs-sys-color-brand-surface-positive-default: @cnvs-brand-positive-a25;
|
|
270
|
+
@cnvs-sys-color-brand-surface-positive-strong: @cnvs-brand-positive-a50;
|
|
271
|
+
@cnvs-sys-color-brand-surface-selected: @cnvs-brand-neutral-a100;
|
|
272
|
+
@cnvs-sys-color-brand-accent-primary: @cnvs-brand-neutral-975;
|
|
273
|
+
@cnvs-sys-color-brand-accent-critical: @cnvs-brand-critical-600;
|
|
274
|
+
@cnvs-sys-color-brand-accent-caution: @cnvs-brand-caution-400;
|
|
275
|
+
@cnvs-sys-color-brand-accent-positive: @cnvs-brand-positive-600;
|
|
276
|
+
@cnvs-sys-color-brand-accent-action: @cnvs-brand-neutral-975;
|
|
277
|
+
@cnvs-sys-color-brand-fg-primary-default: @cnvs-brand-neutral-a900;
|
|
278
|
+
@cnvs-sys-color-brand-fg-primary-strong: @cnvs-brand-neutral-a950;
|
|
279
|
+
@cnvs-sys-color-brand-fg-critical-default: @cnvs-brand-critical-600;
|
|
280
|
+
@cnvs-sys-color-brand-fg-critical-strong: @cnvs-brand-critical-700;
|
|
281
|
+
@cnvs-sys-color-brand-fg-caution-default: @cnvs-brand-caution-600;
|
|
282
|
+
@cnvs-sys-color-brand-fg-caution-strong: @cnvs-brand-caution-700;
|
|
283
|
+
@cnvs-sys-color-brand-fg-positive-default: @cnvs-brand-positive-600;
|
|
284
|
+
@cnvs-sys-color-brand-fg-positive-strong: @cnvs-brand-positive-700;
|
|
285
|
+
@cnvs-sys-color-brand-fg-selected: @cnvs-brand-neutral-a900;
|
|
286
|
+
@cnvs-sys-color-brand-border-primary: @cnvs-base-palette-blue-500;
|
|
287
|
+
@cnvs-sys-color-brand-border-critical: @cnvs-brand-critical-500;
|
|
288
|
+
@cnvs-sys-color-brand-border-caution: @cnvs-brand-caution-500;
|
|
289
|
+
@cnvs-sys-color-focus-inverse: @cnvs-base-palette-neutral-0;
|
|
290
|
+
@cnvs-sys-color-focus-contrast: @cnvs-brand-neutral-a900;
|
|
291
|
+
@cnvs-sys-color-chart-diverging-azure-coral-1: @cnvs-base-palette-azure-900;
|
|
292
|
+
@cnvs-sys-color-chart-diverging-azure-coral-2: @cnvs-base-palette-azure-800;
|
|
293
|
+
@cnvs-sys-color-chart-diverging-azure-coral-3: @cnvs-base-palette-azure-700;
|
|
294
|
+
@cnvs-sys-color-chart-diverging-azure-coral-4: @cnvs-base-palette-azure-600;
|
|
295
|
+
@cnvs-sys-color-chart-diverging-azure-coral-5: @cnvs-base-palette-azure-500;
|
|
296
|
+
@cnvs-sys-color-chart-diverging-azure-coral-6: @cnvs-base-palette-azure-400;
|
|
297
|
+
@cnvs-sys-color-chart-diverging-azure-coral-7: @cnvs-base-palette-azure-300;
|
|
298
|
+
@cnvs-sys-color-chart-diverging-azure-coral-8: @cnvs-base-palette-azure-200;
|
|
299
|
+
@cnvs-sys-color-chart-diverging-azure-coral-9: @cnvs-base-palette-azure-100;
|
|
300
|
+
@cnvs-sys-color-chart-diverging-azure-coral-10: @cnvs-base-palette-azure-50;
|
|
301
|
+
@cnvs-sys-color-chart-diverging-azure-coral-11: @cnvs-base-palette-azure-25;
|
|
302
|
+
@cnvs-sys-color-chart-diverging-azure-coral-12: @cnvs-base-palette-neutral-0;
|
|
303
|
+
@cnvs-sys-color-chart-diverging-azure-coral-13: @cnvs-base-palette-coral-25;
|
|
304
|
+
@cnvs-sys-color-chart-diverging-azure-coral-14: @cnvs-base-palette-coral-50;
|
|
305
|
+
@cnvs-sys-color-chart-diverging-azure-coral-15: @cnvs-base-palette-coral-100;
|
|
306
|
+
@cnvs-sys-color-chart-diverging-azure-coral-16: @cnvs-base-palette-coral-200;
|
|
307
|
+
@cnvs-sys-color-chart-diverging-azure-coral-17: @cnvs-base-palette-coral-300;
|
|
308
|
+
@cnvs-sys-color-chart-diverging-azure-coral-18: @cnvs-base-palette-coral-400;
|
|
309
|
+
@cnvs-sys-color-chart-diverging-azure-coral-19: @cnvs-base-palette-coral-500;
|
|
310
|
+
@cnvs-sys-color-chart-diverging-azure-coral-20: @cnvs-base-palette-coral-600;
|
|
311
|
+
@cnvs-sys-color-chart-diverging-azure-coral-21: @cnvs-base-palette-coral-700;
|
|
312
|
+
@cnvs-sys-color-chart-diverging-azure-coral-22: @cnvs-base-palette-coral-800;
|
|
313
|
+
@cnvs-sys-color-chart-diverging-azure-coral-23: @cnvs-base-palette-coral-900;
|
|
314
|
+
@cnvs-sys-color-chart-categorical-1: @cnvs-base-palette-teal-500;
|
|
315
|
+
@cnvs-sys-color-chart-categorical-2: @cnvs-base-palette-blue-800;
|
|
316
|
+
@cnvs-sys-color-chart-categorical-3: @cnvs-base-palette-orange-500;
|
|
317
|
+
@cnvs-sys-color-chart-categorical-4: @cnvs-base-palette-azure-500;
|
|
318
|
+
@cnvs-sys-color-chart-categorical-5: @cnvs-base-palette-magenta-600;
|
|
319
|
+
@cnvs-sys-color-chart-categorical-6: @cnvs-brand-positive-600;
|
|
320
|
+
@cnvs-sys-color-chart-categorical-7: @cnvs-base-palette-purple-500;
|
|
321
|
+
@cnvs-sys-color-chart-categorical-8: @cnvs-brand-caution-500;
|
|
322
|
+
@cnvs-sys-color-chart-categorical-9: @cnvs-base-palette-teal-700;
|
|
323
|
+
@cnvs-sys-color-chart-categorical-10: @cnvs-base-palette-indigo-600;
|
|
324
|
+
@cnvs-sys-color-chart-categorical-11: @cnvs-base-palette-orange-700;
|
|
325
|
+
@cnvs-sys-color-chart-categorical-12: @cnvs-base-palette-azure-700;
|
|
326
|
+
@cnvs-sys-color-chart-categorical-13: @cnvs-base-palette-purple-700;
|
|
327
|
+
@cnvs-sys-color-chart-categorical-14: @cnvs-base-palette-coral-600;
|
|
328
|
+
@cnvs-sys-color-chart-categorical-15: @cnvs-brand-positive-800;
|
|
329
|
+
@cnvs-sys-color-chart-categorical-16: @cnvs-brand-caution-700;
|
|
330
|
+
@cnvs-sys-color-chart-sequential-1: @cnvs-base-palette-teal-25;
|
|
331
|
+
@cnvs-sys-color-chart-sequential-2: @cnvs-base-palette-teal-50;
|
|
332
|
+
@cnvs-sys-color-chart-sequential-3: @cnvs-base-palette-teal-100;
|
|
333
|
+
@cnvs-sys-color-chart-sequential-4: @cnvs-base-palette-teal-200;
|
|
334
|
+
@cnvs-sys-color-chart-sequential-5: @cnvs-base-palette-teal-300;
|
|
335
|
+
@cnvs-sys-color-chart-sequential-6: @cnvs-base-palette-teal-400;
|
|
336
|
+
@cnvs-sys-color-chart-sequential-7: @cnvs-base-palette-teal-500;
|
|
337
|
+
@cnvs-sys-color-chart-sequential-8: @cnvs-base-palette-teal-600;
|
|
338
|
+
@cnvs-sys-color-chart-sequential-9: @cnvs-base-palette-teal-700;
|
|
339
|
+
@cnvs-sys-color-chart-sequential-10: @cnvs-base-palette-teal-800;
|
|
340
|
+
@cnvs-sys-color-chart-sequential-11: @cnvs-base-palette-teal-900;
|
|
341
|
+
@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);
|
|
342
|
+
@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);
|
|
343
|
+
@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);
|
|
344
|
+
@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);
|
|
345
|
+
@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);
|
|
346
|
+
@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);
|
|
347
|
+
@cnvs-sys-font-family-fallback: @cnvs-base-font-family-0;
|
|
348
|
+
@cnvs-sys-letter-spacing-subtext-sm: @cnvs-base-letter-spacing-1;
|
|
349
|
+
@cnvs-sys-letter-spacing-subtext-md: @cnvs-base-letter-spacing-2;
|
|
350
|
+
@cnvs-sys-letter-spacing-subtext-lg: @cnvs-base-letter-spacing-3;
|
|
351
|
+
@cnvs-sys-letter-spacing-body-sm: @cnvs-base-letter-spacing-4;
|
|
352
|
+
@cnvs-sys-letter-spacing-body-md: @cnvs-base-letter-spacing-5;
|
|
353
|
+
@cnvs-sys-letter-spacing-body-lg: @cnvs-base-letter-spacing-6;
|
|
354
|
+
@cnvs-sys-letter-spacing-heading-sm: @cnvs-base-letter-spacing-7;
|
|
355
|
+
@cnvs-sys-letter-spacing-heading-md: @cnvs-base-letter-spacing-8;
|
|
356
|
+
@cnvs-sys-letter-spacing-heading-lg: @cnvs-base-letter-spacing-9;
|
|
357
|
+
@cnvs-sys-letter-spacing-title-sm: @cnvs-base-letter-spacing-10;
|
|
358
|
+
@cnvs-sys-letter-spacing-title-md: @cnvs-base-letter-spacing-11;
|
|
359
|
+
@cnvs-sys-letter-spacing-title-lg: @cnvs-base-letter-spacing-12;
|
|
360
|
+
@cnvs-sys-font-weight-regular: @cnvs-base-font-weight-400;
|
|
361
|
+
@cnvs-sys-font-weight-semibold: @cnvs-base-font-weight-600;
|
|
362
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Tue,
|
|
3
|
+
// Generated on Tue, 09 Jun 2026 16:53:29 GMT
|
|
4
4
|
|
|
5
5
|
$cnvs-base-font-size: 1rem; // Default fontSize for the browser, may be overridden by user preferences
|
|
6
6
|
$cnvs-base-baseline: 0.5rem; // Baseline unit used for the 8pt sizing grid
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Tue,
|
|
3
|
+
// Generated on Tue, 09 Jun 2026 16:53:29 GMT
|
|
4
4
|
|
|
5
5
|
$cnvs-base-font-size: 1rem; // Default fontSize for the browser, may be overridden by user preferences
|
|
6
6
|
$cnvs-base-baseline: 0.5rem; // Baseline unit used for the 8pt sizing grid
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Tue,
|
|
3
|
+
// Generated on Tue, 09 Jun 2026 16:53:29 GMT
|
|
4
4
|
|
|
5
5
|
$cnvs-component-system-icon-color-background: $cnvs-base-palette-neutral-a0; // Component level color used on the background of system icons
|
|
6
6
|
$cnvs-component-system-icon-color-fill: $cnvs-base-palette-neutral-800; // Component level color used on the fill areas of system icons
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Tue,
|
|
3
|
+
// Generated on Tue, 09 Jun 2026 16:53:29 GMT
|
|
4
4
|
|
|
5
5
|
$cnvs-component-system-icon-color-background: $cnvs-base-palette-neutral-a0; // Component level color used on the background of system icons
|
|
6
6
|
$cnvs-component-system-icon-color-fill: $cnvs-base-palette-neutral-800; // Component level color used on the fill areas of system icons
|