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