@norges-domstoler/dds-design-tokens 4.0.2 → 5.1.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 (64) hide show
  1. package/README.md +33 -27
  2. package/dist/cjs/dds/build/js/borderRadius.d.ts +10 -30
  3. package/dist/cjs/dds/build/js/colors.d.ts +153 -67
  4. package/dist/cjs/dds/build/js/ddsTokens.d.ts +271 -205
  5. package/dist/cjs/dds/build/js/font.d.ts +50 -0
  6. package/dist/cjs/dds/build/js/fontObject.d.ts +922 -22
  7. package/dist/cjs/dds/build/js/grid.d.ts +15 -35
  8. package/dist/cjs/dds/build/js/iconSize.d.ts +6 -6
  9. package/dist/cjs/dds/build/js/outershadow.d.ts +1 -1
  10. package/dist/cjs/dds/build/js/spacing.d.ts +28 -88
  11. package/dist/cjs/dds/index.d.ts +10 -11
  12. package/dist/cjs/index.js +3312 -909
  13. package/dist/cjs/src/ddsBaseTokens.d.ts +632 -3
  14. package/dist/css/borderRadius.css +6 -16
  15. package/dist/css/breakpoints.css +1 -1
  16. package/dist/css/colors.css +153 -67
  17. package/dist/css/ddsTokens.css +198 -198
  18. package/dist/css/font.css +1 -1
  19. package/dist/css/grid.css +11 -26
  20. package/dist/css/iconSize.css +4 -4
  21. package/dist/css/outershadow.css +1 -1
  22. package/dist/css/spacing.css +15 -45
  23. package/dist/dds/build/js/borderRadius.d.ts +10 -30
  24. package/dist/dds/build/js/borderRadius.js +11 -31
  25. package/dist/dds/build/js/colors.d.ts +153 -67
  26. package/dist/dds/build/js/colors.js +154 -68
  27. package/dist/dds/build/js/ddsTokens.d.ts +271 -205
  28. package/dist/dds/build/js/ddsTokens.js +631 -0
  29. package/dist/dds/build/js/font.d.ts +50 -0
  30. package/dist/dds/build/js/font.js +51 -1
  31. package/dist/dds/build/js/fontObject.d.ts +922 -22
  32. package/dist/dds/build/js/fontObject.js +1453 -303
  33. package/dist/dds/build/js/grid.d.ts +15 -35
  34. package/dist/dds/build/js/grid.js +16 -36
  35. package/dist/dds/build/js/iconSize.d.ts +6 -6
  36. package/dist/dds/build/js/iconSize.js +7 -7
  37. package/dist/dds/build/js/outershadow.d.ts +1 -1
  38. package/dist/dds/build/js/outershadow.js +1 -1
  39. package/dist/dds/build/js/spacing.d.ts +28 -88
  40. package/dist/dds/build/js/spacing.js +29 -89
  41. package/dist/dds/index.d.ts +10 -11
  42. package/dist/ddsBaseTokens.js +3 -5
  43. package/dist/ddsReferenceTokens.js +6 -6
  44. package/dist/index.js +1 -1
  45. package/dist/scss/_borderRadius.scss +6 -16
  46. package/dist/scss/_breakpoints.scss +1 -1
  47. package/dist/scss/_colors.scss +154 -102
  48. package/dist/scss/_ddsTokens.scss +199 -198
  49. package/dist/scss/_font.scss +1 -1
  50. package/dist/scss/_iconSize.scss +4 -4
  51. package/dist/scss/_outershadow.scss +1 -1
  52. package/dist/scss/_spacing.scss +16 -45
  53. package/dist/src/ddsBaseTokens.d.ts +632 -3
  54. package/package.json +6 -6
  55. package/dist/cjs/dds/build/js/border.d.ts +0 -30
  56. package/dist/cjs/dds/build/js/innershadow.d.ts +0 -8
  57. package/dist/css/border.css +0 -31
  58. package/dist/css/innershadow.css +0 -11
  59. package/dist/dds/build/js/border.d.ts +0 -30
  60. package/dist/dds/build/js/border.js +0 -32
  61. package/dist/dds/build/js/innershadow.d.ts +0 -8
  62. package/dist/dds/build/js/innershadow.js +0 -10
  63. package/dist/scss/_border.scss +0 -28
  64. package/dist/scss/_innershadow.scss +0 -8
@@ -1,72 +1,158 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 22 Jan 2024 11:05:28 GMT
3
+ * Generated on Tue, 23 Jul 2024 10:51:13 GMT
4
4
  */
5
- const DdsColorPrimaryLightest = "rgba(234, 239, 244, 1)";
6
- const DdsColorPrimaryLighter = "rgba(172, 187, 198, 1)";
7
- const DdsColorPrimaryLight = "rgba(79, 106, 126, 1)";
8
- const DdsColorPrimaryBase = "rgba(53, 71, 84, 1)"; // Primary er hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter.
9
- const DdsColorPrimaryDark = "rgba(49, 61, 69, 1)";
10
- const DdsColorPrimaryDarker = "rgba(32, 43, 50, 1)";
11
- const DdsColorPrimaryDarkest = "rgba(21, 28, 34, 1)";
12
- const DdsColorNeutralsWhite = "rgba(255, 255, 255, 1)";
13
- const DdsColorNeutralsGray1 = "rgba(248, 249, 249, 1)";
14
- const DdsColorNeutralsGray2 = "rgba(235, 236, 238, 1)";
15
- const DdsColorNeutralsGray3 = "rgba(207, 212, 215, 1)";
16
- const DdsColorNeutralsGray4 = "rgba(173, 181, 186, 1)";
17
- const DdsColorNeutralsGray5 = "rgba(119, 131, 140, 1)";
18
- const DdsColorNeutralsGray6 = "rgba(84, 92, 98, 1)";
19
- const DdsColorNeutralsGray7 = "rgba(58, 65, 70, 1)";
20
- const DdsColorNeutralsGray8 = "rgba(34, 39, 42, 1)";
21
- const DdsColorNeutralsGray9 = "rgba(11, 13, 14, 1)";
22
- const DdsColorInteractiveLightest = "rgba(231, 241, 247, 1)";
23
- const DdsColorInteractiveLighter = "rgba(159, 197, 222, 1)";
24
- const DdsColorInteractiveLight = "rgba(88, 154, 198, 1)";
25
- const DdsColorInteractiveBase = "rgba(16, 110, 173, 1)"; // Interactive brukes til interaksjon. Dette er vanligvis knapper og lenker. Den brukes ofte for å indikere at en komponent er klikkbar eller at man interagerer med den
26
- const DdsColorInteractiveDark = "rgba(13, 88, 138, 1)";
27
- const DdsColorInteractiveDarker = "rgba(10, 66, 104, 1)";
28
- const DdsColorInteractiveDarkest = "rgba(6, 44, 69, 1)";
29
- const DdsColorSecondaryLightest = "rgba(230, 237, 237, 1)"; // --l80
30
- const DdsColorSecondaryLighter = "rgba(205, 219, 219, 1)";
31
- const DdsColorSecondaryLight = "rgba(184, 205, 205, 1)";
32
- const DdsColorSecondaryBase = "rgba(154, 184, 183, 1)"; // Secondary er den andre hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter.
33
- const DdsColorSecondaryDark = "rgba(123, 147, 146, 1)";
34
- const DdsColorSecondaryDarker = "rgba(77, 100, 99, 1)";
35
- const DdsColorSecondaryDarkest = "rgba(62, 74, 73, 1)";
36
- const DdsColorTertiaryLightest = "rgba(255, 230, 223, 1)";
37
- const DdsColorTertiaryLighter = "rgba(255, 214, 202, 1)";
38
- const DdsColorTertiaryLight = "rgba(246, 193, 177, 1)";
39
- const DdsColorTertiaryBase = "rgba(242, 166, 143, 1)"; // Tertiary er er den tredje profilfargen til Domstolene. Denne brukes gjerne som støttefarge
40
- const DdsColorTertiaryDark = "rgba(245, 152, 119, 1)";
41
- const DdsColorTertiaryDarker = "rgba(242, 126, 85, 1)";
42
- const DdsColorTertiaryDarkest = "rgba(194, 101, 68, 1)";
43
- const DdsColorSuccessLightest = "rgba(240, 249, 240, 1)";
44
- const DdsColorSuccessLighter = "rgba(193, 229, 194, 1)";
45
- const DdsColorSuccessLight = "rgba(147, 210, 148, 1)";
46
- const DdsColorSuccessBase = "rgba(101, 190, 102, 1)"; // Brukes for å kommunisere suksess eller noe som er riktig.
47
- const DdsColorSuccessDark = "rgba(81, 152, 82, 1)";
48
- const DdsColorSuccessDarker = "rgba(61, 114, 61, 1)";
49
- const DdsColorSuccessDarkest = "rgba(40, 76, 41, 1)";
50
- const DdsColorDangerLightest = "rgba(251, 235, 235, 1)";
51
- const DdsColorDangerLighter = "rgba(239, 175, 175, 1)";
52
- const DdsColorDangerLight = "rgba(228, 115, 115, 1)";
53
- const DdsColorDangerBase = "rgba(216, 55, 55, 1)"; // Brukes for å kommunisere feil og destruktive handlinger, som f.eks. slett.
54
- const DdsColorDangerDark = "rgba(173, 44, 44, 1)";
55
- const DdsColorDangerDarker = "rgba(130, 33, 33, 1)";
56
- const DdsColorDangerDarkest = "rgba(86, 22, 22, 1)";
57
- const DdsColorWarningLightest = "rgba(254, 252, 237, 1)";
58
- const DdsColorWarningLighter = "rgba(251, 243, 184, 1)";
59
- const DdsColorWarningLight = "rgba(247, 233, 130, 1)";
60
- const DdsColorWarningBase = "rgba(244, 224, 77, 1)"; // Brukes for å kommunisere varsler.
61
- const DdsColorWarningDark = "rgba(195, 179, 62, 1)";
62
- const DdsColorWarningDarker = "rgba(146, 134, 46, 1)";
63
- const DdsColorWarningDarkest = "rgba(98, 90, 31, 1)";
64
- const DdsColorInfoLightest = "rgba(241, 248, 253, 1)";
65
- const DdsColorInfoLighter = "rgba(200, 227, 245, 1)";
66
- const DdsColorInfoLight = "rgba(158, 206, 238, 1)";
67
- const DdsColorInfoBase = "rgba(117, 185, 230, 1)";
68
- const DdsColorInfoDark = "rgba(94, 148, 184, 1)";
69
- const DdsColorInfoDarker = "rgba(70, 111, 138, 1)";
70
- const DdsColorInfoDarkest = "rgba(47, 74, 92, 1)";
5
+ const DdsColorPrimaryLightest = "#eaeff4";
6
+ const DdsColorPrimaryLighter = "#acbbc6";
7
+ const DdsColorPrimaryLight = "#4f6a7e";
8
+ const DdsColorPrimaryBase = "#354754";
9
+ const DdsColorPrimaryDark = "#313d45";
10
+ const DdsColorPrimaryDarker = "#202b32";
11
+ const DdsColorPrimaryDarkest = "#151c22";
12
+ const DdsColorNeutralsWhite = "#ffffff";
13
+ const DdsColorNeutralsGray1 = "#f8f9f9";
14
+ const DdsColorNeutralsGray2 = "#ebecee";
15
+ const DdsColorNeutralsGray3 = "#cfd4d7";
16
+ const DdsColorNeutralsGray4 = "#adb5ba";
17
+ const DdsColorNeutralsGray5 = "#77838c";
18
+ const DdsColorNeutralsGray6 = "#545c62";
19
+ const DdsColorNeutralsGray7 = "#3a4146";
20
+ const DdsColorNeutralsGray8 = "#22272a";
21
+ const DdsColorNeutralsGray9 = "#0b0d0e";
22
+ const DdsColorInteractiveLightest = "#e7f1f7";
23
+ const DdsColorInteractiveLighter = "#9fc5de";
24
+ const DdsColorInteractiveLight = "#589ac6";
25
+ const DdsColorInteractiveBase = "#106ead";
26
+ const DdsColorInteractiveDark = "#0d588a";
27
+ const DdsColorInteractiveDarker = "#0a4268";
28
+ const DdsColorInteractiveDarkest = "#062c45";
29
+ const DdsColorSecondaryLightest = "#e6eded";
30
+ const DdsColorSecondaryLighter = "#cddbdb";
31
+ const DdsColorSecondaryLight = "#b8cdcd";
32
+ const DdsColorSecondaryBase = "#9ab8b7";
33
+ const DdsColorSecondaryDark = "#7b9392";
34
+ const DdsColorSecondaryDarker = "#4d6463";
35
+ const DdsColorSecondaryDarkest = "#3e4a49";
36
+ const DdsColorTertiaryLightest = "#ffe6df";
37
+ const DdsColorTertiaryLighter = "#ffd6ca";
38
+ const DdsColorTertiaryLight = "#f6c1b1";
39
+ const DdsColorTertiaryBase = "#f2a68f";
40
+ const DdsColorTertiaryDark = "#f59877";
41
+ const DdsColorTertiaryDarker = "#f27e55";
42
+ const DdsColorTertiaryDarkest = "#c26544";
43
+ const DdsColorSuccessLightest = "#f0f9f0";
44
+ const DdsColorSuccessLighter = "#c1e5c2";
45
+ const DdsColorSuccessLight = "#93d294";
46
+ const DdsColorSuccessBase = "#65be66";
47
+ const DdsColorSuccessDark = "#519852";
48
+ const DdsColorSuccessDarker = "#3d723d";
49
+ const DdsColorSuccessDarkest = "#284c29";
50
+ const DdsColorDangerLightest = "#fbebeb";
51
+ const DdsColorDangerLighter = "#efafaf";
52
+ const DdsColorDangerLight = "#e47373";
53
+ const DdsColorDangerBase = "#d83737";
54
+ const DdsColorDangerDark = "#ad2c2c";
55
+ const DdsColorDangerDarker = "#822121";
56
+ const DdsColorDangerDarkest = "#561616";
57
+ const DdsColorWarningLightest = "#fefced";
58
+ const DdsColorWarningLighter = "#fbf3b8";
59
+ const DdsColorWarningLight = "#f7e982";
60
+ const DdsColorWarningBase = "#f4e04d";
61
+ const DdsColorWarningDark = "#c3b33e";
62
+ const DdsColorWarningDarker = "#92862e";
63
+ const DdsColorWarningDarkest = "#625a1f";
64
+ const DdsColorInfoLightest = "#f1f8fd";
65
+ const DdsColorInfoLighter = "#c8e3f5";
66
+ const DdsColorInfoLight = "#9eceee";
67
+ const DdsColorInfoBase = "#75b9e6";
68
+ const DdsColorInfoDark = "#5e94b8";
69
+ const DdsColorInfoDarker = "#466f8a";
70
+ const DdsColorInfoDarkest = "#2f4a5c";
71
+ const DdsColorVisitedBase = "#7F29B4";
72
+ const DdsColorVisitedLighter = "#CCA9E1";
73
+ const DdsColorBgDefault = "#ffffff";
74
+ const DdsColorBgSubtle = "#f8f9f9";
75
+ const DdsColorSurfaceDefault = "#ffffff";
76
+ const DdsColorSurfaceSubtle = "#f8f9f9";
77
+ const DdsColorSurfaceMedium = "#ebecee";
78
+ const DdsColorSurfaceHoverDefault = "#e7f1f7";
79
+ const DdsColorSurfaceHoverSubtle = "#f8f9f9";
80
+ const DdsColorSurfaceSelectedDefault = "#e7f1f7";
81
+ const DdsColorSurfaceInverseDefault = "#354754";
82
+ const DdsColorSurfaceInverseHover = "#313d45";
83
+ const DdsColorSurfaceInverseSelected = "#202b32";
84
+ const DdsColorSurfaceActionResting = "#106ead";
85
+ const DdsColorSurfaceActionHover = "#0d588a";
86
+ const DdsColorSurfaceActionSelected = "#106ead";
87
+ const DdsColorSurfaceActionDangerResting = "#d83737";
88
+ const DdsColorSurfaceActionDangerHover = "#ad2c2c";
89
+ const DdsColorSurfaceActionSelectedDisabled = "#77838c";
90
+ const DdsColorSurfaceDangerDefault = "#fbebeb";
91
+ const DdsColorSurfaceDangerStrong = "#e47373";
92
+ const DdsColorSurfaceSuccessDefault = "#f0f9f0";
93
+ const DdsColorSurfaceSuccessStrong = "#93d294";
94
+ const DdsColorSurfaceWarningDefault = "#fefced";
95
+ const DdsColorSurfaceWarningStrong = "#f7e982";
96
+ const DdsColorSurfaceInfoDefault = "#f1f8fd";
97
+ const DdsColorSurfaceInfoStrong = "#9eceee";
98
+ const DdsColorSurfacePaperDefault = "#ffffff";
99
+ const DdsColorSurfaceBackdropDefault = "#0b0d0e80";
100
+ const DdsColorSurfaceFieldDefault = "#ffffff";
101
+ const DdsColorSurfaceFieldDisabled = "#f8f9f9";
102
+ const DdsColorSurfaceHighlightedDefault = "#ffe6df";
103
+ const DdsColorSurfaceScrollbar = "#adb5ba";
104
+ const DdsColorSurfaceNotification = "#d83737";
105
+ const DdsColorSurfaceSkeleton = "#cfd4d7";
106
+ const DdsColorBorderDefault = "#77838c";
107
+ const DdsColorBorderSubtle = "#cfd4d7";
108
+ const DdsColorBorderInverse = "#acbbc6";
109
+ const DdsColorBorderActionDefault = "#106ead";
110
+ const DdsColorBorderActionHover = "#0d588a";
111
+ const DdsColorBorderSuccess = "#65be66";
112
+ const DdsColorBorderWarning = "#f4e04d";
113
+ const DdsColorBorderDanger = "#d83737";
114
+ const DdsColorBorderInfo = "#75b9e6";
115
+ const DdsColorBorderOnAction = "#ffffff";
116
+ const DdsColorTextDefault = "#0b0d0e";
117
+ const DdsColorTextMedium = "#3a4146";
118
+ const DdsColorTextSubtle = "#545c62";
119
+ const DdsColorTextOnInverse = "#ffffff";
120
+ const DdsColorTextOnAction = "#ffffff";
121
+ const DdsColorTextOnStatusDefault = "#0b0d0e";
122
+ const DdsColorTextOnStatusStrong = "#0b0d0e";
123
+ const DdsColorTextActionResting = "#106ead";
124
+ const DdsColorTextActionHover = "#0d588a";
125
+ const DdsColorTextRequiredfield = "#d83737";
126
+ const DdsColorTextActionVisited = "#7F29B4";
127
+ const DdsColorTextOnNotification = "#ffffff";
128
+ const DdsColorIconDefault = "#0b0d0e";
129
+ const DdsColorIconMedium = "#3a4146";
130
+ const DdsColorIconSubtle = "#545c62";
131
+ const DdsColorIconOnInverse = "#ffffff";
132
+ const DdsColorIconOnAction = "#ffffff";
133
+ const DdsColorIconActionResting = "#106ead";
134
+ const DdsColorIconActionHover = "#0d588a";
135
+ const DdsColorIconOnSuccessDefault = "#3d723d";
136
+ const DdsColorIconOnSuccessStrong = "#0b0d0e";
137
+ const DdsColorIconOnWarningDefault = "#92862e";
138
+ const DdsColorIconOnWarningStrong = "#0b0d0e";
139
+ const DdsColorIconOnDangerDefault = "#ad2c2c";
140
+ const DdsColorIconOnDangerStrong = "#0b0d0e";
141
+ const DdsColorIconOnInfoDefault = "#466f8a";
142
+ const DdsColorIconOnInfoStrong = "#0b0d0e";
143
+ const DdsColorBrandPrimaryDefault = "#354754";
144
+ const DdsColorBrandPrimarySubtle = "#eaeff4";
145
+ const DdsColorBrandPrimaryMedium = "#4f6a7e";
146
+ const DdsColorBrandPrimaryStrong = "#202b32";
147
+ const DdsColorBrandSecondaryDefault = "#9ab8b7";
148
+ const DdsColorBrandSecondarySubtle = "#e6eded";
149
+ const DdsColorBrandSecondaryMedium = "#b8cdcd";
150
+ const DdsColorBrandSecondaryStrong = "#4d6463";
151
+ const DdsColorBrandTertiaryDefault = "#f2a68f";
152
+ const DdsColorBrandTertiarySubtle = "#ffe6df";
153
+ const DdsColorBrandTertiaryMedium = "#f6c1b1";
154
+ const DdsColorBrandTertiaryStrong = "#f27e55";
155
+ const DdsColorFocusOutside = "#2f4a5c";
156
+ const DdsColorFocusInside = "#f1f8fd";
71
157
 
72
- export { DdsColorDangerBase, DdsColorDangerDark, DdsColorDangerDarker, DdsColorDangerDarkest, DdsColorDangerLight, DdsColorDangerLighter, DdsColorDangerLightest, DdsColorInfoBase, DdsColorInfoDark, DdsColorInfoDarker, DdsColorInfoDarkest, DdsColorInfoLight, DdsColorInfoLighter, DdsColorInfoLightest, DdsColorInteractiveBase, DdsColorInteractiveDark, DdsColorInteractiveDarker, DdsColorInteractiveDarkest, DdsColorInteractiveLight, DdsColorInteractiveLighter, DdsColorInteractiveLightest, DdsColorNeutralsGray1, DdsColorNeutralsGray2, DdsColorNeutralsGray3, DdsColorNeutralsGray4, DdsColorNeutralsGray5, DdsColorNeutralsGray6, DdsColorNeutralsGray7, DdsColorNeutralsGray8, DdsColorNeutralsGray9, DdsColorNeutralsWhite, DdsColorPrimaryBase, DdsColorPrimaryDark, DdsColorPrimaryDarker, DdsColorPrimaryDarkest, DdsColorPrimaryLight, DdsColorPrimaryLighter, DdsColorPrimaryLightest, DdsColorSecondaryBase, DdsColorSecondaryDark, DdsColorSecondaryDarker, DdsColorSecondaryDarkest, DdsColorSecondaryLight, DdsColorSecondaryLighter, DdsColorSecondaryLightest, DdsColorSuccessBase, DdsColorSuccessDark, DdsColorSuccessDarker, DdsColorSuccessDarkest, DdsColorSuccessLight, DdsColorSuccessLighter, DdsColorSuccessLightest, DdsColorTertiaryBase, DdsColorTertiaryDark, DdsColorTertiaryDarker, DdsColorTertiaryDarkest, DdsColorTertiaryLight, DdsColorTertiaryLighter, DdsColorTertiaryLightest, DdsColorWarningBase, DdsColorWarningDark, DdsColorWarningDarker, DdsColorWarningDarkest, DdsColorWarningLight, DdsColorWarningLighter, DdsColorWarningLightest };
158
+ export { DdsColorBgDefault, DdsColorBgSubtle, DdsColorBorderActionDefault, DdsColorBorderActionHover, DdsColorBorderDanger, DdsColorBorderDefault, DdsColorBorderInfo, DdsColorBorderInverse, DdsColorBorderOnAction, DdsColorBorderSubtle, DdsColorBorderSuccess, DdsColorBorderWarning, DdsColorBrandPrimaryDefault, DdsColorBrandPrimaryMedium, DdsColorBrandPrimaryStrong, DdsColorBrandPrimarySubtle, DdsColorBrandSecondaryDefault, DdsColorBrandSecondaryMedium, DdsColorBrandSecondaryStrong, DdsColorBrandSecondarySubtle, DdsColorBrandTertiaryDefault, DdsColorBrandTertiaryMedium, DdsColorBrandTertiaryStrong, DdsColorBrandTertiarySubtle, DdsColorDangerBase, DdsColorDangerDark, DdsColorDangerDarker, DdsColorDangerDarkest, DdsColorDangerLight, DdsColorDangerLighter, DdsColorDangerLightest, DdsColorFocusInside, DdsColorFocusOutside, DdsColorIconActionHover, DdsColorIconActionResting, DdsColorIconDefault, DdsColorIconMedium, DdsColorIconOnAction, DdsColorIconOnDangerDefault, DdsColorIconOnDangerStrong, DdsColorIconOnInfoDefault, DdsColorIconOnInfoStrong, DdsColorIconOnInverse, DdsColorIconOnSuccessDefault, DdsColorIconOnSuccessStrong, DdsColorIconOnWarningDefault, DdsColorIconOnWarningStrong, DdsColorIconSubtle, DdsColorInfoBase, DdsColorInfoDark, DdsColorInfoDarker, DdsColorInfoDarkest, DdsColorInfoLight, DdsColorInfoLighter, DdsColorInfoLightest, DdsColorInteractiveBase, DdsColorInteractiveDark, DdsColorInteractiveDarker, DdsColorInteractiveDarkest, DdsColorInteractiveLight, DdsColorInteractiveLighter, DdsColorInteractiveLightest, DdsColorNeutralsGray1, DdsColorNeutralsGray2, DdsColorNeutralsGray3, DdsColorNeutralsGray4, DdsColorNeutralsGray5, DdsColorNeutralsGray6, DdsColorNeutralsGray7, DdsColorNeutralsGray8, DdsColorNeutralsGray9, DdsColorNeutralsWhite, DdsColorPrimaryBase, DdsColorPrimaryDark, DdsColorPrimaryDarker, DdsColorPrimaryDarkest, DdsColorPrimaryLight, DdsColorPrimaryLighter, DdsColorPrimaryLightest, DdsColorSecondaryBase, DdsColorSecondaryDark, DdsColorSecondaryDarker, DdsColorSecondaryDarkest, DdsColorSecondaryLight, DdsColorSecondaryLighter, DdsColorSecondaryLightest, DdsColorSuccessBase, DdsColorSuccessDark, DdsColorSuccessDarker, DdsColorSuccessDarkest, DdsColorSuccessLight, DdsColorSuccessLighter, DdsColorSuccessLightest, DdsColorSurfaceActionDangerHover, DdsColorSurfaceActionDangerResting, DdsColorSurfaceActionHover, DdsColorSurfaceActionResting, DdsColorSurfaceActionSelected, DdsColorSurfaceActionSelectedDisabled, DdsColorSurfaceBackdropDefault, DdsColorSurfaceDangerDefault, DdsColorSurfaceDangerStrong, DdsColorSurfaceDefault, DdsColorSurfaceFieldDefault, DdsColorSurfaceFieldDisabled, DdsColorSurfaceHighlightedDefault, DdsColorSurfaceHoverDefault, DdsColorSurfaceHoverSubtle, DdsColorSurfaceInfoDefault, DdsColorSurfaceInfoStrong, DdsColorSurfaceInverseDefault, DdsColorSurfaceInverseHover, DdsColorSurfaceInverseSelected, DdsColorSurfaceMedium, DdsColorSurfaceNotification, DdsColorSurfacePaperDefault, DdsColorSurfaceScrollbar, DdsColorSurfaceSelectedDefault, DdsColorSurfaceSkeleton, DdsColorSurfaceSubtle, DdsColorSurfaceSuccessDefault, DdsColorSurfaceSuccessStrong, DdsColorSurfaceWarningDefault, DdsColorSurfaceWarningStrong, DdsColorTertiaryBase, DdsColorTertiaryDark, DdsColorTertiaryDarker, DdsColorTertiaryDarkest, DdsColorTertiaryLight, DdsColorTertiaryLighter, DdsColorTertiaryLightest, DdsColorTextActionHover, DdsColorTextActionResting, DdsColorTextActionVisited, DdsColorTextDefault, DdsColorTextMedium, DdsColorTextOnAction, DdsColorTextOnInverse, DdsColorTextOnNotification, DdsColorTextOnStatusDefault, DdsColorTextOnStatusStrong, DdsColorTextRequiredfield, DdsColorTextSubtle, DdsColorVisitedBase, DdsColorVisitedLighter, DdsColorWarningBase, DdsColorWarningDark, DdsColorWarningDarker, DdsColorWarningDarkest, DdsColorWarningLight, DdsColorWarningLighter, DdsColorWarningLightest };