@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
|
"use strict";
|
|
@@ -14,7 +14,8 @@ exports.breakpoints = {
|
|
|
14
14
|
"sm": "--cnvs-sys-breakpoints-sm",
|
|
15
15
|
"md": "--cnvs-sys-breakpoints-md",
|
|
16
16
|
"lg": "--cnvs-sys-breakpoints-lg",
|
|
17
|
-
"xl": "--cnvs-sys-breakpoints-xl"
|
|
17
|
+
"xl": "--cnvs-sys-breakpoints-xl",
|
|
18
|
+
"xxl": "--cnvs-sys-breakpoints-xxl"
|
|
18
19
|
};
|
|
19
20
|
exports.shape = {
|
|
20
21
|
"zero": "--cnvs-sys-shape-zero",
|
|
@@ -26,6 +27,7 @@ exports.shape = {
|
|
|
26
27
|
"x6": "--cnvs-sys-shape-x6",
|
|
27
28
|
"round": "--cnvs-sys-shape-round",
|
|
28
29
|
"none": "--cnvs-sys-shape-none",
|
|
30
|
+
"xs": "--cnvs-sys-shape-xs",
|
|
29
31
|
"sm": "--cnvs-sys-shape-sm",
|
|
30
32
|
"md": "--cnvs-sys-shape-md",
|
|
31
33
|
"lg": "--cnvs-sys-shape-lg",
|
|
@@ -193,13 +195,15 @@ exports.type = {
|
|
|
193
195
|
"fontFamily": "--cnvs-sys-font-family-default",
|
|
194
196
|
"fontWeight": "--cnvs-sys-font-weight-normal",
|
|
195
197
|
"lineHeight": "--cnvs-sys-line-height-body-md",
|
|
196
|
-
"fontSize": "--cnvs-sys-font-size-body-md"
|
|
198
|
+
"fontSize": "--cnvs-sys-font-size-body-md",
|
|
199
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-body-md"
|
|
197
200
|
},
|
|
198
201
|
"lg": {
|
|
199
202
|
"fontFamily": "--cnvs-sys-font-family-default",
|
|
200
203
|
"fontWeight": "--cnvs-sys-font-weight-normal",
|
|
201
204
|
"lineHeight": "--cnvs-sys-line-height-body-lg",
|
|
202
|
-
"fontSize": "--cnvs-sys-font-size-body-lg"
|
|
205
|
+
"fontSize": "--cnvs-sys-font-size-body-lg",
|
|
206
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-body-lg"
|
|
203
207
|
}
|
|
204
208
|
},
|
|
205
209
|
"heading": {
|
|
@@ -225,19 +229,22 @@ exports.type = {
|
|
|
225
229
|
"fontFamily": "--cnvs-sys-font-family-default",
|
|
226
230
|
"fontWeight": "--cnvs-sys-font-weight-bold",
|
|
227
231
|
"lineHeight": "--cnvs-sys-line-height-heading-sm",
|
|
228
|
-
"fontSize": "--cnvs-sys-font-size-heading-sm"
|
|
232
|
+
"fontSize": "--cnvs-sys-font-size-heading-sm",
|
|
233
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-heading-sm"
|
|
229
234
|
},
|
|
230
235
|
"md": {
|
|
231
236
|
"fontFamily": "--cnvs-sys-font-family-default",
|
|
232
237
|
"fontWeight": "--cnvs-sys-font-weight-bold",
|
|
233
238
|
"lineHeight": "--cnvs-sys-line-height-heading-md",
|
|
234
|
-
"fontSize": "--cnvs-sys-font-size-heading-md"
|
|
239
|
+
"fontSize": "--cnvs-sys-font-size-heading-md",
|
|
240
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-heading-md"
|
|
235
241
|
},
|
|
236
242
|
"lg": {
|
|
237
243
|
"fontFamily": "--cnvs-sys-font-family-default",
|
|
238
244
|
"fontWeight": "--cnvs-sys-font-weight-bold",
|
|
239
245
|
"lineHeight": "--cnvs-sys-line-height-heading-lg",
|
|
240
|
-
"fontSize": "--cnvs-sys-font-size-heading-lg"
|
|
246
|
+
"fontSize": "--cnvs-sys-font-size-heading-lg",
|
|
247
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-heading-lg"
|
|
241
248
|
}
|
|
242
249
|
},
|
|
243
250
|
"title": {
|
|
@@ -263,19 +270,22 @@ exports.type = {
|
|
|
263
270
|
"fontFamily": "--cnvs-sys-font-family-default",
|
|
264
271
|
"fontWeight": "--cnvs-sys-font-weight-bold",
|
|
265
272
|
"lineHeight": "--cnvs-sys-line-height-title-sm",
|
|
266
|
-
"fontSize": "--cnvs-sys-font-size-title-sm"
|
|
273
|
+
"fontSize": "--cnvs-sys-font-size-title-sm",
|
|
274
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-title-sm"
|
|
267
275
|
},
|
|
268
276
|
"md": {
|
|
269
277
|
"fontFamily": "--cnvs-sys-font-family-default",
|
|
270
278
|
"fontWeight": "--cnvs-sys-font-weight-bold",
|
|
271
279
|
"lineHeight": "--cnvs-sys-line-height-title-md",
|
|
272
|
-
"fontSize": "--cnvs-sys-font-size-title-md"
|
|
280
|
+
"fontSize": "--cnvs-sys-font-size-title-md",
|
|
281
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-title-md"
|
|
273
282
|
},
|
|
274
283
|
"lg": {
|
|
275
284
|
"fontFamily": "--cnvs-sys-font-family-default",
|
|
276
285
|
"fontWeight": "--cnvs-sys-font-weight-bold",
|
|
277
286
|
"lineHeight": "--cnvs-sys-line-height-title-lg",
|
|
278
|
-
"fontSize": "--cnvs-sys-font-size-title-lg"
|
|
287
|
+
"fontSize": "--cnvs-sys-font-size-title-lg",
|
|
288
|
+
"letterSpacing": "--cnvs-sys-letter-spacing-title-lg"
|
|
279
289
|
}
|
|
280
290
|
}
|
|
281
291
|
};
|
|
@@ -652,7 +662,11 @@ exports.color = {
|
|
|
652
662
|
"default": "--cnvs-sys-color-surface-overlay-pressed-default",
|
|
653
663
|
"inverse": "--cnvs-sys-color-surface-overlay-pressed-inverse"
|
|
654
664
|
},
|
|
655
|
-
"scrim": "--cnvs-sys-color-surface-overlay-scrim"
|
|
665
|
+
"scrim": "--cnvs-sys-color-surface-overlay-scrim",
|
|
666
|
+
"raised": "--cnvs-sys-color-surface-overlay-raised"
|
|
667
|
+
},
|
|
668
|
+
"text": {
|
|
669
|
+
"highlight": "--cnvs-sys-color-surface-text-highlight"
|
|
656
670
|
}
|
|
657
671
|
},
|
|
658
672
|
"accent": {
|
|
@@ -724,7 +738,11 @@ exports.color = {
|
|
|
724
738
|
"default": "--cnvs-sys-color-brand-fg-positive-default",
|
|
725
739
|
"strong": "--cnvs-sys-color-brand-fg-positive-strong"
|
|
726
740
|
},
|
|
727
|
-
"selected": "--cnvs-sys-color-brand-fg-selected"
|
|
741
|
+
"selected": "--cnvs-sys-color-brand-fg-selected",
|
|
742
|
+
"link": {
|
|
743
|
+
"default": "--cnvs-sys-color-brand-fg-link-default",
|
|
744
|
+
"hover": "--cnvs-sys-color-brand-fg-link-hover"
|
|
745
|
+
}
|
|
728
746
|
},
|
|
729
747
|
"border": {
|
|
730
748
|
"primary": "--cnvs-sys-color-brand-border-primary",
|
|
@@ -735,6 +753,68 @@ exports.color = {
|
|
|
735
753
|
"focus": {
|
|
736
754
|
"inverse": "--cnvs-sys-color-focus-inverse",
|
|
737
755
|
"contrast": "--cnvs-sys-color-focus-contrast"
|
|
756
|
+
},
|
|
757
|
+
"chart": {
|
|
758
|
+
"diverging": {
|
|
759
|
+
"azure": {
|
|
760
|
+
"coral": {
|
|
761
|
+
"1": "--cnvs-sys-color-chart-diverging-azure-coral-1",
|
|
762
|
+
"2": "--cnvs-sys-color-chart-diverging-azure-coral-2",
|
|
763
|
+
"3": "--cnvs-sys-color-chart-diverging-azure-coral-3",
|
|
764
|
+
"4": "--cnvs-sys-color-chart-diverging-azure-coral-4",
|
|
765
|
+
"5": "--cnvs-sys-color-chart-diverging-azure-coral-5",
|
|
766
|
+
"6": "--cnvs-sys-color-chart-diverging-azure-coral-6",
|
|
767
|
+
"7": "--cnvs-sys-color-chart-diverging-azure-coral-7",
|
|
768
|
+
"8": "--cnvs-sys-color-chart-diverging-azure-coral-8",
|
|
769
|
+
"9": "--cnvs-sys-color-chart-diverging-azure-coral-9",
|
|
770
|
+
"10": "--cnvs-sys-color-chart-diverging-azure-coral-10",
|
|
771
|
+
"11": "--cnvs-sys-color-chart-diverging-azure-coral-11",
|
|
772
|
+
"12": "--cnvs-sys-color-chart-diverging-azure-coral-12",
|
|
773
|
+
"13": "--cnvs-sys-color-chart-diverging-azure-coral-13",
|
|
774
|
+
"14": "--cnvs-sys-color-chart-diverging-azure-coral-14",
|
|
775
|
+
"15": "--cnvs-sys-color-chart-diverging-azure-coral-15",
|
|
776
|
+
"16": "--cnvs-sys-color-chart-diverging-azure-coral-16",
|
|
777
|
+
"17": "--cnvs-sys-color-chart-diverging-azure-coral-17",
|
|
778
|
+
"18": "--cnvs-sys-color-chart-diverging-azure-coral-18",
|
|
779
|
+
"19": "--cnvs-sys-color-chart-diverging-azure-coral-19",
|
|
780
|
+
"20": "--cnvs-sys-color-chart-diverging-azure-coral-20",
|
|
781
|
+
"21": "--cnvs-sys-color-chart-diverging-azure-coral-21",
|
|
782
|
+
"22": "--cnvs-sys-color-chart-diverging-azure-coral-22",
|
|
783
|
+
"23": "--cnvs-sys-color-chart-diverging-azure-coral-23"
|
|
784
|
+
}
|
|
785
|
+
}
|
|
786
|
+
},
|
|
787
|
+
"categorical": {
|
|
788
|
+
"1": "--cnvs-sys-color-chart-categorical-1",
|
|
789
|
+
"2": "--cnvs-sys-color-chart-categorical-2",
|
|
790
|
+
"3": "--cnvs-sys-color-chart-categorical-3",
|
|
791
|
+
"4": "--cnvs-sys-color-chart-categorical-4",
|
|
792
|
+
"5": "--cnvs-sys-color-chart-categorical-5",
|
|
793
|
+
"6": "--cnvs-sys-color-chart-categorical-6",
|
|
794
|
+
"7": "--cnvs-sys-color-chart-categorical-7",
|
|
795
|
+
"8": "--cnvs-sys-color-chart-categorical-8",
|
|
796
|
+
"9": "--cnvs-sys-color-chart-categorical-9",
|
|
797
|
+
"10": "--cnvs-sys-color-chart-categorical-10",
|
|
798
|
+
"11": "--cnvs-sys-color-chart-categorical-11",
|
|
799
|
+
"12": "--cnvs-sys-color-chart-categorical-12",
|
|
800
|
+
"13": "--cnvs-sys-color-chart-categorical-13",
|
|
801
|
+
"14": "--cnvs-sys-color-chart-categorical-14",
|
|
802
|
+
"15": "--cnvs-sys-color-chart-categorical-15",
|
|
803
|
+
"16": "--cnvs-sys-color-chart-categorical-16"
|
|
804
|
+
},
|
|
805
|
+
"sequential": {
|
|
806
|
+
"1": "--cnvs-sys-color-chart-sequential-1",
|
|
807
|
+
"2": "--cnvs-sys-color-chart-sequential-2",
|
|
808
|
+
"3": "--cnvs-sys-color-chart-sequential-3",
|
|
809
|
+
"4": "--cnvs-sys-color-chart-sequential-4",
|
|
810
|
+
"5": "--cnvs-sys-color-chart-sequential-5",
|
|
811
|
+
"6": "--cnvs-sys-color-chart-sequential-6",
|
|
812
|
+
"7": "--cnvs-sys-color-chart-sequential-7",
|
|
813
|
+
"8": "--cnvs-sys-color-chart-sequential-8",
|
|
814
|
+
"9": "--cnvs-sys-color-chart-sequential-9",
|
|
815
|
+
"10": "--cnvs-sys-color-chart-sequential-10",
|
|
816
|
+
"11": "--cnvs-sys-color-chart-sequential-11"
|
|
817
|
+
}
|
|
738
818
|
}
|
|
739
819
|
};
|
|
740
820
|
exports.depth = {
|
|
@@ -810,7 +890,8 @@ exports.gap = {
|
|
|
810
890
|
exports.fontFamily = {
|
|
811
891
|
"default": "--cnvs-sys-font-family-default",
|
|
812
892
|
"mono": "--cnvs-sys-font-family-mono",
|
|
813
|
-
"global": "--cnvs-sys-font-family-global"
|
|
893
|
+
"global": "--cnvs-sys-font-family-global",
|
|
894
|
+
"fallback": "--cnvs-sys-font-family-fallback"
|
|
814
895
|
};
|
|
815
896
|
exports.letterSpacing = {
|
|
816
897
|
"subtext": {
|
|
@@ -819,7 +900,19 @@ exports.letterSpacing = {
|
|
|
819
900
|
"lg": "--cnvs-sys-letter-spacing-subtext-lg"
|
|
820
901
|
},
|
|
821
902
|
"body": {
|
|
822
|
-
"sm": "--cnvs-sys-letter-spacing-body-sm"
|
|
903
|
+
"sm": "--cnvs-sys-letter-spacing-body-sm",
|
|
904
|
+
"md": "--cnvs-sys-letter-spacing-body-md",
|
|
905
|
+
"lg": "--cnvs-sys-letter-spacing-body-lg"
|
|
906
|
+
},
|
|
907
|
+
"heading": {
|
|
908
|
+
"sm": "--cnvs-sys-letter-spacing-heading-sm",
|
|
909
|
+
"md": "--cnvs-sys-letter-spacing-heading-md",
|
|
910
|
+
"lg": "--cnvs-sys-letter-spacing-heading-lg"
|
|
911
|
+
},
|
|
912
|
+
"title": {
|
|
913
|
+
"sm": "--cnvs-sys-letter-spacing-title-sm",
|
|
914
|
+
"md": "--cnvs-sys-letter-spacing-title-md",
|
|
915
|
+
"lg": "--cnvs-sys-letter-spacing-title-lg"
|
|
823
916
|
}
|
|
824
917
|
};
|
|
825
918
|
exports.fontWeight = {
|
|
@@ -832,16 +925,19 @@ exports.legacy = {
|
|
|
832
925
|
"breakpoints": {
|
|
833
926
|
"sm": "var(--cnvs-sys-breakpoints-sm, var(--cnvs-sys-breakpoints-s, 320px))",
|
|
834
927
|
"md": "var(--cnvs-sys-breakpoints-md, var(--cnvs-sys-breakpoints-m, 768px))",
|
|
835
|
-
"lg": "var(--cnvs-sys-breakpoints-lg, var(--cnvs-sys-breakpoints-l, 1024px))"
|
|
928
|
+
"lg": "var(--cnvs-sys-breakpoints-lg, var(--cnvs-sys-breakpoints-l, 1024px))",
|
|
929
|
+
"xl": "var(--cnvs-sys-breakpoints-xl, 1rem / 2 * 180)",
|
|
930
|
+
"xxl": "var(--cnvs-sys-breakpoints-xxl, 1rem / 2 * 272.5)"
|
|
836
931
|
},
|
|
837
932
|
"shape": {
|
|
838
933
|
"none": "var(--cnvs-sys-shape-none, var(--cnvs-sys-shape-zero, 0))",
|
|
839
|
-
"
|
|
934
|
+
"xs": "var(--cnvs-sys-shape-xs, var(--cnvs-sys-shape-x1, 0.25rem))",
|
|
935
|
+
"sm": "var(--cnvs-sys-shape-sm, 0.375rem)",
|
|
840
936
|
"md": "var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x2, 0.5rem))",
|
|
841
937
|
"lg": "var(--cnvs-sys-shape-lg, 0.75rem)",
|
|
842
938
|
"xl": "var(--cnvs-sys-shape-xl, var(--cnvs-sys-shape-x4, 1rem))",
|
|
843
|
-
"xxl": "var(--cnvs-sys-shape-xxl,
|
|
844
|
-
"xxxl": "var(--cnvs-sys-shape-xxxl,
|
|
939
|
+
"xxl": "var(--cnvs-sys-shape-xxl, 1.25rem)",
|
|
940
|
+
"xxxl": "var(--cnvs-sys-shape-xxxl, 1.75rem)",
|
|
845
941
|
"full": "var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem))"
|
|
846
942
|
},
|
|
847
943
|
"fontSize": {
|
|
@@ -874,7 +970,7 @@ exports.legacy = {
|
|
|
874
970
|
},
|
|
875
971
|
"body": {
|
|
876
972
|
"sm": "var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small, 1.5rem))",
|
|
877
|
-
"md": "var(--cnvs-sys-line-height-body-md, var(--cnvs-sys-line-height-body-medium, 1.
|
|
973
|
+
"md": "var(--cnvs-sys-line-height-body-md, var(--cnvs-sys-line-height-body-medium, 1.5rem))",
|
|
878
974
|
"lg": "var(--cnvs-sys-line-height-body-lg, var(--cnvs-sys-line-height-body-large, 1.75rem))"
|
|
879
975
|
},
|
|
880
976
|
"heading": {
|
|
@@ -891,95 +987,56 @@ exports.legacy = {
|
|
|
891
987
|
"type": {
|
|
892
988
|
"subtext": {
|
|
893
989
|
"sm": {
|
|
894
|
-
"fontFamily": "var(--cnvs-sys-
|
|
895
|
-
"fontWeight": "var(--cnvs-sys-
|
|
896
|
-
"lineHeight": "var(--cnvs-sys-
|
|
897
|
-
"fontSize": "var(--cnvs-sys-
|
|
898
|
-
"letterSpacing": "var(--cnvs-sys-
|
|
990
|
+
"fontFamily": "var(--cnvs-sys-font-family-default)",
|
|
991
|
+
"fontWeight": "var(--cnvs-sys-font-weight-normal)",
|
|
992
|
+
"lineHeight": "var(--cnvs-sys-line-height-subtext-sm, var(--cnvs-sys-line-height-subtext-small))",
|
|
993
|
+
"fontSize": "var(--cnvs-sys-font-size-subtext-sm, var(--cnvs-sys-font-size-subtext-small))",
|
|
994
|
+
"letterSpacing": "var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-base-letter-spacing-50))"
|
|
899
995
|
},
|
|
900
996
|
"md": {
|
|
901
|
-
"fontFamily": "var(--cnvs-sys-
|
|
902
|
-
"fontWeight": "var(--cnvs-sys-
|
|
903
|
-
"lineHeight": "var(--cnvs-sys-
|
|
904
|
-
"fontSize": "var(--cnvs-sys-
|
|
905
|
-
"letterSpacing": "var(--cnvs-sys-
|
|
997
|
+
"fontFamily": "var(--cnvs-sys-font-family-default)",
|
|
998
|
+
"fontWeight": "var(--cnvs-sys-font-weight-normal)",
|
|
999
|
+
"lineHeight": "var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium))",
|
|
1000
|
+
"fontSize": "var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium))",
|
|
1001
|
+
"letterSpacing": "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-base-letter-spacing-100))"
|
|
906
1002
|
},
|
|
907
1003
|
"lg": {
|
|
908
|
-
"fontFamily": "var(--cnvs-sys-
|
|
909
|
-
"fontWeight": "var(--cnvs-sys-
|
|
910
|
-
"lineHeight": "var(--cnvs-sys-
|
|
911
|
-
"fontSize": "var(--cnvs-sys-
|
|
912
|
-
"letterSpacing": "var(--cnvs-sys-
|
|
1004
|
+
"fontFamily": "var(--cnvs-sys-font-family-default)",
|
|
1005
|
+
"fontWeight": "var(--cnvs-sys-font-weight-normal)",
|
|
1006
|
+
"lineHeight": "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large))",
|
|
1007
|
+
"fontSize": "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large))",
|
|
1008
|
+
"letterSpacing": "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150))"
|
|
913
1009
|
}
|
|
914
1010
|
},
|
|
915
1011
|
"body": {
|
|
916
1012
|
"sm": {
|
|
917
|
-
"fontFamily": "var(--cnvs-sys-
|
|
918
|
-
"fontWeight": "var(--cnvs-sys-
|
|
919
|
-
"lineHeight": "var(--cnvs-sys-
|
|
920
|
-
"fontSize": "var(--cnvs-sys-
|
|
921
|
-
"letterSpacing": "var(--cnvs-sys-
|
|
922
|
-
},
|
|
923
|
-
"md": {
|
|
924
|
-
"fontFamily": "var(--cnvs-sys-type-body-md, var(--cnvs-sys-type-body-medium))",
|
|
925
|
-
"fontWeight": "var(--cnvs-sys-type-body-md, var(--cnvs-sys-type-body-medium))",
|
|
926
|
-
"lineHeight": "var(--cnvs-sys-type-body-md, var(--cnvs-sys-type-body-medium))",
|
|
927
|
-
"fontSize": "var(--cnvs-sys-type-body-md, var(--cnvs-sys-type-body-medium))"
|
|
928
|
-
},
|
|
929
|
-
"lg": {
|
|
930
|
-
"fontFamily": "var(--cnvs-sys-type-body-lg, var(--cnvs-sys-type-body-large))",
|
|
931
|
-
"fontWeight": "var(--cnvs-sys-type-body-lg, var(--cnvs-sys-type-body-large))",
|
|
932
|
-
"lineHeight": "var(--cnvs-sys-type-body-lg, var(--cnvs-sys-type-body-large))",
|
|
933
|
-
"fontSize": "var(--cnvs-sys-type-body-lg, var(--cnvs-sys-type-body-large))"
|
|
934
|
-
}
|
|
935
|
-
},
|
|
936
|
-
"heading": {
|
|
937
|
-
"sm": {
|
|
938
|
-
"fontFamily": "var(--cnvs-sys-type-heading-sm, var(--cnvs-sys-type-heading-small))",
|
|
939
|
-
"fontWeight": "var(--cnvs-sys-type-heading-sm, var(--cnvs-sys-type-heading-small))",
|
|
940
|
-
"lineHeight": "var(--cnvs-sys-type-heading-sm, var(--cnvs-sys-type-heading-small))",
|
|
941
|
-
"fontSize": "var(--cnvs-sys-type-heading-sm, var(--cnvs-sys-type-heading-small))"
|
|
942
|
-
},
|
|
943
|
-
"md": {
|
|
944
|
-
"fontFamily": "var(--cnvs-sys-type-heading-md, var(--cnvs-sys-type-heading-medium))",
|
|
945
|
-
"fontWeight": "var(--cnvs-sys-type-heading-md, var(--cnvs-sys-type-heading-medium))",
|
|
946
|
-
"lineHeight": "var(--cnvs-sys-type-heading-md, var(--cnvs-sys-type-heading-medium))",
|
|
947
|
-
"fontSize": "var(--cnvs-sys-type-heading-md, var(--cnvs-sys-type-heading-medium))"
|
|
948
|
-
},
|
|
949
|
-
"lg": {
|
|
950
|
-
"fontFamily": "var(--cnvs-sys-type-heading-lg, var(--cnvs-sys-type-heading-large))",
|
|
951
|
-
"fontWeight": "var(--cnvs-sys-type-heading-lg, var(--cnvs-sys-type-heading-large))",
|
|
952
|
-
"lineHeight": "var(--cnvs-sys-type-heading-lg, var(--cnvs-sys-type-heading-large))",
|
|
953
|
-
"fontSize": "var(--cnvs-sys-type-heading-lg, var(--cnvs-sys-type-heading-large))"
|
|
954
|
-
}
|
|
955
|
-
},
|
|
956
|
-
"title": {
|
|
957
|
-
"sm": {
|
|
958
|
-
"fontFamily": "var(--cnvs-sys-type-title-sm, var(--cnvs-sys-type-title-small))",
|
|
959
|
-
"fontWeight": "var(--cnvs-sys-type-title-sm, var(--cnvs-sys-type-title-small))",
|
|
960
|
-
"lineHeight": "var(--cnvs-sys-type-title-sm, var(--cnvs-sys-type-title-small))",
|
|
961
|
-
"fontSize": "var(--cnvs-sys-type-title-sm, var(--cnvs-sys-type-title-small))"
|
|
962
|
-
},
|
|
963
|
-
"md": {
|
|
964
|
-
"fontFamily": "var(--cnvs-sys-type-title-md, var(--cnvs-sys-type-title-medium))",
|
|
965
|
-
"fontWeight": "var(--cnvs-sys-type-title-md, var(--cnvs-sys-type-title-medium))",
|
|
966
|
-
"lineHeight": "var(--cnvs-sys-type-title-md, var(--cnvs-sys-type-title-medium))",
|
|
967
|
-
"fontSize": "var(--cnvs-sys-type-title-md, var(--cnvs-sys-type-title-medium))"
|
|
968
|
-
},
|
|
969
|
-
"lg": {
|
|
970
|
-
"fontFamily": "var(--cnvs-sys-type-title-lg, var(--cnvs-sys-type-title-large))",
|
|
971
|
-
"fontWeight": "var(--cnvs-sys-type-title-lg, var(--cnvs-sys-type-title-large))",
|
|
972
|
-
"lineHeight": "var(--cnvs-sys-type-title-lg, var(--cnvs-sys-type-title-large))",
|
|
973
|
-
"fontSize": "var(--cnvs-sys-type-title-lg, var(--cnvs-sys-type-title-large))"
|
|
1013
|
+
"fontFamily": "var(--cnvs-sys-font-family-default)",
|
|
1014
|
+
"fontWeight": "var(--cnvs-sys-font-weight-normal)",
|
|
1015
|
+
"lineHeight": "var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small))",
|
|
1016
|
+
"fontSize": "var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small))",
|
|
1017
|
+
"letterSpacing": "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-base-letter-spacing-200))"
|
|
974
1018
|
}
|
|
975
1019
|
}
|
|
976
1020
|
},
|
|
977
1021
|
"color": {
|
|
1022
|
+
"bg": {
|
|
1023
|
+
"alt": {
|
|
1024
|
+
"default": "var(--cnvs-sys-color-bg-alt-default, oklch(0.9702 0 0 / 1))"
|
|
1025
|
+
}
|
|
1026
|
+
},
|
|
978
1027
|
"fg": {
|
|
1028
|
+
"muted": {
|
|
1029
|
+
"default": "var(--cnvs-sys-color-fg-muted-default, oklch(0.1704 0.05 251.35 / 0.6353))",
|
|
1030
|
+
"strong": "var(--cnvs-sys-color-fg-muted-strong, oklch(0.1549 0.0434 249.61 / 0.7098))"
|
|
1031
|
+
},
|
|
979
1032
|
"info": {
|
|
980
1033
|
"default": "var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)))",
|
|
981
1034
|
"strong": "var(--cnvs-sys-color-fg-info-strong, var(--cnvs-sys-color-fg-primary-strong, oklch(0.4658 0.1562 255.5 / 1)))"
|
|
982
1035
|
},
|
|
1036
|
+
"default": "var(--cnvs-sys-color-fg-default, oklch(0 0 0 / 0.8039))",
|
|
1037
|
+
"strong": "var(--cnvs-sys-color-fg-strong, oklch(0 0 0 / 0.8706))",
|
|
1038
|
+
"stronger": "var(--cnvs-sys-color-fg-stronger, oklch(0 0 0 / 0.8902))",
|
|
1039
|
+
"disabled": "var(--cnvs-sys-color-fg-disabled, oklch(0 0 0 / 0.3529))",
|
|
983
1040
|
"danger": {
|
|
984
1041
|
"default": "var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)))",
|
|
985
1042
|
"strong": "var(--cnvs-sys-color-fg-danger-strong, var(--cnvs-sys-color-fg-critical-strong, oklch(0.4517 0.1847 28.2 / 1)))"
|
|
@@ -991,77 +1048,89 @@ exports.legacy = {
|
|
|
991
1048
|
"success": {
|
|
992
1049
|
"default": "var(--cnvs-sys-color-fg-success-default, oklch(0.5069 0.1569 145.56 / 1))",
|
|
993
1050
|
"strong": "var(--cnvs-sys-color-fg-success-strong, oklch(0.4463 0.1422 144.58 / 1))"
|
|
1051
|
+
},
|
|
1052
|
+
"contrast": {
|
|
1053
|
+
"default": "var(--cnvs-sys-color-fg-contrast-default, oklch(0 0 0 / 0.8706))",
|
|
1054
|
+
"strong": "var(--cnvs-sys-color-fg-contrast-strong, oklch(0 0 0 / 0.8902))"
|
|
994
1055
|
}
|
|
995
1056
|
},
|
|
996
1057
|
"border": {
|
|
1058
|
+
"ai": "var(--cnvs-sys-color-border-ai, oklch(0.2452 0.0752 254.55 / 1))",
|
|
997
1059
|
"input": {
|
|
998
|
-
"
|
|
1060
|
+
"default": "var(--cnvs-sys-color-border-input-default, oklch(0 0 0 / 0.4706))",
|
|
1061
|
+
"hover": "var(--cnvs-sys-color-border-input-hover, var(--cnvs-sys-color-border-input-strong, oklch(0 0 0 / 0.6784)))"
|
|
1062
|
+
},
|
|
1063
|
+
"contrast": {
|
|
1064
|
+
"default": "var(--cnvs-sys-color-border-contrast-default, oklch(0 0 0 / 0.8706))"
|
|
999
1065
|
},
|
|
1000
|
-
"default": "var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0
|
|
1001
|
-
"strong": "var(--cnvs-sys-color-border-strong, var(--cnvs-sys-color-border-container, oklch(0
|
|
1066
|
+
"default": "var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0 0 0 / 0.0745)))",
|
|
1067
|
+
"strong": "var(--cnvs-sys-color-border-strong, var(--cnvs-sys-color-border-container, oklch(0 0 0 / 0.1686)))",
|
|
1002
1068
|
"info": {
|
|
1003
1069
|
"default": "var(--cnvs-sys-color-border-info-default, var(--cnvs-sys-color-border-primary-default, oklch(0.6023 0.2032 255.68 / 1)))"
|
|
1004
1070
|
},
|
|
1005
1071
|
"danger": "var(--cnvs-sys-color-border-danger, var(--cnvs-sys-color-border-critical-default, oklch(0.6495 0.2369 30.04 / 1)))",
|
|
1006
|
-
"warning": "var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.
|
|
1072
|
+
"warning": "var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.6601 0.1537 60.7 / 1)))",
|
|
1007
1073
|
"inverse": {
|
|
1008
1074
|
"default": "var(--cnvs-sys-color-border-inverse-default, var(--cnvs-sys-color-border-inverse, oklch(1 0 0 / 1)))",
|
|
1009
|
-
"strong": "var(--cnvs-sys-color-border-inverse-strong, oklch(1 0
|
|
1075
|
+
"strong": "var(--cnvs-sys-color-border-inverse-strong, oklch(1 0 89.88 / 0.788))"
|
|
1010
1076
|
}
|
|
1011
1077
|
},
|
|
1012
1078
|
"shadow": {
|
|
1013
|
-
"base": "var(--cnvs-sys-color-shadow-base, oklch(0.
|
|
1014
|
-
"ambient": "var(--cnvs-sys-color-shadow-ambient, oklch(0.
|
|
1079
|
+
"base": "var(--cnvs-sys-color-shadow-base, oklch(0.2751 0.1026 258.16 / 0.1922))",
|
|
1080
|
+
"ambient": "var(--cnvs-sys-color-shadow-ambient, oklch(0.3039 0.0952 253.5 / 0.0863))"
|
|
1015
1081
|
},
|
|
1016
1082
|
"surface": {
|
|
1017
1083
|
"default": "var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
|
|
1018
|
-
"navigation": "var(--cnvs-sys-color-surface-navigation, oklch(0.
|
|
1084
|
+
"navigation": "var(--cnvs-sys-color-surface-navigation, oklch(0.9702 0 0 / 1))",
|
|
1019
1085
|
"popover": "var(--cnvs-sys-color-surface-popover, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
|
|
1020
1086
|
"modal": "var(--cnvs-sys-color-surface-modal, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
|
|
1021
|
-
"raised": "var(--cnvs-sys-color-surface-raised,
|
|
1087
|
+
"raised": "var(--cnvs-sys-color-surface-raised, oklch(0 0 0 / 0.0196))",
|
|
1022
1088
|
"alt": {
|
|
1023
|
-
"default": "var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0
|
|
1024
|
-
"strong": "var(--cnvs-sys-color-surface-alt-strong, var(--cnvs-sys-color-bg-alt-default, oklch(0
|
|
1089
|
+
"default": "var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0 0 0 / 0.0392)))",
|
|
1090
|
+
"strong": "var(--cnvs-sys-color-surface-alt-strong, var(--cnvs-sys-color-bg-alt-default, oklch(0 0 0 / 0.0745)))"
|
|
1025
1091
|
},
|
|
1026
|
-
"loading": "var(--cnvs-sys-color-surface-loading, oklch(0
|
|
1092
|
+
"loading": "var(--cnvs-sys-color-surface-loading, oklch(0 0 0 / 0.0392))",
|
|
1027
1093
|
"info": {
|
|
1028
|
-
"default": "var(--cnvs-sys-color-surface-info-default, var(--cnvs-sys-color-bg-info-softest, oklch(0.
|
|
1029
|
-
"strong": "var(--cnvs-sys-color-surface-info-strong, var(--cnvs-sys-color-bg-info-softer, oklch(0.
|
|
1094
|
+
"default": "var(--cnvs-sys-color-surface-info-default, var(--cnvs-sys-color-bg-info-softest, oklch(0.6141 0.2114 256.22 / 0.0706)))",
|
|
1095
|
+
"strong": "var(--cnvs-sys-color-surface-info-strong, var(--cnvs-sys-color-bg-info-softer, oklch(0.6141 0.2114 256.22 / 0.1098)))"
|
|
1030
1096
|
},
|
|
1031
1097
|
"danger": {
|
|
1032
|
-
"default": "var(--cnvs-sys-color-surface-danger-default, oklch(0.
|
|
1033
|
-
"strong": "var(--cnvs-sys-color-surface-danger-strong, oklch(0.
|
|
1098
|
+
"default": "var(--cnvs-sys-color-surface-danger-default, oklch(0.6329 0.253 30.1 / 0.0431))",
|
|
1099
|
+
"strong": "var(--cnvs-sys-color-surface-danger-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
|
|
1034
1100
|
},
|
|
1035
1101
|
"warning": {
|
|
1036
|
-
"default": "var(--cnvs-sys-color-surface-warning-default, var(--cnvs-sys-color-static-amber-softest, oklch(0.
|
|
1037
|
-
"strong": "var(--cnvs-sys-color-surface-warning-strong, var(--cnvs-sys-color-static-amber-stronger, oklch(0.
|
|
1102
|
+
"default": "var(--cnvs-sys-color-surface-warning-default, var(--cnvs-sys-color-static-amber-softest, oklch(0.7792 0.1592 90.57 / 0.0902)))",
|
|
1103
|
+
"strong": "var(--cnvs-sys-color-surface-warning-strong, var(--cnvs-sys-color-static-amber-stronger, oklch(0.8854 0.1841 100.16 / 0.2196)))"
|
|
1038
1104
|
},
|
|
1039
1105
|
"success": {
|
|
1040
|
-
"default": "var(--cnvs-sys-color-surface-success-default, oklch(0.
|
|
1041
|
-
"strong": "var(--cnvs-sys-color-surface-success-strong, oklch(0.
|
|
1106
|
+
"default": "var(--cnvs-sys-color-surface-success-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
|
|
1107
|
+
"strong": "var(--cnvs-sys-color-surface-success-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
|
|
1042
1108
|
},
|
|
1043
1109
|
"ai": {
|
|
1044
|
-
"default": "var(--cnvs-sys-color-surface-ai-default, var(--cnvs-sys-color-bg-ai-default, oklch(0.
|
|
1110
|
+
"default": "var(--cnvs-sys-color-surface-ai-default, var(--cnvs-sys-color-bg-ai-default, oklch(0.6077 0.215 256.92 / 0.1608)))",
|
|
1045
1111
|
"hover": "var(--cnvs-sys-color-surface-ai-hover, var(--cnvs-sys-color-bg-ai-strong, oklch(0.6048 0.2166 257.21 / 0.31)))",
|
|
1046
1112
|
"pressed": "var(--cnvs-sys-color-surface-ai-pressed, var(--cnvs-sys-color-bg-ai-stronger, oklch(0.708 0.1549 255.41 / 1)))"
|
|
1047
1113
|
},
|
|
1048
1114
|
"transparent": "var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)))",
|
|
1049
1115
|
"inverse": "var(--cnvs-sys-color-surface-inverse, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
|
|
1050
1116
|
"contrast": {
|
|
1051
|
-
"default": "var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-contrast-default, oklch(0
|
|
1052
|
-
"strong": "var(--cnvs-sys-color-surface-contrast-strong, var(--cnvs-sys-color-bg-contrast-strong, oklch(0
|
|
1117
|
+
"default": "var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-contrast-default, oklch(0 0 0 / 0.8706)))",
|
|
1118
|
+
"strong": "var(--cnvs-sys-color-surface-contrast-strong, var(--cnvs-sys-color-bg-contrast-strong, oklch(0 0 0 / 0.8902)))"
|
|
1053
1119
|
},
|
|
1054
1120
|
"overlay": {
|
|
1055
1121
|
"hover": {
|
|
1056
|
-
"default": "var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0
|
|
1057
|
-
"inverse": "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0
|
|
1122
|
+
"default": "var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0 0 0 / 0.0392))",
|
|
1123
|
+
"inverse": "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0 89.88 / 0.1841))"
|
|
1058
1124
|
},
|
|
1059
|
-
"mixin": "var(--cnvs-sys-color-surface-overlay-mixin, oklch(0
|
|
1125
|
+
"mixin": "var(--cnvs-sys-color-surface-overlay-mixin, oklch(0 0 0 / 1))",
|
|
1060
1126
|
"pressed": {
|
|
1061
|
-
"default": "var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0
|
|
1062
|
-
"inverse": "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0
|
|
1127
|
+
"default": "var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0 0 0 / 0.0745))",
|
|
1128
|
+
"inverse": "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0 89.88 / 0.25))"
|
|
1063
1129
|
},
|
|
1064
|
-
"scrim": "var(--cnvs-sys-color-surface-overlay-scrim, oklch(0
|
|
1130
|
+
"scrim": "var(--cnvs-sys-color-surface-overlay-scrim, oklch(0 0 0 / 0.3529))"
|
|
1131
|
+
},
|
|
1132
|
+
"text": {
|
|
1133
|
+
"highlight": "var(--cnvs-sys-color-surface-text-highlight, oklch(0.4602 0.3077 264.17 / 0.2314))"
|
|
1065
1134
|
}
|
|
1066
1135
|
},
|
|
1067
1136
|
"accent": {
|
|
@@ -1070,15 +1139,15 @@ exports.legacy = {
|
|
|
1070
1139
|
"danger": "var(--cnvs-sys-color-accent-danger, var(--cnvs-sys-color-bg-critical-default, oklch(0.5342 0.2172 29.53 / 1)))",
|
|
1071
1140
|
"warning": "var(--cnvs-sys-color-accent-warning, oklch(0.7909 0.1711 70.15 / 1))",
|
|
1072
1141
|
"success": "var(--cnvs-sys-color-accent-success, var(--cnvs-sys-color-bg-positive-default, oklch(0.5069 0.1569 145.56 / 1)))",
|
|
1073
|
-
"contrast": "var(--cnvs-sys-color-accent-contrast, oklch(0
|
|
1142
|
+
"contrast": "var(--cnvs-sys-color-accent-contrast, oklch(0 0 0 / 0.8706))",
|
|
1074
1143
|
"muted": {
|
|
1075
|
-
"default": "var(--cnvs-sys-color-accent-muted-default, var(--cnvs-sys-color-bg-muted-default, oklch(0.5103 0
|
|
1076
|
-
"soft": "var(--cnvs-sys-color-accent-muted-soft, var(--cnvs-sys-color-bg-muted-softer, oklch(0.
|
|
1144
|
+
"default": "var(--cnvs-sys-color-accent-muted-default, var(--cnvs-sys-color-bg-muted-default, oklch(0.5103 0 0 / 1)))",
|
|
1145
|
+
"soft": "var(--cnvs-sys-color-accent-muted-soft, var(--cnvs-sys-color-bg-muted-softer, oklch(0.7219 0 89.88 / 1)))"
|
|
1077
1146
|
},
|
|
1078
1147
|
"overlay": {
|
|
1079
|
-
"hover": "var(--cnvs-sys-color-accent-overlay-hover, oklch(
|
|
1080
|
-
"pressed": "var(--cnvs-sys-color-accent-overlay-pressed, oklch(
|
|
1081
|
-
"mixin": "var(--cnvs-sys-color-accent-overlay-mixin, oklch(
|
|
1148
|
+
"hover": "var(--cnvs-sys-color-accent-overlay-hover, oklch(1 0 89.88 / 0.045))",
|
|
1149
|
+
"pressed": "var(--cnvs-sys-color-accent-overlay-pressed, oklch(1 0 89.88 / 0.118))",
|
|
1150
|
+
"mixin": "var(--cnvs-sys-color-accent-overlay-mixin, oklch(1 0 0 / 1))"
|
|
1082
1151
|
}
|
|
1083
1152
|
},
|
|
1084
1153
|
"brand": {
|
|
@@ -1092,34 +1161,34 @@ exports.legacy = {
|
|
|
1092
1161
|
},
|
|
1093
1162
|
"surface": {
|
|
1094
1163
|
"primary": {
|
|
1095
|
-
"default": "var(--cnvs-sys-color-brand-surface-primary-default, oklch(0.
|
|
1096
|
-
"strong": "var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0.
|
|
1164
|
+
"default": "var(--cnvs-sys-color-brand-surface-primary-default, oklch(0.6141 0.2114 256.22 / 0.0706))",
|
|
1165
|
+
"strong": "var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0.6141 0.2114 256.22 / 0.1098))"
|
|
1097
1166
|
},
|
|
1098
1167
|
"critical": {
|
|
1099
|
-
"default": "var(--cnvs-sys-color-brand-surface-critical-default, oklch(0.
|
|
1100
|
-
"strong": "var(--cnvs-sys-color-brand-surface-critical-strong, oklch(0.
|
|
1168
|
+
"default": "var(--cnvs-sys-color-brand-surface-critical-default, oklch(0.6329 0.253 30.1 / 0.0431))",
|
|
1169
|
+
"strong": "var(--cnvs-sys-color-brand-surface-critical-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
|
|
1101
1170
|
},
|
|
1102
1171
|
"caution": {
|
|
1103
|
-
"default": "var(--cnvs-sys-color-brand-surface-caution-default, oklch(0.
|
|
1104
|
-
"strong": "var(--cnvs-sys-color-brand-surface-caution-strong, oklch(0.
|
|
1172
|
+
"default": "var(--cnvs-sys-color-brand-surface-caution-default, oklch(0.7792 0.1592 90.57 / 0.0902))",
|
|
1173
|
+
"strong": "var(--cnvs-sys-color-brand-surface-caution-strong, oklch(0.8854 0.1841 100.16 / 0.2196))"
|
|
1105
1174
|
},
|
|
1106
1175
|
"positive": {
|
|
1107
|
-
"default": "var(--cnvs-sys-color-brand-surface-positive-default, oklch(0.
|
|
1108
|
-
"strong": "var(--cnvs-sys-color-brand-surface-positive-strong, oklch(0.
|
|
1176
|
+
"default": "var(--cnvs-sys-color-brand-surface-positive-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
|
|
1177
|
+
"strong": "var(--cnvs-sys-color-brand-surface-positive-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
|
|
1109
1178
|
},
|
|
1110
|
-
"selected": "var(--cnvs-sys-color-brand-surface-selected, oklch(0
|
|
1179
|
+
"selected": "var(--cnvs-sys-color-brand-surface-selected, oklch(0 0 0 / 0.0745))"
|
|
1111
1180
|
},
|
|
1112
1181
|
"accent": {
|
|
1113
|
-
"primary": "var(--cnvs-sys-color-brand-accent-primary,
|
|
1182
|
+
"primary": "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
|
|
1114
1183
|
"critical": "var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)))",
|
|
1115
1184
|
"caution": "var(--cnvs-sys-color-brand-accent-caution, oklch(0.7909 0.1711 70.15 / 1))",
|
|
1116
1185
|
"positive": "var(--cnvs-sys-color-brand-accent-positive, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)))",
|
|
1117
|
-
"action": "var(--cnvs-sys-color-brand-accent-action,
|
|
1186
|
+
"action": "var(--cnvs-sys-color-brand-accent-action, oklch(0.196 0 89.88 / 1))"
|
|
1118
1187
|
},
|
|
1119
1188
|
"fg": {
|
|
1120
1189
|
"primary": {
|
|
1121
|
-
"default": "var(--cnvs-sys-color-brand-fg-primary-default,
|
|
1122
|
-
"strong": "var(--cnvs-sys-color-brand-fg-primary-strong,
|
|
1190
|
+
"default": "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
|
|
1191
|
+
"strong": "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
|
|
1123
1192
|
},
|
|
1124
1193
|
"critical": {
|
|
1125
1194
|
"default": "var(--cnvs-sys-color-brand-fg-critical-default, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)))",
|
|
@@ -1133,7 +1202,11 @@ exports.legacy = {
|
|
|
1133
1202
|
"default": "var(--cnvs-sys-color-brand-fg-positive-default, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)))",
|
|
1134
1203
|
"strong": "var(--cnvs-sys-color-brand-fg-positive-strong, var(--cnvs-brand-success-dark, oklch(0.4463 0.1422 144.58 / 1)))"
|
|
1135
1204
|
},
|
|
1136
|
-
"selected": "var(--cnvs-sys-color-brand-fg-selected,
|
|
1205
|
+
"selected": "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))",
|
|
1206
|
+
"link": {
|
|
1207
|
+
"default": "var(--cnvs-sys-color-brand-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))",
|
|
1208
|
+
"hover": "var(--cnvs-sys-color-brand-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))"
|
|
1209
|
+
}
|
|
1137
1210
|
},
|
|
1138
1211
|
"border": {
|
|
1139
1212
|
"primary": "var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1))",
|
|
@@ -1143,17 +1216,75 @@ exports.legacy = {
|
|
|
1143
1216
|
},
|
|
1144
1217
|
"focus": {
|
|
1145
1218
|
"inverse": "var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1)))",
|
|
1146
|
-
"contrast": "var(--cnvs-sys-color-focus-contrast, oklch(0
|
|
1219
|
+
"contrast": "var(--cnvs-sys-color-focus-contrast, oklch(0 0 0 / 0.8706))"
|
|
1220
|
+
},
|
|
1221
|
+
"chart": {
|
|
1222
|
+
"diverging": {
|
|
1223
|
+
"azure": {
|
|
1224
|
+
"coral": {
|
|
1225
|
+
"1": "var(--cnvs-sys-color-chart-diverging-azure-coral-1, oklch(0.326 0.07 235.91 / 1))",
|
|
1226
|
+
"2": "var(--cnvs-sys-color-chart-diverging-azure-coral-2, oklch(0.3912 0.0855 237.05 / 1))",
|
|
1227
|
+
"3": "var(--cnvs-sys-color-chart-diverging-azure-coral-3, oklch(0.4618 0.1098 242.11 / 1))",
|
|
1228
|
+
"4": "var(--cnvs-sys-color-chart-diverging-azure-coral-4, oklch(0.5174 0.1257 243.24 / 1))",
|
|
1229
|
+
"5": "var(--cnvs-sys-color-chart-diverging-azure-coral-5, oklch(0.6555 0.1553 244.48 / 1))",
|
|
1230
|
+
"6": "var(--cnvs-sys-color-chart-diverging-azure-coral-6, oklch(0.7283 0.1377 242.63 / 1))",
|
|
1231
|
+
"7": "var(--cnvs-sys-color-chart-diverging-azure-coral-7, oklch(0.7991 0.107 239.24 / 1))",
|
|
1232
|
+
"8": "var(--cnvs-sys-color-chart-diverging-azure-coral-8, oklch(0.8594 0.0867 230.07 / 1))",
|
|
1233
|
+
"9": "var(--cnvs-sys-color-chart-diverging-azure-coral-9, oklch(0.9321 0.0425 227.25 / 1))",
|
|
1234
|
+
"10": "var(--cnvs-sys-color-chart-diverging-azure-coral-10, oklch(0.9549 0.0295 223.86 / 1))",
|
|
1235
|
+
"11": "var(--cnvs-sys-color-chart-diverging-azure-coral-11, oklch(0.981 0.0131 220.96 / 1))",
|
|
1236
|
+
"12": "var(--cnvs-sys-color-chart-diverging-azure-coral-12, oklch(1 0 0 / 1))",
|
|
1237
|
+
"13": "var(--cnvs-sys-color-chart-diverging-azure-coral-13, oklch(0.9837 0.0085 44.54 / 1))",
|
|
1238
|
+
"14": "var(--cnvs-sys-color-chart-diverging-azure-coral-14, oklch(0.9659 0.0171 35.14 / 1))",
|
|
1239
|
+
"15": "var(--cnvs-sys-color-chart-diverging-azure-coral-15, oklch(0.9344 0.0339 35.8 / 1))",
|
|
1240
|
+
"16": "var(--cnvs-sys-color-chart-diverging-azure-coral-16, oklch(0.8476 0.0856 37.59 / 1))",
|
|
1241
|
+
"17": "var(--cnvs-sys-color-chart-diverging-azure-coral-17, oklch(0.7671 0.1418 38.37 / 1))",
|
|
1242
|
+
"18": "var(--cnvs-sys-color-chart-diverging-azure-coral-18, oklch(0.7279 0.1703 38.58 / 1))",
|
|
1243
|
+
"19": "var(--cnvs-sys-color-chart-diverging-azure-coral-19, oklch(0.6779 0.2096 40.36 / 1))",
|
|
1244
|
+
"20": "var(--cnvs-sys-color-chart-diverging-azure-coral-20, oklch(0.5394 0.1828 36.43 / 1))",
|
|
1245
|
+
"21": "var(--cnvs-sys-color-chart-diverging-azure-coral-21, oklch(0.4616 0.1629 34.74 / 1))",
|
|
1246
|
+
"22": "var(--cnvs-sys-color-chart-diverging-azure-coral-22, oklch(0.393 0.143 33.49 / 1))",
|
|
1247
|
+
"23": "var(--cnvs-sys-color-chart-diverging-azure-coral-23, oklch(0.3043 0.1137 32.49 / 1))"
|
|
1248
|
+
}
|
|
1249
|
+
}
|
|
1250
|
+
},
|
|
1251
|
+
"categorical": {
|
|
1252
|
+
"1": "var(--cnvs-sys-color-chart-categorical-1, oklch(0.6385 0.1093 205.92 / 1))",
|
|
1253
|
+
"2": "var(--cnvs-sys-color-chart-categorical-2, oklch(0.3908 0.128 256 / 1))",
|
|
1254
|
+
"3": "var(--cnvs-sys-color-chart-categorical-3, oklch(0.6617 0.1893 44.93 / 1))",
|
|
1255
|
+
"4": "var(--cnvs-sys-color-chart-categorical-4, oklch(0.6555 0.1553 244.48 / 1))",
|
|
1256
|
+
"5": "var(--cnvs-sys-color-chart-categorical-5, oklch(0.534 0.183 344.19 / 1))",
|
|
1257
|
+
"6": "var(--cnvs-sys-color-chart-categorical-6, oklch(0.5069 0.1569 145.56 / 1))",
|
|
1258
|
+
"7": "var(--cnvs-sys-color-chart-categorical-7, oklch(0.628 0.1681 312.69 / 1))",
|
|
1259
|
+
"8": "var(--cnvs-sys-color-chart-categorical-8, oklch(0.6601 0.1537 60.7 / 1))",
|
|
1260
|
+
"9": "var(--cnvs-sys-color-chart-categorical-9, oklch(0.4634 0.0796 207.82 / 1))",
|
|
1261
|
+
"10": "var(--cnvs-sys-color-chart-categorical-10, oklch(0.5289 0.2241 281.65 / 1))",
|
|
1262
|
+
"11": "var(--cnvs-sys-color-chart-categorical-11, oklch(0.4689 0.1456 40.5 / 1))",
|
|
1263
|
+
"12": "var(--cnvs-sys-color-chart-categorical-12, oklch(0.4618 0.1098 242.11 / 1))",
|
|
1264
|
+
"13": "var(--cnvs-sys-color-chart-categorical-13, oklch(0.476 0.156 313.2 / 1))",
|
|
1265
|
+
"14": "var(--cnvs-sys-color-chart-categorical-14, oklch(0.5394 0.1828 36.43 / 1))",
|
|
1266
|
+
"15": "var(--cnvs-sys-color-chart-categorical-15, oklch(0.3955 0.1156 147.66 / 1))",
|
|
1267
|
+
"16": "var(--cnvs-sys-color-chart-categorical-16, oklch(0.4824 0.1353 46.11 / 1))"
|
|
1268
|
+
},
|
|
1269
|
+
"sequential": {
|
|
1270
|
+
"1": "var(--cnvs-sys-color-chart-sequential-1, oklch(0.9827 0.021 200.66 / 1))",
|
|
1271
|
+
"2": "var(--cnvs-sys-color-chart-sequential-2, oklch(0.9575 0.0424 203.83 / 1))",
|
|
1272
|
+
"3": "var(--cnvs-sys-color-chart-sequential-3, oklch(0.935 0.046 205.09 / 1))",
|
|
1273
|
+
"4": "var(--cnvs-sys-color-chart-sequential-4, oklch(0.8766 0.0677 204.24 / 1))",
|
|
1274
|
+
"5": "var(--cnvs-sys-color-chart-sequential-5, oklch(0.7836 0.0874 204.93 / 1))",
|
|
1275
|
+
"6": "var(--cnvs-sys-color-chart-sequential-6, oklch(0.7154 0.1006 206.05 / 1))",
|
|
1276
|
+
"7": "var(--cnvs-sys-color-chart-sequential-7, oklch(0.6385 0.1093 205.92 / 1))",
|
|
1277
|
+
"8": "var(--cnvs-sys-color-chart-sequential-8, oklch(0.5141 0.0882 207.28 / 1))",
|
|
1278
|
+
"9": "var(--cnvs-sys-color-chart-sequential-9, oklch(0.4634 0.0796 207.82 / 1))",
|
|
1279
|
+
"10": "var(--cnvs-sys-color-chart-sequential-10, oklch(0.3982 0.0687 209.08 / 1))",
|
|
1280
|
+
"11": "var(--cnvs-sys-color-chart-sequential-11, oklch(0.3052 0.0529 210.69 / 1))"
|
|
1281
|
+
}
|
|
1147
1282
|
}
|
|
1148
1283
|
},
|
|
1149
1284
|
"opacity": {
|
|
1150
1285
|
"surface": {
|
|
1151
1286
|
"hover": "var(--cnvs-sys-opacity-surface-hover, 0.08)",
|
|
1152
1287
|
"pressed": "var(--cnvs-sys-opacity-surface-pressed, 0.18)"
|
|
1153
|
-
},
|
|
1154
|
-
"accent": {
|
|
1155
|
-
"hover": "var(--cnvs-sys-opacity-accent-hover, 0.18)",
|
|
1156
|
-
"pressed": "var(--cnvs-sys-opacity-accent-pressed, 0.36)"
|
|
1157
1288
|
}
|
|
1158
1289
|
},
|
|
1159
1290
|
"size": {
|
|
@@ -1185,6 +1316,9 @@ exports.legacy = {
|
|
|
1185
1316
|
"xl": "var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem))",
|
|
1186
1317
|
"xxl": "var(--cnvs-sys-gap-xxl, var(--cnvs-sys-space-x16, 4rem))"
|
|
1187
1318
|
},
|
|
1319
|
+
"fontFamily": {
|
|
1320
|
+
"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)"
|
|
1321
|
+
},
|
|
1188
1322
|
"letterSpacing": {
|
|
1189
1323
|
"subtext": {
|
|
1190
1324
|
"sm": "var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-sys-type-letter-spacing-subtext-small))",
|
|
@@ -1196,4 +1330,3 @@ exports.legacy = {
|
|
|
1196
1330
|
}
|
|
1197
1331
|
}
|
|
1198
1332
|
};
|
|
1199
|
-
exports.sana = require("./sana").sana;
|