@gitlab/ui 133.0.0 → 134.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 (42) hide show
  1. package/dist/components/base/avatars_inline/avatars_inline.js +5 -1
  2. package/dist/components/base/breadcrumb/breadcrumb.js +5 -1
  3. package/dist/components/base/breadcrumb/breadcrumb_item.js +7 -1
  4. package/dist/components/base/broadcast_message/broadcast_message.js +3 -3
  5. package/dist/components/base/button/button.js +36 -19
  6. package/dist/config.js +23 -3
  7. package/dist/index.css +1 -1
  8. package/dist/index.css.map +1 -1
  9. package/dist/tokens/build/js/tokens.dark.js +1 -145
  10. package/dist/tokens/build/js/tokens.js +1 -145
  11. package/dist/utils/constants.js +12 -12
  12. package/dist/utils/string_utils.js +0 -1
  13. package/package.json +11 -11
  14. package/src/components/base/avatars_inline/avatars_inline.vue +5 -1
  15. package/src/components/base/breadcrumb/breadcrumb.vue +5 -5
  16. package/src/components/base/breadcrumb/breadcrumb_item.vue +7 -1
  17. package/src/components/base/broadcast_message/broadcast_message.vue +3 -3
  18. package/src/components/base/button/button.vue +37 -16
  19. package/src/components/utilities/sprintf/sprintf.vue +0 -1
  20. package/src/config.js +21 -2
  21. package/src/tokens/build/css/tokens.css +16 -160
  22. package/src/tokens/build/css/tokens.dark.css +16 -160
  23. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +15293 -26883
  24. package/src/tokens/build/docs/tokens-tailwind-docs.json +15293 -26883
  25. package/src/tokens/build/figma/constants.dark.json +0 -1152
  26. package/src/tokens/build/figma/constants.json +0 -1152
  27. package/src/tokens/build/figma/mode.dark.json +160 -16
  28. package/src/tokens/build/figma/mode.json +160 -16
  29. package/src/tokens/build/js/tokens.dark.js +0 -144
  30. package/src/tokens/build/js/tokens.js +0 -144
  31. package/src/tokens/build/json/tokens.dark.json +15296 -19354
  32. package/src/tokens/build/json/tokens.json +15173 -19231
  33. package/src/tokens/build/scss/_tokens.dark.scss +16 -160
  34. package/src/tokens/build/scss/_tokens.scss +16 -160
  35. package/src/tokens/build/scss/_tokens_custom_properties.scss +0 -144
  36. package/src/tokens/build/tailwind/tokens.cjs +0 -75
  37. package/src/tokens/contextual/broadcast.tokens.json +160 -16
  38. package/src/utils/constants.js +11 -11
  39. package/src/utils/string_utils.js +0 -1
  40. package/tailwind.defaults.js +0 -2
  41. package/src/tokens/constant/color.theme.tokens.json +0 -1168
  42. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +0 -2248
@@ -171,78 +171,6 @@ export const GL_COLOR_RED_700 = '#a32c12';
171
171
  export const GL_COLOR_RED_800 = '#812713';
172
172
  export const GL_COLOR_RED_900 = '#582014';
173
173
  export const GL_COLOR_RED_950 = '#3e1a14';
174
- export const GL_COLOR_THEME_INDIGO_10 = '#f8f8ff';
175
- export const GL_COLOR_THEME_INDIGO_50 = '#f1f1ff';
176
- export const GL_COLOR_THEME_INDIGO_100 = '#dbdbf8';
177
- export const GL_COLOR_THEME_INDIGO_200 = '#c7c7f2';
178
- export const GL_COLOR_THEME_INDIGO_300 = '#a2a2e6';
179
- export const GL_COLOR_THEME_INDIGO_400 = '#8181d7';
180
- export const GL_COLOR_THEME_INDIGO_500 = '#6666c4';
181
- export const GL_COLOR_THEME_INDIGO_600 = '#5252b5';
182
- export const GL_COLOR_THEME_INDIGO_700 = '#41419f';
183
- export const GL_COLOR_THEME_INDIGO_800 = '#303083';
184
- export const GL_COLOR_THEME_INDIGO_900 = '#222261';
185
- export const GL_COLOR_THEME_INDIGO_950 = '#14143d';
186
- export const GL_COLOR_THEME_BLUE_10 = '#e6ecf0';
187
- export const GL_COLOR_THEME_BLUE_50 = '#cdd8e3';
188
- export const GL_COLOR_THEME_BLUE_100 = '#b9cadc';
189
- export const GL_COLOR_THEME_BLUE_200 = '#a6bdd5';
190
- export const GL_COLOR_THEME_BLUE_300 = '#81a5c9';
191
- export const GL_COLOR_THEME_BLUE_400 = '#628eb9';
192
- export const GL_COLOR_THEME_BLUE_500 = '#4977a5';
193
- export const GL_COLOR_THEME_BLUE_600 = '#346596';
194
- export const GL_COLOR_THEME_BLUE_700 = '#235180';
195
- export const GL_COLOR_THEME_BLUE_800 = '#153c63';
196
- export const GL_COLOR_THEME_BLUE_900 = '#0b2640';
197
- export const GL_COLOR_THEME_BLUE_950 = '#04101c';
198
- export const GL_COLOR_THEME_LIGHT_BLUE_10 = '#eef3f7';
199
- export const GL_COLOR_THEME_LIGHT_BLUE_50 = '#dde6ee';
200
- export const GL_COLOR_THEME_LIGHT_BLUE_100 = '#c1d4e6';
201
- export const GL_COLOR_THEME_LIGHT_BLUE_200 = '#a0bedc';
202
- export const GL_COLOR_THEME_LIGHT_BLUE_300 = '#74a3d3';
203
- export const GL_COLOR_THEME_LIGHT_BLUE_400 = '#4f8bc7';
204
- export const GL_COLOR_THEME_LIGHT_BLUE_500 = '#3476b9';
205
- export const GL_COLOR_THEME_LIGHT_BLUE_600 = '#2268ae';
206
- export const GL_COLOR_THEME_LIGHT_BLUE_700 = '#145aa1';
207
- export const GL_COLOR_THEME_LIGHT_BLUE_800 = '#0e4d8d';
208
- export const GL_COLOR_THEME_LIGHT_BLUE_900 = '#0c4277';
209
- export const GL_COLOR_THEME_LIGHT_BLUE_950 = '#0a3764';
210
- export const GL_COLOR_THEME_GREEN_10 = '#eef4ef';
211
- export const GL_COLOR_THEME_GREEN_50 = '#dde9de';
212
- export const GL_COLOR_THEME_GREEN_100 = '#b1d6b5';
213
- export const GL_COLOR_THEME_GREEN_200 = '#8cc497';
214
- export const GL_COLOR_THEME_GREEN_300 = '#69af7d';
215
- export const GL_COLOR_THEME_GREEN_400 = '#499767';
216
- export const GL_COLOR_THEME_GREEN_500 = '#308258';
217
- export const GL_COLOR_THEME_GREEN_600 = '#25744c';
218
- export const GL_COLOR_THEME_GREEN_700 = '#1b653f';
219
- export const GL_COLOR_THEME_GREEN_800 = '#155635';
220
- export const GL_COLOR_THEME_GREEN_900 = '#0e4328';
221
- export const GL_COLOR_THEME_GREEN_950 = '#052e19';
222
- export const GL_COLOR_THEME_RED_10 = '#faf4f3';
223
- export const GL_COLOR_THEME_RED_50 = '#f4e9e7';
224
- export const GL_COLOR_THEME_RED_100 = '#ecd3d0';
225
- export const GL_COLOR_THEME_RED_200 = '#e3bab5';
226
- export const GL_COLOR_THEME_RED_300 = '#d59086';
227
- export const GL_COLOR_THEME_RED_400 = '#c66e60';
228
- export const GL_COLOR_THEME_RED_500 = '#ad4a3b';
229
- export const GL_COLOR_THEME_RED_600 = '#a13322';
230
- export const GL_COLOR_THEME_RED_700 = '#8f2110';
231
- export const GL_COLOR_THEME_RED_800 = '#761405';
232
- export const GL_COLOR_THEME_RED_900 = '#580d02';
233
- export const GL_COLOR_THEME_RED_950 = '#380700';
234
- export const GL_COLOR_THEME_LIGHT_RED_10 = '#fdf9f8';
235
- export const GL_COLOR_THEME_LIGHT_RED_50 = '#faf2f1';
236
- export const GL_COLOR_THEME_LIGHT_RED_100 = '#f6d9d5';
237
- export const GL_COLOR_THEME_LIGHT_RED_200 = '#ebada2';
238
- export const GL_COLOR_THEME_LIGHT_RED_300 = '#e07f6f';
239
- export const GL_COLOR_THEME_LIGHT_RED_400 = '#d36250';
240
- export const GL_COLOR_THEME_LIGHT_RED_500 = '#c24b38';
241
- export const GL_COLOR_THEME_LIGHT_RED_600 = '#b53a26';
242
- export const GL_COLOR_THEME_LIGHT_RED_700 = '#a02e1c';
243
- export const GL_COLOR_THEME_LIGHT_RED_800 = '#8b2212';
244
- export const GL_COLOR_THEME_LIGHT_RED_900 = '#751709';
245
- export const GL_COLOR_THEME_LIGHT_RED_950 = '#5c1105';
246
174
  export const GL_FONT_FAMILY_REGULAR = [
247
175
  "var(--default-regular-font, 'GitLab Sans')",
248
176
  "'GitLab Sans'",
@@ -917,78 +845,6 @@ export const DATA_VIZ_ORANGE_700 = '#e99b60';
917
845
  export const DATA_VIZ_ORANGE_800 = '#eebd8c';
918
846
  export const DATA_VIZ_ORANGE_900 = '#f5d6b3';
919
847
  export const DATA_VIZ_ORANGE_950 = '#fae8d1';
920
- export const THEME_INDIGO_10 = '#14143d';
921
- export const THEME_INDIGO_50 = '#222261';
922
- export const THEME_INDIGO_100 = '#303083';
923
- export const THEME_INDIGO_200 = '#41419f';
924
- export const THEME_INDIGO_300 = '#5252b5';
925
- export const THEME_INDIGO_400 = '#6666c4';
926
- export const THEME_INDIGO_500 = '#8181d7';
927
- export const THEME_INDIGO_600 = '#a2a2e6';
928
- export const THEME_INDIGO_700 = '#c7c7f2';
929
- export const THEME_INDIGO_800 = '#dbdbf8';
930
- export const THEME_INDIGO_900 = '#f1f1ff';
931
- export const THEME_INDIGO_950 = '#f8f8ff';
932
- export const THEME_BLUE_10 = '#04101c';
933
- export const THEME_BLUE_50 = '#0b2640';
934
- export const THEME_BLUE_100 = '#153c63';
935
- export const THEME_BLUE_200 = '#235180';
936
- export const THEME_BLUE_300 = '#346596';
937
- export const THEME_BLUE_400 = '#4977a5';
938
- export const THEME_BLUE_500 = '#628eb9';
939
- export const THEME_BLUE_600 = '#81a5c9';
940
- export const THEME_BLUE_700 = '#a6bdd5';
941
- export const THEME_BLUE_800 = '#b9cadc';
942
- export const THEME_BLUE_900 = '#cdd8e3';
943
- export const THEME_BLUE_950 = '#e6ecf0';
944
- export const THEME_LIGHT_BLUE_10 = '#0a3764';
945
- export const THEME_LIGHT_BLUE_50 = '#0c4277';
946
- export const THEME_LIGHT_BLUE_100 = '#0e4d8d';
947
- export const THEME_LIGHT_BLUE_200 = '#145aa1';
948
- export const THEME_LIGHT_BLUE_300 = '#2268ae';
949
- export const THEME_LIGHT_BLUE_400 = '#3476b9';
950
- export const THEME_LIGHT_BLUE_500 = '#4f8bc7';
951
- export const THEME_LIGHT_BLUE_600 = '#74a3d3';
952
- export const THEME_LIGHT_BLUE_700 = '#a0bedc';
953
- export const THEME_LIGHT_BLUE_800 = '#c1d4e6';
954
- export const THEME_LIGHT_BLUE_900 = '#dde6ee';
955
- export const THEME_LIGHT_BLUE_950 = '#eef3f7';
956
- export const THEME_GREEN_10 = '#052e19';
957
- export const THEME_GREEN_50 = '#0e4328';
958
- export const THEME_GREEN_100 = '#155635';
959
- export const THEME_GREEN_200 = '#1b653f';
960
- export const THEME_GREEN_300 = '#25744c';
961
- export const THEME_GREEN_400 = '#308258';
962
- export const THEME_GREEN_500 = '#499767';
963
- export const THEME_GREEN_600 = '#69af7d';
964
- export const THEME_GREEN_700 = '#8cc497';
965
- export const THEME_GREEN_800 = '#b1d6b5';
966
- export const THEME_GREEN_900 = '#dde9de';
967
- export const THEME_GREEN_950 = '#eef4ef';
968
- export const THEME_RED_10 = '#380700';
969
- export const THEME_RED_50 = '#580d02';
970
- export const THEME_RED_100 = '#761405';
971
- export const THEME_RED_200 = '#8f2110';
972
- export const THEME_RED_300 = '#a13322';
973
- export const THEME_RED_400 = '#ad4a3b';
974
- export const THEME_RED_500 = '#c66e60';
975
- export const THEME_RED_600 = '#d59086';
976
- export const THEME_RED_700 = '#e3bab5';
977
- export const THEME_RED_800 = '#ecd3d0';
978
- export const THEME_RED_900 = '#f4e9e7';
979
- export const THEME_RED_950 = '#faf4f3';
980
- export const THEME_LIGHT_RED_10 = '#5c1105';
981
- export const THEME_LIGHT_RED_50 = '#751709';
982
- export const THEME_LIGHT_RED_100 = '#8b2212';
983
- export const THEME_LIGHT_RED_200 = '#a02e1c';
984
- export const THEME_LIGHT_RED_300 = '#b53a26';
985
- export const THEME_LIGHT_RED_400 = '#c24b38';
986
- export const THEME_LIGHT_RED_500 = '#d36250';
987
- export const THEME_LIGHT_RED_600 = '#e07f6f';
988
- export const THEME_LIGHT_RED_700 = '#ebada2';
989
- export const THEME_LIGHT_RED_800 = '#f6d9d5';
990
- export const THEME_LIGHT_RED_900 = '#faf2f1';
991
- export const THEME_LIGHT_RED_950 = '#fdf9f8';
992
848
  export const BLACK = '#fff';
993
849
  export const WHITE = '#28272d';
994
850
  export const BLUE_50 = '#213454';
@@ -171,78 +171,6 @@ export const GL_COLOR_RED_700 = '#a32c12';
171
171
  export const GL_COLOR_RED_800 = '#812713';
172
172
  export const GL_COLOR_RED_900 = '#582014';
173
173
  export const GL_COLOR_RED_950 = '#3e1a14';
174
- export const GL_COLOR_THEME_INDIGO_10 = '#f8f8ff';
175
- export const GL_COLOR_THEME_INDIGO_50 = '#f1f1ff';
176
- export const GL_COLOR_THEME_INDIGO_100 = '#dbdbf8';
177
- export const GL_COLOR_THEME_INDIGO_200 = '#c7c7f2';
178
- export const GL_COLOR_THEME_INDIGO_300 = '#a2a2e6';
179
- export const GL_COLOR_THEME_INDIGO_400 = '#8181d7';
180
- export const GL_COLOR_THEME_INDIGO_500 = '#6666c4';
181
- export const GL_COLOR_THEME_INDIGO_600 = '#5252b5';
182
- export const GL_COLOR_THEME_INDIGO_700 = '#41419f';
183
- export const GL_COLOR_THEME_INDIGO_800 = '#303083';
184
- export const GL_COLOR_THEME_INDIGO_900 = '#222261';
185
- export const GL_COLOR_THEME_INDIGO_950 = '#14143d';
186
- export const GL_COLOR_THEME_BLUE_10 = '#e6ecf0';
187
- export const GL_COLOR_THEME_BLUE_50 = '#cdd8e3';
188
- export const GL_COLOR_THEME_BLUE_100 = '#b9cadc';
189
- export const GL_COLOR_THEME_BLUE_200 = '#a6bdd5';
190
- export const GL_COLOR_THEME_BLUE_300 = '#81a5c9';
191
- export const GL_COLOR_THEME_BLUE_400 = '#628eb9';
192
- export const GL_COLOR_THEME_BLUE_500 = '#4977a5';
193
- export const GL_COLOR_THEME_BLUE_600 = '#346596';
194
- export const GL_COLOR_THEME_BLUE_700 = '#235180';
195
- export const GL_COLOR_THEME_BLUE_800 = '#153c63';
196
- export const GL_COLOR_THEME_BLUE_900 = '#0b2640';
197
- export const GL_COLOR_THEME_BLUE_950 = '#04101c';
198
- export const GL_COLOR_THEME_LIGHT_BLUE_10 = '#eef3f7';
199
- export const GL_COLOR_THEME_LIGHT_BLUE_50 = '#dde6ee';
200
- export const GL_COLOR_THEME_LIGHT_BLUE_100 = '#c1d4e6';
201
- export const GL_COLOR_THEME_LIGHT_BLUE_200 = '#a0bedc';
202
- export const GL_COLOR_THEME_LIGHT_BLUE_300 = '#74a3d3';
203
- export const GL_COLOR_THEME_LIGHT_BLUE_400 = '#4f8bc7';
204
- export const GL_COLOR_THEME_LIGHT_BLUE_500 = '#3476b9';
205
- export const GL_COLOR_THEME_LIGHT_BLUE_600 = '#2268ae';
206
- export const GL_COLOR_THEME_LIGHT_BLUE_700 = '#145aa1';
207
- export const GL_COLOR_THEME_LIGHT_BLUE_800 = '#0e4d8d';
208
- export const GL_COLOR_THEME_LIGHT_BLUE_900 = '#0c4277';
209
- export const GL_COLOR_THEME_LIGHT_BLUE_950 = '#0a3764';
210
- export const GL_COLOR_THEME_GREEN_10 = '#eef4ef';
211
- export const GL_COLOR_THEME_GREEN_50 = '#dde9de';
212
- export const GL_COLOR_THEME_GREEN_100 = '#b1d6b5';
213
- export const GL_COLOR_THEME_GREEN_200 = '#8cc497';
214
- export const GL_COLOR_THEME_GREEN_300 = '#69af7d';
215
- export const GL_COLOR_THEME_GREEN_400 = '#499767';
216
- export const GL_COLOR_THEME_GREEN_500 = '#308258';
217
- export const GL_COLOR_THEME_GREEN_600 = '#25744c';
218
- export const GL_COLOR_THEME_GREEN_700 = '#1b653f';
219
- export const GL_COLOR_THEME_GREEN_800 = '#155635';
220
- export const GL_COLOR_THEME_GREEN_900 = '#0e4328';
221
- export const GL_COLOR_THEME_GREEN_950 = '#052e19';
222
- export const GL_COLOR_THEME_RED_10 = '#faf4f3';
223
- export const GL_COLOR_THEME_RED_50 = '#f4e9e7';
224
- export const GL_COLOR_THEME_RED_100 = '#ecd3d0';
225
- export const GL_COLOR_THEME_RED_200 = '#e3bab5';
226
- export const GL_COLOR_THEME_RED_300 = '#d59086';
227
- export const GL_COLOR_THEME_RED_400 = '#c66e60';
228
- export const GL_COLOR_THEME_RED_500 = '#ad4a3b';
229
- export const GL_COLOR_THEME_RED_600 = '#a13322';
230
- export const GL_COLOR_THEME_RED_700 = '#8f2110';
231
- export const GL_COLOR_THEME_RED_800 = '#761405';
232
- export const GL_COLOR_THEME_RED_900 = '#580d02';
233
- export const GL_COLOR_THEME_RED_950 = '#380700';
234
- export const GL_COLOR_THEME_LIGHT_RED_10 = '#fdf9f8';
235
- export const GL_COLOR_THEME_LIGHT_RED_50 = '#faf2f1';
236
- export const GL_COLOR_THEME_LIGHT_RED_100 = '#f6d9d5';
237
- export const GL_COLOR_THEME_LIGHT_RED_200 = '#ebada2';
238
- export const GL_COLOR_THEME_LIGHT_RED_300 = '#e07f6f';
239
- export const GL_COLOR_THEME_LIGHT_RED_400 = '#d36250';
240
- export const GL_COLOR_THEME_LIGHT_RED_500 = '#c24b38';
241
- export const GL_COLOR_THEME_LIGHT_RED_600 = '#b53a26';
242
- export const GL_COLOR_THEME_LIGHT_RED_700 = '#a02e1c';
243
- export const GL_COLOR_THEME_LIGHT_RED_800 = '#8b2212';
244
- export const GL_COLOR_THEME_LIGHT_RED_900 = '#751709';
245
- export const GL_COLOR_THEME_LIGHT_RED_950 = '#5c1105';
246
174
  export const GL_FONT_FAMILY_REGULAR = [
247
175
  "var(--default-regular-font, 'GitLab Sans')",
248
176
  "'GitLab Sans'",
@@ -917,78 +845,6 @@ export const DATA_VIZ_ORANGE_700 = '#92430a';
917
845
  export const DATA_VIZ_ORANGE_800 = '#6f3500';
918
846
  export const DATA_VIZ_ORANGE_900 = '#5e2f05';
919
847
  export const DATA_VIZ_ORANGE_950 = '#4b2707';
920
- export const THEME_INDIGO_10 = '#f8f8ff';
921
- export const THEME_INDIGO_50 = '#f1f1ff';
922
- export const THEME_INDIGO_100 = '#dbdbf8';
923
- export const THEME_INDIGO_200 = '#c7c7f2';
924
- export const THEME_INDIGO_300 = '#a2a2e6';
925
- export const THEME_INDIGO_400 = '#8181d7';
926
- export const THEME_INDIGO_500 = '#6666c4';
927
- export const THEME_INDIGO_600 = '#5252b5';
928
- export const THEME_INDIGO_700 = '#41419f';
929
- export const THEME_INDIGO_800 = '#303083';
930
- export const THEME_INDIGO_900 = '#222261';
931
- export const THEME_INDIGO_950 = '#14143d';
932
- export const THEME_BLUE_10 = '#e6ecf0';
933
- export const THEME_BLUE_50 = '#cdd8e3';
934
- export const THEME_BLUE_100 = '#b9cadc';
935
- export const THEME_BLUE_200 = '#a6bdd5';
936
- export const THEME_BLUE_300 = '#81a5c9';
937
- export const THEME_BLUE_400 = '#628eb9';
938
- export const THEME_BLUE_500 = '#4977a5';
939
- export const THEME_BLUE_600 = '#346596';
940
- export const THEME_BLUE_700 = '#235180';
941
- export const THEME_BLUE_800 = '#153c63';
942
- export const THEME_BLUE_900 = '#0b2640';
943
- export const THEME_BLUE_950 = '#04101c';
944
- export const THEME_LIGHT_BLUE_10 = '#eef3f7';
945
- export const THEME_LIGHT_BLUE_50 = '#dde6ee';
946
- export const THEME_LIGHT_BLUE_100 = '#c1d4e6';
947
- export const THEME_LIGHT_BLUE_200 = '#a0bedc';
948
- export const THEME_LIGHT_BLUE_300 = '#74a3d3';
949
- export const THEME_LIGHT_BLUE_400 = '#4f8bc7';
950
- export const THEME_LIGHT_BLUE_500 = '#3476b9';
951
- export const THEME_LIGHT_BLUE_600 = '#2268ae';
952
- export const THEME_LIGHT_BLUE_700 = '#145aa1';
953
- export const THEME_LIGHT_BLUE_800 = '#0e4d8d';
954
- export const THEME_LIGHT_BLUE_900 = '#0c4277';
955
- export const THEME_LIGHT_BLUE_950 = '#0a3764';
956
- export const THEME_GREEN_10 = '#eef4ef';
957
- export const THEME_GREEN_50 = '#dde9de';
958
- export const THEME_GREEN_100 = '#b1d6b5';
959
- export const THEME_GREEN_200 = '#8cc497';
960
- export const THEME_GREEN_300 = '#69af7d';
961
- export const THEME_GREEN_400 = '#499767';
962
- export const THEME_GREEN_500 = '#308258';
963
- export const THEME_GREEN_600 = '#25744c';
964
- export const THEME_GREEN_700 = '#1b653f';
965
- export const THEME_GREEN_800 = '#155635';
966
- export const THEME_GREEN_900 = '#0e4328';
967
- export const THEME_GREEN_950 = '#052e19';
968
- export const THEME_RED_10 = '#faf4f3';
969
- export const THEME_RED_50 = '#f4e9e7';
970
- export const THEME_RED_100 = '#ecd3d0';
971
- export const THEME_RED_200 = '#e3bab5';
972
- export const THEME_RED_300 = '#d59086';
973
- export const THEME_RED_400 = '#c66e60';
974
- export const THEME_RED_500 = '#ad4a3b';
975
- export const THEME_RED_600 = '#a13322';
976
- export const THEME_RED_700 = '#8f2110';
977
- export const THEME_RED_800 = '#761405';
978
- export const THEME_RED_900 = '#580d02';
979
- export const THEME_RED_950 = '#380700';
980
- export const THEME_LIGHT_RED_10 = '#fdf9f8';
981
- export const THEME_LIGHT_RED_50 = '#faf2f1';
982
- export const THEME_LIGHT_RED_100 = '#f6d9d5';
983
- export const THEME_LIGHT_RED_200 = '#ebada2';
984
- export const THEME_LIGHT_RED_300 = '#e07f6f';
985
- export const THEME_LIGHT_RED_400 = '#d36250';
986
- export const THEME_LIGHT_RED_500 = '#c24b38';
987
- export const THEME_LIGHT_RED_600 = '#b53a26';
988
- export const THEME_LIGHT_RED_700 = '#a02e1c';
989
- export const THEME_LIGHT_RED_800 = '#8b2212';
990
- export const THEME_LIGHT_RED_900 = '#751709';
991
- export const THEME_LIGHT_RED_950 = '#5c1105';
992
848
  export const BLACK = '#050506';
993
849
  export const WHITE = '#fff';
994
850
  export const BLUE_50 = '#e9f3fc';