@aurodesignsystem/design-tokens 5.0.2 → 5.0.4

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 (122) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +86 -62
  3. package/dist/alaska/CSSCustomProperties--alaska.css +66 -0
  4. package/dist/alaska/JSObject--allTokens.js +2124 -0
  5. package/dist/alaska/SCSSVariables--alaska.scss +63 -0
  6. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +67 -0
  7. package/dist/alaska/primitives--alaska.scss +215 -0
  8. package/dist/{tokens → auro-classic}/CSSCustomProperties.css +320 -312
  9. package/dist/{tokens → auro-classic}/CSSSizeCustomProperties.css +1 -1
  10. package/dist/{tokens → auro-classic}/JSData--color.js +3145 -2071
  11. package/dist/{tokens → auro-classic}/JSONVariablesFlat.json +12 -4
  12. package/dist/{tokens → auro-classic}/JSONVariablesNested.json +13 -9
  13. package/dist/{tokens/JSObject--allTokens.js → auro-classic/JSObject--deprecated.js} +14311 -8433
  14. package/dist/{tokens → auro-classic}/JSVariables--color.js +308 -312
  15. package/dist/{tokens → auro-classic}/SCSSVariableMap.scss +1 -1
  16. package/dist/{tokens/base → auro-classic}/SCSSVariables.scss +320 -312
  17. package/dist/{tokens → auro-classic}/SCSSVariablesMapFlat.scss +320 -312
  18. package/dist/{tokens → auro-classic}/SassCustomProperties.scss +320 -312
  19. package/dist/{tokens → auro-classic}/SassSizeCustomProperties.scss +1 -1
  20. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +66 -0
  21. package/dist/hawaiian/JSObject--allTokens.js +2124 -0
  22. package/dist/hawaiian/SCSSVariables--hawaiian.scss +63 -0
  23. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +67 -0
  24. package/dist/hawaiian/primitives--hawaiian.scss +175 -0
  25. package/dist/{tokens/transparent/CSSCustomProperties.css → transparent/CSSCustomProperties--transparent.css} +1 -5
  26. package/package.json +5 -3
  27. package/src/primitives/alaska/color.json +796 -0
  28. package/src/primitives/alaska/typography.json +27 -0
  29. package/src/primitives/base/color.json +489 -0
  30. package/src/primitives/base/transparency.json +183 -0
  31. package/src/primitives/base/typography.json +210 -0
  32. package/src/primitives/hawaiian/color.json +508 -0
  33. package/src/primitives/hawaiian/typography.json +28 -0
  34. package/src/themes/alaska/color.json +394 -0
  35. package/src/themes/alaska/typography.json +132 -0
  36. package/src/themes/{excursion → auro-classic}/animation.json +6 -3
  37. package/src/{color → themes/auro-classic/color}/alert.json +7 -0
  38. package/src/{color → themes/auro-classic/color}/background.json +53 -25
  39. package/src/{color → themes/auro-classic/color}/base.json +303 -147
  40. package/src/{color → themes/auro-classic/color}/border.json +68 -32
  41. package/src/{color → themes/auro-classic/color}/brand.json +289 -158
  42. package/src/{color → themes/auro-classic/color}/container.json +101 -50
  43. package/src/{color → themes/auro-classic/color}/icon.json +129 -64
  44. package/src/{color → themes/auro-classic/color}/text.json +58 -28
  45. package/src/{color → themes/auro-classic/color}/tier.json +43 -22
  46. package/src/themes/{excursion → auro-classic}/color/ui.json +12 -1
  47. package/src/{color → themes/auro-classic/color}/utility.json +60 -30
  48. package/src/themes/auro-classic/comments.json +50 -0
  49. package/src/{depth.json → themes/auro-classic/depth.json} +9 -4
  50. package/src/{elevation.json → themes/auro-classic/elevation.json} +6 -3
  51. package/src/{asset → themes/auro-classic}/font.json +10 -5
  52. package/src/themes/{excursion → auro-classic}/grid-breakpoint.json +10 -5
  53. package/src/themes/{excursion → auro-classic}/grid-column.json +10 -5
  54. package/src/{grid-gutter.json → themes/auro-classic/grid-gutter.json} +10 -5
  55. package/src/{grid-margin.json → themes/auro-classic/grid-margin.json} +10 -5
  56. package/src/{size → themes/auro-classic/size}/radius.json +2 -1
  57. package/src/themes/auro-classic/size/scale.json +347 -0
  58. package/src/themes/auro-classic/size/unitless-scale.json +126 -0
  59. package/src/{text.json → themes/auro-classic/text.json} +192 -97
  60. package/src/themes/hawaiian/color.json +394 -0
  61. package/src/themes/hawaiian/typography.json +132 -0
  62. package/src/themes/transparent/color/alert.json +7 -0
  63. package/src/themes/transparent/color/background.json +30 -2
  64. package/src/themes/transparent/color/base.json +156 -0
  65. package/src/themes/transparent/color/border.json +36 -0
  66. package/src/themes/transparent/color/brand.json +167 -36
  67. package/src/themes/transparent/color/container.json +50 -0
  68. package/src/themes/transparent/color/icon.json +65 -0
  69. package/src/themes/transparent/color/text.json +30 -0
  70. package/src/themes/transparent/color/tier.json +22 -1
  71. package/src/themes/transparent/color/ui.json +12 -1
  72. package/src/themes/transparent/color/utility.json +30 -0
  73. package/src/themes/transparent/elevation.json +3 -0
  74. package/dist/tokens/JSObject--deprecated.js +0 -3157
  75. package/dist/tokens/SCSSVariables.scss +0 -1372
  76. package/dist/tokens/darkmode/CSSCustomProperties.css +0 -28
  77. package/dist/tokens/darkmode/JSDataColor.js +0 -528
  78. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +0 -528
  79. package/dist/tokens/darkmode/JSVariablesColor.js +0 -20
  80. package/dist/tokens/darkmode/SCSSVariables.scss +0 -21
  81. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +0 -25
  82. package/dist/tokens/darkmode/SassCustomProperties.scss +0 -28
  83. package/dist/tokens/excursion/JSONVariablesFlat.json +0 -736
  84. package/dist/tokens/excursion/JSONVariablesNested.json +0 -1222
  85. package/dist/tokens/hawaiian/CSSCustomProperties.css +0 -20
  86. package/src/animation.json +0 -21
  87. package/src/color/ui.json +0 -125
  88. package/src/color-darkmode/base.json +0 -24
  89. package/src/color-darkmode/border.json +0 -32
  90. package/src/color-darkmode/icon.json +0 -32
  91. package/src/color-darkmode/text.json +0 -71
  92. package/src/color-darkmode/tier.json +0 -34
  93. package/src/comments.json +0 -34
  94. package/src/grid-breakpoint.json +0 -29
  95. package/src/grid-column.json +0 -29
  96. package/src/size/scale.json +0 -240
  97. package/src/size/unitless-scale.json +0 -82
  98. package/src/themes/excursion/asset/font.json +0 -35
  99. package/src/themes/excursion/color/alert.json +0 -90
  100. package/src/themes/excursion/color/background.json +0 -280
  101. package/src/themes/excursion/color/base.json +0 -1303
  102. package/src/themes/excursion/color/border.json +0 -288
  103. package/src/themes/excursion/color/brand.json +0 -1549
  104. package/src/themes/excursion/color/container.json +0 -464
  105. package/src/themes/excursion/color/excursion.json +0 -254
  106. package/src/themes/excursion/color/icon.json +0 -476
  107. package/src/themes/excursion/color/text.json +0 -270
  108. package/src/themes/excursion/color/tier.json +0 -180
  109. package/src/themes/excursion/comments.json +0 -34
  110. package/src/themes/excursion/depth copy.json +0 -22
  111. package/src/themes/excursion/elevation.json +0 -22
  112. package/src/themes/excursion/grid-gutter.json +0 -29
  113. package/src/themes/excursion/grid-margin.json +0 -29
  114. package/src/themes/excursion/size/radius.json +0 -9
  115. package/src/themes/excursion/size/scale.json +0 -234
  116. package/src/themes/excursion/size/unitless-scale.json +0 -82
  117. package/src/themes/excursion/text.json +0 -572
  118. package/src/themes/hawaiian/color/background.json +0 -15
  119. package/src/themes/hawaiian/color/border.json +0 -18
  120. package/src/themes/hawaiian/color/container.json +0 -56
  121. package/src/themes/hawaiian/color/icon.json +0 -24
  122. package/src/themes/hawaiian/color/text.json +0 -44
package/dist/{tokens → auro-classic}/JSVariables--color.js RENAMED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Feb 2025 23:32:44 GMT
3
+ * Generated on Tue, 04 Mar 2025 18:37:01 GMT
4
4
  */
5
5
 
6
6
  export const DsColorAlertNotificationDefault = "#0074c8";
@@ -39,303 +39,303 @@ export const DsColorBackgroundDarker = "#01426a";
39
39
  export const DsColorBackgroundDarkest = "#00274a";
40
40
  export const DsColorBackgroundGradientDefault = "linear-gradient(180deg, #ffffff, #ffffff)";
41
41
  export const DsColorBaseWhite = "#ffffff"; //
42
- // Base value for token support; should not use in code!
42
+ // Base value for token support; should not use in code!
43
43
  export const DsColorBaseWhite100 = "#ffffff"; //
44
- // Base value for token support; should not use in code!
44
+ // Base value for token support; should not use in code!
45
45
  export const DsColorBaseWhite200 = "#ffffff"; //
46
- // Base value for token support; should not use in code!
46
+ // Base value for token support; should not use in code!
47
47
  export const DsColorBaseWhite300 = "#ffffff"; //
48
- // Base value for token support; should not use in code!
48
+ // Base value for token support; should not use in code!
49
49
  export const DsColorBaseWhite400 = "#ffffff"; //
50
- // Base value for token support; should not use in code!
50
+ // Base value for token support; should not use in code!
51
51
  export const DsColorBaseWhite500 = "#ffffff"; //
52
- // Base value for token support; should not use in code!
52
+ // Base value for token support; should not use in code!
53
53
  export const DsColorBaseWhiteOpacity50 = "#ffffff"; // white @ 50%
54
54
  export const DsColorBaseWhiteOpacity40 = "#ffffff"; // white @ 40%
55
55
  export const DsColorBaseWhiteOpacity0 = "#ffffff"; // white @ 0%
56
56
  export const DsColorBaseBlack = "#000000"; //
57
- // Base value for token support; should not use in code!
57
+ // Base value for token support; should not use in code!
58
58
  export const DsColorBaseBlack100 = "#000000"; //
59
- // Base value for token support; should not use in code!
59
+ // Base value for token support; should not use in code!
60
60
  export const DsColorBaseBlack200 = "#000000"; //
61
- // Base value for token support; should not use in code!
61
+ // Base value for token support; should not use in code!
62
62
  export const DsColorBaseBlack300 = "#000000"; //
63
- // Base value for token support; should not use in code!
63
+ // Base value for token support; should not use in code!
64
64
  export const DsColorBaseBlack400 = "#000000"; //
65
- // Base value for token support; should not use in code!
65
+ // Base value for token support; should not use in code!
66
66
  export const DsColorBaseBlack500 = "#000000"; //
67
- // Base value for token support; should not use in code!
67
+ // Base value for token support; should not use in code!
68
68
  export const DsColorBaseBlackOpacity15 = "#000000"; // black @ 15%
69
69
  export const DsColorBaseBlue100 = "#f0f7fd"; //
70
- // Base value for token support; should not use in code!
70
+ // Base value for token support; should not use in code!
71
71
  export const DsColorBaseBlue200 = "#c9e0f7"; //
72
- // Base value for token support; should not use in code!
72
+ // Base value for token support; should not use in code!
73
73
  export const DsColorBaseBlue300 = "#a0c9f1"; //
74
- // Base value for token support; should not use in code!
74
+ // Base value for token support; should not use in code!
75
75
  export const DsColorBaseBlue400 = "#79b2ec"; //
76
- // Base value for token support; should not use in code!
76
+ // Base value for token support; should not use in code!
77
77
  export const DsColorBaseBlue500 = "#5398e6"; //
78
- // Base value for token support; should not use in code!
78
+ // Base value for token support; should not use in code!
79
79
  export const DsColorBaseBlue600 = "#3b7fd2"; //
80
- // Base value for token support; should not use in code!
80
+ // Base value for token support; should not use in code!
81
81
  export const DsColorBaseBlue700 = "#2c67b5"; //
82
- // Base value for token support; should not use in code!
82
+ // Base value for token support; should not use in code!
83
83
  export const DsColorBaseBlue800 = "#225296"; //
84
- // Base value for token support; should not use in code!
84
+ // Base value for token support; should not use in code!
85
85
  export const DsColorBaseBlue900 = "#193d73"; //
86
- // Base value for token support; should not use in code!
86
+ // Base value for token support; should not use in code!
87
87
  export const DsColorBaseBlue1000 = "#102a51"; //
88
- // Base value for token support; should not use in code!
88
+ // Base value for token support; should not use in code!
89
89
  export const DsColorBaseCyan100 = "#ebfafd"; //
90
- // Base value for token support; should not use in code!
90
+ // Base value for token support; should not use in code!
91
91
  export const DsColorBaseCyan200 = "#a8e9f7"; //
92
- // Base value for token support; should not use in code!
92
+ // Base value for token support; should not use in code!
93
93
  export const DsColorBaseCyan300 = "#6ad5ef"; //
94
- // Base value for token support; should not use in code!
94
+ // Base value for token support; should not use in code!
95
95
  export const DsColorBaseCyan400 = "#56bbde"; //
96
- // Base value for token support; should not use in code!
96
+ // Base value for token support; should not use in code!
97
97
  export const DsColorBaseCyan500 = "#4aa2c7"; //
98
- // Base value for token support; should not use in code!
98
+ // Base value for token support; should not use in code!
99
99
  export const DsColorBaseCyan600 = "#3e89aa"; //
100
- // Base value for token support; should not use in code!
100
+ // Base value for token support; should not use in code!
101
101
  export const DsColorBaseCyan700 = "#32718e"; //
102
- // Base value for token support; should not use in code!
102
+ // Base value for token support; should not use in code!
103
103
  export const DsColorBaseCyan800 = "#275b72"; //
104
- // Base value for token support; should not use in code!
104
+ // Base value for token support; should not use in code!
105
105
  export const DsColorBaseCyan900 = "#1d4658"; //
106
- // Base value for token support; should not use in code!
106
+ // Base value for token support; should not use in code!
107
107
  export const DsColorBaseCyan1000 = "#12303d"; //
108
- // Base value for token support; should not use in code!
108
+ // Base value for token support; should not use in code!
109
109
  export const DsColorBaseError100 = "#fff4f4"; //
110
- // Base value for token support; should not use in code!
110
+ // Base value for token support; should not use in code!
111
111
  export const DsColorBaseError200 = "#f9aca6"; //
112
- // Base value for token support; should not use in code!
112
+ // Base value for token support; should not use in code!
113
113
  export const DsColorBaseError300 = "#f16359"; //
114
- // Base value for token support; should not use in code!
114
+ // Base value for token support; should not use in code!
115
115
  export const DsColorBaseError400 = "#cc1816"; //
116
- // Base value for token support; should not use in code!
116
+ // Base value for token support; should not use in code!
117
117
  export const DsColorBaseError500 = "#74110e"; //
118
- // Base value for token support; should not use in code!
118
+ // Base value for token support; should not use in code!
119
119
  export const DsColorBaseGray100 = "#f7f7f7"; //
120
- // Base value for token support; should not use in code!
120
+ // Base value for token support; should not use in code!
121
121
  export const DsColorBaseGray200 = "#d4d4d4"; //
122
- // Base value for token support; should not use in code!
122
+ // Base value for token support; should not use in code!
123
123
  export const DsColorBaseGray300 = "#c5c5c5"; //
124
- // Base value for token support; should not use in code!
124
+ // Base value for token support; should not use in code!
125
125
  export const DsColorBaseGray400 = "#adadad"; //
126
- // Base value for token support; should not use in code!
126
+ // Base value for token support; should not use in code!
127
127
  export const DsColorBaseGray500 = "#959595"; //
128
- // Base value for token support; should not use in code!
128
+ // Base value for token support; should not use in code!
129
129
  export const DsColorBaseGray600 = "#7e7e7e"; //
130
- // Base value for token support; should not use in code!
130
+ // Base value for token support; should not use in code!
131
131
  export const DsColorBaseGray700 = "#676767"; //
132
- // Base value for token support; should not use in code!
132
+ // Base value for token support; should not use in code!
133
133
  export const DsColorBaseGray800 = "#525252"; //
134
- // Base value for token support; should not use in code!
134
+ // Base value for token support; should not use in code!
135
135
  export const DsColorBaseGray900 = "#3d3d3d"; //
136
- // Base value for token support; should not use in code!
136
+ // Base value for token support; should not use in code!
137
137
  export const DsColorBaseGray1000 = "#2a2a2a"; //
138
- // Base value for token support; should not use in code!
138
+ // Base value for token support; should not use in code!
139
139
  export const DsColorBaseGreen100 = "#f3faf7"; //
140
- // Base value for token support; should not use in code!
140
+ // Base value for token support; should not use in code!
141
141
  export const DsColorBaseGreen200 = "#000000"; //
142
- // Base value for token support; should not use in code!
142
+ // Base value for token support; should not use in code!
143
143
  export const DsColorBaseGreen300 = "#addbca"; //
144
- // Base value for token support; should not use in code!
144
+ // Base value for token support; should not use in code!
145
145
  export const DsColorBaseGreen400 = "#7ec6ac"; //
146
- // Base value for token support; should not use in code!
146
+ // Base value for token support; should not use in code!
147
147
  export const DsColorBaseGreen500 = "#51ae8c"; //
148
- // Base value for token support; should not use in code!
148
+ // Base value for token support; should not use in code!
149
149
  export const DsColorBaseGreen600 = "#459578"; //
150
- // Base value for token support; should not use in code!
150
+ // Base value for token support; should not use in code!
151
151
  export const DsColorBaseGreen700 = "#3a7d64"; //
152
- // Base value for token support; should not use in code!
152
+ // Base value for token support; should not use in code!
153
153
  export const DsColorBaseGreen800 = "#306854"; //
154
- // Base value for token support; should not use in code!
154
+ // Base value for token support; should not use in code!
155
155
  export const DsColorBaseGreen900 = "#285545"; //
156
- // Base value for token support; should not use in code!
156
+ // Base value for token support; should not use in code!
157
157
  export const DsColorBaseGreen1000 = "#1f4436"; //
158
- // Base value for token support; should not use in code!
158
+ // Base value for token support; should not use in code!
159
159
  export const DsColorBaseLime100 = "#f5fbeb"; //
160
- // Base value for token support; should not use in code!
160
+ // Base value for token support; should not use in code!
161
161
  export const DsColorBaseLime200 = "#d8efb4"; //
162
- // Base value for token support; should not use in code!
162
+ // Base value for token support; should not use in code!
163
163
  export const DsColorBaseLime300 = "#badd81"; //
164
- // Base value for token support; should not use in code!
164
+ // Base value for token support; should not use in code!
165
165
  export const DsColorBaseLime400 = "#a2c270"; //
166
- // Base value for token support; should not use in code!
166
+ // Base value for token support; should not use in code!
167
167
  export const DsColorBaseLime500 = "#8ca761"; //
168
- // Base value for token support; should not use in code!
168
+ // Base value for token support; should not use in code!
169
169
  export const DsColorBaseLime600 = "#778f53"; //
170
- // Base value for token support; should not use in code!
170
+ // Base value for token support; should not use in code!
171
171
  export const DsColorBaseLime700 = "#647845"; //
172
- // Base value for token support; should not use in code!
172
+ // Base value for token support; should not use in code!
173
173
  export const DsColorBaseLime800 = "#53643a"; //
174
- // Base value for token support; should not use in code!
174
+ // Base value for token support; should not use in code!
175
175
  export const DsColorBaseLime900 = "#44522f"; //
176
- // Base value for token support; should not use in code!
176
+ // Base value for token support; should not use in code!
177
177
  export const DsColorBaseLime1000 = "#364126"; //
178
- // Base value for token support; should not use in code!
178
+ // Base value for token support; should not use in code!
179
179
  export const DsColorBaseNavy100 = "#f2f7fb"; //
180
- // Base value for token support; should not use in code!
180
+ // Base value for token support; should not use in code!
181
181
  export const DsColorBaseNavy200 = "#cfe0ef"; //
182
- // Base value for token support; should not use in code!
182
+ // Base value for token support; should not use in code!
183
183
  export const DsColorBaseNavy300 = "#acc9e2"; //
184
- // Base value for token support; should not use in code!
184
+ // Base value for token support; should not use in code!
185
185
  export const DsColorBaseNavy400 = "#89b2d4"; //
186
- // Base value for token support; should not use in code!
186
+ // Base value for token support; should not use in code!
187
187
  export const DsColorBaseNavy500 = "#6899c6"; //
188
- // Base value for token support; should not use in code!
188
+ // Base value for token support; should not use in code!
189
189
  export const DsColorBaseNavy600 = "#4a82b7"; //
190
- // Base value for token support; should not use in code!
190
+ // Base value for token support; should not use in code!
191
191
  export const DsColorBaseNavy700 = "#326aa5"; //
192
- // Base value for token support; should not use in code!
192
+ // Base value for token support; should not use in code!
193
193
  export const DsColorBaseNavy800 = "#265688"; //
194
- // Base value for token support; should not use in code!
194
+ // Base value for token support; should not use in code!
195
195
  export const DsColorBaseNavy900 = "#194069"; //
196
- // Base value for token support; should not use in code!
196
+ // Base value for token support; should not use in code!
197
197
  export const DsColorBaseNavy1000 = "#0e2b4f"; //
198
- // Base value for token support; should not use in code!
198
+ // Base value for token support; should not use in code!
199
199
  export const DsColorBaseNeutral100 = "#f7f8fa"; //
200
- // Base value for token support; should not use in code!
200
+ // Base value for token support; should not use in code!
201
201
  export const DsColorBaseNeutral200 = "#e4e8ec"; //
202
- // Base value for token support; should not use in code!
202
+ // Base value for token support; should not use in code!
203
203
  export const DsColorBaseNeutral300 = "#ccd2db"; //
204
- // Base value for token support; should not use in code!
204
+ // Base value for token support; should not use in code!
205
205
  export const DsColorBaseNeutral400 = "#afb9c6"; //
206
- // Base value for token support; should not use in code!
206
+ // Base value for token support; should not use in code!
207
207
  export const DsColorBaseNeutral500 = "#939fad"; //
208
- // Base value for token support; should not use in code!
208
+ // Base value for token support; should not use in code!
209
209
  export const DsColorBaseNeutral600 = "#7e8894"; //
210
- // Base value for token support; should not use in code!
210
+ // Base value for token support; should not use in code!
211
211
  export const DsColorBaseNeutral700 = "#6a717c"; //
212
- // Base value for token support; should not use in code!
212
+ // Base value for token support; should not use in code!
213
213
  export const DsColorBaseNeutral800 = "#585e67"; //
214
- // Base value for token support; should not use in code!
214
+ // Base value for token support; should not use in code!
215
215
  export const DsColorBaseNeutral900 = "#484d55"; //
216
- // Base value for token support; should not use in code!
216
+ // Base value for token support; should not use in code!
217
217
  export const DsColorBaseNeutral1000 = "#393d43"; //
218
- // Base value for token support; should not use in code!
218
+ // Base value for token support; should not use in code!
219
219
  export const DsColorBasePink100 = "#fff7f8"; //
220
- // Base value for token support; should not use in code!
220
+ // Base value for token support; should not use in code!
221
221
  export const DsColorBasePink200 = "#fde0e6"; //
222
- // Base value for token support; should not use in code!
222
+ // Base value for token support; should not use in code!
223
223
  export const DsColorBasePink300 = "#fcc2ce"; //
224
- // Base value for token support; should not use in code!
224
+ // Base value for token support; should not use in code!
225
225
  export const DsColorBasePink400 = "#fa9db0"; //
226
- // Base value for token support; should not use in code!
226
+ // Base value for token support; should not use in code!
227
227
  export const DsColorBasePink500 = "#f7738e"; //
228
- // Base value for token support; should not use in code!
228
+ // Base value for token support; should not use in code!
229
229
  export const DsColorBasePink600 = "#e45472"; //
230
- // Base value for token support; should not use in code!
230
+ // Base value for token support; should not use in code!
231
231
  export const DsColorBasePink700 = "#bf475f"; //
232
- // Base value for token support; should not use in code!
232
+ // Base value for token support; should not use in code!
233
233
  export const DsColorBasePink800 = "#a03b50"; //
234
- // Base value for token support; should not use in code!
234
+ // Base value for token support; should not use in code!
235
235
  export const DsColorBasePink900 = "#833142"; //
236
- // Base value for token support; should not use in code!
236
+ // Base value for token support; should not use in code!
237
237
  export const DsColorBasePink1000 = "#692734"; //
238
- // Base value for token support; should not use in code!
238
+ // Base value for token support; should not use in code!
239
239
  export const DsColorBasePurple100 = "#fbf8fe"; //
240
- // Base value for token support; should not use in code!
240
+ // Base value for token support; should not use in code!
241
241
  export const DsColorBasePurple200 = "#ede3fd"; //
242
- // Base value for token support; should not use in code!
242
+ // Base value for token support; should not use in code!
243
243
  export const DsColorBasePurple300 = "#ddc9fb"; //
244
- // Base value for token support; should not use in code!
244
+ // Base value for token support; should not use in code!
245
245
  export const DsColorBasePurple400 = "#c9a9f8"; //
246
- // Base value for token support; should not use in code!
246
+ // Base value for token support; should not use in code!
247
247
  export const DsColorBasePurple500 = "#b588f5"; //
248
- // Base value for token support; should not use in code!
248
+ // Base value for token support; should not use in code!
249
249
  export const DsColorBasePurple600 = "#a268f3"; //
250
- // Base value for token support; should not use in code!
250
+ // Base value for token support; should not use in code!
251
251
  export const DsColorBasePurple700 = "#8d47f0"; //
252
- // Base value for token support; should not use in code!
252
+ // Base value for token support; should not use in code!
253
253
  export const DsColorBasePurple800 = "#7633d7"; //
254
- // Base value for token support; should not use in code!
254
+ // Base value for token support; should not use in code!
255
255
  export const DsColorBasePurple900 = "#622ab2"; //
256
- // Base value for token support; should not use in code!
256
+ // Base value for token support; should not use in code!
257
257
  export const DsColorBasePurple1000 = "#4e228d"; //
258
- // Base value for token support; should not use in code!
258
+ // Base value for token support; should not use in code!
259
259
  export const DsColorBaseRed100 = "#fef7f5"; //
260
- // Base value for token support; should not use in code!
260
+ // Base value for token support; should not use in code!
261
261
  export const DsColorBaseRed200 = "#fae2da"; //
262
- // Base value for token support; should not use in code!
262
+ // Base value for token support; should not use in code!
263
263
  export const DsColorBaseRed300 = "#f5c7b8"; //
264
- // Base value for token support; should not use in code!
264
+ // Base value for token support; should not use in code!
265
265
  export const DsColorBaseRed400 = "#f0a68d"; //
266
- // Base value for token support; should not use in code!
266
+ // Base value for token support; should not use in code!
267
267
  export const DsColorBaseRed500 = "#e9815e"; //
268
- // Base value for token support; should not use in code!
268
+ // Base value for token support; should not use in code!
269
269
  export const DsColorBaseRed600 = "#e35c2f"; //
270
- // Base value for token support; should not use in code!
270
+ // Base value for token support; should not use in code!
271
271
  export const DsColorBaseRed700 = "#d03a08"; //
272
- // Base value for token support; should not use in code!
272
+ // Base value for token support; should not use in code!
273
273
  export const DsColorBaseRed800 = "#ae3007"; //
274
- // Base value for token support; should not use in code!
274
+ // Base value for token support; should not use in code!
275
275
  export const DsColorBaseRed900 = "#902806"; //
276
- // Base value for token support; should not use in code!
276
+ // Base value for token support; should not use in code!
277
277
  export const DsColorBaseRed1000 = "#732005"; //
278
- // Base value for token support; should not use in code!
278
+ // Base value for token support; should not use in code!
279
279
  export const DsColorBaseSuccess100 = "#eef8f5"; //
280
- // Base value for token support; should not use in code!
280
+ // Base value for token support; should not use in code!
281
281
  export const DsColorBaseSuccess200 = "#8eceb9"; //
282
- // Base value for token support; should not use in code!
282
+ // Base value for token support; should not use in code!
283
283
  export const DsColorBaseSuccess300 = "#40a080"; //
284
- // Base value for token support; should not use in code!
284
+ // Base value for token support; should not use in code!
285
285
  export const DsColorBaseSuccess400 = "#0b6f4d"; //
286
- // Base value for token support; should not use in code!
286
+ // Base value for token support; should not use in code!
287
287
  export const DsColorBaseSuccess500 = "#173c30"; //
288
- // Base value for token support; should not use in code!
288
+ // Base value for token support; should not use in code!
289
289
  export const DsColorBaseTurquoise100 = "#f7fafa"; //
290
- // Base value for token support; should not use in code!
290
+ // Base value for token support; should not use in code!
291
291
  export const DsColorBaseTurquoise200 = "#dfe9ea"; //
292
- // Base value for token support; should not use in code!
292
+ // Base value for token support; should not use in code!
293
293
  export const DsColorBaseTurquoise300 = "#c2d5d6"; //
294
- // Base value for token support; should not use in code!
294
+ // Base value for token support; should not use in code!
295
295
  export const DsColorBaseTurquoise400 = "#9fbdbe"; //
296
- // Base value for token support; should not use in code!
296
+ // Base value for token support; should not use in code!
297
297
  export const DsColorBaseTurquoise500 = "#7ba5a6"; //
298
- // Base value for token support; should not use in code!
298
+ // Base value for token support; should not use in code!
299
299
  export const DsColorBaseTurquoise600 = "#5c8f91"; //
300
- // Base value for token support; should not use in code!
300
+ // Base value for token support; should not use in code!
301
301
  export const DsColorBaseTurquoise700 = "#3d7a7d"; //
302
- // Base value for token support; should not use in code!
302
+ // Base value for token support; should not use in code!
303
303
  export const DsColorBaseTurquoise800 = "#21686a"; //
304
- // Base value for token support; should not use in code!
304
+ // Base value for token support; should not use in code!
305
305
  export const DsColorBaseTurquoise900 = "#085659"; //
306
- // Base value for token support; should not use in code!
306
+ // Base value for token support; should not use in code!
307
307
  export const DsColorBaseTurquoise1000 = "#004447"; //
308
- // Base value for token support; should not use in code!
308
+ // Base value for token support; should not use in code!
309
309
  export const DsColorBaseYellow100 = "#fff9df"; //
310
- // Base value for token support; should not use in code!
310
+ // Base value for token support; should not use in code!
311
311
  export const DsColorBaseYellow200 = "#ffe87e"; //
312
- // Base value for token support; should not use in code!
312
+ // Base value for token support; should not use in code!
313
313
  export const DsColorBaseYellow300 = "#f9ce06"; //
314
- // Base value for token support; should not use in code!
314
+ // Base value for token support; should not use in code!
315
315
  export const DsColorBaseYellow400 = "#d6b622"; //
316
- // Base value for token support; should not use in code!
316
+ // Base value for token support; should not use in code!
317
317
  export const DsColorBaseYellow500 = "#b49d35"; //
318
- // Base value for token support; should not use in code!
318
+ // Base value for token support; should not use in code!
319
319
  export const DsColorBaseYellow600 = "#96873e"; //
320
- // Base value for token support; should not use in code!
320
+ // Base value for token support; should not use in code!
321
321
  export const DsColorBaseYellow700 = "#7c7140"; //
322
- // Base value for token support; should not use in code!
322
+ // Base value for token support; should not use in code!
323
323
  export const DsColorBaseYellow800 = "#665e3d"; //
324
- // Base value for token support; should not use in code!
324
+ // Base value for token support; should not use in code!
325
325
  export const DsColorBaseYellow900 = "#524e38"; //
326
- // Base value for token support; should not use in code!
326
+ // Base value for token support; should not use in code!
327
327
  export const DsColorBaseYellow1000 = "#403d30"; //
328
- // Base value for token support; should not use in code!
328
+ // Base value for token support; should not use in code!
329
329
  export const DsColorBaseWarning100 = "#fef8e9"; //
330
- // Base value for token support; should not use in code!
330
+ // Base value for token support; should not use in code!
331
331
  export const DsColorBaseWarning200 = "#f2c153"; //
332
- // Base value for token support; should not use in code!
332
+ // Base value for token support; should not use in code!
333
333
  export const DsColorBaseWarning300 = "#c49432"; //
334
- // Base value for token support; should not use in code!
334
+ // Base value for token support; should not use in code!
335
335
  export const DsColorBaseWarning400 = "#8e6b22"; //
336
- // Base value for token support; should not use in code!
336
+ // Base value for token support; should not use in code!
337
337
  export const DsColorBaseWarning500 = "#5d4514"; //
338
- // Base value for token support; should not use in code!
338
+ // Base value for token support; should not use in code!
339
339
  export const DsColorStateError100 = "#ff999b";
340
340
  export const DsColorStateError500 = "#df0b37";
341
341
  export const DsColorStateSuccess100 = "#69cf96";
@@ -378,331 +378,327 @@ export const DsColorBorderActiveInverse = "#00cff0";
378
378
  export const DsColorBorderDisabledDefault = "#d4d4d4";
379
379
  export const DsColorBorderFocusDefault = "#959595";
380
380
  export const DsColorBrandNeutral100 = "#f7f8fa"; //
381
- // Please consider descriptive token prior to using brand token
381
+ // Please consider descriptive token prior to using brand token
382
382
  export const DsColorBrandNeutral200 = "#e4e8ec"; //
383
- // Please consider descriptive token prior to using brand token
383
+ // Please consider descriptive token prior to using brand token
384
384
  export const DsColorBrandNeutral300 = "#ccd2db"; //
385
- // Please consider descriptive token prior to using brand token
385
+ // Please consider descriptive token prior to using brand token
386
386
  export const DsColorBrandNeutral400 = "#afb9c6"; //
387
- // Please consider descriptive token prior to using brand token
387
+ // Please consider descriptive token prior to using brand token
388
388
  export const DsColorBrandNeutral500 = "#939fad"; //
389
- // Please consider descriptive token prior to using brand token
389
+ // Please consider descriptive token prior to using brand token
390
390
  export const DsColorBrandNeutral600 = "#7e8894"; //
391
- // Please consider descriptive token prior to using brand token
391
+ // Please consider descriptive token prior to using brand token
392
392
  export const DsColorBrandNeutral700 = "#6a717c"; //
393
- // Please consider descriptive token prior to using brand token
393
+ // Please consider descriptive token prior to using brand token
394
394
  export const DsColorBrandNeutral800 = "#585e67"; //
395
- // Please consider descriptive token prior to using brand token
395
+ // Please consider descriptive token prior to using brand token
396
396
  export const DsColorBrandNeutral900 = "#484d55"; //
397
- // Please consider descriptive token prior to using brand token
397
+ // Please consider descriptive token prior to using brand token
398
398
  export const DsColorBrandNeutral1000 = "#393d43"; //
399
- // Please consider descriptive token prior to using brand token
399
+ // Please consider descriptive token prior to using brand token
400
400
  export const DsColorBrandGray100 = "#f7f7f7"; //
401
- // Please consider descriptive token prior to using brand token
401
+ // Please consider descriptive token prior to using brand token
402
402
  export const DsColorBrandGray200 = "#dddddd"; //
403
- // Please consider descriptive token prior to using brand token
403
+ // Please consider descriptive token prior to using brand token
404
404
  export const DsColorBrandGray300 = "#c5c5c5"; //
405
- // Please consider descriptive token prior to using brand token
405
+ // Please consider descriptive token prior to using brand token
406
406
  export const DsColorBrandGray400 = "#adadad"; //
407
- // Please consider descriptive token prior to using brand token
407
+ // Please consider descriptive token prior to using brand token
408
408
  export const DsColorBrandGray500 = "#959595"; //
409
- // Please consider descriptive token prior to using brand token
409
+ // Please consider descriptive token prior to using brand token
410
410
  export const DsColorBrandGray600 = "#7e7e7e"; //
411
- // Please consider descriptive token prior to using brand token
411
+ // Please consider descriptive token prior to using brand token
412
412
  export const DsColorBrandGray700 = "#676767"; //
413
- // Please consider descriptive token prior to using brand token
413
+ // Please consider descriptive token prior to using brand token
414
414
  export const DsColorBrandGray800 = "#525252"; //
415
- // Please consider descriptive token prior to using brand token
415
+ // Please consider descriptive token prior to using brand token
416
416
  export const DsColorBrandGray900 = "#3d3d3d"; //
417
- // Please consider descriptive token prior to using brand token
417
+ // Please consider descriptive token prior to using brand token
418
418
  export const DsColorBrandGray1000 = "#2a2a2a"; //
419
- // Please consider descriptive token prior to using brand token
419
+ // Please consider descriptive token prior to using brand token
420
420
  export const DsColorBrandRed100 = "#fef7f5"; //
421
- // Please consider descriptive token prior to using brand token
421
+ // Please consider descriptive token prior to using brand token
422
422
  export const DsColorBrandRed200 = "#fae2da"; //
423
- // Please consider descriptive token prior to using brand token
423
+ // Please consider descriptive token prior to using brand token
424
424
  export const DsColorBrandRed300 = "#f5c7b8"; //
425
- // Please consider descriptive token prior to using brand token
425
+ // Please consider descriptive token prior to using brand token
426
426
  export const DsColorBrandRed400 = "#f0a68d"; //
427
- // Please consider descriptive token prior to using brand token
427
+ // Please consider descriptive token prior to using brand token
428
428
  export const DsColorBrandRed500 = "#e9815e"; //
429
- // Please consider descriptive token prior to using brand token
429
+ // Please consider descriptive token prior to using brand token
430
430
  export const DsColorBrandRed600 = "#e35c2f"; //
431
- // Please consider descriptive token prior to using brand token
431
+ // Please consider descriptive token prior to using brand token
432
432
  export const DsColorBrandRed700 = "#d03a08"; //
433
- // Please consider descriptive token prior to using brand token
433
+ // Please consider descriptive token prior to using brand token
434
434
  export const DsColorBrandRed800 = "#ae3007"; //
435
- // Please consider descriptive token prior to using brand token
435
+ // Please consider descriptive token prior to using brand token
436
436
  export const DsColorBrandRed900 = "#902806"; //
437
- // Please consider descriptive token prior to using brand token
437
+ // Please consider descriptive token prior to using brand token
438
438
  export const DsColorBrandRed1000 = "#732005"; //
439
- // Please consider descriptive token prior to using brand token
439
+ // Please consider descriptive token prior to using brand token
440
440
  export const DsColorBrandYellow100 = "#fff9df"; //
441
- // Please consider descriptive token prior to using brand token
441
+ // Please consider descriptive token prior to using brand token
442
442
  export const DsColorBrandYellow200 = "#ffe87e"; //
443
- // Please consider descriptive token prior to using brand token
443
+ // Please consider descriptive token prior to using brand token
444
444
  export const DsColorBrandYellow300 = "#f9ce06"; //
445
- // Please consider descriptive token prior to using brand token
445
+ // Please consider descriptive token prior to using brand token
446
446
  export const DsColorBrandYellow400 = "#d6b622"; //
447
- // Please consider descriptive token prior to using brand token
447
+ // Please consider descriptive token prior to using brand token
448
448
  export const DsColorBrandYellow500 = "#b49d35"; //
449
- // Please consider descriptive token prior to using brand token
449
+ // Please consider descriptive token prior to using brand token
450
450
  export const DsColorBrandYellow600 = "#96873e"; //
451
- // Please consider descriptive token prior to using brand token
451
+ // Please consider descriptive token prior to using brand token
452
452
  export const DsColorBrandYellow700 = "#7c7140"; //
453
- // Please consider descriptive token prior to using brand token
453
+ // Please consider descriptive token prior to using brand token
454
454
  export const DsColorBrandYellow800 = "#665e3d"; //
455
- // Please consider descriptive token prior to using brand token
455
+ // Please consider descriptive token prior to using brand token
456
456
  export const DsColorBrandYellow900 = "#524e38"; //
457
- // Please consider descriptive token prior to using brand token
457
+ // Please consider descriptive token prior to using brand token
458
458
  export const DsColorBrandYellow1000 = "#403d30"; //
459
- // Please consider descriptive token prior to using brand token
459
+ // Please consider descriptive token prior to using brand token
460
460
  export const DsColorBrandLime100 = "#f5fbeb"; //
461
- // Please consider descriptive token prior to using brand token
461
+ // Please consider descriptive token prior to using brand token
462
462
  export const DsColorBrandLime200 = "#d8efb4"; //
463
- // Please consider descriptive token prior to using brand token
463
+ // Please consider descriptive token prior to using brand token
464
464
  export const DsColorBrandLime300 = "#badd81"; //
465
- // Please consider descriptive token prior to using brand token
465
+ // Please consider descriptive token prior to using brand token
466
466
  export const DsColorBrandLime400 = "#a2c270"; //
467
- // Please consider descriptive token prior to using brand token
467
+ // Please consider descriptive token prior to using brand token
468
468
  export const DsColorBrandLime500 = "#8ca761"; //
469
- // Please consider descriptive token prior to using brand token
469
+ // Please consider descriptive token prior to using brand token
470
470
  export const DsColorBrandLime600 = "#778f53"; //
471
- // Please consider descriptive token prior to using brand token
471
+ // Please consider descriptive token prior to using brand token
472
472
  export const DsColorBrandLime700 = "#647845"; //
473
- // Please consider descriptive token prior to using brand token
473
+ // Please consider descriptive token prior to using brand token
474
474
  export const DsColorBrandLime800 = "#53643a"; //
475
- // Please consider descriptive token prior to using brand token
475
+ // Please consider descriptive token prior to using brand token
476
476
  export const DsColorBrandLime900 = "#44522f"; //
477
- // Please consider descriptive token prior to using brand token
477
+ // Please consider descriptive token prior to using brand token
478
478
  export const DsColorBrandLime1000 = "#364126"; //
479
- // Please consider descriptive token prior to using brand token
479
+ // Please consider descriptive token prior to using brand token
480
480
  export const DsColorBrandGreen100 = "#f3faf7"; //
481
- // Please consider descriptive token prior to using brand token
481
+ // Please consider descriptive token prior to using brand token
482
482
  export const DsColorBrandGreen200 = "#d4ece4"; //
483
- // Please consider descriptive token prior to using brand token
483
+ // Please consider descriptive token prior to using brand token
484
484
  export const DsColorBrandGreen300 = "#addbca"; //
485
- // Please consider descriptive token prior to using brand token
485
+ // Please consider descriptive token prior to using brand token
486
486
  export const DsColorBrandGreen400 = "#7ec6ac"; //
487
- // Please consider descriptive token prior to using brand token
487
+ // Please consider descriptive token prior to using brand token
488
488
  export const DsColorBrandGreen500 = "#51ae8c"; //
489
- // Please consider descriptive token prior to using brand token
489
+ // Please consider descriptive token prior to using brand token
490
490
  export const DsColorBrandGreen600 = "#459578"; //
491
- // Please consider descriptive token prior to using brand token
491
+ // Please consider descriptive token prior to using brand token
492
492
  export const DsColorBrandGreen700 = "#3a7d64"; //
493
- // Please consider descriptive token prior to using brand token
493
+ // Please consider descriptive token prior to using brand token
494
494
  export const DsColorBrandGreen800 = "#306854"; //
495
- // Please consider descriptive token prior to using brand token
495
+ // Please consider descriptive token prior to using brand token
496
496
  export const DsColorBrandGreen900 = "#285545"; //
497
- // Please consider descriptive token prior to using brand token
497
+ // Please consider descriptive token prior to using brand token
498
498
  export const DsColorBrandGreen1000 = "#1f4436"; //
499
- // Please consider descriptive token prior to using brand token
499
+ // Please consider descriptive token prior to using brand token
500
500
  export const DsColorBrandTurquoise100 = "#f7fafa"; //
501
- // Please consider descriptive token prior to using brand token
501
+ // Please consider descriptive token prior to using brand token
502
502
  export const DsColorBrandTurquoise200 = "#dfe9ea"; //
503
- // Please consider descriptive token prior to using brand token
503
+ // Please consider descriptive token prior to using brand token
504
504
  export const DsColorBrandTurquoise300 = "#c2d5d6"; //
505
- // Please consider descriptive token prior to using brand token
505
+ // Please consider descriptive token prior to using brand token
506
506
  export const DsColorBrandTurquoise400 = "#9fbdbe"; //
507
- // Please consider descriptive token prior to using brand token
507
+ // Please consider descriptive token prior to using brand token
508
508
  export const DsColorBrandTurquoise500 = "#7ba5a6"; //
509
- // Please consider descriptive token prior to using brand token
509
+ // Please consider descriptive token prior to using brand token
510
510
  export const DsColorBrandTurquoise600 = "#5c8f91"; //
511
- // Please consider descriptive token prior to using brand token
511
+ // Please consider descriptive token prior to using brand token
512
512
  export const DsColorBrandTurquoise700 = "#3d7a7d"; //
513
- // Please consider descriptive token prior to using brand token
513
+ // Please consider descriptive token prior to using brand token
514
514
  export const DsColorBrandTurquoise800 = "#21686a"; //
515
- // Please consider descriptive token prior to using brand token
515
+ // Please consider descriptive token prior to using brand token
516
516
  export const DsColorBrandTurquoise900 = "#085659"; //
517
- // Please consider descriptive token prior to using brand token
517
+ // Please consider descriptive token prior to using brand token
518
518
  export const DsColorBrandTurquoise1000 = "#004447"; //
519
- // Please consider descriptive token prior to using brand token
519
+ // Please consider descriptive token prior to using brand token
520
520
  export const DsColorBrandCyan100 = "#ebfafd"; //
521
- // Please consider descriptive token prior to using brand token
521
+ // Please consider descriptive token prior to using brand token
522
522
  export const DsColorBrandCyan200 = "#a8e9f7"; //
523
- // Please consider descriptive token prior to using brand token
523
+ // Please consider descriptive token prior to using brand token
524
524
  export const DsColorBrandCyan300 = "#6ad5ef"; //
525
- // Please consider descriptive token prior to using brand token
525
+ // Please consider descriptive token prior to using brand token
526
526
  export const DsColorBrandCyan400 = "#56bbde"; //
527
- // Please consider descriptive token prior to using brand token
527
+ // Please consider descriptive token prior to using brand token
528
528
  export const DsColorBrandCyan500 = "#4aa2c7"; //
529
- // Please consider descriptive token prior to using brand token
529
+ // Please consider descriptive token prior to using brand token
530
530
  export const DsColorBrandCyan600 = "#3e89aa"; //
531
- // Please consider descriptive token prior to using brand token
531
+ // Please consider descriptive token prior to using brand token
532
532
  export const DsColorBrandCyan700 = "#32718e"; //
533
- // Please consider descriptive token prior to using brand token
533
+ // Please consider descriptive token prior to using brand token
534
534
  export const DsColorBrandCyan800 = "#275b72"; //
535
- // Please consider descriptive token prior to using brand token
535
+ // Please consider descriptive token prior to using brand token
536
536
  export const DsColorBrandCyan900 = "#1d4658"; //
537
- // Please consider descriptive token prior to using brand token
537
+ // Please consider descriptive token prior to using brand token
538
538
  export const DsColorBrandCyan1000 = "#12303d"; //
539
- // Please consider descriptive token prior to using brand token
539
+ // Please consider descriptive token prior to using brand token
540
540
  export const DsColorBrandBlue100 = "#f0f7fd"; //
541
- // Please consider descriptive token prior to using brand token
541
+ // Please consider descriptive token prior to using brand token
542
542
  export const DsColorBrandBlue200 = "#c9e0f7"; //
543
- // Please consider descriptive token prior to using brand token
543
+ // Please consider descriptive token prior to using brand token
544
544
  export const DsColorBrandBlue300 = "#a0c9f1"; //
545
- // Please consider descriptive token prior to using brand token
545
+ // Please consider descriptive token prior to using brand token
546
546
  export const DsColorBrandBlue400 = "#79b2ec"; //
547
- // Please consider descriptive token prior to using brand token
547
+ // Please consider descriptive token prior to using brand token
548
548
  export const DsColorBrandBlue500 = "#5398e6"; //
549
- // Please consider descriptive token prior to using brand token
549
+ // Please consider descriptive token prior to using brand token
550
550
  export const DsColorBrandBlue600 = "#3b7fd2"; //
551
- // Please consider descriptive token prior to using brand token
551
+ // Please consider descriptive token prior to using brand token
552
552
  export const DsColorBrandBlue700 = "#2c67b5"; //
553
- // Please consider descriptive token prior to using brand token
553
+ // Please consider descriptive token prior to using brand token
554
554
  export const DsColorBrandBlue800 = "#225296"; //
555
- // Please consider descriptive token prior to using brand token
555
+ // Please consider descriptive token prior to using brand token
556
556
  export const DsColorBrandBlue900 = "#193d73"; //
557
- // Please consider descriptive token prior to using brand token
557
+ // Please consider descriptive token prior to using brand token
558
558
  export const DsColorBrandBlue1000 = "#102a51"; //
559
- // Please consider descriptive token prior to using brand token
559
+ // Please consider descriptive token prior to using brand token
560
560
  export const DsColorBrandNavy100 = "#f2f7fb"; //
561
- // Please consider descriptive token prior to using brand token
561
+ // Please consider descriptive token prior to using brand token
562
562
  export const DsColorBrandNavy200 = "#cfe0ef"; //
563
- // Please consider descriptive token prior to using brand token
563
+ // Please consider descriptive token prior to using brand token
564
564
  export const DsColorBrandNavy300 = "#acc9e2"; //
565
- // Please consider descriptive token prior to using brand token
565
+ // Please consider descriptive token prior to using brand token
566
566
  export const DsColorBrandNavy400 = "#89b2d4"; //
567
- // Please consider descriptive token prior to using brand token
567
+ // Please consider descriptive token prior to using brand token
568
568
  export const DsColorBrandNavy500 = "#6899c6"; //
569
- // Please consider descriptive token prior to using brand token
569
+ // Please consider descriptive token prior to using brand token
570
570
  export const DsColorBrandNavy600 = "#4a82b7"; //
571
- // Please consider descriptive token prior to using brand token
571
+ // Please consider descriptive token prior to using brand token
572
572
  export const DsColorBrandNavy700 = "#326aa5"; //
573
- // Please consider descriptive token prior to using brand token
573
+ // Please consider descriptive token prior to using brand token
574
574
  export const DsColorBrandNavy800 = "#265688"; //
575
- // Please consider descriptive token prior to using brand token
575
+ // Please consider descriptive token prior to using brand token
576
576
  export const DsColorBrandNavy900 = "#194069"; //
577
- // Please consider descriptive token prior to using brand token
577
+ // Please consider descriptive token prior to using brand token
578
578
  export const DsColorBrandNavy1000 = "#0e2b4f"; //
579
- // Please consider descriptive token prior to using brand token
579
+ // Please consider descriptive token prior to using brand token
580
580
  export const DsColorBrandPurple100 = "#fbf8fe"; //
581
- // Please consider descriptive token prior to using brand token
581
+ // Please consider descriptive token prior to using brand token
582
582
  export const DsColorBrandPurple200 = "#ede3fd"; //
583
- // Please consider descriptive token prior to using brand token
583
+ // Please consider descriptive token prior to using brand token
584
584
  export const DsColorBrandPurple300 = "#ddc9fb"; //
585
- // Please consider descriptive token prior to using brand token
585
+ // Please consider descriptive token prior to using brand token
586
586
  export const DsColorBrandPurple400 = "#c9a9f8"; //
587
- // Please consider descriptive token prior to using brand token
587
+ // Please consider descriptive token prior to using brand token
588
588
  export const DsColorBrandPurple500 = "#b588f5"; //
589
- // Please consider descriptive token prior to using brand token
589
+ // Please consider descriptive token prior to using brand token
590
590
  export const DsColorBrandPurple600 = "#a268f3"; //
591
- // Please consider descriptive token prior to using brand token
591
+ // Please consider descriptive token prior to using brand token
592
592
  export const DsColorBrandPurple700 = "#8d47f0"; //
593
- // Please consider descriptive token prior to using brand token
593
+ // Please consider descriptive token prior to using brand token
594
594
  export const DsColorBrandPurple800 = "#7633d7"; //
595
- // Please consider descriptive token prior to using brand token
595
+ // Please consider descriptive token prior to using brand token
596
596
  export const DsColorBrandPurple900 = "#622ab2"; //
597
- // Please consider descriptive token prior to using brand token
597
+ // Please consider descriptive token prior to using brand token
598
598
  export const DsColorBrandPurple1000 = "#4e228d"; //
599
- // Please consider descriptive token prior to using brand token
599
+ // Please consider descriptive token prior to using brand token
600
600
  export const DsColorBrandPink100 = "#fff7f8"; //
601
- // Please consider descriptive token prior to using brand token
601
+ // Please consider descriptive token prior to using brand token
602
602
  export const DsColorBrandPink200 = "#fde0e6"; //
603
- // Please consider descriptive token prior to using brand token
603
+ // Please consider descriptive token prior to using brand token
604
604
  export const DsColorBrandPink300 = "#fcc2ce"; //
605
- // Please consider descriptive token prior to using brand token
605
+ // Please consider descriptive token prior to using brand token
606
606
  export const DsColorBrandPink400 = "#fa9db0"; //
607
- // Please consider descriptive token prior to using brand token
607
+ // Please consider descriptive token prior to using brand token
608
608
  export const DsColorBrandPink500 = "#f7738e"; //
609
- // Please consider descriptive token prior to using brand token
609
+ // Please consider descriptive token prior to using brand token
610
610
  export const DsColorBrandPink600 = "#e45472"; //
611
- // Please consider descriptive token prior to using brand token
611
+ // Please consider descriptive token prior to using brand token
612
612
  export const DsColorBrandPink700 = "#bf475f"; //
613
- // Please consider descriptive token prior to using brand token
613
+ // Please consider descriptive token prior to using brand token
614
614
  export const DsColorBrandPink800 = "#a03b50"; //
615
- // Please consider descriptive token prior to using brand token
615
+ // Please consider descriptive token prior to using brand token
616
616
  export const DsColorBrandPink900 = "#833142"; //
617
- // Please consider descriptive token prior to using brand token
617
+ // Please consider descriptive token prior to using brand token
618
618
  export const DsColorBrandPink1000 = "#692734"; //
619
- // Please consider descriptive token prior to using brand token
619
+ // Please consider descriptive token prior to using brand token
620
620
  export const DsColorBrandMidnight100 = "#c1daf0"; //
621
- // Please consider descriptive token prior to using brand token
621
+ // Please consider descriptive token prior to using brand token
622
622
  export const DsColorBrandMidnight200 = "#569ed7"; //
623
- // Please consider descriptive token prior to using brand token
623
+ // Please consider descriptive token prior to using brand token
624
624
  export const DsColorBrandMidnight300 = "#156fad"; //
625
- // Please consider descriptive token prior to using brand token
625
+ // Please consider descriptive token prior to using brand token
626
626
  export const DsColorBrandMidnight400 = "#01426a"; //
627
- // Please consider descriptive token prior to using brand token
627
+ // Please consider descriptive token prior to using brand token
628
628
  export const DsColorBrandMidnight500 = "#00274a"; //
629
- // Please consider descriptive token prior to using brand token
629
+ // Please consider descriptive token prior to using brand token
630
630
  export const DsColorBrandAtlas100 = "#cde6ff"; //
631
- // Please consider descriptive token prior to using brand token
631
+ // Please consider descriptive token prior to using brand token
632
632
  export const DsColorBrandAtlas200 = "#6bb7fb"; //
633
- // Please consider descriptive token prior to using brand token
633
+ // Please consider descriptive token prior to using brand token
634
634
  export const DsColorBrandAtlas300 = "#2492eb"; //
635
- // Please consider descriptive token prior to using brand token
635
+ // Please consider descriptive token prior to using brand token
636
636
  export const DsColorBrandAtlas400 = "#0074c8"; //
637
- // Please consider descriptive token prior to using brand token
637
+ // Please consider descriptive token prior to using brand token
638
638
  export const DsColorBrandAtlas500 = "#054687"; //
639
- // Please consider descriptive token prior to using brand token
639
+ // Please consider descriptive token prior to using brand token
640
640
  export const DsColorBrandAtlas400Opacity20 = "#0074c8"; // color brand atlas 400 @ 20%
641
641
  export const DsColorBrandBreeze100 = "#c0f7ff"; //
642
- // Please consider descriptive token prior to using brand token
642
+ // Please consider descriptive token prior to using brand token
643
643
  export const DsColorBrandBreeze200 = "#5de3f7"; //
644
- // Please consider descriptive token prior to using brand token
644
+ // Please consider descriptive token prior to using brand token
645
645
  export const DsColorBrandBreeze300 = "#00cff0"; //
646
- // Please consider descriptive token prior to using brand token
646
+ // Please consider descriptive token prior to using brand token
647
647
  export const DsColorBrandBreeze400 = "#099dc5"; //
648
- // Please consider descriptive token prior to using brand token
648
+ // Please consider descriptive token prior to using brand token
649
649
  export const DsColorBrandBreeze500 = "#0b5575"; //
650
- // Please consider descriptive token prior to using brand token
650
+ // Please consider descriptive token prior to using brand token
651
651
  export const DsColorBrandBreeze300Opacity30 = "#00cff0"; // breeze 300 @ 30%
652
652
  export const DsColorBrandTropical100 = "#e2ffcd"; //
653
- // Please consider descriptive token prior to using brand token
653
+ // Please consider descriptive token prior to using brand token
654
654
  export const DsColorBrandTropical200 = "#d0fba6"; //
655
- // Please consider descriptive token prior to using brand token
655
+ // Please consider descriptive token prior to using brand token
656
656
  export const DsColorBrandTropical300 = "#c0e585"; //
657
- // Please consider descriptive token prior to using brand token
657
+ // Please consider descriptive token prior to using brand token
658
658
  export const DsColorBrandTropical400 = "#91be62"; //
659
- // Please consider descriptive token prior to using brand token
659
+ // Please consider descriptive token prior to using brand token
660
660
  export const DsColorBrandTropical500 = "#5e8741"; //
661
- // Please consider descriptive token prior to using brand token
661
+ // Please consider descriptive token prior to using brand token
662
662
  export const DsColorBrandAlpine100 = "#bcaae6"; //
663
- // Please consider descriptive token prior to using brand token
663
+ // Please consider descriptive token prior to using brand token
664
664
  export const DsColorBrandAlpine200 = "#9e73ea"; //
665
- // Please consider descriptive token prior to using brand token
665
+ // Please consider descriptive token prior to using brand token
666
666
  export const DsColorBrandAlpine300 = "#8439ef"; //
667
- // Please consider descriptive token prior to using brand token
667
+ // Please consider descriptive token prior to using brand token
668
668
  export const DsColorBrandAlpine400 = "#631db8"; //
669
- // Please consider descriptive token prior to using brand token
669
+ // Please consider descriptive token prior to using brand token
670
670
  export const DsColorBrandAlpine500 = "#39115c"; //
671
- // Please consider descriptive token prior to using brand token
671
+ // Please consider descriptive token prior to using brand token
672
672
  export const DsColorBrandFlamingo100 = "#ffebee"; //
673
- // Please consider descriptive token prior to using brand token
673
+ // Please consider descriptive token prior to using brand token
674
674
  export const DsColorBrandFlamingo200 = "#ffc0ca"; //
675
- // Please consider descriptive token prior to using brand token
675
+ // Please consider descriptive token prior to using brand token
676
676
  export const DsColorBrandFlamingo300 = "#ff94a7"; //
677
- // Please consider descriptive token prior to using brand token
677
+ // Please consider descriptive token prior to using brand token
678
678
  export const DsColorBrandFlamingo400 = "#f65b7b"; //
679
- // Please consider descriptive token prior to using brand token
679
+ // Please consider descriptive token prior to using brand token
680
680
  export const DsColorBrandFlamingo500 = "#b82b47"; //
681
- // Please consider descriptive token prior to using brand token
681
+ // Please consider descriptive token prior to using brand token
682
682
  export const DsColorBrandCanyon100 = "#ffcab6"; //
683
- // Please consider descriptive token prior to using brand token
683
+ // Please consider descriptive token prior to using brand token
684
684
  export const DsColorBrandCanyon200 = "#f99574"; //
685
- // Please consider descriptive token prior to using brand token
685
+ // Please consider descriptive token prior to using brand token
686
686
  export const DsColorBrandCanyon300 = "#f26135"; //
687
- // Please consider descriptive token prior to using brand token
687
+ // Please consider descriptive token prior to using brand token
688
688
  export const DsColorBrandCanyon400 = "#de3e09"; //
689
- // Please consider descriptive token prior to using brand token
689
+ // Please consider descriptive token prior to using brand token
690
690
  export const DsColorBrandCanyon500 = "#b83302"; //
691
- // Please consider descriptive token prior to using brand token
691
+ // Please consider descriptive token prior to using brand token
692
692
  export const DsColorBrandGoldcoast100 = "#fff0cd"; //
693
- // Please consider descriptive token prior to using brand token
693
+ // Please consider descriptive token prior to using brand token
694
694
  export const DsColorBrandGoldcoast200 = "#ffdb67"; //
695
- // Please consider descriptive token prior to using brand token
695
+ // Please consider descriptive token prior to using brand token
696
696
  export const DsColorBrandGoldcoast300 = "#ffd200"; //
697
- // Please consider descriptive token prior to using brand token
697
+ // Please consider descriptive token prior to using brand token
698
698
  export const DsColorBrandGoldcoast400 = "#e5ad07"; //
699
- // Please consider descriptive token prior to using brand token
699
+ // Please consider descriptive token prior to using brand token
700
700
  export const DsColorBrandGoldcoast500 = "#b88624"; //
701
- // Please consider descriptive token prior to using brand token
702
- export const DsColorBrandGoldgray100 = "#c5c1bf";
703
- export const DsColorBrandGoldgray200 = "#726e6c";
704
- export const DsColorBrandGold100 = "#ccbc94";
705
- export const DsColorBrandGold200 = "#7f682e";
701
+ // Please consider descriptive token prior to using brand token
706
702
  export const DsColorBrandEmerald = "#139142";
707
703
  export const DsColorBrandSapphire = "#015daa";
708
704
  export const DsColorBrandRuby = "#a41d4a";