@mozaic-ds/vue 1.0.0-rc.3 → 2.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 (222) hide show
  1. package/LICENSE +51 -0
  2. package/README.md +76 -77
  3. package/dist/mozaic-vue.css +1 -1
  4. package/dist/mozaic-vue.d.ts +1664 -0
  5. package/dist/mozaic-vue.js +1943 -0
  6. package/dist/mozaic-vue.js.map +1 -0
  7. package/dist/mozaic-vue.umd.cjs +2 -0
  8. package/dist/mozaic-vue.umd.cjs.map +1 -0
  9. package/env.d.ts +1 -0
  10. package/package.json +78 -51
  11. package/src/components/Contributing.mdx +118 -0
  12. package/src/components/GettingStarted.mdx +45 -0
  13. package/src/components/Introduction.mdx +100 -0
  14. package/src/components/Support.mdx +18 -0
  15. package/src/components/breadcrumb/MBreadcrumb.spec.ts +105 -0
  16. package/src/components/breadcrumb/MBreadcrumb.stories.ts +82 -0
  17. package/src/components/breadcrumb/MBreadcrumb.vue +52 -55
  18. package/src/components/button/MButton.spec.ts +191 -0
  19. package/src/components/button/MButton.stories.ts +59 -0
  20. package/src/components/button/MButton.vue +98 -154
  21. package/src/components/checkbox/MCheckbox.spec.ts +104 -0
  22. package/src/components/checkbox/MCheckbox.stories.ts +83 -0
  23. package/src/components/checkbox/MCheckbox.vue +60 -101
  24. package/src/components/checkboxgroup/MCheckboxGroup.spec.ts +78 -0
  25. package/src/components/checkboxgroup/MCheckboxGroup.stories.ts +61 -0
  26. package/src/components/checkboxgroup/MCheckboxGroup.vue +97 -0
  27. package/src/components/datepicker/MDatepicker.spec.ts +95 -0
  28. package/src/components/datepicker/MDatepicker.stories.ts +75 -0
  29. package/src/components/datepicker/MDatepicker.vue +114 -0
  30. package/src/components/divider/MDivider.spec.ts +57 -0
  31. package/src/components/divider/MDivider.stories.ts +64 -0
  32. package/src/components/divider/MDivider.vue +56 -0
  33. package/src/components/drawer/MDrawer.spec.ts +100 -0
  34. package/src/components/drawer/MDrawer.stories.ts +128 -0
  35. package/src/components/drawer/MDrawer.vue +140 -0
  36. package/src/components/field/MField.spec.ts +166 -0
  37. package/src/components/field/MField.stories.ts +369 -0
  38. package/src/components/field/MField.vue +78 -61
  39. package/src/components/fieldgroup/MFieldGroup.spec.ts +165 -0
  40. package/src/components/fieldgroup/MFieldGroup.stories.ts +416 -0
  41. package/src/components/fieldgroup/MFieldGroup.vue +79 -0
  42. package/src/components/flag/MFlag.spec.ts +46 -0
  43. package/src/components/flag/MFlag.stories.ts +46 -0
  44. package/src/components/flag/MFlag.vue +28 -39
  45. package/src/components/iconbutton/MIconButton.spec.ts +108 -0
  46. package/src/components/iconbutton/MIconButton.stories.ts +74 -0
  47. package/src/components/iconbutton/MIconButton.vue +73 -0
  48. package/src/components/link/MLink.spec.ts +154 -0
  49. package/src/components/link/MLink.stories.ts +89 -0
  50. package/src/components/link/MLink.vue +86 -120
  51. package/src/components/loader/MLoader.spec.ts +104 -0
  52. package/src/components/loader/MLoader.stories.ts +43 -0
  53. package/src/components/loader/MLoader.vue +66 -55
  54. package/src/components/loadingoverlay/MLoadingOverlay.spec.ts +37 -0
  55. package/src/components/loadingoverlay/MLoadingOverlay.stories.ts +40 -0
  56. package/src/components/loadingoverlay/MLoadingOverlay.vue +28 -0
  57. package/src/components/modal/MModal.spec.ts +103 -0
  58. package/src/components/modal/MModal.stories.ts +127 -0
  59. package/src/components/modal/MModal.vue +111 -159
  60. package/src/components/numberbadge/MNumberBadge.spec.ts +56 -0
  61. package/src/components/numberbadge/MNumberBadge.stories.ts +48 -0
  62. package/src/components/numberbadge/MNumberBadge.vue +45 -0
  63. package/src/components/overlay/MOverlay.spec.ts +51 -0
  64. package/src/components/overlay/MOverlay.stories.ts +35 -0
  65. package/src/components/overlay/MOverlay.vue +27 -19
  66. package/src/components/pagination/MPagination.spec.ts +123 -0
  67. package/src/components/pagination/MPagination.stories.ts +83 -0
  68. package/src/components/pagination/MPagination.vue +120 -140
  69. package/src/components/passwordinput/MPasswordInput.spec.ts +104 -0
  70. package/src/components/passwordinput/MPasswordInput.stories.ts +75 -0
  71. package/src/components/passwordinput/MPasswordInput.vue +126 -77
  72. package/src/components/pincode/MPincode.spec.ts +126 -0
  73. package/src/components/pincode/MPincode.stories.ts +68 -0
  74. package/src/components/pincode/MPincode.vue +148 -0
  75. package/src/components/quantityselector/MQuantitySelector.spec.ts +262 -0
  76. package/src/components/quantityselector/MQuantitySelector.stories.ts +89 -0
  77. package/src/components/quantityselector/MQuantitySelector.vue +159 -148
  78. package/src/components/radio/MRadio.spec.ts +104 -0
  79. package/src/components/radio/MRadio.stories.ts +68 -0
  80. package/src/components/radio/MRadio.vue +56 -39
  81. package/src/components/radiogroup/MRadioGroup.spec.ts +54 -0
  82. package/src/components/radiogroup/MRadioGroup.stories.ts +61 -0
  83. package/src/components/radiogroup/MRadioGroup.vue +79 -0
  84. package/src/components/select/MSelect.spec.ts +114 -0
  85. package/src/components/select/MSelect.stories.ts +101 -0
  86. package/src/components/select/MSelect.vue +77 -119
  87. package/src/components/statusbadge/MStatusBadge.stories.ts +45 -0
  88. package/src/components/statusbadge/MStatusBadge.vue +40 -0
  89. package/src/components/statusbadge/MstatusBadge.spec.ts +16 -0
  90. package/src/components/statusdot/MStatusDot.spec.ts +51 -0
  91. package/src/components/statusdot/MStatusDot.stories.ts +48 -0
  92. package/src/components/statusdot/MStatusDot.vue +36 -0
  93. package/src/components/statusnotification/MStatusNotification.spec.ts +103 -0
  94. package/src/components/statusnotification/MStatusNotification.stories.ts +89 -0
  95. package/src/components/statusnotification/MStatusNotification.vue +106 -0
  96. package/src/components/tabs/MTabs.stories.ts +104 -0
  97. package/src/components/tabs/MTabs.vue +113 -0
  98. package/src/components/tabs/Mtabs.spec.ts +149 -0
  99. package/src/components/tag/MTag.spec.ts +107 -0
  100. package/src/components/tag/MTag.stories.ts +75 -0
  101. package/src/components/tag/MTag.vue +151 -0
  102. package/src/components/textarea/MTextArea.spec.ts +112 -0
  103. package/src/components/textarea/MTextArea.stories.ts +67 -0
  104. package/src/components/textarea/MTextArea.vue +81 -43
  105. package/src/components/textinput/MTextInput.spec.ts +121 -0
  106. package/src/components/textinput/MTextInput.stories.ts +107 -0
  107. package/src/components/textinput/MTextInput.vue +127 -47
  108. package/src/components/toggle/MToggle.spec.ts +99 -0
  109. package/src/components/toggle/MToggle.stories.ts +68 -0
  110. package/src/components/toggle/MToggle.vue +63 -103
  111. package/src/components/togglegroup/MToggleGroup.spec.ts +78 -0
  112. package/src/components/togglegroup/MToggleGroup.stories.ts +61 -0
  113. package/src/components/togglegroup/MToggleGroup.vue +97 -0
  114. package/src/components/usingIcons.mdx +35 -0
  115. package/src/components/usingPresets.mdx +128 -0
  116. package/src/main.ts +32 -0
  117. package/dist/demo.html +0 -1
  118. package/dist/mozaic-vue.adeo.css +0 -47
  119. package/dist/mozaic-vue.adeo.umd.js +0 -31341
  120. package/dist/mozaic-vue.common.js +0 -31331
  121. package/dist/mozaic-vue.common.js.map +0 -1
  122. package/dist/mozaic-vue.umd.js +0 -31342
  123. package/dist/mozaic-vue.umd.js.map +0 -1
  124. package/dist/mozaic-vue.umd.min.js +0 -4
  125. package/dist/mozaic-vue.umd.min.js.map +0 -1
  126. package/postinstall.js +0 -3
  127. package/src/components/accordion/MAccordion.vue +0 -128
  128. package/src/components/accordion/index.js +0 -7
  129. package/src/components/autocomplete/MAutocomplete.vue +0 -380
  130. package/src/components/autocomplete/index.js +0 -7
  131. package/src/components/badge/MBadge.vue +0 -43
  132. package/src/components/badge/index.js +0 -7
  133. package/src/components/breadcrumb/index.js +0 -7
  134. package/src/components/button/index.js +0 -7
  135. package/src/components/card/MCard.vue +0 -78
  136. package/src/components/card/index.js +0 -7
  137. package/src/components/checkbox/MCheckboxGroup.vue +0 -163
  138. package/src/components/checkbox/index.js +0 -12
  139. package/src/components/container/MContainer.vue +0 -33
  140. package/src/components/container/index.js +0 -7
  141. package/src/components/datatable/MDataTable.vue +0 -651
  142. package/src/components/datatable/MDataTableHeader.vue +0 -55
  143. package/src/components/datatable/MDataTableTop.vue +0 -35
  144. package/src/components/datatable/helpers.js +0 -132
  145. package/src/components/datatable/index.js +0 -12
  146. package/src/components/dropdown/MDropdown.vue +0 -317
  147. package/src/components/dropdown/index.js +0 -7
  148. package/src/components/field/index.js +0 -7
  149. package/src/components/fileuploader/MFileResult.vue +0 -149
  150. package/src/components/fileuploader/MFileUploader.vue +0 -142
  151. package/src/components/fileuploader/index.js +0 -7
  152. package/src/components/flag/index.js +0 -7
  153. package/src/components/heading/MHeading.vue +0 -75
  154. package/src/components/heading/index.js +0 -7
  155. package/src/components/hero/MHero.vue +0 -93
  156. package/src/components/hero/index.js +0 -7
  157. package/src/components/icon/MIcon.vue +0 -136
  158. package/src/components/icon/index.js +0 -7
  159. package/src/components/index.js +0 -44
  160. package/src/components/layer/MLayer.vue +0 -208
  161. package/src/components/layer/index.js +0 -7
  162. package/src/components/link/index.js +0 -7
  163. package/src/components/listbox/MListBox.vue +0 -146
  164. package/src/components/listbox/MListBoxActions.vue +0 -251
  165. package/src/components/listbox/index.js +0 -12
  166. package/src/components/loader/index.js +0 -7
  167. package/src/components/modal/index.js +0 -7
  168. package/src/components/notification/MNotification.vue +0 -110
  169. package/src/components/notification/index.js +0 -7
  170. package/src/components/optionbutton/MOptionButton.vue +0 -67
  171. package/src/components/optionbutton/index.js +0 -7
  172. package/src/components/optioncard/MOptionCard.vue +0 -132
  173. package/src/components/optioncard/index.js +0 -7
  174. package/src/components/optiongroup/MOptionGroup.vue +0 -18
  175. package/src/components/optiongroup/index.js +0 -7
  176. package/src/components/overlay/MOverlayLoader.vue +0 -43
  177. package/src/components/overlay/index.js +0 -12
  178. package/src/components/pagination/index.js +0 -7
  179. package/src/components/passwordinput/index.js +0 -7
  180. package/src/components/phonenumber/MPhoneNumber.vue +0 -398
  181. package/src/components/phonenumber/index.js +0 -7
  182. package/src/components/progressbar/MProgress.vue +0 -102
  183. package/src/components/progressbar/index.js +0 -7
  184. package/src/components/quantityselector/index.js +0 -7
  185. package/src/components/radio/MRadioGroup.vue +0 -111
  186. package/src/components/radio/index.js +0 -12
  187. package/src/components/ratingstars/MStarsInput.vue +0 -119
  188. package/src/components/ratingstars/MStarsResult.vue +0 -89
  189. package/src/components/ratingstars/index.js +0 -12
  190. package/src/components/select/index.js +0 -7
  191. package/src/components/stepper/MStepper.vue +0 -111
  192. package/src/components/stepper/index.js +0 -7
  193. package/src/components/tabs/MTab.vue +0 -204
  194. package/src/components/tabs/index.js +0 -7
  195. package/src/components/tags/MTag.vue +0 -175
  196. package/src/components/tags/index.js +0 -7
  197. package/src/components/textarea/index.js +0 -7
  198. package/src/components/textinput/MTextInputField.vue +0 -105
  199. package/src/components/textinput/MTextInputIcon.vue +0 -42
  200. package/src/components/textinput/index.js +0 -7
  201. package/src/components/toggle/index.js +0 -7
  202. package/src/components/tooltip/MTooltip.vue +0 -42
  203. package/src/components/tooltip/index.js +0 -7
  204. package/src/index.js +0 -63
  205. package/src/shims-tsx.d.ts +0 -13
  206. package/src/shims.vue.d.ts +0 -4
  207. package/src/tokens/adeo/android/colors.xml +0 -452
  208. package/src/tokens/adeo/android/font_dimens.xml +0 -18
  209. package/src/tokens/adeo/css/_variables.scss +0 -446
  210. package/src/tokens/adeo/css/root.scss +0 -448
  211. package/src/tokens/adeo/ios/StyleDictionaryColor.h +0 -460
  212. package/src/tokens/adeo/ios/StyleDictionaryColor.m +0 -472
  213. package/src/tokens/adeo/ios/StyleDictionaryColor.swift +0 -455
  214. package/src/tokens/adeo/ios/StyleDictionarySize.h +0 -69
  215. package/src/tokens/adeo/ios/StyleDictionarySize.m +0 -70
  216. package/src/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
  217. package/src/tokens/adeo/js/tokens.js +0 -544
  218. package/src/tokens/adeo/js/tokensObject.js +0 -11733
  219. package/src/tokens/adeo/scss/_tokens.scss +0 -1522
  220. package/src/utils/mozaicClasses.js +0 -16
  221. package/src/utils/theme.validator.js +0 -19
  222. package/types/index.d.ts +0 -104
package/src/tokens/adeo/css/_variables.scss DELETED
@@ -1,446 +0,0 @@
1
- $color-badge-info-background: var(--color-badge-info-background, #daeff7);
2
- $color-badge-info-border: var(--color-badge-info-border, #0b96cc);
3
- $color-badge-info-text: var(--color-badge-info-text, #005c91);
4
- $color-badge-success-background: var(--color-badge-success-background, #ebf5de);
5
- $color-badge-success-border: var(--color-badge-success-border, #46a610);
6
- $color-badge-success-text: var(--color-badge-success-text, #006902);
7
- $color-badge-warning-background: var(--color-badge-warning-background, #fdf1e8);
8
- $color-badge-warning-border: var(--color-badge-warning-border, #ea7315);
9
- $color-badge-warning-text: var(--color-badge-warning-text, #8c3500);
10
- $color-badge-danger-background: var(--color-badge-danger-background, #fdeaea);
11
- $color-badge-danger-border: var(--color-badge-danger-border, #ea302d);
12
- $color-badge-danger-text: var(--color-badge-danger-text, #8c0003);
13
- $color-badge-neutral-background: var(--color-badge-neutral-background, #e6e6e6);
14
- $color-badge-neutral-border: var(--color-badge-neutral-border, #808080);
15
- $color-badge-neutral-text: var(--color-badge-neutral-text, #4d4d4d);
16
- $color-primary-01-100: var(--color-primary-01-100, #d9f0f3);
17
- $color-primary-01-200: var(--color-primary-01-200, #91d5db);
18
- $color-primary-01-300: var(--color-primary-01-300, #48bac4);
19
- $color-primary-01-400: var(--color-primary-01-400, #009eac);
20
- $color-primary-01-500: var(--color-primary-01-500, #00919f);
21
- $color-primary-01-600: var(--color-primary-01-600, #007f8c);
22
- $color-primary-01-700: var(--color-primary-01-700, #006974);
23
- $color-primary-01-800: var(--color-primary-01-800, #004e57);
24
- $color-primary-01-900: var(--color-primary-01-900, #002e33);
25
- $color-primary-02-100: var(--color-primary-02-100, #eeeff1);
26
- $color-primary-02-200: var(--color-primary-02-200, #cfd2d8);
27
- $color-primary-02-300: var(--color-primary-02-300, #b3b7c1);
28
- $color-primary-02-400: var(--color-primary-02-400, #8f94a3);
29
- $color-primary-02-500: var(--color-primary-02-500, #6a7081);
30
- $color-primary-02-600: var(--color-primary-02-600, #494f60);
31
- $color-primary-02-700: var(--color-primary-02-700, #343b4c);
32
- $color-primary-02-800: var(--color-primary-02-800, #242938);
33
- $color-primary-02-900: var(--color-primary-02-900, #171b26);
34
- $color-grey-100: var(--color-grey-100, #e6e6e6);
35
- $color-grey-200: var(--color-grey-200, #cccccc);
36
- $color-grey-300: var(--color-grey-300, #b3b3b3);
37
- $color-grey-400: var(--color-grey-400, #999999);
38
- $color-grey-500: var(--color-grey-500, #808080);
39
- $color-grey-600: var(--color-grey-600, #666666);
40
- $color-grey-700: var(--color-grey-700, #4d4d4d);
41
- $color-grey-800: var(--color-grey-800, #333333);
42
- $color-grey-900: var(--color-grey-900, #191919);
43
- $color-grey-999: var(--color-grey-999, #000000);
44
- $color-grey-000: var(--color-grey-000, #ffffff);
45
- $color-secondary-blue-100: var(--color-secondary-blue-100, #eaedef);
46
- $color-secondary-blue-200: var(--color-secondary-blue-200, #cdd4d8);
47
- $color-secondary-blue-300: var(--color-secondary-blue-300, #b0bbc0);
48
- $color-secondary-blue-400: var(--color-secondary-blue-400, #92a2a9);
49
- $color-secondary-blue-500: var(--color-secondary-blue-500, #758992);
50
- $color-secondary-blue-600: var(--color-secondary-blue-600, #5b737d);
51
- $color-secondary-blue-700: var(--color-secondary-blue-700, #405d68);
52
- $color-secondary-blue-800: var(--color-secondary-blue-800, #264653);
53
- $color-secondary-blue-900: var(--color-secondary-blue-900, #082435);
54
- $color-secondary-green-100: var(--color-secondary-green-100, #d9f0f3);
55
- $color-secondary-green-200: var(--color-secondary-green-200, #91d5db);
56
- $color-secondary-green-300: var(--color-secondary-green-300, #48bac4);
57
- $color-secondary-green-400: var(--color-secondary-green-400, #009eac);
58
- $color-secondary-green-500: var(--color-secondary-green-500, #00919f);
59
- $color-secondary-green-600: var(--color-secondary-green-600, #007f8c);
60
- $color-secondary-green-700: var(--color-secondary-green-700, #006974);
61
- $color-secondary-green-800: var(--color-secondary-green-800, #004e57);
62
- $color-secondary-green-900: var(--color-secondary-green-900, #002e33);
63
- $color-secondary-purple-100: var(--color-secondary-purple-100, #e7e7f0);
64
- $color-secondary-purple-200: var(--color-secondary-purple-200, #c5c5dc);
65
- $color-secondary-purple-300: var(--color-secondary-purple-300, #a4a3c7);
66
- $color-secondary-purple-400: var(--color-secondary-purple-400, #8281b2);
67
- $color-secondary-purple-500: var(--color-secondary-purple-500, #605f9d);
68
- $color-secondary-purple-600: var(--color-secondary-purple-600, #4b4a8c);
69
- $color-secondary-purple-700: var(--color-secondary-purple-700, #393879);
70
- $color-secondary-purple-800: var(--color-secondary-purple-800, #282863);
71
- $color-secondary-purple-900: var(--color-secondary-purple-900, #1a1a4b);
72
- $color-secondary-red-100: var(--color-secondary-red-100, #fdeaea);
73
- $color-secondary-red-200: var(--color-secondary-red-200, #f8bcbb);
74
- $color-secondary-red-300: var(--color-secondary-red-300, #f38d8c);
75
- $color-secondary-red-400: var(--color-secondary-red-400, #ef5f5c);
76
- $color-secondary-red-500: var(--color-secondary-red-500, #ea302d);
77
- $color-secondary-red-600: var(--color-secondary-red-600, #c61112);
78
- $color-secondary-red-700: var(--color-secondary-red-700, #8c0003);
79
- $color-secondary-red-800: var(--color-secondary-red-800, #530000);
80
- $color-secondary-red-900: var(--color-secondary-red-900, #2d0000);
81
- $color-secondary-orange-100: var(--color-secondary-orange-100, #fdf1e8);
82
- $color-secondary-orange-200: var(--color-secondary-orange-200, #f8d2b3);
83
- $color-secondary-orange-300: var(--color-secondary-orange-300, #f4b27e);
84
- $color-secondary-orange-400: var(--color-secondary-orange-400, #ef934a);
85
- $color-secondary-orange-500: var(--color-secondary-orange-500, #ea7315);
86
- $color-secondary-orange-600: var(--color-secondary-orange-600, #c65200);
87
- $color-secondary-orange-700: var(--color-secondary-orange-700, #8c3500);
88
- $color-secondary-orange-800: var(--color-secondary-orange-800, #531b00);
89
- $color-secondary-orange-900: var(--color-secondary-orange-900, #360e00);
90
- $color-secondary-yellow-100: var(--color-secondary-yellow-100, #fff8e2);
91
- $color-secondary-yellow-200: var(--color-secondary-yellow-200, #ffebaf);
92
- $color-secondary-yellow-300: var(--color-secondary-yellow-300, #fee07d);
93
- $color-secondary-yellow-400: var(--color-secondary-yellow-400, #fcd64c);
94
- $color-secondary-yellow-500: var(--color-secondary-yellow-500, #f8cc1c);
95
- $color-secondary-yellow-600: var(--color-secondary-yellow-600, #c9a21b);
96
- $color-secondary-yellow-700: var(--color-secondary-yellow-700, #9c7b18);
97
- $color-secondary-yellow-800: var(--color-secondary-yellow-800, #705613);
98
- $color-secondary-yellow-900: var(--color-secondary-yellow-900, #46350d);
99
- $color-danger-100: var(--color-danger-100, #fdeaea);
100
- $color-danger-200: var(--color-danger-200, #f8bcbb);
101
- $color-danger-300: var(--color-danger-300, #f38d8c);
102
- $color-danger-400: var(--color-danger-400, #ef5f5c);
103
- $color-danger-500: var(--color-danger-500, #ea302d);
104
- $color-danger-600: var(--color-danger-600, #c61112);
105
- $color-danger-700: var(--color-danger-700, #8c0003);
106
- $color-danger-800: var(--color-danger-800, #530000);
107
- $color-danger-900: var(--color-danger-900, #2d0000);
108
- $color-info-100: var(--color-info-100, #daeff7);
109
- $color-info-200: var(--color-info-200, #a7d9ed);
110
- $color-info-300: var(--color-info-300, #73c3e2);
111
- $color-info-400: var(--color-info-400, #3facd7);
112
- $color-info-500: var(--color-info-500, #0b96cc);
113
- $color-info-600: var(--color-info-600, #007bb4);
114
- $color-info-700: var(--color-info-700, #005c91);
115
- $color-info-800: var(--color-info-800, #003a5c);
116
- $color-info-900: var(--color-info-900, #002a41);
117
- $color-warning-100: var(--color-warning-100, #fdf1e8);
118
- $color-warning-200: var(--color-warning-200, #f8d2b3);
119
- $color-warning-300: var(--color-warning-300, #f4b27e);
120
- $color-warning-400: var(--color-warning-400, #ef934a);
121
- $color-warning-500: var(--color-warning-500, #ea7315);
122
- $color-warning-600: var(--color-warning-600, #c65200);
123
- $color-warning-700: var(--color-warning-700, #8c3500);
124
- $color-warning-800: var(--color-warning-800, #531b00);
125
- $color-warning-900: var(--color-warning-900, #360e00);
126
- $color-success-100: var(--color-success-100, #ebf5de);
127
- $color-success-200: var(--color-success-200, #c5e39e);
128
- $color-success-300: var(--color-success-300, #9ed05f);
129
- $color-success-400: var(--color-success-400, #78be20);
130
- $color-success-500: var(--color-success-500, #46a610);
131
- $color-success-600: var(--color-success-600, #188803);
132
- $color-success-700: var(--color-success-700, #006902);
133
- $color-success-800: var(--color-success-800, #035010);
134
- $color-success-900: var(--color-success-900, #023618);
135
- $color-breadcrumb-arrow: var(--color-breadcrumb-arrow, #333333);
136
- $color-breadcrumb-arrow-invert: var(--color-breadcrumb-arrow-invert, #ffffff);
137
- $color-button-solid-background: var(--color-button-solid-background, #007f8c);
138
- $color-button-solid-font: var(--color-button-solid-font, #ffffff);
139
- $color-button-solid-focus-border: var(--color-button-solid-focus-border, #006974);
140
- $color-button-solid-disabled-background: var(--color-button-solid-disabled-background, #cccccc);
141
- $color-button-solid-disabled-font: var(--color-button-solid-disabled-font, #666666);
142
- $color-button-solid-active-background: var(--color-button-solid-active-background, #006974);
143
- $color-button-solid-hover-background: var(--color-button-solid-hover-background, #006974);
144
- $color-button-solid-hover-font: var(--color-button-solid-hover-font, #ffffff);
145
- $color-button-solid-primary-02-background: var(--color-button-solid-primary-02-background, #6a7081);
146
- $color-button-solid-primary-02-font: var(--color-button-solid-primary-02-font, #ffffff);
147
- $color-button-solid-primary-02-focus-border: var(--color-button-solid-primary-02-focus-border, #171b26);
148
- $color-button-solid-primary-02-disabled-background: var(--color-button-solid-primary-02-disabled-background, #cccccc);
149
- $color-button-solid-primary-02-disabled-font: var(--color-button-solid-primary-02-disabled-font, #666666);
150
- $color-button-solid-primary-02-active-background: var(--color-button-solid-primary-02-active-background, #171b26);
151
- $color-button-solid-primary-02-hover-background: var(--color-button-solid-primary-02-hover-background, #242938);
152
- $color-button-solid-primary-02-hover-font: var(--color-button-solid-primary-02-hover-font, #ffffff);
153
- $color-button-solid-neutral-background: var(--color-button-solid-neutral-background, #333333);
154
- $color-button-solid-neutral-font: var(--color-button-solid-neutral-font, #ffffff);
155
- $color-button-solid-neutral-focus-border: var(--color-button-solid-neutral-focus-border, #191919);
156
- $color-button-solid-neutral-disabled-background: var(--color-button-solid-neutral-disabled-background, #cccccc);
157
- $color-button-solid-neutral-disabled-font: var(--color-button-solid-neutral-disabled-font, #666666);
158
- $color-button-solid-neutral-active-background: var(--color-button-solid-neutral-active-background, #333333);
159
- $color-button-solid-neutral-hover-background: var(--color-button-solid-neutral-hover-background, #191919);
160
- $color-button-solid-neutral-hover-font: var(--color-button-solid-neutral-hover-font, #ffffff);
161
- $color-button-solid-danger-background: var(--color-button-solid-danger-background, #c61112);
162
- $color-button-solid-danger-font: var(--color-button-solid-danger-font, #ffffff);
163
- $color-button-solid-danger-focus-border: var(--color-button-solid-danger-focus-border, #8c0003);
164
- $color-button-solid-danger-disabled-background: var(--color-button-solid-danger-disabled-background, #cccccc);
165
- $color-button-solid-danger-disabled-font: var(--color-button-solid-danger-disabled-font, #666666);
166
- $color-button-solid-danger-active-background: var(--color-button-solid-danger-active-background, #8c0003);
167
- $color-button-solid-danger-hover-background: var(--color-button-solid-danger-hover-background, #8c0003);
168
- $color-button-solid-danger-hover-font: var(--color-button-solid-danger-hover-font, #ffffff);
169
- $color-button-bordered-background: var(--color-button-bordered-background, #ffffff);
170
- $color-button-bordered-border: var(--color-button-bordered-border, #007f8c);
171
- $color-button-bordered-font: var(--color-button-bordered-font, #007f8c);
172
- $color-button-bordered-focus-border: var(--color-button-bordered-focus-border, #006974);
173
- $color-button-bordered-disabled-background: var(--color-button-bordered-disabled-background, #cccccc);
174
- $color-button-bordered-disabled-font: var(--color-button-bordered-disabled-font, #666666);
175
- $color-button-bordered-active-background: var(--color-button-bordered-active-background, #91d5db);
176
- $color-button-bordered-active-font: var(--color-button-bordered-active-font, #004e57);
177
- $color-button-bordered-hover-background: var(--color-button-bordered-hover-background, #d9f0f3);
178
- $color-button-bordered-hover-font: var(--color-button-bordered-hover-font, #006974);
179
- $color-button-bordered-primary-02-background: var(--color-button-bordered-primary-02-background, #ffffff);
180
- $color-button-bordered-primary-02-border: var(--color-button-bordered-primary-02-border, #6a7081);
181
- $color-button-bordered-primary-02-font: var(--color-button-bordered-primary-02-font, #6a7081);
182
- $color-button-bordered-primary-02-focus-border: var(--color-button-bordered-primary-02-focus-border, #171b26);
183
- $color-button-bordered-primary-02-disabled-background: var(--color-button-bordered-primary-02-disabled-background, #cccccc);
184
- $color-button-bordered-primary-02-disabled-font: var(--color-button-bordered-primary-02-disabled-font, #666666);
185
- $color-button-bordered-primary-02-active-background: var(--color-button-bordered-primary-02-active-background, #cfd2d8);
186
- $color-button-bordered-primary-02-hover-background: var(--color-button-bordered-primary-02-hover-background, #eeeff1);
187
- $color-button-bordered-neutral-background: var(--color-button-bordered-neutral-background, #ffffff);
188
- $color-button-bordered-neutral-border: var(--color-button-bordered-neutral-border, #333333);
189
- $color-button-bordered-neutral-font: var(--color-button-bordered-neutral-font, #333333);
190
- $color-button-bordered-neutral-focus-border: var(--color-button-bordered-neutral-focus-border, #191919);
191
- $color-button-bordered-neutral-disabled-background: var(--color-button-bordered-neutral-disabled-background, #cccccc);
192
- $color-button-bordered-neutral-disabled-font: var(--color-button-bordered-neutral-disabled-font, #666666);
193
- $color-button-bordered-neutral-active-background: var(--color-button-bordered-neutral-active-background, #cccccc);
194
- $color-button-bordered-neutral-hover-background: var(--color-button-bordered-neutral-hover-background, #e6e6e6);
195
- $color-button-bordered-danger-background: var(--color-button-bordered-danger-background, #ffffff);
196
- $color-button-bordered-danger-border: var(--color-button-bordered-danger-border, #c61112);
197
- $color-button-bordered-danger-font: var(--color-button-bordered-danger-font, #c61112);
198
- $color-button-bordered-danger-focus-border: var(--color-button-bordered-danger-focus-border, #8c0003);
199
- $color-button-bordered-danger-disabled-background: var(--color-button-bordered-danger-disabled-background, #cccccc);
200
- $color-button-bordered-danger-disabled-font: var(--color-button-bordered-danger-disabled-font, #666666);
201
- $color-button-bordered-danger-active-background: var(--color-button-bordered-danger-active-background, #f8bcbb);
202
- $color-button-bordered-danger-active-font: var(--color-button-bordered-danger-active-font, #530000);
203
- $color-button-bordered-danger-hover-background: var(--color-button-bordered-danger-hover-background, #fdeaea);
204
- $color-button-bordered-danger-hover-font: var(--color-button-bordered-danger-hover-font, #8c0003);
205
- $color-card-bordered-background: var(--color-card-bordered-background, #ffffff);
206
- $color-card-bordered-border: var(--color-card-bordered-border, #808080);
207
- $color-dialog-background: var(--color-dialog-background, #ffffff);
208
- $color-dialog-icon: var(--color-dialog-icon, #666666);
209
- $color-dialog-close: var(--color-dialog-close, #808080);
210
- $color-dialog-footer-shadow: var(--color-dialog-footer-shadow, #191919);
211
- $color-divider-lightest: var(--color-divider-lightest, #ffffff);
212
- $color-divider-light: var(--color-divider-light, #b3b3b3);
213
- $color-divider-default: var(--color-divider-default, #666666);
214
- $color-divider-dark: var(--color-divider-dark, #000000);
215
- $color-fields-error: var(--color-fields-error, #c61112);
216
- $color-fields-label: var(--color-fields-label, #333333);
217
- $color-fields-requirement: var(--color-fields-requirement, #666666);
218
- $color-fields-help: var(--color-fields-help, #666666);
219
- $color-fileuploader-font: var(--color-fileuploader-font, #000000);
220
- $color-fileuploader-files-list: var(--color-fileuploader-files-list, #e6e6e6);
221
- $color-fileuploader-files-delete: var(--color-fileuploader-files-delete, #cccccc);
222
- $color-fileuploader-valid: var(--color-fileuploader-valid, #00919f);
223
- $color-fileuploader-alert: var(--color-fileuploader-alert, #c61112);
224
- $color-flag-solid-background: var(--color-flag-solid-background, #007f8c);
225
- $color-flag-solid-border: var(--color-flag-solid-border, #007f8c);
226
- $color-flag-solid-text: var(--color-flag-solid-text, #ffffff);
227
- $color-flag-solid-primary-02-background: var(--color-flag-solid-primary-02-background, #4b4a8c);
228
- $color-flag-solid-primary-02-border: var(--color-flag-solid-primary-02-border, #4b4a8c);
229
- $color-flag-solid-primary-02-text: var(--color-flag-solid-primary-02-text, #ffffff);
230
- $color-flag-solid-dark-background: var(--color-flag-solid-dark-background, #000000);
231
- $color-flag-solid-dark-border: var(--color-flag-solid-dark-border, #000000);
232
- $color-flag-solid-dark-text: var(--color-flag-solid-dark-text, #ffffff);
233
- $color-flag-solid-light-background: var(--color-flag-solid-light-background, #ffffff);
234
- $color-flag-solid-light-border: var(--color-flag-solid-light-border, #ffffff);
235
- $color-flag-solid-light-text: var(--color-flag-solid-light-text, #000000);
236
- $color-flag-solid-danger-background: var(--color-flag-solid-danger-background, #c61112);
237
- $color-flag-solid-danger-border: var(--color-flag-solid-danger-border, #c61112);
238
- $color-flag-solid-danger-text: var(--color-flag-solid-danger-text, #ffffff);
239
- $color-flag-bordered-background: var(--color-flag-bordered-background, #ffffff);
240
- $color-flag-bordered-border: var(--color-flag-bordered-border, #007f8c);
241
- $color-flag-bordered-text: var(--color-flag-bordered-text, #007f8c);
242
- $color-flag-bordered-primary-02-background: var(--color-flag-bordered-primary-02-background, #ffffff);
243
- $color-flag-bordered-primary-02-border: var(--color-flag-bordered-primary-02-border, #4b4a8c);
244
- $color-flag-bordered-primary-02-text: var(--color-flag-bordered-primary-02-text, #4b4a8c);
245
- $color-flag-bordered-dark-background: var(--color-flag-bordered-dark-background, #ffffff);
246
- $color-flag-bordered-dark-border: var(--color-flag-bordered-dark-border, #000000);
247
- $color-flag-bordered-dark-text: var(--color-flag-bordered-dark-text, #000000);
248
- $color-flag-bordered-light-background: var(--color-flag-bordered-light-background, #000000);
249
- $color-flag-bordered-light-border: var(--color-flag-bordered-light-border, #ffffff);
250
- $color-flag-bordered-light-text: var(--color-flag-bordered-light-text, #ffffff);
251
- $color-flag-bordered-danger-background: var(--color-flag-bordered-danger-background, #ffffff);
252
- $color-flag-bordered-danger-border: var(--color-flag-bordered-danger-border, #c61112);
253
- $color-flag-bordered-danger-text: var(--color-flag-bordered-danger-text, #c61112);
254
- $color-focus-gap: var(--color-focus-gap, #ffffff);
255
- $color-focus-border: var(--color-focus-border, #758992);
256
- $color-font-primary-01: var(--color-font-primary-01, #007f8c);
257
- $color-font-primary-02: var(--color-font-primary-02, #6a7081);
258
- $color-font-darkest: var(--color-font-darkest, #000000);
259
- $color-font-darker: var(--color-font-darker, #191919);
260
- $color-font-dark: var(--color-font-dark, #333333);
261
- $color-font-light: var(--color-font-light, #666666);
262
- $color-font-lightest: var(--color-font-lightest, #ffffff);
263
- $color-font-info: var(--color-font-info, #007bb4);
264
- $color-font-success: var(--color-font-success, #188803);
265
- $color-font-warning: var(--color-font-warning, #c65200);
266
- $color-font-danger: var(--color-font-danger, #c61112);
267
- $color-heading-underline-default: var(--color-heading-underline-default, #00919f);
268
- $color-heading-underline-lightest: var(--color-heading-underline-lightest, #91d5db);
269
- $color-hero-cover-background: var(--color-hero-cover-background, #191919);
270
- $color-input-text: var(--color-input-text, #191919);
271
- $color-input-border: var(--color-input-border, #666666);
272
- $color-input-placeholder: var(--color-input-placeholder, #808080);
273
- $color-input-background: var(--color-input-background, #ffffff);
274
- $color-input-disabled-border: var(--color-input-disabled-border, #e6e6e6);
275
- $color-input-disabled-background: var(--color-input-disabled-background, #e6e6e6);
276
- $color-input-disabled-icon: var(--color-input-disabled-icon, #999999);
277
- $color-input-hover-border: var(--color-input-hover-border, #191919);
278
- $color-input-focus-border: var(--color-input-focus-border, #758992);
279
- $color-input-valid-border: var(--color-input-valid-border, #46a610);
280
- $color-input-valid-hover-border: var(--color-input-valid-hover-border, #035010);
281
- $color-input-invalid-border: var(--color-input-invalid-border, #c61112);
282
- $color-input-invalid-hover-border: var(--color-input-invalid-hover-border, #530000);
283
- $color-input-checked-border: var(--color-input-checked-border, #00919f);
284
- $color-input-checked-background: var(--color-input-checked-background, #00919f);
285
- $color-input-checked-icon: var(--color-input-checked-icon, #ffffff);
286
- $color-input-checked-hover-border: var(--color-input-checked-hover-border, #004e57);
287
- $color-link-dark-base: var(--color-link-dark-base, #000000);
288
- $color-link-dark-visited: var(--color-link-dark-visited, #333333);
289
- $color-link-dark-active: var(--color-link-dark-active, #333333);
290
- $color-link-dark-disabled: var(--color-link-dark-disabled, #e6e6e6);
291
- $color-link-dark-hover: var(--color-link-dark-hover, #666666);
292
- $color-link-light-base: var(--color-link-light-base, #ffffff);
293
- $color-link-light-visited: var(--color-link-light-visited, #cccccc);
294
- $color-link-light-active: var(--color-link-light-active, #cccccc);
295
- $color-link-light-disabled: var(--color-link-light-disabled, #e6e6e6);
296
- $color-link-light-hover: var(--color-link-light-hover, #999999);
297
- $color-link-primary-base: var(--color-link-primary-base, #007f8c);
298
- $color-link-primary-visited: var(--color-link-primary-visited, #006974);
299
- $color-link-primary-active: var(--color-link-primary-active, #006974);
300
- $color-link-primary-disabled: var(--color-link-primary-disabled, #e6e6e6);
301
- $color-link-primary-hover: var(--color-link-primary-hover, #004e57);
302
- $color-link-primary-02-base: var(--color-link-primary-02-base, #494f60);
303
- $color-link-primary-02-visited: var(--color-link-primary-02-visited, #343b4c);
304
- $color-link-primary-02-active: var(--color-link-primary-02-active, #343b4c);
305
- $color-link-primary-02-disabled: var(--color-link-primary-02-disabled, #e6e6e6);
306
- $color-link-primary-02-hover: var(--color-link-primary-02-hover, #171b26);
307
- $color-link-danger-base: var(--color-link-danger-base, #c61112);
308
- $color-link-danger-visited: var(--color-link-danger-visited, #8c0003);
309
- $color-link-danger-active: var(--color-link-danger-active, #8c0003);
310
- $color-link-danger-disabled: var(--color-link-danger-disabled, #e6e6e6);
311
- $color-link-danger-hover: var(--color-link-danger-hover, #530000);
312
- $color-listbox-background: var(--color-listbox-background, #ffffff);
313
- $color-listbox-border: var(--color-listbox-border, #666666);
314
- $color-listbox-tile-border: var(--color-listbox-tile-border, #b3b3b3);
315
- $color-listbox-tile-shadow: var(--color-listbox-tile-shadow, #191919);
316
- $color-listbox-tile-hover-background: var(--color-listbox-tile-hover-background, #e6e6e6);
317
- $color-listbox-disabled-background: var(--color-listbox-disabled-background, #cccccc);
318
- $color-notification-font: var(--color-notification-font, #000000);
319
- $color-notification-information-background: var(--color-notification-information-background, #daeff7);
320
- $color-notification-information-border: var(--color-notification-information-border, #0b96cc);
321
- $color-notification-information-icon: var(--color-notification-information-icon, #007bb4);
322
- $color-notification-success-background: var(--color-notification-success-background, #ebf5de);
323
- $color-notification-success-border: var(--color-notification-success-border, #46a610);
324
- $color-notification-success-icon: var(--color-notification-success-icon, #188803);
325
- $color-notification-warning-background: var(--color-notification-warning-background, #fdf1e8);
326
- $color-notification-warning-border: var(--color-notification-warning-border, #ea7315);
327
- $color-notification-warning-icon: var(--color-notification-warning-icon, #c65200);
328
- $color-notification-danger-background: var(--color-notification-danger-background, #fdeaea);
329
- $color-notification-danger-border: var(--color-notification-danger-border, #ea302d);
330
- $color-notification-danger-icon: var(--color-notification-danger-icon, #c61112);
331
- $color-option-button-label-shadow: var(--color-option-button-label-shadow, #b3b3b3);
332
- $color-option-button-hover-label-shadow: var(--color-option-button-hover-label-shadow, #333333);
333
- $color-option-button-checked-label-border: var(--color-option-button-checked-label-border, #00919f);
334
- $color-option-button-checked-label-shadow: var(--color-option-button-checked-label-shadow, #d9f0f3);
335
- $color-option-button-disabled-label-background: var(--color-option-button-disabled-label-background, #cccccc);
336
- $color-option-card-label-shadow: var(--color-option-card-label-shadow, #b3b3b3);
337
- $color-option-card-hover-label-shadow: var(--color-option-card-hover-label-shadow, #333333);
338
- $color-option-card-checked-label-border: var(--color-option-card-checked-label-border, #00919f);
339
- $color-option-card-checked-label-shadow: var(--color-option-card-checked-label-shadow, #d9f0f3);
340
- $color-overlay-background: var(--color-overlay-background, #191919);
341
- $color-overlay-loader-background: var(--color-overlay-loader-background, #082435);
342
- $color-password-input-button-hover-background: var(--color-password-input-button-hover-background, #e6e6e6);
343
- $color-phone-number-button-border: var(--color-phone-number-button-border, #666666);
344
- $color-phone-number-list-background: var(--color-phone-number-list-background, #ffffff);
345
- $color-phone-number-item-border: var(--color-phone-number-item-border, #b3b3b3);
346
- $color-phone-number-item-focus-background: var(--color-phone-number-item-focus-background, #e6e6e6);
347
- $color-progress-background: var(--color-progress-background, #cccccc);
348
- $color-progress-indicator: var(--color-progress-indicator, #007bb4);
349
- $color-progress-percentage-default: var(--color-progress-percentage-default, #191919);
350
- $color-progress-percentage-half: var(--color-progress-percentage-half, #ffffff);
351
- $color-progress-branded-indicator: var(--color-progress-branded-indicator, #00919f);
352
- $color-star-empty: var(--color-star-empty, #ffffff);
353
- $color-star-focus: var(--color-star-focus, #758992);
354
- $color-star-full: var(--color-star-full, #ea7315);
355
- $color-star-hover: var(--color-star-hover, #f4b27e);
356
- $color-stepper-item-background: var(--color-stepper-item-background, #999999);
357
- $color-stepper-item-current-background: var(--color-stepper-item-current-background, #00919f);
358
- $color-stepper-link-hover-text: var(--color-stepper-link-hover-text, #00919f);
359
- $color-stepper-indicator-background: var(--color-stepper-indicator-background, #ffffff);
360
- $color-stepper-indicator-border: var(--color-stepper-indicator-border, #999999);
361
- $color-stepper-indicator-current-background: var(--color-stepper-indicator-current-background, #00919f);
362
- $color-stepper-indicator-current-border: var(--color-stepper-indicator-current-border, #00919f);
363
- $color-stepper-icon: var(--color-stepper-icon, #00919f);
364
- $color-stepper-title: var(--color-stepper-title, #00919f);
365
- $color-tabs-background: var(--color-tabs-background, #ffffff);
366
- $color-tabs-shadow: var(--color-tabs-shadow, #000000);
367
- $color-tabs-default: var(--color-tabs-default, #666666);
368
- $color-tabs-element-background: var(--color-tabs-element-background, #eeedea);
369
- $color-tabs-hover: var(--color-tabs-hover, #004e57);
370
- $color-tabs-disabled-background: var(--color-tabs-disabled-background, #cccccc);
371
- $color-tabs-active-background: var(--color-tabs-active-background, #dddcd5);
372
- $color-tabs-active-text: var(--color-tabs-active-text, #004e57);
373
- $color-tabs-selected-border: var(--color-tabs-selected-border, #007f8c);
374
- $color-tabs-selected-text: var(--color-tabs-selected-text, #007f8c);
375
- $color-tabs-active-disabled: var(--color-tabs-active-disabled, #91d5db);
376
- $color-tag-text-light-background: var(--color-tag-text-light-background, #ffffff);
377
- $color-tag-text-light-border: var(--color-tag-text-light-border, #808080);
378
- $color-tag-text-light-text: var(--color-tag-text-light-text, #191919);
379
- $color-tag-text-dark-background: var(--color-tag-text-dark-background, #191919);
380
- $color-tag-text-dark-border: var(--color-tag-text-dark-border, #ffffff);
381
- $color-tag-text-dark-text: var(--color-tag-text-dark-text, #ffffff);
382
- $color-tag-link-light-background: var(--color-tag-link-light-background, #ffffff);
383
- $color-tag-link-light-border: var(--color-tag-link-light-border, #808080);
384
- $color-tag-link-light-text: var(--color-tag-link-light-text, #191919);
385
- $color-tag-link-light-hover-background: var(--color-tag-link-light-hover-background, #e6e6e6);
386
- $color-tag-link-light-active-background: var(--color-tag-link-light-active-background, #cccccc);
387
- $color-tag-link-dark-background: var(--color-tag-link-dark-background, #191919);
388
- $color-tag-link-dark-border: var(--color-tag-link-dark-border, #ffffff);
389
- $color-tag-link-dark-text: var(--color-tag-link-dark-text, #ffffff);
390
- $color-tag-link-dark-hover-background: var(--color-tag-link-dark-hover-background, #333333);
391
- $color-tag-link-dark-active-background: var(--color-tag-link-dark-active-background, #4d4d4d);
392
- $color-tag-selectable-light-background: var(--color-tag-selectable-light-background, #ffffff);
393
- $color-tag-selectable-light-border: var(--color-tag-selectable-light-border, #808080);
394
- $color-tag-selectable-light-text: var(--color-tag-selectable-light-text, #191919);
395
- $color-tag-selectable-light-hover-background: var(--color-tag-selectable-light-hover-background, #48bac4);
396
- $color-tag-selectable-light-active-background: var(--color-tag-selectable-light-active-background, #004e57);
397
- $color-tag-selectable-light-active-border: var(--color-tag-selectable-light-active-border, #004e57);
398
- $color-tag-selectable-light-active-text: var(--color-tag-selectable-light-active-text, #ffffff);
399
- $color-tag-selectable-light-disabled-background: var(--color-tag-selectable-light-disabled-background, #e6e6e6);
400
- $color-tag-selectable-light-disabled-text: var(--color-tag-selectable-light-disabled-text, #808080);
401
- $color-tag-selectable-light-selected-background: var(--color-tag-selectable-light-selected-background, #007f8c);
402
- $color-tag-selectable-light-selected-text: var(--color-tag-selectable-light-selected-text, #ffffff);
403
- $color-tag-selectable-light-selected-hover-background: var(--color-tag-selectable-light-selected-hover-background, #006974);
404
- $color-tag-selectable-dark-background: var(--color-tag-selectable-dark-background, #191919);
405
- $color-tag-selectable-dark-border: var(--color-tag-selectable-dark-border, #ffffff);
406
- $color-tag-selectable-dark-text: var(--color-tag-selectable-dark-text, #ffffff);
407
- $color-tag-selectable-dark-hover-background: var(--color-tag-selectable-dark-hover-background, #006974);
408
- $color-tag-selectable-dark-active-background: var(--color-tag-selectable-dark-active-background, #91d5db);
409
- $color-tag-selectable-dark-active-border: var(--color-tag-selectable-dark-active-border, #91d5db);
410
- $color-tag-selectable-dark-active-text: var(--color-tag-selectable-dark-active-text, #191919);
411
- $color-tag-selectable-dark-selected-background: var(--color-tag-selectable-dark-selected-background, #009eac);
412
- $color-tag-selectable-dark-selected-border: var(--color-tag-selectable-dark-selected-border, #009eac);
413
- $color-tag-selectable-dark-selected-text: var(--color-tag-selectable-dark-selected-text, #191919);
414
- $color-tag-selectable-dark-selected-hover-background: var(--color-tag-selectable-dark-selected-hover-background, #48bac4);
415
- $color-tag-selectable-dark-disabled-background: var(--color-tag-selectable-dark-disabled-background, #4d4d4d);
416
- $color-tag-selectable-dark-disabled-text: var(--color-tag-selectable-dark-disabled-text, #808080);
417
- $color-tag-removable-light-background: var(--color-tag-removable-light-background, #333333);
418
- $color-tag-removable-light-text: var(--color-tag-removable-light-text, #ffffff);
419
- $color-tag-removable-light-icon: var(--color-tag-removable-light-icon, #cccccc);
420
- $color-tag-removable-light-hover-background: var(--color-tag-removable-light-hover-background, #4d4d4d);
421
- $color-tag-removable-light-active-background: var(--color-tag-removable-light-active-background, #666666);
422
- $color-tag-removable-dark-background: var(--color-tag-removable-dark-background, #cccccc);
423
- $color-tag-removable-dark-text: var(--color-tag-removable-dark-text, #191919);
424
- $color-tag-removable-dark-icon: var(--color-tag-removable-dark-icon, #191919);
425
- $color-tag-removable-dark-hover-background: var(--color-tag-removable-dark-hover-background, #b3b3b3);
426
- $color-tag-removable-dark-active-background: var(--color-tag-removable-dark-active-background, #999999);
427
- $color-toggle-off-background: var(--color-toggle-off-background, #666666);
428
- $color-toggle-off-circle: var(--color-toggle-off-circle, #ffffff);
429
- $color-toggle-on-background: var(--color-toggle-on-background, #00919f);
430
- $color-toggle-on-circle: var(--color-toggle-on-circle, #ffffff);
431
- $color-toggle-hover-circle: var(--color-toggle-hover-circle, #e6e6e6);
432
- $color-toggle-disabled-background: var(--color-toggle-disabled-background, #e6e6e6);
433
- $color-toggle-disabled-circle: var(--color-toggle-disabled-circle, #b3b3b3);
434
- $color-toggle-disabled-checked-background: var(--color-toggle-disabled-checked-background, #91d5db);
435
- $color-toggle-disabled-checked-circle: var(--color-toggle-disabled-checked-circle, #ffffff);
436
- $color-tooltip-background: var(--color-tooltip-background, #4d4d4d);
437
- $color-tooltip-border: var(--color-tooltip-border, #ffffff);
438
- $color-secondary-sandgrey-100: var(--color-secondary-sandgrey-100, #eeedea);
439
- $color-secondary-sandgrey-200: var(--color-secondary-sandgrey-200, #dddcd5);
440
- $color-secondary-sandgrey-300: var(--color-secondary-sandgrey-300, #c2c1ba);
441
- $color-secondary-sandgrey-400: var(--color-secondary-sandgrey-400, #a7a6a0);
442
- $color-secondary-sandgrey-500: var(--color-secondary-sandgrey-500, #8c8b85);
443
- $color-secondary-sandgrey-600: var(--color-secondary-sandgrey-600, #71706b);
444
- $color-secondary-sandgrey-700: var(--color-secondary-sandgrey-700, #555550);
445
- $color-secondary-sandgrey-800: var(--color-secondary-sandgrey-800, #3a3936);
446
- $color-secondary-sandgrey-900: var(--color-secondary-sandgrey-900, #1e1e1c);