@cds/core 6.4.6 → 6.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/custom-elements.json +12 -0
  2. package/global.css +154 -4
  3. package/global.min.css +1 -1
  4. package/internal/decorators/animate.js +1 -1
  5. package/internal/decorators/animate.js.map +1 -1
  6. package/internal/utils/environment.d.ts +1 -0
  7. package/internal/utils/environment.js +1 -1
  8. package/internal/utils/environment.js.map +1 -1
  9. package/internal/utils/events.js +1 -1
  10. package/internal/utils/events.js.map +1 -1
  11. package/internal/utils/global.js +1 -1
  12. package/package.json +1 -1
  13. package/styles/module.tokens.css +147 -1
  14. package/styles/module.tokens.min.css +1 -1
  15. package/styles/module.typography.css +7 -3
  16. package/styles/module.typography.min.css +1 -1
  17. package/styles/theme.dark.css +57 -0
  18. package/styles/theme.dark.min.css +1 -1
  19. package/tokens/tokens.android.xml +147 -1
  20. package/tokens/tokens.d.ts +146 -0
  21. package/tokens/tokens.ios.swift +147 -1
  22. package/tokens/tokens.js +146 -0
  23. package/tokens/tokens.json +821 -4
  24. package/tokens/tokens.scss +181 -0
  25. package/tree-view/tree-item.element.scss.js +1 -1
package/styles/theme.dark.css CHANGED
@@ -17,6 +17,9 @@
17
17
  --cds-alias-object-container-background: var(--cds-global-color-construction-900);
18
18
  --cds-alias-object-container-background-tint: var(--cds-global-color-construction-1000);
19
19
  --cds-alias-object-container-background-shade: var(--cds-global-color-construction-800);
20
+ --cds-alias-object-container-background-inverse: var(--cds-global-color-construction-600);
21
+ --cds-alias-object-container-background-inverse-tint: var(--cds-global-color-construction-500);
22
+ --cds-alias-object-container-background-inverse-shade: var(--cds-global-color-construction-800);
20
23
  --cds-alias-object-container-border-color: var(--cds-global-color-black);
21
24
  --cds-alias-object-overlay-background: var(--cds-global-color-construction-900);
22
25
  --cds-alias-object-border-color: var(--cds-global-color-construction-500);
@@ -37,6 +40,24 @@
37
40
  --cds-alias-object-interaction-background-disabled: var(--cds-global-color-construction-700);
38
41
  --cds-alias-object-interaction-background-highlight: var(--cds-global-color-blue-400);
39
42
  --cds-alias-object-interaction-border-color: var(--cds-global-color-construction-300);
43
+ --cds-alias-object-interaction-info-hover: var(--cds-global-color-blue-300);
44
+ --cds-alias-object-interaction-info-click: var(--cds-global-color-blue-500);
45
+ --cds-alias-object-interaction-info-secondary-hover: var(--cds-global-color-blue-1000);
46
+ --cds-alias-object-interaction-success-hover: var(--cds-global-color-green-400);
47
+ --cds-alias-object-interaction-success-click: var(--cds-global-color-green-600);
48
+ --cds-alias-object-interaction-success-secondary-hover: var(--cds-global-color-green-1000);
49
+ --cds-alias-object-interaction-warning-hover: var(--cds-global-color-yellow-300);
50
+ --cds-alias-object-interaction-warning-click: var(--cds-global-color-yellow-500);
51
+ --cds-alias-object-interaction-warning-secondary-hover: var(--cds-global-color-yellow-1000);
52
+ --cds-alias-object-interaction-danger-hover: var(--cds-global-color-red-400);
53
+ --cds-alias-object-interaction-danger-click: var(--cds-global-color-red-600);
54
+ --cds-alias-object-interaction-danger-secondary-hover: var(--cds-global-color-red-1000);
55
+ --cds-alias-object-interaction-neutral-hover: var(--cds-global-color-construction-200);
56
+ --cds-alias-object-interaction-neutral-click: var(--cds-global-color-construction-400);
57
+ --cds-alias-object-interaction-neutral-secondary-hover: var(--cds-global-color-construction-800);
58
+ --cds-alias-object-interaction-inverse-hover: var(--cds-global-color-construction-700);
59
+ --cds-alias-object-interaction-inverse-click: var(--cds-global-color-construction-800);
60
+ --cds-alias-object-container-background-dark: var(--cds-global-color-construction-800);
40
61
  --cds-alias-status-tint: transparent;
41
62
  --cds-alias-status-info: var(--cds-global-color-blue-400);
42
63
  --cds-alias-status-info-tint: var(--cds-global-color-blue-800);
@@ -58,4 +79,40 @@
58
79
  --cds-alias-status-disabled: var(--cds-global-color-construction-600);
59
80
  --cds-alias-status-disabled-tint: var(--cds-global-color-construction-700);
60
81
  --cds-alias-status-disabled-shade: var(--cds-global-color-construction-500);
82
+ --cds-alias-typography-color-450: var(--cds-global-color-construction-50);
83
+ --cds-alias-typography-disabled-button: var(--cds-global-color-construction-900);
84
+ --cds-alias-typography-disabled: var(--cds-global-color-construction-500);
85
+ --cds-alias-typography-info-hover: var(--cds-global-color-blue-200);
86
+ --cds-alias-typography-success-hover: var(--cds-global-color-green-400);
87
+ --cds-alias-typography-warning-hover: var(--cds-global-color-yellow-600);
88
+ --cds-alias-typography-danger-hover: var(--cds-global-color-red-400);
89
+ --cds-alias-typography-neutral-hover: var(--cds-global-color-construction-200);
90
+ --cds-alias-typography-link-on-colorbg: var(--cds-global-color-construction-1000);
91
+ --cds-alias-utility-gray: var(--cds-global-color-construction-300);
92
+ --cds-alias-utility-gray-tint: var(--cds-global-color-construction-1000);
93
+ --cds-alias-utility-gray-shade: var(--cds-global-color-construction-200);
94
+ --cds-alias-utility-blue: var(--cds-global-color-blue-300);
95
+ --cds-alias-utility-blue-tint: var(--cds-global-color-blue-1000);
96
+ --cds-alias-utility-blue-shade: var(--cds-global-color-blue-200);
97
+ --cds-alias-utility-light-blue: var(--cds-global-color-blue-700);
98
+ --cds-alias-utility-light-blue-tint: var(--cds-global-color-blue-1000);
99
+ --cds-alias-utility-light-blue-shade: var(--cds-global-color-blue-500);
100
+ --cds-alias-utility-dark-blue: var(--cds-global-color-azure-200);
101
+ --cds-alias-utility-dark-blue-tint: var(--cds-global-color-azure-1000);
102
+ --cds-alias-utility-dark-blue-shade: var(--cds-global-color-azure-50);
103
+ --cds-alias-utility-green: var(--cds-global-color-green-400);
104
+ --cds-alias-utility-green-tint: var(--cds-global-color-green-1000);
105
+ --cds-alias-utility-green-shade: var(--cds-global-color-green-200);
106
+ --cds-alias-utility-yellow: var(--cds-global-color-ochre-400);
107
+ --cds-alias-utility-yellow-tint: var(--cds-global-color-ochre-900);
108
+ --cds-alias-utility-yellow-shade: var(--cds-global-color-ochre-300);
109
+ --cds-alias-utility-red: var(--cds-global-color-red-300);
110
+ --cds-alias-utility-red-tint: var(--cds-global-color-red-1000);
111
+ --cds-alias-utility-red-shade: var(--cds-global-color-red-200);
112
+ --cds-alias-utility-tangerine: var(--cds-global-color-tangerine-600);
113
+ --cds-alias-utility-tangerine-tint: var(--cds-global-color-tangerine-1000);
114
+ --cds-alias-utility-tangerine-shade: var(--cds-global-color-tangerine-400);
115
+ --cds-alias-utility-violet: var(--cds-global-color-violet-400);
116
+ --cds-alias-utility-violet-tint: var(--cds-global-color-violet-1000);
117
+ --cds-alias-utility-violet-shade: var(--cds-global-color-violet-200);
61
118
  }
package/styles/theme.dark.min.css CHANGED
@@ -1 +1 @@
1
- [cds-theme~=dark]{--cds-global-typography-color-500:var(--cds-global-color-white);--cds-global-typography-color-400:var(--cds-global-color-construction-100);--cds-global-typography-color-300:var(--cds-global-color-construction-200);--cds-global-typography-color-200:var(--cds-global-color-construction-300);--cds-global-typography-color-100:var(--cds-global-color-black);--cds-global-typography-link-color:var(--cds-global-color-blue-400);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-200);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-200);--cds-alias-object-app-background:var(--cds-global-color-construction-1000);--cds-alias-object-container-background:var(--cds-global-color-construction-900);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-1000);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-border-color:var(--cds-global-color-black);--cds-alias-object-overlay-background:var(--cds-global-color-construction-900);--cds-alias-object-border-color:var(--cds-global-color-construction-500);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-400);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-600);--cds-alias-object-shadow-100:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-300);--cds-alias-object-shadow-200:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-200);--cds-alias-object-shadow-300:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-100);--cds-alias-object-interaction-color:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-background-hover:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background-active:var(--cds-global-color-construction-800);--cds-alias-object-interaction-background-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-400);--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-300);--cds-alias-status-tint:transparent;--cds-alias-status-info:var(--cds-global-color-blue-400);--cds-alias-status-info-tint:var(--cds-global-color-blue-800);--cds-alias-status-info-shade:var(--cds-global-color-blue-500);--cds-alias-status-success:var(--cds-global-color-green-500);--cds-alias-status-success-tint:var(--cds-global-color-green-800);--cds-alias-status-success-shade:var(--cds-global-color-green-600);--cds-alias-status-warning:var(--cds-global-color-ochre-400);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-600);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-500);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-700);--cds-alias-status-danger:var(--cds-global-color-red-500);--cds-alias-status-danger-tint:var(--cds-global-color-red-800);--cds-alias-status-danger-shade:var(--cds-global-color-red-600);--cds-alias-status-danger-dark:var(--cds-global-color-red-900);--cds-alias-status-neutral:var(--cds-global-color-construction-300);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-700);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-400);--cds-alias-status-disabled:var(--cds-global-color-construction-600);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-700);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-500)}
1
+ [cds-theme~=dark]{--cds-global-typography-color-500:var(--cds-global-color-white);--cds-global-typography-color-400:var(--cds-global-color-construction-100);--cds-global-typography-color-300:var(--cds-global-color-construction-200);--cds-global-typography-color-200:var(--cds-global-color-construction-300);--cds-global-typography-color-100:var(--cds-global-color-black);--cds-global-typography-link-color:var(--cds-global-color-blue-400);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-200);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-200);--cds-alias-object-app-background:var(--cds-global-color-construction-1000);--cds-alias-object-container-background:var(--cds-global-color-construction-900);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-1000);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-background-inverse:var(--cds-global-color-construction-600);--cds-alias-object-container-background-inverse-tint:var(--cds-global-color-construction-500);--cds-alias-object-container-background-inverse-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-border-color:var(--cds-global-color-black);--cds-alias-object-overlay-background:var(--cds-global-color-construction-900);--cds-alias-object-border-color:var(--cds-global-color-construction-500);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-400);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-600);--cds-alias-object-shadow-100:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-300);--cds-alias-object-shadow-200:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-200);--cds-alias-object-shadow-300:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-100);--cds-alias-object-interaction-color:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-background-hover:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background-active:var(--cds-global-color-construction-800);--cds-alias-object-interaction-background-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-400);--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-300);--cds-alias-object-interaction-info-hover:var(--cds-global-color-blue-300);--cds-alias-object-interaction-info-click:var(--cds-global-color-blue-500);--cds-alias-object-interaction-info-secondary-hover:var(--cds-global-color-blue-1000);--cds-alias-object-interaction-success-hover:var(--cds-global-color-green-400);--cds-alias-object-interaction-success-click:var(--cds-global-color-green-600);--cds-alias-object-interaction-success-secondary-hover:var(--cds-global-color-green-1000);--cds-alias-object-interaction-warning-hover:var(--cds-global-color-yellow-300);--cds-alias-object-interaction-warning-click:var(--cds-global-color-yellow-500);--cds-alias-object-interaction-warning-secondary-hover:var(--cds-global-color-yellow-1000);--cds-alias-object-interaction-danger-hover:var(--cds-global-color-red-400);--cds-alias-object-interaction-danger-click:var(--cds-global-color-red-600);--cds-alias-object-interaction-danger-secondary-hover:var(--cds-global-color-red-1000);--cds-alias-object-interaction-neutral-hover:var(--cds-global-color-construction-200);--cds-alias-object-interaction-neutral-click:var(--cds-global-color-construction-400);--cds-alias-object-interaction-neutral-secondary-hover:var(--cds-global-color-construction-800);--cds-alias-object-interaction-inverse-hover:var(--cds-global-color-construction-700);--cds-alias-object-interaction-inverse-click:var(--cds-global-color-construction-800);--cds-alias-object-container-background-dark:var(--cds-global-color-construction-800);--cds-alias-status-tint:transparent;--cds-alias-status-info:var(--cds-global-color-blue-400);--cds-alias-status-info-tint:var(--cds-global-color-blue-800);--cds-alias-status-info-shade:var(--cds-global-color-blue-500);--cds-alias-status-success:var(--cds-global-color-green-500);--cds-alias-status-success-tint:var(--cds-global-color-green-800);--cds-alias-status-success-shade:var(--cds-global-color-green-600);--cds-alias-status-warning:var(--cds-global-color-ochre-400);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-600);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-500);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-700);--cds-alias-status-danger:var(--cds-global-color-red-500);--cds-alias-status-danger-tint:var(--cds-global-color-red-800);--cds-alias-status-danger-shade:var(--cds-global-color-red-600);--cds-alias-status-danger-dark:var(--cds-global-color-red-900);--cds-alias-status-neutral:var(--cds-global-color-construction-300);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-700);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-400);--cds-alias-status-disabled:var(--cds-global-color-construction-600);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-700);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-500);--cds-alias-typography-color-450:var(--cds-global-color-construction-50);--cds-alias-typography-disabled-button:var(--cds-global-color-construction-900);--cds-alias-typography-disabled:var(--cds-global-color-construction-500);--cds-alias-typography-info-hover:var(--cds-global-color-blue-200);--cds-alias-typography-success-hover:var(--cds-global-color-green-400);--cds-alias-typography-warning-hover:var(--cds-global-color-yellow-600);--cds-alias-typography-danger-hover:var(--cds-global-color-red-400);--cds-alias-typography-neutral-hover:var(--cds-global-color-construction-200);--cds-alias-typography-link-on-colorbg:var(--cds-global-color-construction-1000);--cds-alias-utility-gray:var(--cds-global-color-construction-300);--cds-alias-utility-gray-tint:var(--cds-global-color-construction-1000);--cds-alias-utility-gray-shade:var(--cds-global-color-construction-200);--cds-alias-utility-blue:var(--cds-global-color-blue-300);--cds-alias-utility-blue-tint:var(--cds-global-color-blue-1000);--cds-alias-utility-blue-shade:var(--cds-global-color-blue-200);--cds-alias-utility-light-blue:var(--cds-global-color-blue-700);--cds-alias-utility-light-blue-tint:var(--cds-global-color-blue-1000);--cds-alias-utility-light-blue-shade:var(--cds-global-color-blue-500);--cds-alias-utility-dark-blue:var(--cds-global-color-azure-200);--cds-alias-utility-dark-blue-tint:var(--cds-global-color-azure-1000);--cds-alias-utility-dark-blue-shade:var(--cds-global-color-azure-50);--cds-alias-utility-green:var(--cds-global-color-green-400);--cds-alias-utility-green-tint:var(--cds-global-color-green-1000);--cds-alias-utility-green-shade:var(--cds-global-color-green-200);--cds-alias-utility-yellow:var(--cds-global-color-ochre-400);--cds-alias-utility-yellow-tint:var(--cds-global-color-ochre-900);--cds-alias-utility-yellow-shade:var(--cds-global-color-ochre-300);--cds-alias-utility-red:var(--cds-global-color-red-300);--cds-alias-utility-red-tint:var(--cds-global-color-red-1000);--cds-alias-utility-red-shade:var(--cds-global-color-red-200);--cds-alias-utility-tangerine:var(--cds-global-color-tangerine-600);--cds-alias-utility-tangerine-tint:var(--cds-global-color-tangerine-1000);--cds-alias-utility-tangerine-shade:var(--cds-global-color-tangerine-400);--cds-alias-utility-violet:var(--cds-global-color-violet-400);--cds-alias-utility-violet-tint:var(--cds-global-color-violet-1000);--cds-alias-utility-violet-shade:var(--cds-global-color-violet-200)}
package/tokens/tokens.android.xml CHANGED
@@ -247,6 +247,7 @@
247
247
  <color name="globalColorTan800">#524833</color>
248
248
  <color name="globalColorTan900">#423a29</color>
249
249
  <color name="globalColorTan1000">#322c20</color>
250
+ <color name="globalColorConstruction25">#fcfdfd</color>
250
251
  <color name="globalColorConstruction50">#f1f6f8</color>
251
252
  <color name="globalColorConstruction100">#e3eaed</color>
252
253
  <color name="globalColorConstruction200">#cbd4d8</color>
@@ -274,6 +275,7 @@
274
275
  <color name="globalTypographyColor200" alias="globalColorConstruction600">#4f6169</color>
275
276
  <color name="globalTypographyColor300" alias="globalColorConstruction800">#2d4048</color>
276
277
  <color name="globalTypographyColor400" alias="globalColorConstruction900">#21333b</color>
278
+ <color name="globalTypographyColor450" alias="globalColorConstruction1000">#1b2b32</color>
277
279
  <color name="globalTypographyColor500" alias="globalColorBlack">#000000</color>
278
280
  <property name="globalTypographyFontWeightLight">300</property>
279
281
  <property name="globalTypographyFontWeightRegular">400</property>
@@ -301,6 +303,7 @@
301
303
  <color name="globalTypographyLinkColorHover" alias="globalColorBlue800">#00608a</color>
302
304
  <color name="globalTypographyLinkColorVisited" alias="globalColorLavender600">#3b40ce</color>
303
305
  <color name="globalTypographyLinkColorVisitedHover" alias="globalColorLavender700">#2429c2</color>
306
+ <color name="globalTypographyLinkOnColorbg" alias="globalColorBlack">#000000</color>
304
307
  <property name="globalTypographyBodyFontSize">14</property>
305
308
  <property name="globalTypographyBodyLineHeight">1.42857em</property>
306
309
  <property name="globalTypographyBodyLetterSpacing">-0.014286em</property>
@@ -313,6 +316,10 @@
313
316
  <property name="globalTypographyHeadingLineHeight">1.125em</property>
314
317
  <property name="globalTypographyHeadingLetterSpacing">-0.0125em</property>
315
318
  <property name="globalTypographyHeadingFontWeight">400</property>
319
+ <property name="globalTypographyHeadlineFontSize">32</property>
320
+ <property name="globalTypographyHeadlineLineHeight">1.125em</property>
321
+ <property name="globalTypographyHeadlineLetterSpacing">-0.0125em</property>
322
+ <property name="globalTypographyHeadlineFontWeight">400</property>
316
323
  <property name="globalTypographyTitleFontSize">24</property>
317
324
  <property name="globalTypographyTitleLineHeight">1.16667em</property>
318
325
  <property name="globalTypographyTitleLetterSpacing">-0.008333em</property>
@@ -341,6 +348,13 @@
341
348
  <property name="globalTypographySmallcaptionLineHeight">1.2em</property>
342
349
  <property name="globalTypographySmallcaptionLetterSpacing">0.05em</property>
343
350
  <property name="globalTypographySmallcaptionFontWeight">500</property>
351
+ <color name="globalTypographyInfoHover" alias="globalColorBlue800">#00608a</color>
352
+ <color name="globalTypographySuccessHover" alias="globalColorGreen800">#366a0c</color>
353
+ <color name="globalTypographyWarningHover" alias="globalColorOchre900">#8a5300</color>
354
+ <color name="globalTypographyDangerHover" alias="globalColorRed800">#c21d00</color>
355
+ <color name="globalTypographyNeutralHover" alias="globalColorConstruction700">#3a4d55</color>
356
+ <color name="globalTypographyDisabled" alias="globalColorConstruction400">#859399</color>
357
+ <color name="globalTypographyDisabledButton" alias="globalColorConstruction500">#6a7a81</color>
344
358
  <property name="globalAnimationDurationInstant">0s</property>
345
359
  <property name="globalAnimationDurationQuickest">0.1s</property>
346
360
  <property name="globalAnimationDurationQuicker">0.15s</property>
@@ -386,13 +400,34 @@
386
400
  <color name="aliasObjectInteractionColorActive" alias="globalColorConstruction1000">#1b2b32</color>
387
401
  <color name="aliasObjectInteractionColorSelected" alias="globalColorConstruction700">#3a4d55</color>
388
402
  <color name="aliasObjectInteractionColorDisabled" alias="globalColorConstruction300">#aeb8bc</color>
389
- <color name="aliasObjectAppBackground" alias="globalColorGray50">#fafafa</color>
403
+ <color name="aliasObjectAppBackground" alias="globalColorConstruction25">#fcfdfd</color>
390
404
  <color name="aliasObjectOverlayBackground" alias="globalColorWhite">#ffffff</color>
391
405
  <property name="aliasObjectOverlayBackdropBackground">hsla(0, 0%, 0%, 0.6)</property>
392
406
  <color name="aliasObjectContainerBackground" alias="globalColorWhite">#ffffff</color>
393
407
  <color name="aliasObjectContainerBackgroundTint" alias="globalColorConstruction50">#f1f6f8</color>
394
408
  <color name="aliasObjectContainerBackgroundShade" alias="globalColorConstruction100">#e3eaed</color>
409
+ <color name="aliasObjectContainerBackgroundDark" alias="globalColorConstruction200">#cbd4d8</color>
410
+ <color name="aliasObjectContainerBackgroundInverse" alias="globalColorConstruction200">#cbd4d8</color>
411
+ <color name="aliasObjectContainerBackgroundInverseTint" alias="globalColorConstruction100">#e3eaed</color>
412
+ <color name="aliasObjectContainerBackgroundInverseShade" alias="globalColorConstruction300">#aeb8bc</color>
395
413
  <color name="aliasObjectContainerBorderColor" alias="globalColorConstruction200">#cbd4d8</color>
414
+ <color name="aliasObjectInfoHover" alias="globalColorBlue800">#00608a</color>
415
+ <color name="aliasObjectInfoClick" alias="globalColorBlue900">#004b6b</color>
416
+ <color name="aliasObjectInfoSecondaryHover" alias="globalColorBlue50">#e5f7ff</color>
417
+ <color name="aliasObjectSuccessHover" alias="globalColorGreen800">#366a0c</color>
418
+ <color name="aliasObjectSuccessClick" alias="globalColorGreen900">#284e09</color>
419
+ <color name="aliasObjectSuccessSecondaryHover" alias="globalColorGreen50">#eefce3</color>
420
+ <color name="aliasObjectWarningHover" alias="globalColorOchre600">#ffa600</color>
421
+ <color name="aliasObjectWarningClick" alias="globalColorOchre700">#d68800</color>
422
+ <color name="aliasObjectWarningSecondaryHover" alias="globalColorOchre50">#fff9eb</color>
423
+ <color name="aliasObjectDangerHover" alias="globalColorRed800">#c21d00</color>
424
+ <color name="aliasObjectDangerClick" alias="globalColorRed900">#701100</color>
425
+ <color name="aliasObjectDangerSecondaryHover" alias="globalColorRed50">#fff2f0</color>
426
+ <color name="aliasObjectNeutralHover" alias="globalColorConstruction700">#3a4d55</color>
427
+ <color name="aliasObjectNeutralClick" alias="globalColorConstruction800">#2d4048</color>
428
+ <color name="aliasObjectNeutralSecondaryHover" alias="globalColorConstruction50">#f1f6f8</color>
429
+ <color name="aliasObjectInverseHover" alias="globalColorConstruction600">#4f6169</color>
430
+ <color name="aliasObjectInverseClick" alias="globalColorConstruction800">#2d4048</color>
396
431
  <color name="aliasStatusInfo" alias="globalColorBlue700">#0079ad</color>
397
432
  <color name="aliasStatusInfoTint" alias="globalColorBlue50">#e5f7ff</color>
398
433
  <color name="aliasStatusInfoShade" alias="globalColorBlue800">#00608a</color>
@@ -416,6 +451,117 @@
416
451
  <color name="aliasStatusAlt" alias="globalColorViolet700">#7c12a5</color>
417
452
  <color name="aliasStatusAltTint" alias="globalColorViolet600">#9b32c8</color>
418
453
  <color name="aliasStatusAltShade" alias="globalColorViolet900">#440061</color>
454
+ <color name="aliasUtilityGray" alias="globalColorConstruction500">#6a7a81</color>
455
+ <color name="aliasUtilityGrayTint" alias="globalColorConstruction50">#f1f6f8</color>
456
+ <color name="aliasUtilityGrayShade" alias="globalColorConstruction700">#3a4d55</color>
457
+ <color name="aliasUtilityBlue" alias="globalColorBlue700">#0079ad</color>
458
+ <color name="aliasUtilityBlueTint" alias="globalColorBlue50">#e5f7ff</color>
459
+ <color name="aliasUtilityBlueShade" alias="globalColorBlue800">#00608a</color>
460
+ <color name="aliasUtilityLightBlue" alias="globalColorBlue300">#66d1ff</color>
461
+ <color name="aliasUtilityLightBlueTint" alias="globalColorBlue50">#e5f7ff</color>
462
+ <color name="aliasUtilityLightBlueShade" alias="globalColorBlue600">#009adb</color>
463
+ <color name="aliasUtilityDarkBlue" alias="globalColorAzure800">#004085</color>
464
+ <color name="aliasUtilityDarkBlueTint" alias="globalColorAzure50">#e5f2ff</color>
465
+ <color name="aliasUtilityDarkBlueShade" alias="globalColorAzure1000">#002347</color>
466
+ <color name="aliasUtilityGreen" alias="globalColorGreen700">#42810e</color>
467
+ <color name="aliasUtilityGreenTint" alias="globalColorGreen50">#eefce3</color>
468
+ <color name="aliasUtilityGreenShade" alias="globalColorGreen800">#366a0c</color>
469
+ <color name="aliasUtilityYellow" alias="globalColorOchre500">#ffb92e</color>
470
+ <color name="aliasUtilityYellowTint" alias="globalColorOchre100">#fff2d6</color>
471
+ <color name="aliasUtilityYellowShade" alias="globalColorOchre700">#d68800</color>
472
+ <color name="aliasUtilityRed" alias="globalColorRed700">#e02200</color>
473
+ <color name="aliasUtilityRedTint" alias="globalColorRed50">#fff2f0</color>
474
+ <color name="aliasUtilityRedShade" alias="globalColorRed800">#c21d00</color>
475
+ <color name="aliasUtilityTangerine" alias="globalColorTangerine400">#ff8e3d</color>
476
+ <color name="aliasUtilityTangerineTint" alias="globalColorTangerine50">#fff0e5</color>
477
+ <color name="aliasUtilityTangerineShade" alias="globalColorTangerine600">#d15700</color>
478
+ <color name="aliasUtilityViolet" alias="globalColorViolet600">#9b32c8</color>
479
+ <color name="aliasUtilityVioletTint" alias="globalColorViolet50">#faf0ff</color>
480
+ <color name="aliasUtilityVioletShade" alias="globalColorViolet800">#5d0085</color>
481
+ <color name="aliasTypographyColor100" alias="">#ffffff</color>
482
+ <color name="aliasTypographyColor200" alias="">#4f6169</color>
483
+ <color name="aliasTypographyColor300" alias="">#2d4048</color>
484
+ <color name="aliasTypographyColor400" alias="">#21333b</color>
485
+ <color name="aliasTypographyColor450" alias="">#1b2b32</color>
486
+ <color name="aliasTypographyColor500" alias="">#000000</color>
487
+ <property name="aliasTypographyFontWeightLight">300</property>
488
+ <property name="aliasTypographyFontWeightRegular">400</property>
489
+ <property name="aliasTypographyFontWeightMedium">500</property>
490
+ <property name="aliasTypographyFontWeightSemibold">600</property>
491
+ <property name="aliasTypographyFontWeightBold">600</property>
492
+ <property name="aliasTypographyFontWeightExtrabold">600</property>
493
+ <property name="aliasTypographyFontSize0">10</property>
494
+ <property name="aliasTypographyFontSize1">11</property>
495
+ <property name="aliasTypographyFontSize2">12</property>
496
+ <property name="aliasTypographyFontSize3">13</property>
497
+ <property name="aliasTypographyFontSize4">14</property>
498
+ <property name="aliasTypographyFontSize5">16</property>
499
+ <property name="aliasTypographyFontSize6">20</property>
500
+ <property name="aliasTypographyFontSize7">24</property>
501
+ <property name="aliasTypographyFontSize8">32</property>
502
+ <property name="aliasTypographyFontSize9">40</property>
503
+ <property name="aliasTypographyFontFamily">'Clarity City', 'Avenir Next', sans-serif</property>
504
+ <property name="aliasTypographyHeaderFontFamily">'Clarity City', 'Avenir Next', sans-serif</property>
505
+ <property name="aliasTypographyMonospaceFontFamily">ui-monospace, Consolas, Menlo, Monaco, monospace</property>
506
+ <property name="aliasTypographyTopGapHeight">0.1475em</property>
507
+ <property name="aliasTypographyAscenderHeight">0.1703em</property>
508
+ <property name="aliasTypographyXHeight">0.517em</property>
509
+ <color name="aliasTypographyLinkColor" alias="">#0079ad</color>
510
+ <color name="aliasTypographyLinkColorHover" alias="">#00608a</color>
511
+ <color name="aliasTypographyLinkColorVisited" alias="">#3b40ce</color>
512
+ <color name="aliasTypographyLinkColorVisitedHover" alias="">#2429c2</color>
513
+ <color name="aliasTypographyLinkOnColorbg" alias="">#000000</color>
514
+ <property name="aliasTypographyBodyFontSize">14</property>
515
+ <property name="aliasTypographyBodyLineHeight">1.42857em</property>
516
+ <property name="aliasTypographyBodyLetterSpacing">-0.014286em</property>
517
+ <property name="aliasTypographyBodyFontWeight">400</property>
518
+ <property name="aliasTypographyDisplayFontSize">40</property>
519
+ <property name="aliasTypographyDisplayLineHeight">1.1em</property>
520
+ <property name="aliasTypographyDisplayLetterSpacing">-0.0125em</property>
521
+ <property name="aliasTypographyDisplayFontWeight">400</property>
522
+ <property name="aliasTypographyHeadingFontSize">32</property>
523
+ <property name="aliasTypographyHeadingLineHeight">1.125em</property>
524
+ <property name="aliasTypographyHeadingLetterSpacing">-0.0125em</property>
525
+ <property name="aliasTypographyHeadingFontWeight">400</property>
526
+ <property name="aliasTypographyHeadlineFontSize">32</property>
527
+ <property name="aliasTypographyHeadlineLineHeight">1.125em</property>
528
+ <property name="aliasTypographyHeadlineLetterSpacing">-0.0125em</property>
529
+ <property name="aliasTypographyHeadlineFontWeight">400</property>
530
+ <property name="aliasTypographyTitleFontSize">24</property>
531
+ <property name="aliasTypographyTitleLineHeight">1.16667em</property>
532
+ <property name="aliasTypographyTitleLetterSpacing">-0.008333em</property>
533
+ <property name="aliasTypographyTitleFontWeight">400</property>
534
+ <property name="aliasTypographySectionFontSize">20</property>
535
+ <property name="aliasTypographySectionLineHeight">1.2em</property>
536
+ <property name="aliasTypographySectionLetterSpacing">-0.01em</property>
537
+ <property name="aliasTypographySectionFontWeight">400</property>
538
+ <property name="aliasTypographySubsectionFontSize">16</property>
539
+ <property name="aliasTypographySubsectionLineHeight">1.25em</property>
540
+ <property name="aliasTypographySubsectionLetterSpacing">-0.0125em</property>
541
+ <property name="aliasTypographySubsectionFontWeight">400</property>
542
+ <property name="aliasTypographyMessageFontSize">16</property>
543
+ <property name="aliasTypographyMessageLineHeight">1.25em</property>
544
+ <property name="aliasTypographyMessageLetterSpacing">-0.0125em</property>
545
+ <property name="aliasTypographyMessageFontWeight">400</property>
546
+ <property name="aliasTypographySecondaryFontSize">13</property>
547
+ <property name="aliasTypographySecondaryLineHeight">1.23077em</property>
548
+ <property name="aliasTypographySecondaryLetterSpacing">-0.007692em</property>
549
+ <property name="aliasTypographySecondaryFontWeight">400</property>
550
+ <property name="aliasTypographyCaptionFontSize">11</property>
551
+ <property name="aliasTypographyCaptionLineHeight">1.454545em</property>
552
+ <property name="aliasTypographyCaptionLetterSpacing">0.018182em</property>
553
+ <property name="aliasTypographyCaptionFontWeight">400</property>
554
+ <property name="aliasTypographySmallcaptionFontSize">10</property>
555
+ <property name="aliasTypographySmallcaptionLineHeight">1.2em</property>
556
+ <property name="aliasTypographySmallcaptionLetterSpacing">0.05em</property>
557
+ <property name="aliasTypographySmallcaptionFontWeight">500</property>
558
+ <color name="aliasTypographyInfoHover" alias="">#00608a</color>
559
+ <color name="aliasTypographySuccessHover" alias="">#366a0c</color>
560
+ <color name="aliasTypographyWarningHover" alias="">#8a5300</color>
561
+ <color name="aliasTypographyDangerHover" alias="">#c21d00</color>
562
+ <color name="aliasTypographyNeutralHover" alias="">#3a4d55</color>
563
+ <color name="aliasTypographyDisabled" alias="">#859399</color>
564
+ <color name="aliasTypographyDisabledButton" alias="">#6a7a81</color>
419
565
  <property name="internalScale1">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space))</property>
420
566
  <property name="internalScale2">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space))</property>
421
567
  <property name="internalScale3">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography))</property>
package/tokens/tokens.d.ts CHANGED
@@ -244,6 +244,7 @@ export declare const globalColorTan700 = "var(--cds-global-color-tan-700)";
244
244
  export declare const globalColorTan800 = "var(--cds-global-color-tan-800)";
245
245
  export declare const globalColorTan900 = "var(--cds-global-color-tan-900)";
246
246
  export declare const globalColorTan1000 = "var(--cds-global-color-tan-1000)";
247
+ export declare const globalColorConstruction25 = "var(--cds-global-color-construction-25)";
247
248
  export declare const globalColorConstruction50 = "var(--cds-global-color-construction-50)";
248
249
  export declare const globalColorConstruction100 = "var(--cds-global-color-construction-100)";
249
250
  export declare const globalColorConstruction200 = "var(--cds-global-color-construction-200)";
@@ -271,6 +272,7 @@ export declare const globalTypographyColor100 = "var(--cds-global-typography-col
271
272
  export declare const globalTypographyColor200 = "var(--cds-global-typography-color-200)";
272
273
  export declare const globalTypographyColor300 = "var(--cds-global-typography-color-300)";
273
274
  export declare const globalTypographyColor400 = "var(--cds-global-typography-color-400)";
275
+ export declare const globalTypographyColor450 = "var(--cds-global-typography-color-450)";
274
276
  export declare const globalTypographyColor500 = "var(--cds-global-typography-color-500)";
275
277
  export declare const globalTypographyFontWeightLight = "var(--cds-global-typography-font-weight-light)";
276
278
  export declare const globalTypographyFontWeightRegular = "var(--cds-global-typography-font-weight-regular)";
@@ -298,6 +300,7 @@ export declare const globalTypographyLinkColor = "var(--cds-global-typography-li
298
300
  export declare const globalTypographyLinkColorHover = "var(--cds-global-typography-link-color-hover)";
299
301
  export declare const globalTypographyLinkColorVisited = "var(--cds-global-typography-link-color-visited)";
300
302
  export declare const globalTypographyLinkColorVisitedHover = "var(--cds-global-typography-link-color-visited-hover)";
303
+ export declare const globalTypographyLinkOnColorbg = "var(--cds-global-typography-link-on-colorbg)";
301
304
  export declare const globalTypographyBodyFontSize = "var(--cds-global-typography-body-font-size)";
302
305
  export declare const globalTypographyBodyLineHeight = "var(--cds-global-typography-body-line-height)";
303
306
  export declare const globalTypographyBodyLetterSpacing = "var(--cds-global-typography-body-letter-spacing)";
@@ -310,6 +313,10 @@ export declare const globalTypographyHeadingFontSize = "var(--cds-global-typogra
310
313
  export declare const globalTypographyHeadingLineHeight = "var(--cds-global-typography-heading-line-height)";
311
314
  export declare const globalTypographyHeadingLetterSpacing = "var(--cds-global-typography-heading-letter-spacing)";
312
315
  export declare const globalTypographyHeadingFontWeight = "var(--cds-global-typography-heading-font-weight)";
316
+ export declare const globalTypographyHeadlineFontSize = "var(--cds-global-typography-headline-font-size)";
317
+ export declare const globalTypographyHeadlineLineHeight = "var(--cds-global-typography-headline-line-height)";
318
+ export declare const globalTypographyHeadlineLetterSpacing = "var(--cds-global-typography-headline-letter-spacing)";
319
+ export declare const globalTypographyHeadlineFontWeight = "var(--cds-global-typography-headline-font-weight)";
313
320
  export declare const globalTypographyTitleFontSize = "var(--cds-global-typography-title-font-size)";
314
321
  export declare const globalTypographyTitleLineHeight = "var(--cds-global-typography-title-line-height)";
315
322
  export declare const globalTypographyTitleLetterSpacing = "var(--cds-global-typography-title-letter-spacing)";
@@ -338,6 +345,13 @@ export declare const globalTypographySmallcaptionFontSize = "var(--cds-global-ty
338
345
  export declare const globalTypographySmallcaptionLineHeight = "var(--cds-global-typography-smallcaption-line-height)";
339
346
  export declare const globalTypographySmallcaptionLetterSpacing = "var(--cds-global-typography-smallcaption-letter-spacing)";
340
347
  export declare const globalTypographySmallcaptionFontWeight = "var(--cds-global-typography-smallcaption-font-weight)";
348
+ export declare const globalTypographyInfoHover = "var(--cds-global-typography-info-hover)";
349
+ export declare const globalTypographySuccessHover = "var(--cds-global-typography-success-hover)";
350
+ export declare const globalTypographyWarningHover = "var(--cds-global-typography-warning-hover)";
351
+ export declare const globalTypographyDangerHover = "var(--cds-global-typography-danger-hover)";
352
+ export declare const globalTypographyNeutralHover = "var(--cds-global-typography-neutral-hover)";
353
+ export declare const globalTypographyDisabled = "var(--cds-global-typography-disabled)";
354
+ export declare const globalTypographyDisabledButton = "var(--cds-global-typography-disabled-button)";
341
355
  export declare const globalAnimationDurationInstant = "var(--cds-global-animation-duration-instant)";
342
356
  export declare const globalAnimationDurationQuickest = "var(--cds-global-animation-duration-quickest)";
343
357
  export declare const globalAnimationDurationQuicker = "var(--cds-global-animation-duration-quicker)";
@@ -389,7 +403,28 @@ export declare const aliasObjectOverlayBackdropBackground = "var(--cds-alias-obj
389
403
  export declare const aliasObjectContainerBackground = "var(--cds-alias-object-container-background)";
390
404
  export declare const aliasObjectContainerBackgroundTint = "var(--cds-alias-object-container-background-tint)";
391
405
  export declare const aliasObjectContainerBackgroundShade = "var(--cds-alias-object-container-background-shade)";
406
+ export declare const aliasObjectContainerBackgroundDark = "var(--cds-alias-object-container-background-dark)";
407
+ export declare const aliasObjectContainerBackgroundInverse = "var(--cds-alias-object-container-background-inverse)";
408
+ export declare const aliasObjectContainerBackgroundInverseTint = "var(--cds-alias-object-container-background-inverse-tint)";
409
+ export declare const aliasObjectContainerBackgroundInverseShade = "var(--cds-alias-object-container-background-inverse-shade)";
392
410
  export declare const aliasObjectContainerBorderColor = "var(--cds-alias-object-container-border-color)";
411
+ export declare const aliasObjectInfoHover = "var(--cds-alias-object-info-hover)";
412
+ export declare const aliasObjectInfoClick = "var(--cds-alias-object-info-click)";
413
+ export declare const aliasObjectInfoSecondaryHover = "var(--cds-alias-object-info-secondary-hover)";
414
+ export declare const aliasObjectSuccessHover = "var(--cds-alias-object-success-hover)";
415
+ export declare const aliasObjectSuccessClick = "var(--cds-alias-object-success-click)";
416
+ export declare const aliasObjectSuccessSecondaryHover = "var(--cds-alias-object-success-secondary-hover)";
417
+ export declare const aliasObjectWarningHover = "var(--cds-alias-object-warning-hover)";
418
+ export declare const aliasObjectWarningClick = "var(--cds-alias-object-warning-click)";
419
+ export declare const aliasObjectWarningSecondaryHover = "var(--cds-alias-object-warning-secondary-hover)";
420
+ export declare const aliasObjectDangerHover = "var(--cds-alias-object-danger-hover)";
421
+ export declare const aliasObjectDangerClick = "var(--cds-alias-object-danger-click)";
422
+ export declare const aliasObjectDangerSecondaryHover = "var(--cds-alias-object-danger-secondary-hover)";
423
+ export declare const aliasObjectNeutralHover = "var(--cds-alias-object-neutral-hover)";
424
+ export declare const aliasObjectNeutralClick = "var(--cds-alias-object-neutral-click)";
425
+ export declare const aliasObjectNeutralSecondaryHover = "var(--cds-alias-object-neutral-secondary-hover)";
426
+ export declare const aliasObjectInverseHover = "var(--cds-alias-object-inverse-hover)";
427
+ export declare const aliasObjectInverseClick = "var(--cds-alias-object-inverse-click)";
393
428
  export declare const aliasStatusInfo = "var(--cds-alias-status-info)";
394
429
  export declare const aliasStatusInfoTint = "var(--cds-alias-status-info-tint)";
395
430
  export declare const aliasStatusInfoShade = "var(--cds-alias-status-info-shade)";
@@ -413,6 +448,117 @@ export declare const aliasStatusDisabledShade = "var(--cds-alias-status-disabled
413
448
  export declare const aliasStatusAlt = "var(--cds-alias-status-alt)";
414
449
  export declare const aliasStatusAltTint = "var(--cds-alias-status-alt-tint)";
415
450
  export declare const aliasStatusAltShade = "var(--cds-alias-status-alt-shade)";
451
+ export declare const aliasUtilityGray = "var(--cds-alias-utility-gray)";
452
+ export declare const aliasUtilityGrayTint = "var(--cds-alias-utility-gray-tint)";
453
+ export declare const aliasUtilityGrayShade = "var(--cds-alias-utility-gray-shade)";
454
+ export declare const aliasUtilityBlue = "var(--cds-alias-utility-blue)";
455
+ export declare const aliasUtilityBlueTint = "var(--cds-alias-utility-blue-tint)";
456
+ export declare const aliasUtilityBlueShade = "var(--cds-alias-utility-blue-shade)";
457
+ export declare const aliasUtilityLightBlue = "var(--cds-alias-utility-light-blue)";
458
+ export declare const aliasUtilityLightBlueTint = "var(--cds-alias-utility-light-blue-tint)";
459
+ export declare const aliasUtilityLightBlueShade = "var(--cds-alias-utility-light-blue-shade)";
460
+ export declare const aliasUtilityDarkBlue = "var(--cds-alias-utility-dark-blue)";
461
+ export declare const aliasUtilityDarkBlueTint = "var(--cds-alias-utility-dark-blue-tint)";
462
+ export declare const aliasUtilityDarkBlueShade = "var(--cds-alias-utility-dark-blue-shade)";
463
+ export declare const aliasUtilityGreen = "var(--cds-alias-utility-green)";
464
+ export declare const aliasUtilityGreenTint = "var(--cds-alias-utility-green-tint)";
465
+ export declare const aliasUtilityGreenShade = "var(--cds-alias-utility-green-shade)";
466
+ export declare const aliasUtilityYellow = "var(--cds-alias-utility-yellow)";
467
+ export declare const aliasUtilityYellowTint = "var(--cds-alias-utility-yellow-tint)";
468
+ export declare const aliasUtilityYellowShade = "var(--cds-alias-utility-yellow-shade)";
469
+ export declare const aliasUtilityRed = "var(--cds-alias-utility-red)";
470
+ export declare const aliasUtilityRedTint = "var(--cds-alias-utility-red-tint)";
471
+ export declare const aliasUtilityRedShade = "var(--cds-alias-utility-red-shade)";
472
+ export declare const aliasUtilityTangerine = "var(--cds-alias-utility-tangerine)";
473
+ export declare const aliasUtilityTangerineTint = "var(--cds-alias-utility-tangerine-tint)";
474
+ export declare const aliasUtilityTangerineShade = "var(--cds-alias-utility-tangerine-shade)";
475
+ export declare const aliasUtilityViolet = "var(--cds-alias-utility-violet)";
476
+ export declare const aliasUtilityVioletTint = "var(--cds-alias-utility-violet-tint)";
477
+ export declare const aliasUtilityVioletShade = "var(--cds-alias-utility-violet-shade)";
478
+ export declare const aliasTypographyColor100 = "var(--cds-alias-typography-color-100)";
479
+ export declare const aliasTypographyColor200 = "var(--cds-alias-typography-color-200)";
480
+ export declare const aliasTypographyColor300 = "var(--cds-alias-typography-color-300)";
481
+ export declare const aliasTypographyColor400 = "var(--cds-alias-typography-color-400)";
482
+ export declare const aliasTypographyColor450 = "var(--cds-alias-typography-color-450)";
483
+ export declare const aliasTypographyColor500 = "var(--cds-alias-typography-color-500)";
484
+ export declare const aliasTypographyFontWeightLight = "var(--cds-alias-typography-font-weight-light)";
485
+ export declare const aliasTypographyFontWeightRegular = "var(--cds-alias-typography-font-weight-regular)";
486
+ export declare const aliasTypographyFontWeightMedium = "var(--cds-alias-typography-font-weight-medium)";
487
+ export declare const aliasTypographyFontWeightSemibold = "var(--cds-alias-typography-font-weight-semibold)";
488
+ export declare const aliasTypographyFontWeightBold = "var(--cds-alias-typography-font-weight-bold)";
489
+ export declare const aliasTypographyFontWeightExtrabold = "var(--cds-alias-typography-font-weight-extrabold)";
490
+ export declare const aliasTypographyFontSize0 = "var(--cds-alias-typography-font-size-0)";
491
+ export declare const aliasTypographyFontSize1 = "var(--cds-alias-typography-font-size-1)";
492
+ export declare const aliasTypographyFontSize2 = "var(--cds-alias-typography-font-size-2)";
493
+ export declare const aliasTypographyFontSize3 = "var(--cds-alias-typography-font-size-3)";
494
+ export declare const aliasTypographyFontSize4 = "var(--cds-alias-typography-font-size-4)";
495
+ export declare const aliasTypographyFontSize5 = "var(--cds-alias-typography-font-size-5)";
496
+ export declare const aliasTypographyFontSize6 = "var(--cds-alias-typography-font-size-6)";
497
+ export declare const aliasTypographyFontSize7 = "var(--cds-alias-typography-font-size-7)";
498
+ export declare const aliasTypographyFontSize8 = "var(--cds-alias-typography-font-size-8)";
499
+ export declare const aliasTypographyFontSize9 = "var(--cds-alias-typography-font-size-9)";
500
+ export declare const aliasTypographyFontFamily = "var(--cds-alias-typography-font-family)";
501
+ export declare const aliasTypographyHeaderFontFamily = "var(--cds-alias-typography-header-font-family)";
502
+ export declare const aliasTypographyMonospaceFontFamily = "var(--cds-alias-typography-monospace-font-family)";
503
+ export declare const aliasTypographyTopGapHeight = "var(--cds-alias-typography-top-gap-height)";
504
+ export declare const aliasTypographyAscenderHeight = "var(--cds-alias-typography-ascender-height)";
505
+ export declare const aliasTypographyXHeight = "var(--cds-alias-typography-x-height)";
506
+ export declare const aliasTypographyLinkColor = "var(--cds-alias-typography-link-color)";
507
+ export declare const aliasTypographyLinkColorHover = "var(--cds-alias-typography-link-color-hover)";
508
+ export declare const aliasTypographyLinkColorVisited = "var(--cds-alias-typography-link-color-visited)";
509
+ export declare const aliasTypographyLinkColorVisitedHover = "var(--cds-alias-typography-link-color-visited-hover)";
510
+ export declare const aliasTypographyLinkOnColorbg = "var(--cds-alias-typography-link-on-colorbg)";
511
+ export declare const aliasTypographyBodyFontSize = "var(--cds-alias-typography-body-font-size)";
512
+ export declare const aliasTypographyBodyLineHeight = "var(--cds-alias-typography-body-line-height)";
513
+ export declare const aliasTypographyBodyLetterSpacing = "var(--cds-alias-typography-body-letter-spacing)";
514
+ export declare const aliasTypographyBodyFontWeight = "var(--cds-alias-typography-body-font-weight)";
515
+ export declare const aliasTypographyDisplayFontSize = "var(--cds-alias-typography-display-font-size)";
516
+ export declare const aliasTypographyDisplayLineHeight = "var(--cds-alias-typography-display-line-height)";
517
+ export declare const aliasTypographyDisplayLetterSpacing = "var(--cds-alias-typography-display-letter-spacing)";
518
+ export declare const aliasTypographyDisplayFontWeight = "var(--cds-alias-typography-display-font-weight)";
519
+ export declare const aliasTypographyHeadingFontSize = "var(--cds-alias-typography-heading-font-size)";
520
+ export declare const aliasTypographyHeadingLineHeight = "var(--cds-alias-typography-heading-line-height)";
521
+ export declare const aliasTypographyHeadingLetterSpacing = "var(--cds-alias-typography-heading-letter-spacing)";
522
+ export declare const aliasTypographyHeadingFontWeight = "var(--cds-alias-typography-heading-font-weight)";
523
+ export declare const aliasTypographyHeadlineFontSize = "var(--cds-alias-typography-headline-font-size)";
524
+ export declare const aliasTypographyHeadlineLineHeight = "var(--cds-alias-typography-headline-line-height)";
525
+ export declare const aliasTypographyHeadlineLetterSpacing = "var(--cds-alias-typography-headline-letter-spacing)";
526
+ export declare const aliasTypographyHeadlineFontWeight = "var(--cds-alias-typography-headline-font-weight)";
527
+ export declare const aliasTypographyTitleFontSize = "var(--cds-alias-typography-title-font-size)";
528
+ export declare const aliasTypographyTitleLineHeight = "var(--cds-alias-typography-title-line-height)";
529
+ export declare const aliasTypographyTitleLetterSpacing = "var(--cds-alias-typography-title-letter-spacing)";
530
+ export declare const aliasTypographyTitleFontWeight = "var(--cds-alias-typography-title-font-weight)";
531
+ export declare const aliasTypographySectionFontSize = "var(--cds-alias-typography-section-font-size)";
532
+ export declare const aliasTypographySectionLineHeight = "var(--cds-alias-typography-section-line-height)";
533
+ export declare const aliasTypographySectionLetterSpacing = "var(--cds-alias-typography-section-letter-spacing)";
534
+ export declare const aliasTypographySectionFontWeight = "var(--cds-alias-typography-section-font-weight)";
535
+ export declare const aliasTypographySubsectionFontSize = "var(--cds-alias-typography-subsection-font-size)";
536
+ export declare const aliasTypographySubsectionLineHeight = "var(--cds-alias-typography-subsection-line-height)";
537
+ export declare const aliasTypographySubsectionLetterSpacing = "var(--cds-alias-typography-subsection-letter-spacing)";
538
+ export declare const aliasTypographySubsectionFontWeight = "var(--cds-alias-typography-subsection-font-weight)";
539
+ export declare const aliasTypographyMessageFontSize = "var(--cds-alias-typography-message-font-size)";
540
+ export declare const aliasTypographyMessageLineHeight = "var(--cds-alias-typography-message-line-height)";
541
+ export declare const aliasTypographyMessageLetterSpacing = "var(--cds-alias-typography-message-letter-spacing)";
542
+ export declare const aliasTypographyMessageFontWeight = "var(--cds-alias-typography-message-font-weight)";
543
+ export declare const aliasTypographySecondaryFontSize = "var(--cds-alias-typography-secondary-font-size)";
544
+ export declare const aliasTypographySecondaryLineHeight = "var(--cds-alias-typography-secondary-line-height)";
545
+ export declare const aliasTypographySecondaryLetterSpacing = "var(--cds-alias-typography-secondary-letter-spacing)";
546
+ export declare const aliasTypographySecondaryFontWeight = "var(--cds-alias-typography-secondary-font-weight)";
547
+ export declare const aliasTypographyCaptionFontSize = "var(--cds-alias-typography-caption-font-size)";
548
+ export declare const aliasTypographyCaptionLineHeight = "var(--cds-alias-typography-caption-line-height)";
549
+ export declare const aliasTypographyCaptionLetterSpacing = "var(--cds-alias-typography-caption-letter-spacing)";
550
+ export declare const aliasTypographyCaptionFontWeight = "var(--cds-alias-typography-caption-font-weight)";
551
+ export declare const aliasTypographySmallcaptionFontSize = "var(--cds-alias-typography-smallcaption-font-size)";
552
+ export declare const aliasTypographySmallcaptionLineHeight = "var(--cds-alias-typography-smallcaption-line-height)";
553
+ export declare const aliasTypographySmallcaptionLetterSpacing = "var(--cds-alias-typography-smallcaption-letter-spacing)";
554
+ export declare const aliasTypographySmallcaptionFontWeight = "var(--cds-alias-typography-smallcaption-font-weight)";
555
+ export declare const aliasTypographyInfoHover = "var(--cds-alias-typography-info-hover)";
556
+ export declare const aliasTypographySuccessHover = "var(--cds-alias-typography-success-hover)";
557
+ export declare const aliasTypographyWarningHover = "var(--cds-alias-typography-warning-hover)";
558
+ export declare const aliasTypographyDangerHover = "var(--cds-alias-typography-danger-hover)";
559
+ export declare const aliasTypographyNeutralHover = "var(--cds-alias-typography-neutral-hover)";
560
+ export declare const aliasTypographyDisabled = "var(--cds-alias-typography-disabled)";
561
+ export declare const aliasTypographyDisabledButton = "var(--cds-alias-typography-disabled-button)";
416
562
  export declare const internalScale1 = "var(--cds-internal-scale-1)";
417
563
  export declare const internalScale2 = "var(--cds-internal-scale-2)";
418
564
  export declare const internalScale3 = "var(--cds-internal-scale-3)";