@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.
Files changed (57) hide show
  1. package/css/base/_variables.css +140 -99
  2. package/css/brand/_variables.css +35 -27
  3. package/css/component/_variables.css +1 -1
  4. package/css/legacy/base.css +139 -97
  5. package/css/legacy/brand.css +58 -42
  6. package/css/legacy/component.css +5 -5
  7. package/css/legacy/system.css +128 -61
  8. package/css/system/_variables.css +123 -50
  9. package/dist/common-js/base/index.d.ts +181 -100
  10. package/dist/common-js/base/index.js +181 -100
  11. package/dist/common-js/brand/index.d.ts +149 -77
  12. package/dist/common-js/brand/index.js +68 -43
  13. package/dist/common-js/component/index.d.ts +5 -5
  14. package/dist/common-js/component/index.js +5 -5
  15. package/dist/common-js/index.d.ts +1 -1
  16. package/dist/common-js/index.js +1 -1
  17. package/dist/common-js/system/index.d.ts +693 -186
  18. package/dist/common-js/system/index.js +279 -146
  19. package/dist/es6/base/index.d.ts +181 -100
  20. package/dist/es6/base/index.js +181 -100
  21. package/dist/es6/brand/index.d.ts +149 -77
  22. package/dist/es6/brand/index.js +68 -43
  23. package/dist/es6/component/index.d.ts +5 -5
  24. package/dist/es6/component/index.js +5 -5
  25. package/dist/es6/index.d.ts +1 -1
  26. package/dist/es6/index.js +1 -1
  27. package/dist/es6/system/index.d.ts +693 -186
  28. package/dist/es6/system/index.js +279 -146
  29. package/less/base/_variables.less +140 -99
  30. package/less/brand/_variables.less +35 -27
  31. package/less/component/_variables.less +1 -1
  32. package/less/system/_variables.less +123 -50
  33. package/package.json +1 -1
  34. package/scss/base/_variables.sass +140 -99
  35. package/scss/base/_variables.scss +140 -99
  36. package/scss/brand/_variables.sass +35 -27
  37. package/scss/brand/_variables.scss +35 -27
  38. package/scss/component/_variables.sass +1 -1
  39. package/scss/component/_variables.scss +1 -1
  40. package/scss/system/_variables.sass +123 -50
  41. package/scss/system/_variables.scss +123 -50
  42. package/css/sana/_variables.css +0 -362
  43. package/dist/common-js/base/sana.d.ts +0 -151
  44. package/dist/common-js/base/sana.js +0 -154
  45. package/dist/common-js/brand/sana.d.ts +0 -41
  46. package/dist/common-js/brand/sana.js +0 -44
  47. package/dist/common-js/system/sana.d.ts +0 -379
  48. package/dist/common-js/system/sana.js +0 -382
  49. package/dist/es6/base/sana.d.ts +0 -151
  50. package/dist/es6/base/sana.js +0 -151
  51. package/dist/es6/brand/sana.d.ts +0 -41
  52. package/dist/es6/brand/sana.js +0 -41
  53. package/dist/es6/system/sana.d.ts +0 -379
  54. package/dist/es6/system/sana.js +0 -379
  55. package/less/sana/_variables.less +0 -362
  56. package/scss/sana/_variables.sass +0 -362
  57. package/scss/sana/_variables.scss +0 -362
package/dist/es6/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 09 Jun 2026 16:53:29 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:26:13 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 = {
@@ -829,16 +922,19 @@ export const legacy = {
829
922
  "breakpoints": {
830
923
  "sm": "var(--cnvs-sys-breakpoints-sm, var(--cnvs-sys-breakpoints-s, 320px))",
831
924
  "md": "var(--cnvs-sys-breakpoints-md, var(--cnvs-sys-breakpoints-m, 768px))",
832
- "lg": "var(--cnvs-sys-breakpoints-lg, var(--cnvs-sys-breakpoints-l, 1024px))"
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)"
833
928
  },
834
929
  "shape": {
835
930
  "none": "var(--cnvs-sys-shape-none, var(--cnvs-sys-shape-zero, 0))",
836
- "sm": "var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1, 0.25rem))",
931
+ "xs": "var(--cnvs-sys-shape-xs, var(--cnvs-sys-shape-x1, 0.25rem))",
932
+ "sm": "var(--cnvs-sys-shape-sm, 0.375rem)",
837
933
  "md": "var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x2, 0.5rem))",
838
934
  "lg": "var(--cnvs-sys-shape-lg, 0.75rem)",
839
935
  "xl": "var(--cnvs-sys-shape-xl, var(--cnvs-sys-shape-x4, 1rem))",
840
- "xxl": "var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem))",
841
- "xxxl": "var(--cnvs-sys-shape-xxxl, 2rem)",
936
+ "xxl": "var(--cnvs-sys-shape-xxl, 1.25rem)",
937
+ "xxxl": "var(--cnvs-sys-shape-xxxl, 1.75rem)",
842
938
  "full": "var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem))"
843
939
  },
844
940
  "fontSize": {
@@ -871,7 +967,7 @@ export const legacy = {
871
967
  },
872
968
  "body": {
873
969
  "sm": "var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small, 1.5rem))",
874
- "md": "var(--cnvs-sys-line-height-body-md, var(--cnvs-sys-line-height-body-medium, 1.75rem))",
970
+ "md": "var(--cnvs-sys-line-height-body-md, var(--cnvs-sys-line-height-body-medium, 1.5rem))",
875
971
  "lg": "var(--cnvs-sys-line-height-body-lg, var(--cnvs-sys-line-height-body-large, 1.75rem))"
876
972
  },
877
973
  "heading": {
@@ -888,95 +984,56 @@ export const legacy = {
888
984
  "type": {
889
985
  "subtext": {
890
986
  "sm": {
891
- "fontFamily": "var(--cnvs-sys-type-subtext-sm, var(--cnvs-sys-type-subtext-small))",
892
- "fontWeight": "var(--cnvs-sys-type-subtext-sm, var(--cnvs-sys-type-subtext-small))",
893
- "lineHeight": "var(--cnvs-sys-type-subtext-sm, var(--cnvs-sys-type-subtext-small))",
894
- "fontSize": "var(--cnvs-sys-type-subtext-sm, var(--cnvs-sys-type-subtext-small))",
895
- "letterSpacing": "var(--cnvs-sys-type-subtext-sm, var(--cnvs-sys-type-subtext-small))"
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))"
896
992
  },
897
993
  "md": {
898
- "fontFamily": "var(--cnvs-sys-type-subtext-md, var(--cnvs-sys-type-subtext-medium))",
899
- "fontWeight": "var(--cnvs-sys-type-subtext-md, var(--cnvs-sys-type-subtext-medium))",
900
- "lineHeight": "var(--cnvs-sys-type-subtext-md, var(--cnvs-sys-type-subtext-medium))",
901
- "fontSize": "var(--cnvs-sys-type-subtext-md, var(--cnvs-sys-type-subtext-medium))",
902
- "letterSpacing": "var(--cnvs-sys-type-subtext-md, var(--cnvs-sys-type-subtext-medium))"
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))"
903
999
  },
904
1000
  "lg": {
905
- "fontFamily": "var(--cnvs-sys-type-subtext-lg, var(--cnvs-sys-type-subtext-large))",
906
- "fontWeight": "var(--cnvs-sys-type-subtext-lg, var(--cnvs-sys-type-subtext-large))",
907
- "lineHeight": "var(--cnvs-sys-type-subtext-lg, var(--cnvs-sys-type-subtext-large))",
908
- "fontSize": "var(--cnvs-sys-type-subtext-lg, var(--cnvs-sys-type-subtext-large))",
909
- "letterSpacing": "var(--cnvs-sys-type-subtext-lg, var(--cnvs-sys-type-subtext-large))"
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))"
910
1006
  }
911
1007
  },
912
1008
  "body": {
913
1009
  "sm": {
914
- "fontFamily": "var(--cnvs-sys-type-body-sm, var(--cnvs-sys-type-body-small))",
915
- "fontWeight": "var(--cnvs-sys-type-body-sm, var(--cnvs-sys-type-body-small))",
916
- "lineHeight": "var(--cnvs-sys-type-body-sm, var(--cnvs-sys-type-body-small))",
917
- "fontSize": "var(--cnvs-sys-type-body-sm, var(--cnvs-sys-type-body-small))",
918
- "letterSpacing": "var(--cnvs-sys-type-body-sm, var(--cnvs-sys-type-body-small))"
919
- },
920
- "md": {
921
- "fontFamily": "var(--cnvs-sys-type-body-md, var(--cnvs-sys-type-body-medium))",
922
- "fontWeight": "var(--cnvs-sys-type-body-md, var(--cnvs-sys-type-body-medium))",
923
- "lineHeight": "var(--cnvs-sys-type-body-md, var(--cnvs-sys-type-body-medium))",
924
- "fontSize": "var(--cnvs-sys-type-body-md, var(--cnvs-sys-type-body-medium))"
925
- },
926
- "lg": {
927
- "fontFamily": "var(--cnvs-sys-type-body-lg, var(--cnvs-sys-type-body-large))",
928
- "fontWeight": "var(--cnvs-sys-type-body-lg, var(--cnvs-sys-type-body-large))",
929
- "lineHeight": "var(--cnvs-sys-type-body-lg, var(--cnvs-sys-type-body-large))",
930
- "fontSize": "var(--cnvs-sys-type-body-lg, var(--cnvs-sys-type-body-large))"
931
- }
932
- },
933
- "heading": {
934
- "sm": {
935
- "fontFamily": "var(--cnvs-sys-type-heading-sm, var(--cnvs-sys-type-heading-small))",
936
- "fontWeight": "var(--cnvs-sys-type-heading-sm, var(--cnvs-sys-type-heading-small))",
937
- "lineHeight": "var(--cnvs-sys-type-heading-sm, var(--cnvs-sys-type-heading-small))",
938
- "fontSize": "var(--cnvs-sys-type-heading-sm, var(--cnvs-sys-type-heading-small))"
939
- },
940
- "md": {
941
- "fontFamily": "var(--cnvs-sys-type-heading-md, var(--cnvs-sys-type-heading-medium))",
942
- "fontWeight": "var(--cnvs-sys-type-heading-md, var(--cnvs-sys-type-heading-medium))",
943
- "lineHeight": "var(--cnvs-sys-type-heading-md, var(--cnvs-sys-type-heading-medium))",
944
- "fontSize": "var(--cnvs-sys-type-heading-md, var(--cnvs-sys-type-heading-medium))"
945
- },
946
- "lg": {
947
- "fontFamily": "var(--cnvs-sys-type-heading-lg, var(--cnvs-sys-type-heading-large))",
948
- "fontWeight": "var(--cnvs-sys-type-heading-lg, var(--cnvs-sys-type-heading-large))",
949
- "lineHeight": "var(--cnvs-sys-type-heading-lg, var(--cnvs-sys-type-heading-large))",
950
- "fontSize": "var(--cnvs-sys-type-heading-lg, var(--cnvs-sys-type-heading-large))"
951
- }
952
- },
953
- "title": {
954
- "sm": {
955
- "fontFamily": "var(--cnvs-sys-type-title-sm, var(--cnvs-sys-type-title-small))",
956
- "fontWeight": "var(--cnvs-sys-type-title-sm, var(--cnvs-sys-type-title-small))",
957
- "lineHeight": "var(--cnvs-sys-type-title-sm, var(--cnvs-sys-type-title-small))",
958
- "fontSize": "var(--cnvs-sys-type-title-sm, var(--cnvs-sys-type-title-small))"
959
- },
960
- "md": {
961
- "fontFamily": "var(--cnvs-sys-type-title-md, var(--cnvs-sys-type-title-medium))",
962
- "fontWeight": "var(--cnvs-sys-type-title-md, var(--cnvs-sys-type-title-medium))",
963
- "lineHeight": "var(--cnvs-sys-type-title-md, var(--cnvs-sys-type-title-medium))",
964
- "fontSize": "var(--cnvs-sys-type-title-md, var(--cnvs-sys-type-title-medium))"
965
- },
966
- "lg": {
967
- "fontFamily": "var(--cnvs-sys-type-title-lg, var(--cnvs-sys-type-title-large))",
968
- "fontWeight": "var(--cnvs-sys-type-title-lg, var(--cnvs-sys-type-title-large))",
969
- "lineHeight": "var(--cnvs-sys-type-title-lg, var(--cnvs-sys-type-title-large))",
970
- "fontSize": "var(--cnvs-sys-type-title-lg, var(--cnvs-sys-type-title-large))"
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))"
971
1015
  }
972
1016
  }
973
1017
  },
974
1018
  "color": {
1019
+ "bg": {
1020
+ "alt": {
1021
+ "default": "var(--cnvs-sys-color-bg-alt-default, oklch(0.9702 0 0 / 1))"
1022
+ }
1023
+ },
975
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
+ },
976
1029
  "info": {
977
1030
  "default": "var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)))",
978
1031
  "strong": "var(--cnvs-sys-color-fg-info-strong, var(--cnvs-sys-color-fg-primary-strong, oklch(0.4658 0.1562 255.5 / 1)))"
979
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))",
980
1037
  "danger": {
981
1038
  "default": "var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)))",
982
1039
  "strong": "var(--cnvs-sys-color-fg-danger-strong, var(--cnvs-sys-color-fg-critical-strong, oklch(0.4517 0.1847 28.2 / 1)))"
@@ -988,77 +1045,89 @@ export const legacy = {
988
1045
  "success": {
989
1046
  "default": "var(--cnvs-sys-color-fg-success-default, oklch(0.5069 0.1569 145.56 / 1))",
990
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))"
991
1052
  }
992
1053
  },
993
1054
  "border": {
1055
+ "ai": "var(--cnvs-sys-color-border-ai, oklch(0.2452 0.0752 254.55 / 1))",
994
1056
  "input": {
995
- "hover": "var(--cnvs-sys-color-border-input-hover, var(--cnvs-sys-color-border-input-strong, oklch(0.1595 0.0431 250.87 / 0.7)))"
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))"
996
1062
  },
997
- "default": "var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)))",
998
- "strong": "var(--cnvs-sys-color-border-strong, var(--cnvs-sys-color-border-container, oklch(0.2442 0.0693 257.66 / 0.21)))",
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)))",
999
1065
  "info": {
1000
1066
  "default": "var(--cnvs-sys-color-border-info-default, var(--cnvs-sys-color-border-primary-default, oklch(0.6023 0.2032 255.68 / 1)))"
1001
1067
  },
1002
1068
  "danger": "var(--cnvs-sys-color-border-danger, var(--cnvs-sys-color-border-critical-default, oklch(0.6495 0.2369 30.04 / 1)))",
1003
- "warning": "var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.7909 0.1711 70.15 / 1)))",
1069
+ "warning": "var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.6601 0.1537 60.7 / 1)))",
1004
1070
  "inverse": {
1005
1071
  "default": "var(--cnvs-sys-color-border-inverse-default, var(--cnvs-sys-color-border-inverse, oklch(1 0 0 / 1)))",
1006
- "strong": "var(--cnvs-sys-color-border-inverse-strong, oklch(1 0 0 / 0.67))"
1072
+ "strong": "var(--cnvs-sys-color-border-inverse-strong, oklch(1 0 89.88 / 0.788))"
1007
1073
  }
1008
1074
  },
1009
1075
  "shadow": {
1010
- "base": "var(--cnvs-sys-color-shadow-base, oklch(0.3057 0.079 256.22 / 0.13))",
1011
- "ambient": "var(--cnvs-sys-color-shadow-ambient, oklch(0.3337 0.0688 250.79 / 0.09))"
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))"
1012
1078
  },
1013
1079
  "surface": {
1014
1080
  "default": "var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
1015
- "navigation": "var(--cnvs-sys-color-surface-navigation, oklch(0.9692 0.0035 248.23 / 1))",
1081
+ "navigation": "var(--cnvs-sys-color-surface-navigation, oklch(0.9702 0 0 / 1))",
1016
1082
  "popover": "var(--cnvs-sys-color-surface-popover, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
1017
1083
  "modal": "var(--cnvs-sys-color-surface-modal, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
1018
- "raised": "var(--cnvs-sys-color-surface-raised, var(--cnvs-sys-color-bg-alt-softer, oklch(0.4688 0.0781 250.43 / 0.03)))",
1084
+ "raised": "var(--cnvs-sys-color-surface-raised, oklch(0 0 0 / 0.0196))",
1019
1085
  "alt": {
1020
- "default": "var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)))",
1021
- "strong": "var(--cnvs-sys-color-surface-alt-strong, var(--cnvs-sys-color-bg-alt-default, oklch(0.3337 0.0688 250.79 / 0.09)))"
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)))"
1022
1088
  },
1023
- "loading": "var(--cnvs-sys-color-surface-loading, oklch(0.3057 0.079 256.22 / 0.13))",
1089
+ "loading": "var(--cnvs-sys-color-surface-loading, oklch(0 0 0 / 0.0392))",
1024
1090
  "info": {
1025
- "default": "var(--cnvs-sys-color-surface-info-default, var(--cnvs-sys-color-bg-info-softest, oklch(0.6499 0.1912 253.52 / 0.08)))",
1026
- "strong": "var(--cnvs-sys-color-surface-info-strong, var(--cnvs-sys-color-bg-info-softer, oklch(0.6152 0.2108 256.1 / 0.11)))"
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)))"
1027
1093
  },
1028
1094
  "danger": {
1029
- "default": "var(--cnvs-sys-color-surface-danger-default, oklch(0.6289 0.2567 29.11 / 0.04))",
1030
- "strong": "var(--cnvs-sys-color-surface-danger-strong, oklch(0.6434 0.2428 30.17 / 0.1))"
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))"
1031
1097
  },
1032
1098
  "warning": {
1033
- "default": "var(--cnvs-sys-color-surface-warning-default, var(--cnvs-sys-color-static-amber-softest, oklch(0.7982 0.159 92.57 / 0.1)))",
1034
- "strong": "var(--cnvs-sys-color-surface-warning-strong, var(--cnvs-sys-color-static-amber-stronger, oklch(0.8864 0.1845 100.28 / 0.22)))"
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)))"
1035
1101
  },
1036
1102
  "success": {
1037
- "default": "var(--cnvs-sys-color-surface-success-default, oklch(0.8695 0.2801 143.52 / 0.08))",
1038
- "strong": "var(--cnvs-sys-color-surface-success-strong, oklch(0.8685 0.2814 143.77 / 0.15))"
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))"
1039
1105
  },
1040
1106
  "ai": {
1041
- "default": "var(--cnvs-sys-color-surface-ai-default, var(--cnvs-sys-color-bg-ai-default, oklch(0.6225 0.2064 255.9 / 0.17)))",
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)))",
1042
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)))",
1043
1109
  "pressed": "var(--cnvs-sys-color-surface-ai-pressed, var(--cnvs-sys-color-bg-ai-stronger, oklch(0.708 0.1549 255.41 / 1)))"
1044
1110
  },
1045
1111
  "transparent": "var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)))",
1046
1112
  "inverse": "var(--cnvs-sys-color-surface-inverse, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
1047
1113
  "contrast": {
1048
- "default": "var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-contrast-default, oklch(0.0969 0 0 / 0.84)))",
1049
- "strong": "var(--cnvs-sys-color-surface-contrast-strong, var(--cnvs-sys-color-bg-contrast-strong, oklch(0.0672 0 0 / 0.89)))"
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)))"
1050
1116
  },
1051
1117
  "overlay": {
1052
1118
  "hover": {
1053
- "default": "var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05))",
1054
- "inverse": "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0 0 / 0.16))"
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))"
1055
1121
  },
1056
- "mixin": "var(--cnvs-sys-color-surface-overlay-mixin, oklch(0.629 0.0281 255.62 / 1))",
1122
+ "mixin": "var(--cnvs-sys-color-surface-overlay-mixin, oklch(0 0 0 / 1))",
1057
1123
  "pressed": {
1058
- "default": "var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0.3337 0.0688 250.79 / 0.09))",
1059
- "inverse": "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0 0 / 0.26))"
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))"
1060
1126
  },
1061
- "scrim": "var(--cnvs-sys-color-surface-overlay-scrim, oklch(0.0847 0 0 / 0.36))"
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))"
1062
1131
  }
1063
1132
  },
1064
1133
  "accent": {
@@ -1067,15 +1136,15 @@ export const legacy = {
1067
1136
  "danger": "var(--cnvs-sys-color-accent-danger, var(--cnvs-sys-color-bg-critical-default, oklch(0.5342 0.2172 29.53 / 1)))",
1068
1137
  "warning": "var(--cnvs-sys-color-accent-warning, oklch(0.7909 0.1711 70.15 / 1))",
1069
1138
  "success": "var(--cnvs-sys-color-accent-success, var(--cnvs-sys-color-bg-positive-default, oklch(0.5069 0.1569 145.56 / 1)))",
1070
- "contrast": "var(--cnvs-sys-color-accent-contrast, oklch(0.0969 0 0 / 0.84))",
1139
+ "contrast": "var(--cnvs-sys-color-accent-contrast, oklch(0 0 0 / 0.8706))",
1071
1140
  "muted": {
1072
- "default": "var(--cnvs-sys-color-accent-muted-default, var(--cnvs-sys-color-bg-muted-default, oklch(0.5103 0.0255 256.8 / 1)))",
1073
- "soft": "var(--cnvs-sys-color-accent-muted-soft, var(--cnvs-sys-color-bg-muted-softer, oklch(0.754 0.0181 256.33 / 1)))"
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)))"
1074
1143
  },
1075
1144
  "overlay": {
1076
- "hover": "var(--cnvs-sys-color-accent-overlay-hover, oklch(0.0847 0 0 / 0.17))",
1077
- "pressed": "var(--cnvs-sys-color-accent-overlay-pressed, oklch(0.0847 0 0 / 0.36))",
1078
- "mixin": "var(--cnvs-sys-color-accent-overlay-mixin, oklch(0 0 0 / 1))"
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))"
1079
1148
  }
1080
1149
  },
1081
1150
  "brand": {
@@ -1089,34 +1158,34 @@ export const legacy = {
1089
1158
  },
1090
1159
  "surface": {
1091
1160
  "primary": {
1092
- "default": "var(--cnvs-sys-color-brand-surface-primary-default, oklch(0.6499 0.1912 253.52 / 0.08))",
1093
- "strong": "var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0.6152 0.2108 256.1 / 0.11))"
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))"
1094
1163
  },
1095
1164
  "critical": {
1096
- "default": "var(--cnvs-sys-color-brand-surface-critical-default, oklch(0.6289 0.2567 29.11 / 0.04))",
1097
- "strong": "var(--cnvs-sys-color-brand-surface-critical-strong, oklch(0.6434 0.2428 30.17 / 0.1))"
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))"
1098
1167
  },
1099
1168
  "caution": {
1100
- "default": "var(--cnvs-sys-color-brand-surface-caution-default, oklch(0.7982 0.159 92.57 / 0.1))",
1101
- "strong": "var(--cnvs-sys-color-brand-surface-caution-strong, oklch(0.8864 0.1845 100.28 / 0.22))"
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))"
1102
1171
  },
1103
1172
  "positive": {
1104
- "default": "var(--cnvs-sys-color-brand-surface-positive-default, oklch(0.8695 0.2801 143.52 / 0.08))",
1105
- "strong": "var(--cnvs-sys-color-brand-surface-positive-strong, oklch(0.8685 0.2814 143.77 / 0.15))"
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))"
1106
1175
  },
1107
- "selected": "var(--cnvs-sys-color-brand-surface-selected, oklch(0.6152 0.2108 256.1 / 0.11))"
1176
+ "selected": "var(--cnvs-sys-color-brand-surface-selected, oklch(0 0 0 / 0.0745))"
1108
1177
  },
1109
1178
  "accent": {
1110
- "primary": "var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)))",
1179
+ "primary": "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
1111
1180
  "critical": "var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)))",
1112
1181
  "caution": "var(--cnvs-sys-color-brand-accent-caution, oklch(0.7909 0.1711 70.15 / 1))",
1113
1182
  "positive": "var(--cnvs-sys-color-brand-accent-positive, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)))",
1114
- "action": "var(--cnvs-sys-color-brand-accent-action, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)))"
1183
+ "action": "var(--cnvs-sys-color-brand-accent-action, oklch(0.196 0 89.88 / 1))"
1115
1184
  },
1116
1185
  "fg": {
1117
1186
  "primary": {
1118
- "default": "var(--cnvs-sys-color-brand-fg-primary-default, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)))",
1119
- "strong": "var(--cnvs-sys-color-brand-fg-primary-strong, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)))"
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))"
1120
1189
  },
1121
1190
  "critical": {
1122
1191
  "default": "var(--cnvs-sys-color-brand-fg-critical-default, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)))",
@@ -1130,7 +1199,11 @@ export const legacy = {
1130
1199
  "default": "var(--cnvs-sys-color-brand-fg-positive-default, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)))",
1131
1200
  "strong": "var(--cnvs-sys-color-brand-fg-positive-strong, var(--cnvs-brand-success-dark, oklch(0.4463 0.1422 144.58 / 1)))"
1132
1201
  },
1133
- "selected": "var(--cnvs-sys-color-brand-fg-selected, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)))"
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
+ }
1134
1207
  },
1135
1208
  "border": {
1136
1209
  "primary": "var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1))",
@@ -1140,17 +1213,75 @@ export const legacy = {
1140
1213
  },
1141
1214
  "focus": {
1142
1215
  "inverse": "var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1)))",
1143
- "contrast": "var(--cnvs-sys-color-focus-contrast, oklch(0.0969 0 0 / 0.84))"
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
+ }
1144
1279
  }
1145
1280
  },
1146
1281
  "opacity": {
1147
1282
  "surface": {
1148
1283
  "hover": "var(--cnvs-sys-opacity-surface-hover, 0.08)",
1149
1284
  "pressed": "var(--cnvs-sys-opacity-surface-pressed, 0.18)"
1150
- },
1151
- "accent": {
1152
- "hover": "var(--cnvs-sys-opacity-accent-hover, 0.18)",
1153
- "pressed": "var(--cnvs-sys-opacity-accent-pressed, 0.36)"
1154
1285
  }
1155
1286
  },
1156
1287
  "size": {
@@ -1182,6 +1313,9 @@ export const legacy = {
1182
1313
  "xl": "var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem))",
1183
1314
  "xxl": "var(--cnvs-sys-gap-xxl, var(--cnvs-sys-space-x16, 4rem))"
1184
1315
  },
1316
+ "fontFamily": {
1317
+ "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)"
1318
+ },
1185
1319
  "letterSpacing": {
1186
1320
  "subtext": {
1187
1321
  "sm": "var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-sys-type-letter-spacing-subtext-small))",
@@ -1193,4 +1327,3 @@ export const legacy = {
1193
1327
  }
1194
1328
  }
1195
1329
  };
1196
- export {sana} from "./sana";