@mozaic-ds/vue 1.0.0-beta.3 → 1.0.0-beta.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 (179) hide show
  1. package/LICENSE +51 -0
  2. package/README.md +218 -84
  3. package/dist/mozaic-vue.css +1 -1
  4. package/dist/mozaic-vue.d.ts +920 -0
  5. package/dist/mozaic-vue.js +877 -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 +80 -50
  11. package/src/components/Contributing.mdx +118 -0
  12. package/src/components/GettingStarted.mdx +39 -0
  13. package/src/components/Introduction.mdx +54 -0
  14. package/src/components/Support.mdx +18 -0
  15. package/src/components/badge/MBadge.spec.ts +16 -0
  16. package/src/components/badge/MBadge.stories.ts +50 -0
  17. package/src/components/badge/MBadge.vue +36 -34
  18. package/src/components/button/MButton.spec.ts +191 -0
  19. package/src/components/button/MButton.stories.ts +66 -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/field/MField.spec.ts +166 -0
  28. package/src/components/field/MField.stories.ts +376 -0
  29. package/src/components/field/MField.vue +78 -61
  30. package/src/components/fieldgroup/MFieldGroup.spec.ts +165 -0
  31. package/src/components/fieldgroup/MFieldGroup.stories.ts +274 -0
  32. package/src/components/fieldgroup/MFieldGroup.vue +79 -0
  33. package/src/components/iconbutton/MIconButton.spec.ts +108 -0
  34. package/src/components/iconbutton/MIconButton.stories.ts +66 -0
  35. package/src/components/iconbutton/MIconButton.vue +73 -0
  36. package/src/components/link/MLink.spec.ts +154 -0
  37. package/src/components/link/MLink.stories.ts +98 -0
  38. package/src/components/link/MLink.vue +86 -109
  39. package/src/components/loader/MLoader.spec.ts +104 -0
  40. package/src/components/loader/MLoader.stories.ts +45 -0
  41. package/src/components/loader/MLoader.vue +65 -55
  42. package/src/components/overlay/MOverlay.spec.ts +51 -0
  43. package/src/components/overlay/MOverlay.stories.ts +40 -0
  44. package/src/components/overlay/MOverlay.vue +27 -19
  45. package/src/components/quantityselector/MQuantitySelector.spec.ts +262 -0
  46. package/src/components/quantityselector/MQuantitySelector.stories.ts +89 -0
  47. package/src/components/quantityselector/MQuantitySelector.vue +160 -136
  48. package/src/components/radio/MRadio.spec.ts +104 -0
  49. package/src/components/radio/MRadio.stories.ts +68 -0
  50. package/src/components/radio/MRadio.vue +56 -39
  51. package/src/components/radiogroup/MRadioGroup.spec.ts +54 -0
  52. package/src/components/radiogroup/MRadioGroup.stories.ts +61 -0
  53. package/src/components/radiogroup/MRadioGroup.vue +79 -0
  54. package/src/components/select/MSelect.spec.ts +114 -0
  55. package/src/components/select/MSelect.stories.ts +101 -0
  56. package/src/components/select/MSelect.vue +77 -119
  57. package/src/components/statusbadge/MStatusBadge.stories.ts +45 -0
  58. package/src/components/statusbadge/MStatusBadge.vue +40 -0
  59. package/src/components/statusbadge/MStatusDot.vue +32 -0
  60. package/src/components/statusbadge/MstatusBadge.spec.ts +16 -0
  61. package/src/components/textarea/MTextArea.spec.ts +112 -0
  62. package/src/components/textarea/MTextArea.stories.ts +67 -0
  63. package/src/components/textarea/MTextArea.vue +81 -42
  64. package/src/components/textinput/MTextInput.spec.ts +121 -0
  65. package/src/components/textinput/MTextInput.stories.ts +114 -0
  66. package/src/components/textinput/MTextInput.vue +127 -47
  67. package/src/components/toggle/MToggle.spec.ts +99 -0
  68. package/src/components/toggle/MToggle.stories.ts +68 -0
  69. package/src/components/toggle/MToggle.vue +63 -103
  70. package/src/components/usingIcons.mdx +43 -0
  71. package/src/components/usingPresets.mdx +125 -0
  72. package/src/main.ts +39 -0
  73. package/dist/demo.html +0 -1
  74. package/dist/mozaic-vue.adeo.css +0 -45
  75. package/dist/mozaic-vue.adeo.umd.js +0 -41775
  76. package/dist/mozaic-vue.common.js +0 -41765
  77. package/dist/mozaic-vue.common.js.map +0 -1
  78. package/dist/mozaic-vue.umd.js +0 -41776
  79. package/dist/mozaic-vue.umd.js.map +0 -1
  80. package/dist/mozaic-vue.umd.min.js +0 -4
  81. package/dist/mozaic-vue.umd.min.js.map +0 -1
  82. package/postinstall.js +0 -3
  83. package/src/components/accordion/MAccordion.vue +0 -128
  84. package/src/components/accordion/index.js +0 -7
  85. package/src/components/autocomplete/MAutocomplete.vue +0 -198
  86. package/src/components/autocomplete/index.js +0 -7
  87. package/src/components/badge/index.js +0 -7
  88. package/src/components/breadcrumb/MBreadcrumb.vue +0 -73
  89. package/src/components/breadcrumb/index.js +0 -7
  90. package/src/components/button/index.js +0 -7
  91. package/src/components/card/MCard.vue +0 -78
  92. package/src/components/card/index.js +0 -7
  93. package/src/components/checkbox/MCheckboxGroup.vue +0 -155
  94. package/src/components/checkbox/index.js +0 -12
  95. package/src/components/container/MContainer.vue +0 -33
  96. package/src/components/container/index.js +0 -7
  97. package/src/components/datatable/MDataTable.vue +0 -651
  98. package/src/components/datatable/MDataTableHeader.vue +0 -55
  99. package/src/components/datatable/MDataTableTop.vue +0 -35
  100. package/src/components/datatable/helpers.js +0 -132
  101. package/src/components/datatable/index.js +0 -12
  102. package/src/components/field/index.js +0 -7
  103. package/src/components/fileuploader/MFileResult.vue +0 -149
  104. package/src/components/fileuploader/MFileUploader.vue +0 -142
  105. package/src/components/fileuploader/index.js +0 -7
  106. package/src/components/flag/MFlag.vue +0 -46
  107. package/src/components/flag/index.js +0 -7
  108. package/src/components/heading/MHeading.vue +0 -75
  109. package/src/components/heading/index.js +0 -7
  110. package/src/components/hero/MHero.vue +0 -93
  111. package/src/components/hero/index.js +0 -7
  112. package/src/components/icon/MIcon.vue +0 -120
  113. package/src/components/icon/index.js +0 -7
  114. package/src/components/index.js +0 -43
  115. package/src/components/layer/MLayer.vue +0 -208
  116. package/src/components/layer/index.js +0 -7
  117. package/src/components/link/index.js +0 -7
  118. package/src/components/listbox/MListBox.vue +0 -106
  119. package/src/components/listbox/index.js +0 -7
  120. package/src/components/loader/index.js +0 -7
  121. package/src/components/modal/MModal.vue +0 -179
  122. package/src/components/modal/index.js +0 -7
  123. package/src/components/notification/MNotification.vue +0 -110
  124. package/src/components/notification/index.js +0 -7
  125. package/src/components/optionbutton/MOptionButton.vue +0 -67
  126. package/src/components/optionbutton/index.js +0 -7
  127. package/src/components/optioncard/MOptionCard.vue +0 -132
  128. package/src/components/optioncard/index.js +0 -7
  129. package/src/components/optiongroup/MOptionGroup.vue +0 -18
  130. package/src/components/optiongroup/index.js +0 -7
  131. package/src/components/overlay/MOverlayLoader.vue +0 -43
  132. package/src/components/overlay/index.js +0 -12
  133. package/src/components/pagination/MPagination.vue +0 -162
  134. package/src/components/pagination/index.js +0 -7
  135. package/src/components/passwordinput/MPasswordInput.vue +0 -96
  136. package/src/components/passwordinput/index.js +0 -7
  137. package/src/components/phonenumber/MPhoneNumber.vue +0 -390
  138. package/src/components/phonenumber/index.js +0 -7
  139. package/src/components/progressbar/MProgress.vue +0 -102
  140. package/src/components/progressbar/index.js +0 -7
  141. package/src/components/quantityselector/index.js +0 -7
  142. package/src/components/radio/MRadioGroup.vue +0 -111
  143. package/src/components/radio/index.js +0 -12
  144. package/src/components/ratingstars/MStarsInput.vue +0 -118
  145. package/src/components/ratingstars/MStarsResult.vue +0 -89
  146. package/src/components/ratingstars/index.js +0 -12
  147. package/src/components/select/index.js +0 -7
  148. package/src/components/stepper/MStepper.vue +0 -70
  149. package/src/components/stepper/index.js +0 -7
  150. package/src/components/tabs/MTab.vue +0 -184
  151. package/src/components/tabs/index.js +0 -7
  152. package/src/components/tags/MTag.vue +0 -173
  153. package/src/components/tags/index.js +0 -7
  154. package/src/components/textarea/index.js +0 -7
  155. package/src/components/textinput/MTextInputField.vue +0 -105
  156. package/src/components/textinput/MTextInputIcon.vue +0 -42
  157. package/src/components/textinput/index.js +0 -7
  158. package/src/components/toggle/index.js +0 -7
  159. package/src/components/tooltip/MTooltip.vue +0 -42
  160. package/src/components/tooltip/index.js +0 -7
  161. package/src/index.js +0 -62
  162. package/src/shims-tsx.d.ts +0 -13
  163. package/src/shims.vue.d.ts +0 -4
  164. package/src/tokens/adeo/android/colors.xml +0 -391
  165. package/src/tokens/adeo/android/font_dimens.xml +0 -18
  166. package/src/tokens/adeo/css/_variables.scss +0 -385
  167. package/src/tokens/adeo/css/root.scss +0 -387
  168. package/src/tokens/adeo/ios/StyleDictionaryColor.h +0 -399
  169. package/src/tokens/adeo/ios/StyleDictionaryColor.m +0 -411
  170. package/src/tokens/adeo/ios/StyleDictionaryColor.swift +0 -394
  171. package/src/tokens/adeo/ios/StyleDictionarySize.h +0 -69
  172. package/src/tokens/adeo/ios/StyleDictionarySize.m +0 -70
  173. package/src/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
  174. package/src/tokens/adeo/js/tokens.js +0 -483
  175. package/src/tokens/adeo/js/tokensObject.js +0 -10354
  176. package/src/tokens/adeo/scss/_tokens.scss +0 -1300
  177. package/src/utils/mozaicClasses.js +0 -16
  178. package/src/utils/theme.validator.js +0 -19
  179. package/types/index.d.ts +0 -100
package/src/tokens/adeo/css/_variables.scss DELETED
@@ -1,385 +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, #eeedea);
14
- $color-badge-neutral-border: var(--color-badge-neutral-border, #8c8b85);
15
- $color-badge-neutral-text: var(--color-badge-neutral-text, #555550);
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, #dbedea);
26
- $color-primary-02-200: var(--color-primary-02-200, #a5d1cb);
27
- $color-primary-02-300: var(--color-primary-02-300, #6eb4ad);
28
- $color-primary-02-400: var(--color-primary-02-400, #379590);
29
- $color-primary-02-500: var(--color-primary-02-500, #007574);
30
- $color-primary-02-600: var(--color-primary-02-600, #035f64);
31
- $color-primary-02-700: var(--color-primary-02-700, #044c53);
32
- $color-primary-02-800: var(--color-primary-02-800, #063a44);
33
- $color-primary-02-900: var(--color-primary-02-900, #062b35);
34
- $color-grey-100: var(--color-grey-100, #eeedea);
35
- $color-grey-200: var(--color-grey-200, #dddcd5);
36
- $color-grey-300: var(--color-grey-300, #c2c1ba);
37
- $color-grey-400: var(--color-grey-400, #a7a6a0);
38
- $color-grey-500: var(--color-grey-500, #8c8b85);
39
- $color-grey-600: var(--color-grey-600, #71706b);
40
- $color-grey-700: var(--color-grey-700, #555550);
41
- $color-grey-800: var(--color-grey-800, #3a3936);
42
- $color-grey-900: var(--color-grey-900, #1e1e1c);
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-button-solid-background: var(--color-button-solid-background, #007f8c);
136
- $color-button-solid-font: var(--color-button-solid-font, #ffffff);
137
- $color-button-solid-focus-border: var(--color-button-solid-focus-border, #006974);
138
- $color-button-solid-disabled-background: var(--color-button-solid-disabled-background, #dddcd5);
139
- $color-button-solid-disabled-font: var(--color-button-solid-disabled-font, #71706b);
140
- $color-button-solid-active-background: var(--color-button-solid-active-background, #006974);
141
- $color-button-solid-hover-background: var(--color-button-solid-hover-background, #006974);
142
- $color-button-solid-hover-font: var(--color-button-solid-hover-font, #ffffff);
143
- $color-button-solid-primary-02-background: var(--color-button-solid-primary-02-background, #007574);
144
- $color-button-solid-primary-02-font: var(--color-button-solid-primary-02-font, #ffffff);
145
- $color-button-solid-primary-02-focus-border: var(--color-button-solid-primary-02-focus-border, #062b35);
146
- $color-button-solid-primary-02-disabled-background: var(--color-button-solid-primary-02-disabled-background, #dddcd5);
147
- $color-button-solid-primary-02-disabled-font: var(--color-button-solid-primary-02-disabled-font, #71706b);
148
- $color-button-solid-primary-02-active-background: var(--color-button-solid-primary-02-active-background, #062b35);
149
- $color-button-solid-primary-02-hover-background: var(--color-button-solid-primary-02-hover-background, #063a44);
150
- $color-button-solid-primary-02-hover-font: var(--color-button-solid-primary-02-hover-font, #ffffff);
151
- $color-button-solid-neutral-background: var(--color-button-solid-neutral-background, #3a3936);
152
- $color-button-solid-neutral-font: var(--color-button-solid-neutral-font, #ffffff);
153
- $color-button-solid-neutral-focus-border: var(--color-button-solid-neutral-focus-border, #1e1e1c);
154
- $color-button-solid-neutral-disabled-background: var(--color-button-solid-neutral-disabled-background, #dddcd5);
155
- $color-button-solid-neutral-disabled-font: var(--color-button-solid-neutral-disabled-font, #71706b);
156
- $color-button-solid-neutral-active-background: var(--color-button-solid-neutral-active-background, #3a3936);
157
- $color-button-solid-neutral-hover-background: var(--color-button-solid-neutral-hover-background, #1e1e1c);
158
- $color-button-solid-neutral-hover-font: var(--color-button-solid-neutral-hover-font, #ffffff);
159
- $color-button-solid-danger-background: var(--color-button-solid-danger-background, #c61112);
160
- $color-button-solid-danger-font: var(--color-button-solid-danger-font, #ffffff);
161
- $color-button-solid-danger-focus-border: var(--color-button-solid-danger-focus-border, #8c0003);
162
- $color-button-solid-danger-disabled-background: var(--color-button-solid-danger-disabled-background, #dddcd5);
163
- $color-button-solid-danger-disabled-font: var(--color-button-solid-danger-disabled-font, #71706b);
164
- $color-button-solid-danger-active-background: var(--color-button-solid-danger-active-background, #8c0003);
165
- $color-button-solid-danger-hover-background: var(--color-button-solid-danger-hover-background, #8c0003);
166
- $color-button-solid-danger-hover-font: var(--color-button-solid-danger-hover-font, #ffffff);
167
- $color-button-bordered-background: var(--color-button-bordered-background, #ffffff);
168
- $color-button-bordered-border: var(--color-button-bordered-border, #007f8c);
169
- $color-button-bordered-font: var(--color-button-bordered-font, #007f8c);
170
- $color-button-bordered-focus-border: var(--color-button-bordered-focus-border, #006974);
171
- $color-button-bordered-disabled-background: var(--color-button-bordered-disabled-background, #dddcd5);
172
- $color-button-bordered-disabled-font: var(--color-button-bordered-disabled-font, #71706b);
173
- $color-button-bordered-active-background: var(--color-button-bordered-active-background, #91d5db);
174
- $color-button-bordered-hover-background: var(--color-button-bordered-hover-background, #d9f0f3);
175
- $color-button-bordered-primary-02-background: var(--color-button-bordered-primary-02-background, #ffffff);
176
- $color-button-bordered-primary-02-border: var(--color-button-bordered-primary-02-border, #007574);
177
- $color-button-bordered-primary-02-font: var(--color-button-bordered-primary-02-font, #007574);
178
- $color-button-bordered-primary-02-focus-border: var(--color-button-bordered-primary-02-focus-border, #062b35);
179
- $color-button-bordered-primary-02-disabled-background: var(--color-button-bordered-primary-02-disabled-background, #dddcd5);
180
- $color-button-bordered-primary-02-disabled-font: var(--color-button-bordered-primary-02-disabled-font, #71706b);
181
- $color-button-bordered-primary-02-active-background: var(--color-button-bordered-primary-02-active-background, #a5d1cb);
182
- $color-button-bordered-primary-02-hover-background: var(--color-button-bordered-primary-02-hover-background, #dbedea);
183
- $color-button-bordered-neutral-background: var(--color-button-bordered-neutral-background, #ffffff);
184
- $color-button-bordered-neutral-border: var(--color-button-bordered-neutral-border, #3a3936);
185
- $color-button-bordered-neutral-font: var(--color-button-bordered-neutral-font, #3a3936);
186
- $color-button-bordered-neutral-focus-border: var(--color-button-bordered-neutral-focus-border, #1e1e1c);
187
- $color-button-bordered-neutral-disabled-background: var(--color-button-bordered-neutral-disabled-background, #dddcd5);
188
- $color-button-bordered-neutral-disabled-font: var(--color-button-bordered-neutral-disabled-font, #71706b);
189
- $color-button-bordered-neutral-active-background: var(--color-button-bordered-neutral-active-background, #dddcd5);
190
- $color-button-bordered-neutral-hover-background: var(--color-button-bordered-neutral-hover-background, #eeedea);
191
- $color-button-bordered-danger-background: var(--color-button-bordered-danger-background, #ffffff);
192
- $color-button-bordered-danger-border: var(--color-button-bordered-danger-border, #c61112);
193
- $color-button-bordered-danger-font: var(--color-button-bordered-danger-font, #c61112);
194
- $color-button-bordered-danger-focus-border: var(--color-button-bordered-danger-focus-border, #8c0003);
195
- $color-button-bordered-danger-disabled-background: var(--color-button-bordered-danger-disabled-background, #dddcd5);
196
- $color-button-bordered-danger-disabled-font: var(--color-button-bordered-danger-disabled-font, #71706b);
197
- $color-button-bordered-danger-active-background: var(--color-button-bordered-danger-active-background, #f8bcbb);
198
- $color-button-bordered-danger-hover-background: var(--color-button-bordered-danger-hover-background, #fdeaea);
199
- $color-divider-lightest: var(--color-divider-lightest, #ffffff);
200
- $color-divider-light: var(--color-divider-light, #c2c1ba);
201
- $color-divider-default: var(--color-divider-default, #71706b);
202
- $color-divider-dark: var(--color-divider-dark, #000000);
203
- $color-fields-error: var(--color-fields-error, #c61112);
204
- $color-fields-label: var(--color-fields-label, #3a3936);
205
- $color-fields-requirement: var(--color-fields-requirement, #71706b);
206
- $color-fields-help: var(--color-fields-help, #71706b);
207
- $color-fileuploader-font: var(--color-fileuploader-font, #000000);
208
- $color-fileuploader-files-list: var(--color-fileuploader-files-list, #eeedea);
209
- $color-fileuploader-files-delete: var(--color-fileuploader-files-delete, #dddcd5);
210
- $color-fileuploader-valid: var(--color-fileuploader-valid, #00919f);
211
- $color-fileuploader-alert: var(--color-fileuploader-alert, #c61112);
212
- $color-flag-solid-background: var(--color-flag-solid-background, #007f8c);
213
- $color-flag-solid-border: var(--color-flag-solid-border, #007f8c);
214
- $color-flag-solid-text: var(--color-flag-solid-text, #ffffff);
215
- $color-flag-solid-primary-02-background: var(--color-flag-solid-primary-02-background, #4b4a8c);
216
- $color-flag-solid-primary-02-border: var(--color-flag-solid-primary-02-border, #4b4a8c);
217
- $color-flag-solid-primary-02-text: var(--color-flag-solid-primary-02-text, #ffffff);
218
- $color-flag-solid-dark-background: var(--color-flag-solid-dark-background, #000000);
219
- $color-flag-solid-dark-border: var(--color-flag-solid-dark-border, #000000);
220
- $color-flag-solid-dark-text: var(--color-flag-solid-dark-text, #ffffff);
221
- $color-flag-solid-light-background: var(--color-flag-solid-light-background, #ffffff);
222
- $color-flag-solid-light-border: var(--color-flag-solid-light-border, #ffffff);
223
- $color-flag-solid-light-text: var(--color-flag-solid-light-text, #000000);
224
- $color-flag-solid-danger-background: var(--color-flag-solid-danger-background, #c61112);
225
- $color-flag-solid-danger-border: var(--color-flag-solid-danger-border, #c61112);
226
- $color-flag-solid-danger-text: var(--color-flag-solid-danger-text, #ffffff);
227
- $color-flag-bordered-background: var(--color-flag-bordered-background, #ffffff);
228
- $color-flag-bordered-border: var(--color-flag-bordered-border, #007f8c);
229
- $color-flag-bordered-text: var(--color-flag-bordered-text, #007f8c);
230
- $color-flag-bordered-primary-02-background: var(--color-flag-bordered-primary-02-background, #ffffff);
231
- $color-flag-bordered-primary-02-border: var(--color-flag-bordered-primary-02-border, #4b4a8c);
232
- $color-flag-bordered-primary-02-text: var(--color-flag-bordered-primary-02-text, #4b4a8c);
233
- $color-flag-bordered-dark-background: var(--color-flag-bordered-dark-background, #ffffff);
234
- $color-flag-bordered-dark-border: var(--color-flag-bordered-dark-border, #000000);
235
- $color-flag-bordered-dark-text: var(--color-flag-bordered-dark-text, #000000);
236
- $color-flag-bordered-light-background: var(--color-flag-bordered-light-background, #000000);
237
- $color-flag-bordered-light-border: var(--color-flag-bordered-light-border, #ffffff);
238
- $color-flag-bordered-light-text: var(--color-flag-bordered-light-text, #ffffff);
239
- $color-flag-bordered-danger-background: var(--color-flag-bordered-danger-background, #ffffff);
240
- $color-flag-bordered-danger-border: var(--color-flag-bordered-danger-border, #c61112);
241
- $color-flag-bordered-danger-text: var(--color-flag-bordered-danger-text, #c61112);
242
- $color-focus-gap: var(--color-focus-gap, #ffffff);
243
- $color-focus-border: var(--color-focus-border, #758992);
244
- $color-font-primary-01: var(--color-font-primary-01, #007f8c);
245
- $color-font-primary-02: var(--color-font-primary-02, #007574);
246
- $color-font-darkest: var(--color-font-darkest, #000000);
247
- $color-font-darker: var(--color-font-darker, #1e1e1c);
248
- $color-font-dark: var(--color-font-dark, #3a3936);
249
- $color-font-light: var(--color-font-light, #71706b);
250
- $color-font-lightest: var(--color-font-lightest, #ffffff);
251
- $color-font-info: var(--color-font-info, #007bb4);
252
- $color-font-success: var(--color-font-success, #188803);
253
- $color-font-warning: var(--color-font-warning, #c65200);
254
- $color-font-danger: var(--color-font-danger, #c61112);
255
- $color-input-text: var(--color-input-text, #1e1e1c);
256
- $color-input-border: var(--color-input-border, #71706b);
257
- $color-input-placeholder: var(--color-input-placeholder, #8c8b85);
258
- $color-input-background: var(--color-input-background, #ffffff);
259
- $color-input-disabled-border: var(--color-input-disabled-border, #eeedea);
260
- $color-input-disabled-background: var(--color-input-disabled-background, #eeedea);
261
- $color-input-disabled-icon: var(--color-input-disabled-icon, #a7a6a0);
262
- $color-input-hover-border: var(--color-input-hover-border, #1e1e1c);
263
- $color-input-focus-border: var(--color-input-focus-border, #758992);
264
- $color-input-valid-border: var(--color-input-valid-border, #46a610);
265
- $color-input-valid-hover-border: var(--color-input-valid-hover-border, #035010);
266
- $color-input-invalid-border: var(--color-input-invalid-border, #c61112);
267
- $color-input-invalid-hover-border: var(--color-input-invalid-hover-border, #530000);
268
- $color-input-checked-border: var(--color-input-checked-border, #00919f);
269
- $color-input-checked-background: var(--color-input-checked-background, #00919f);
270
- $color-input-checked-icon: var(--color-input-checked-icon, #ffffff);
271
- $color-input-checked-hover-border: var(--color-input-checked-hover-border, #004e57);
272
- $color-link-dark-base: var(--color-link-dark-base, #000000);
273
- $color-link-dark-visited: var(--color-link-dark-visited, #3a3936);
274
- $color-link-dark-active: var(--color-link-dark-active, #3a3936);
275
- $color-link-dark-disabled: var(--color-link-dark-disabled, #eeedea);
276
- $color-link-dark-hover: var(--color-link-dark-hover, #71706b);
277
- $color-link-light-base: var(--color-link-light-base, #ffffff);
278
- $color-link-light-visited: var(--color-link-light-visited, #dddcd5);
279
- $color-link-light-active: var(--color-link-light-active, #dddcd5);
280
- $color-link-light-disabled: var(--color-link-light-disabled, #eeedea);
281
- $color-link-light-hover: var(--color-link-light-hover, #a7a6a0);
282
- $color-link-primary-base: var(--color-link-primary-base, #007f8c);
283
- $color-link-primary-visited: var(--color-link-primary-visited, #006974);
284
- $color-link-primary-active: var(--color-link-primary-active, #006974);
285
- $color-link-primary-disabled: var(--color-link-primary-disabled, #eeedea);
286
- $color-link-primary-hover: var(--color-link-primary-hover, #004e57);
287
- $color-link-primary-02-base: var(--color-link-primary-02-base, #035f64);
288
- $color-link-primary-02-visited: var(--color-link-primary-02-visited, #044c53);
289
- $color-link-primary-02-active: var(--color-link-primary-02-active, #044c53);
290
- $color-link-primary-02-disabled: var(--color-link-primary-02-disabled, #eeedea);
291
- $color-link-primary-02-hover: var(--color-link-primary-02-hover, #062b35);
292
- $color-link-danger-base: var(--color-link-danger-base, #c61112);
293
- $color-link-danger-visited: var(--color-link-danger-visited, #8c0003);
294
- $color-link-danger-active: var(--color-link-danger-active, #8c0003);
295
- $color-link-danger-disabled: var(--color-link-danger-disabled, #eeedea);
296
- $color-link-danger-hover: var(--color-link-danger-hover, #530000);
297
- $color-notification-font: var(--color-notification-font, #000000);
298
- $color-notification-information-background: var(--color-notification-information-background, #daeff7);
299
- $color-notification-information-border: var(--color-notification-information-border, #0b96cc);
300
- $color-notification-information-icon: var(--color-notification-information-icon, #007bb4);
301
- $color-notification-success-background: var(--color-notification-success-background, #ebf5de);
302
- $color-notification-success-border: var(--color-notification-success-border, #46a610);
303
- $color-notification-success-icon: var(--color-notification-success-icon, #188803);
304
- $color-notification-warning-background: var(--color-notification-warning-background, #fdf1e8);
305
- $color-notification-warning-border: var(--color-notification-warning-border, #ea7315);
306
- $color-notification-warning-icon: var(--color-notification-warning-icon, #c65200);
307
- $color-notification-danger-background: var(--color-notification-danger-background, #fdeaea);
308
- $color-notification-danger-border: var(--color-notification-danger-border, #ea302d);
309
- $color-notification-danger-icon: var(--color-notification-danger-icon, #c61112);
310
- $color-progress-background: var(--color-progress-background, #dddcd5);
311
- $color-progress-indicator: var(--color-progress-indicator, #007bb4);
312
- $color-progress-percentage-default: var(--color-progress-percentage-default, #1e1e1c);
313
- $color-progress-percentage-half: var(--color-progress-percentage-half, #ffffff);
314
- $color-progress-branded-indicator: var(--color-progress-branded-indicator, #00919f);
315
- $color-star-empty: var(--color-star-empty, #dddcd5);
316
- $color-star-focus: var(--color-star-focus, #758992);
317
- $color-star-full: var(--color-star-full, #ea7315);
318
- $color-star-hover: var(--color-star-hover, #f4b27e);
319
- $color-tabs-background: var(--color-tabs-background, #ffffff);
320
- $color-tabs-shadow: var(--color-tabs-shadow, #000000);
321
- $color-tabs-default: var(--color-tabs-default, #1e1e1c);
322
- $color-tabs-hover: var(--color-tabs-hover, #004e57);
323
- $color-tabs-disabled: var(--color-tabs-disabled, #71706b);
324
- $color-tabs-active: var(--color-tabs-active, #007f8c);
325
- $color-tabs-active-disabled: var(--color-tabs-active-disabled, #91d5db);
326
- $color-tag-text-light-background: var(--color-tag-text-light-background, #ffffff);
327
- $color-tag-text-light-border: var(--color-tag-text-light-border, #8c8b85);
328
- $color-tag-text-light-text: var(--color-tag-text-light-text, #1e1e1c);
329
- $color-tag-text-dark-background: var(--color-tag-text-dark-background, #1e1e1c);
330
- $color-tag-text-dark-border: var(--color-tag-text-dark-border, #ffffff);
331
- $color-tag-text-dark-text: var(--color-tag-text-dark-text, #ffffff);
332
- $color-tag-link-light-background: var(--color-tag-link-light-background, #ffffff);
333
- $color-tag-link-light-border: var(--color-tag-link-light-border, #8c8b85);
334
- $color-tag-link-light-text: var(--color-tag-link-light-text, #1e1e1c);
335
- $color-tag-link-light-hover-background: var(--color-tag-link-light-hover-background, #eeedea);
336
- $color-tag-link-light-active-background: var(--color-tag-link-light-active-background, #dddcd5);
337
- $color-tag-link-dark-background: var(--color-tag-link-dark-background, #1e1e1c);
338
- $color-tag-link-dark-border: var(--color-tag-link-dark-border, #ffffff);
339
- $color-tag-link-dark-text: var(--color-tag-link-dark-text, #ffffff);
340
- $color-tag-link-dark-hover-background: var(--color-tag-link-dark-hover-background, #3a3936);
341
- $color-tag-link-dark-active-background: var(--color-tag-link-dark-active-background, #555550);
342
- $color-tag-selectable-light-background: var(--color-tag-selectable-light-background, #ffffff);
343
- $color-tag-selectable-light-border: var(--color-tag-selectable-light-border, #8c8b85);
344
- $color-tag-selectable-light-text: var(--color-tag-selectable-light-text, #1e1e1c);
345
- $color-tag-selectable-light-hover-background: var(--color-tag-selectable-light-hover-background, #48bac4);
346
- $color-tag-selectable-light-active-background: var(--color-tag-selectable-light-active-background, #004e57);
347
- $color-tag-selectable-light-active-border: var(--color-tag-selectable-light-active-border, #004e57);
348
- $color-tag-selectable-light-active-text: var(--color-tag-selectable-light-active-text, #ffffff);
349
- $color-tag-selectable-light-disabled-background: var(--color-tag-selectable-light-disabled-background, #eeedea);
350
- $color-tag-selectable-light-disabled-text: var(--color-tag-selectable-light-disabled-text, #8c8b85);
351
- $color-tag-selectable-light-selected-background: var(--color-tag-selectable-light-selected-background, #007f8c);
352
- $color-tag-selectable-light-selected-text: var(--color-tag-selectable-light-selected-text, #ffffff);
353
- $color-tag-selectable-light-selected-hover-background: var(--color-tag-selectable-light-selected-hover-background, #006974);
354
- $color-tag-selectable-dark-background: var(--color-tag-selectable-dark-background, #1e1e1c);
355
- $color-tag-selectable-dark-border: var(--color-tag-selectable-dark-border, #ffffff);
356
- $color-tag-selectable-dark-text: var(--color-tag-selectable-dark-text, #ffffff);
357
- $color-tag-selectable-dark-hover-background: var(--color-tag-selectable-dark-hover-background, #006974);
358
- $color-tag-selectable-dark-active-background: var(--color-tag-selectable-dark-active-background, #91d5db);
359
- $color-tag-selectable-dark-active-border: var(--color-tag-selectable-dark-active-border, #91d5db);
360
- $color-tag-selectable-dark-active-text: var(--color-tag-selectable-dark-active-text, #1e1e1c);
361
- $color-tag-selectable-dark-selected-background: var(--color-tag-selectable-dark-selected-background, #009eac);
362
- $color-tag-selectable-dark-selected-border: var(--color-tag-selectable-dark-selected-border, #009eac);
363
- $color-tag-selectable-dark-selected-text: var(--color-tag-selectable-dark-selected-text, #1e1e1c);
364
- $color-tag-selectable-dark-selected-hover-background: var(--color-tag-selectable-dark-selected-hover-background, #48bac4);
365
- $color-tag-selectable-dark-disabled-background: var(--color-tag-selectable-dark-disabled-background, #555550);
366
- $color-tag-selectable-dark-disabled-text: var(--color-tag-selectable-dark-disabled-text, #8c8b85);
367
- $color-tag-removable-light-background: var(--color-tag-removable-light-background, #3a3936);
368
- $color-tag-removable-light-text: var(--color-tag-removable-light-text, #ffffff);
369
- $color-tag-removable-light-icon: var(--color-tag-removable-light-icon, #dddcd5);
370
- $color-tag-removable-light-hover-background: var(--color-tag-removable-light-hover-background, #555550);
371
- $color-tag-removable-light-active-background: var(--color-tag-removable-light-active-background, #71706b);
372
- $color-tag-removable-dark-background: var(--color-tag-removable-dark-background, #dddcd5);
373
- $color-tag-removable-dark-text: var(--color-tag-removable-dark-text, #1e1e1c);
374
- $color-tag-removable-dark-icon: var(--color-tag-removable-dark-icon, #1e1e1c);
375
- $color-tag-removable-dark-hover-background: var(--color-tag-removable-dark-hover-background, #c2c1ba);
376
- $color-tag-removable-dark-active-background: var(--color-tag-removable-dark-active-background, #a7a6a0);
377
- $color-toggle-off-background: var(--color-toggle-off-background, #71706b);
378
- $color-toggle-off-circle: var(--color-toggle-off-circle, #ffffff);
379
- $color-toggle-on-background: var(--color-toggle-on-background, #00919f);
380
- $color-toggle-on-circle: var(--color-toggle-on-circle, #ffffff);
381
- $color-toggle-hover-circle: var(--color-toggle-hover-circle, #eeedea);
382
- $color-toggle-disabled-background: var(--color-toggle-disabled-background, #eeedea);
383
- $color-toggle-disabled-circle: var(--color-toggle-disabled-circle, #c2c1ba);
384
- $color-toggle-disabled-checked-background: var(--color-toggle-disabled-checked-background, #91d5db);
385
- $color-toggle-disabled-checked-circle: var(--color-toggle-disabled-checked-circle, #ffffff);