@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/js/tokens.js DELETED
@@ -1,483 +0,0 @@
1
- export const BorderS = 1;
2
- export const BorderM = 2;
3
- export const BorderL = 3;
4
- export const ColorBadgeInfoBackground = "#daeff7";
5
- export const ColorBadgeInfoBorder = "#0b96cc";
6
- export const ColorBadgeInfoText = "#005c91";
7
- export const ColorBadgeSuccessBackground = "#ebf5de";
8
- export const ColorBadgeSuccessBorder = "#46a610";
9
- export const ColorBadgeSuccessText = "#006902";
10
- export const ColorBadgeWarningBackground = "#fdf1e8";
11
- export const ColorBadgeWarningBorder = "#ea7315";
12
- export const ColorBadgeWarningText = "#8c3500";
13
- export const ColorBadgeDangerBackground = "#fdeaea";
14
- export const ColorBadgeDangerBorder = "#ea302d";
15
- export const ColorBadgeDangerText = "#8c0003";
16
- export const ColorBadgeNeutralBackground = "#eeedea";
17
- export const ColorBadgeNeutralBorder = "#8c8b85";
18
- export const ColorBadgeNeutralText = "#555550";
19
- export const ColorPrimary01100 = "#d9f0f3";
20
- export const ColorPrimary01200 = "#91d5db";
21
- export const ColorPrimary01300 = "#48bac4";
22
- export const ColorPrimary01400 = "#009eac";
23
- export const ColorPrimary01500 = "#00919f";
24
- export const ColorPrimary01600 = "#007f8c";
25
- export const ColorPrimary01700 = "#006974";
26
- export const ColorPrimary01800 = "#004e57";
27
- export const ColorPrimary01900 = "#002e33";
28
- export const ColorPrimary02100 = "#dbedea";
29
- export const ColorPrimary02200 = "#a5d1cb";
30
- export const ColorPrimary02300 = "#6eb4ad";
31
- export const ColorPrimary02400 = "#379590";
32
- export const ColorPrimary02500 = "#007574";
33
- export const ColorPrimary02600 = "#035f64";
34
- export const ColorPrimary02700 = "#044c53";
35
- export const ColorPrimary02800 = "#063a44";
36
- export const ColorPrimary02900 = "#062b35";
37
- export const ColorGrey100 = "#eeedea";
38
- export const ColorGrey200 = "#dddcd5";
39
- export const ColorGrey300 = "#c2c1ba";
40
- export const ColorGrey400 = "#a7a6a0";
41
- export const ColorGrey500 = "#8c8b85";
42
- export const ColorGrey600 = "#71706b";
43
- export const ColorGrey700 = "#555550";
44
- export const ColorGrey800 = "#3a3936";
45
- export const ColorGrey900 = "#1e1e1c";
46
- export const ColorGrey999 = "#000000";
47
- export const ColorGrey000 = "#ffffff";
48
- export const ColorSecondaryBlue100 = "#eaedef";
49
- export const ColorSecondaryBlue200 = "#cdd4d8";
50
- export const ColorSecondaryBlue300 = "#b0bbc0";
51
- export const ColorSecondaryBlue400 = "#92a2a9";
52
- export const ColorSecondaryBlue500 = "#758992";
53
- export const ColorSecondaryBlue600 = "#5b737d";
54
- export const ColorSecondaryBlue700 = "#405d68";
55
- export const ColorSecondaryBlue800 = "#264653";
56
- export const ColorSecondaryBlue900 = "#082435";
57
- export const ColorSecondaryGreen100 = "#d9f0f3";
58
- export const ColorSecondaryGreen200 = "#91d5db";
59
- export const ColorSecondaryGreen300 = "#48bac4";
60
- export const ColorSecondaryGreen400 = "#009eac";
61
- export const ColorSecondaryGreen500 = "#00919f";
62
- export const ColorSecondaryGreen600 = "#007f8c";
63
- export const ColorSecondaryGreen700 = "#006974";
64
- export const ColorSecondaryGreen800 = "#004e57";
65
- export const ColorSecondaryGreen900 = "#002e33";
66
- export const ColorSecondaryPurple100 = "#e7e7f0";
67
- export const ColorSecondaryPurple200 = "#c5c5dc";
68
- export const ColorSecondaryPurple300 = "#a4a3c7";
69
- export const ColorSecondaryPurple400 = "#8281b2";
70
- export const ColorSecondaryPurple500 = "#605f9d";
71
- export const ColorSecondaryPurple600 = "#4b4a8c";
72
- export const ColorSecondaryPurple700 = "#393879";
73
- export const ColorSecondaryPurple800 = "#282863";
74
- export const ColorSecondaryPurple900 = "#1a1a4b";
75
- export const ColorSecondaryRed100 = "#fdeaea";
76
- export const ColorSecondaryRed200 = "#f8bcbb";
77
- export const ColorSecondaryRed300 = "#f38d8c";
78
- export const ColorSecondaryRed400 = "#ef5f5c";
79
- export const ColorSecondaryRed500 = "#ea302d";
80
- export const ColorSecondaryRed600 = "#c61112";
81
- export const ColorSecondaryRed700 = "#8c0003";
82
- export const ColorSecondaryRed800 = "#530000";
83
- export const ColorSecondaryRed900 = "#2d0000";
84
- export const ColorSecondaryOrange100 = "#fdf1e8";
85
- export const ColorSecondaryOrange200 = "#f8d2b3";
86
- export const ColorSecondaryOrange300 = "#f4b27e";
87
- export const ColorSecondaryOrange400 = "#ef934a";
88
- export const ColorSecondaryOrange500 = "#ea7315";
89
- export const ColorSecondaryOrange600 = "#c65200";
90
- export const ColorSecondaryOrange700 = "#8c3500";
91
- export const ColorSecondaryOrange800 = "#531b00";
92
- export const ColorSecondaryOrange900 = "#360e00";
93
- export const ColorSecondaryYellow100 = "#fff8e2";
94
- export const ColorSecondaryYellow200 = "#ffebaf";
95
- export const ColorSecondaryYellow300 = "#fee07d";
96
- export const ColorSecondaryYellow400 = "#fcd64c";
97
- export const ColorSecondaryYellow500 = "#f8cc1c";
98
- export const ColorSecondaryYellow600 = "#c9a21b";
99
- export const ColorSecondaryYellow700 = "#9c7b18";
100
- export const ColorSecondaryYellow800 = "#705613";
101
- export const ColorSecondaryYellow900 = "#46350d";
102
- export const ColorDanger100 = "#fdeaea";
103
- export const ColorDanger200 = "#f8bcbb";
104
- export const ColorDanger300 = "#f38d8c";
105
- export const ColorDanger400 = "#ef5f5c";
106
- export const ColorDanger500 = "#ea302d";
107
- export const ColorDanger600 = "#c61112";
108
- export const ColorDanger700 = "#8c0003";
109
- export const ColorDanger800 = "#530000";
110
- export const ColorDanger900 = "#2d0000";
111
- export const ColorInfo100 = "#daeff7";
112
- export const ColorInfo200 = "#a7d9ed";
113
- export const ColorInfo300 = "#73c3e2";
114
- export const ColorInfo400 = "#3facd7";
115
- export const ColorInfo500 = "#0b96cc";
116
- export const ColorInfo600 = "#007bb4";
117
- export const ColorInfo700 = "#005c91";
118
- export const ColorInfo800 = "#003a5c";
119
- export const ColorInfo900 = "#002a41";
120
- export const ColorWarning100 = "#fdf1e8";
121
- export const ColorWarning200 = "#f8d2b3";
122
- export const ColorWarning300 = "#f4b27e";
123
- export const ColorWarning400 = "#ef934a";
124
- export const ColorWarning500 = "#ea7315";
125
- export const ColorWarning600 = "#c65200";
126
- export const ColorWarning700 = "#8c3500";
127
- export const ColorWarning800 = "#531b00";
128
- export const ColorWarning900 = "#360e00";
129
- export const ColorSuccess100 = "#ebf5de";
130
- export const ColorSuccess200 = "#c5e39e";
131
- export const ColorSuccess300 = "#9ed05f";
132
- export const ColorSuccess400 = "#78be20";
133
- export const ColorSuccess500 = "#46a610";
134
- export const ColorSuccess600 = "#188803";
135
- export const ColorSuccess700 = "#006902";
136
- export const ColorSuccess800 = "#035010";
137
- export const ColorSuccess900 = "#023618";
138
- export const ColorButtonSolidBackground = "#007f8c";
139
- export const ColorButtonSolidFont = "#ffffff";
140
- export const ColorButtonSolidFocusBorder = "#006974";
141
- export const ColorButtonSolidDisabledBackground = "#dddcd5";
142
- export const ColorButtonSolidDisabledFont = "#71706b";
143
- export const ColorButtonSolidActiveBackground = "#006974";
144
- export const ColorButtonSolidHoverBackground = "#006974";
145
- export const ColorButtonSolidHoverFont = "#ffffff";
146
- export const ColorButtonSolidPrimary02Background = "#007574";
147
- export const ColorButtonSolidPrimary02Font = "#ffffff";
148
- export const ColorButtonSolidPrimary02FocusBorder = "#062b35";
149
- export const ColorButtonSolidPrimary02DisabledBackground = "#dddcd5";
150
- export const ColorButtonSolidPrimary02DisabledFont = "#71706b";
151
- export const ColorButtonSolidPrimary02ActiveBackground = "#062b35";
152
- export const ColorButtonSolidPrimary02HoverBackground = "#063a44";
153
- export const ColorButtonSolidPrimary02HoverFont = "#ffffff";
154
- export const ColorButtonSolidNeutralBackground = "#3a3936";
155
- export const ColorButtonSolidNeutralFont = "#ffffff";
156
- export const ColorButtonSolidNeutralFocusBorder = "#1e1e1c";
157
- export const ColorButtonSolidNeutralDisabledBackground = "#dddcd5";
158
- export const ColorButtonSolidNeutralDisabledFont = "#71706b";
159
- export const ColorButtonSolidNeutralActiveBackground = "#3a3936";
160
- export const ColorButtonSolidNeutralHoverBackground = "#1e1e1c";
161
- export const ColorButtonSolidNeutralHoverFont = "#ffffff";
162
- export const ColorButtonSolidDangerBackground = "#c61112";
163
- export const ColorButtonSolidDangerFont = "#ffffff";
164
- export const ColorButtonSolidDangerFocusBorder = "#8c0003";
165
- export const ColorButtonSolidDangerDisabledBackground = "#dddcd5";
166
- export const ColorButtonSolidDangerDisabledFont = "#71706b";
167
- export const ColorButtonSolidDangerActiveBackground = "#8c0003";
168
- export const ColorButtonSolidDangerHoverBackground = "#8c0003";
169
- export const ColorButtonSolidDangerHoverFont = "#ffffff";
170
- export const ColorButtonBorderedBackground = "#ffffff";
171
- export const ColorButtonBorderedBorder = "#007f8c";
172
- export const ColorButtonBorderedFont = "#007f8c";
173
- export const ColorButtonBorderedFocusBorder = "#006974";
174
- export const ColorButtonBorderedDisabledBackground = "#dddcd5";
175
- export const ColorButtonBorderedDisabledFont = "#71706b";
176
- export const ColorButtonBorderedActiveBackground = "#91d5db";
177
- export const ColorButtonBorderedHoverBackground = "#d9f0f3";
178
- export const ColorButtonBorderedPrimary02Background = "#ffffff";
179
- export const ColorButtonBorderedPrimary02Border = "#007574";
180
- export const ColorButtonBorderedPrimary02Font = "#007574";
181
- export const ColorButtonBorderedPrimary02FocusBorder = "#062b35";
182
- export const ColorButtonBorderedPrimary02DisabledBackground = "#dddcd5";
183
- export const ColorButtonBorderedPrimary02DisabledFont = "#71706b";
184
- export const ColorButtonBorderedPrimary02ActiveBackground = "#a5d1cb";
185
- export const ColorButtonBorderedPrimary02HoverBackground = "#dbedea";
186
- export const ColorButtonBorderedNeutralBackground = "#ffffff";
187
- export const ColorButtonBorderedNeutralBorder = "#3a3936";
188
- export const ColorButtonBorderedNeutralFont = "#3a3936";
189
- export const ColorButtonBorderedNeutralFocusBorder = "#1e1e1c";
190
- export const ColorButtonBorderedNeutralDisabledBackground = "#dddcd5";
191
- export const ColorButtonBorderedNeutralDisabledFont = "#71706b";
192
- export const ColorButtonBorderedNeutralActiveBackground = "#dddcd5";
193
- export const ColorButtonBorderedNeutralHoverBackground = "#eeedea";
194
- export const ColorButtonBorderedDangerBackground = "#ffffff";
195
- export const ColorButtonBorderedDangerBorder = "#c61112";
196
- export const ColorButtonBorderedDangerFont = "#c61112";
197
- export const ColorButtonBorderedDangerFocusBorder = "#8c0003";
198
- export const ColorButtonBorderedDangerDisabledBackground = "#dddcd5";
199
- export const ColorButtonBorderedDangerDisabledFont = "#71706b";
200
- export const ColorButtonBorderedDangerActiveBackground = "#f8bcbb";
201
- export const ColorButtonBorderedDangerHoverBackground = "#fdeaea";
202
- export const ColorDividerLightest = "#ffffff";
203
- export const ColorDividerLight = "#c2c1ba";
204
- export const ColorDividerDefault = "#71706b";
205
- export const ColorDividerDark = "#000000";
206
- export const ColorFieldsError = "#c61112";
207
- export const ColorFieldsLabel = "#3a3936";
208
- export const ColorFieldsRequirement = "#71706b";
209
- export const ColorFieldsHelp = "#71706b";
210
- export const ColorFileuploaderFont = "#000000";
211
- export const ColorFileuploaderFilesList = "#eeedea";
212
- export const ColorFileuploaderFilesDelete = "#dddcd5";
213
- export const ColorFileuploaderValid = "#00919f";
214
- export const ColorFileuploaderAlert = "#c61112";
215
- export const ColorFlagSolidBackground = "#007f8c";
216
- export const ColorFlagSolidBorder = "#007f8c";
217
- export const ColorFlagSolidText = "#ffffff";
218
- export const ColorFlagSolidPrimary02Background = "#4b4a8c";
219
- export const ColorFlagSolidPrimary02Border = "#4b4a8c";
220
- export const ColorFlagSolidPrimary02Text = "#ffffff";
221
- export const ColorFlagSolidDarkBackground = "#000000";
222
- export const ColorFlagSolidDarkBorder = "#000000";
223
- export const ColorFlagSolidDarkText = "#ffffff";
224
- export const ColorFlagSolidLightBackground = "#ffffff";
225
- export const ColorFlagSolidLightBorder = "#ffffff";
226
- export const ColorFlagSolidLightText = "#000000";
227
- export const ColorFlagSolidDangerBackground = "#c61112";
228
- export const ColorFlagSolidDangerBorder = "#c61112";
229
- export const ColorFlagSolidDangerText = "#ffffff";
230
- export const ColorFlagBorderedBackground = "#ffffff";
231
- export const ColorFlagBorderedBorder = "#007f8c";
232
- export const ColorFlagBorderedText = "#007f8c";
233
- export const ColorFlagBorderedPrimary02Background = "#ffffff";
234
- export const ColorFlagBorderedPrimary02Border = "#4b4a8c";
235
- export const ColorFlagBorderedPrimary02Text = "#4b4a8c";
236
- export const ColorFlagBorderedDarkBackground = "#ffffff";
237
- export const ColorFlagBorderedDarkBorder = "#000000";
238
- export const ColorFlagBorderedDarkText = "#000000";
239
- export const ColorFlagBorderedLightBackground = "#000000";
240
- export const ColorFlagBorderedLightBorder = "#ffffff";
241
- export const ColorFlagBorderedLightText = "#ffffff";
242
- export const ColorFlagBorderedDangerBackground = "#ffffff";
243
- export const ColorFlagBorderedDangerBorder = "#c61112";
244
- export const ColorFlagBorderedDangerText = "#c61112";
245
- export const ColorFocusGap = "#ffffff";
246
- export const ColorFocusBorder = "#758992";
247
- export const ColorFontPrimary01 = "#007f8c";
248
- export const ColorFontPrimary02 = "#007574";
249
- export const ColorFontDarkest = "#000000";
250
- export const ColorFontDarker = "#1e1e1c";
251
- export const ColorFontDark = "#3a3936";
252
- export const ColorFontLight = "#71706b";
253
- export const ColorFontLightest = "#ffffff";
254
- export const ColorFontInfo = "#007bb4";
255
- export const ColorFontSuccess = "#188803";
256
- export const ColorFontWarning = "#c65200";
257
- export const ColorFontDanger = "#c61112";
258
- export const ColorInputText = "#1e1e1c";
259
- export const ColorInputBorder = "#71706b";
260
- export const ColorInputPlaceholder = "#8c8b85";
261
- export const ColorInputBackground = "#ffffff";
262
- export const ColorInputDisabledBorder = "#eeedea";
263
- export const ColorInputDisabledBackground = "#eeedea";
264
- export const ColorInputDisabledIcon = "#a7a6a0";
265
- export const ColorInputHoverBorder = "#1e1e1c";
266
- export const ColorInputFocusBorder = "#758992";
267
- export const ColorInputValidBorder = "#46a610";
268
- export const ColorInputValidHoverBorder = "#035010";
269
- export const ColorInputInvalidBorder = "#c61112";
270
- export const ColorInputInvalidHoverBorder = "#530000";
271
- export const ColorInputCheckedBorder = "#00919f";
272
- export const ColorInputCheckedBackground = "#00919f";
273
- export const ColorInputCheckedIcon = "#ffffff";
274
- export const ColorInputCheckedHoverBorder = "#004e57";
275
- export const ColorLinkDarkBase = "#000000";
276
- export const ColorLinkDarkVisited = "#3a3936";
277
- export const ColorLinkDarkActive = "#3a3936";
278
- export const ColorLinkDarkDisabled = "#eeedea";
279
- export const ColorLinkDarkHover = "#71706b";
280
- export const ColorLinkLightBase = "#ffffff";
281
- export const ColorLinkLightVisited = "#dddcd5";
282
- export const ColorLinkLightActive = "#dddcd5";
283
- export const ColorLinkLightDisabled = "#eeedea";
284
- export const ColorLinkLightHover = "#a7a6a0";
285
- export const ColorLinkPrimaryBase = "#007f8c";
286
- export const ColorLinkPrimaryVisited = "#006974";
287
- export const ColorLinkPrimaryActive = "#006974";
288
- export const ColorLinkPrimaryDisabled = "#eeedea";
289
- export const ColorLinkPrimaryHover = "#004e57";
290
- export const ColorLinkPrimary02Base = "#035f64";
291
- export const ColorLinkPrimary02Visited = "#044c53";
292
- export const ColorLinkPrimary02Active = "#044c53";
293
- export const ColorLinkPrimary02Disabled = "#eeedea";
294
- export const ColorLinkPrimary02Hover = "#062b35";
295
- export const ColorLinkDangerBase = "#c61112";
296
- export const ColorLinkDangerVisited = "#8c0003";
297
- export const ColorLinkDangerActive = "#8c0003";
298
- export const ColorLinkDangerDisabled = "#eeedea";
299
- export const ColorLinkDangerHover = "#530000";
300
- export const ColorNotificationFont = "#000000";
301
- export const ColorNotificationInformationBackground = "#daeff7";
302
- export const ColorNotificationInformationBorder = "#0b96cc";
303
- export const ColorNotificationInformationIcon = "#007bb4";
304
- export const ColorNotificationSuccessBackground = "#ebf5de";
305
- export const ColorNotificationSuccessBorder = "#46a610";
306
- export const ColorNotificationSuccessIcon = "#188803";
307
- export const ColorNotificationWarningBackground = "#fdf1e8";
308
- export const ColorNotificationWarningBorder = "#ea7315";
309
- export const ColorNotificationWarningIcon = "#c65200";
310
- export const ColorNotificationDangerBackground = "#fdeaea";
311
- export const ColorNotificationDangerBorder = "#ea302d";
312
- export const ColorNotificationDangerIcon = "#c61112";
313
- export const ColorProgressBackground = "#dddcd5";
314
- export const ColorProgressIndicator = "#007bb4";
315
- export const ColorProgressPercentageDefault = "#1e1e1c";
316
- export const ColorProgressPercentageHalf = "#ffffff";
317
- export const ColorProgressBrandedIndicator = "#00919f";
318
- export const ColorStarEmpty = "#dddcd5";
319
- export const ColorStarFocus = "#758992";
320
- export const ColorStarFull = "#ea7315";
321
- export const ColorStarHover = "#f4b27e";
322
- export const ColorTabsBackground = "#ffffff";
323
- export const ColorTabsShadow = "#000000";
324
- export const ColorTabsDefault = "#1e1e1c";
325
- export const ColorTabsHover = "#004e57";
326
- export const ColorTabsDisabled = "#71706b";
327
- export const ColorTabsActive = "#007f8c";
328
- export const ColorTabsActiveDisabled = "#91d5db";
329
- export const ColorTagTextLightBackground = "#ffffff";
330
- export const ColorTagTextLightBorder = "#8c8b85";
331
- export const ColorTagTextLightText = "#1e1e1c";
332
- export const ColorTagTextDarkBackground = "#1e1e1c";
333
- export const ColorTagTextDarkBorder = "#ffffff";
334
- export const ColorTagTextDarkText = "#ffffff";
335
- export const ColorTagLinkLightBackground = "#ffffff";
336
- export const ColorTagLinkLightBorder = "#8c8b85";
337
- export const ColorTagLinkLightText = "#1e1e1c";
338
- export const ColorTagLinkLightHoverBackground = "#eeedea";
339
- export const ColorTagLinkLightActiveBackground = "#dddcd5";
340
- export const ColorTagLinkDarkBackground = "#1e1e1c";
341
- export const ColorTagLinkDarkBorder = "#ffffff";
342
- export const ColorTagLinkDarkText = "#ffffff";
343
- export const ColorTagLinkDarkHoverBackground = "#3a3936";
344
- export const ColorTagLinkDarkActiveBackground = "#555550";
345
- export const ColorTagSelectableLightBackground = "#ffffff";
346
- export const ColorTagSelectableLightBorder = "#8c8b85";
347
- export const ColorTagSelectableLightText = "#1e1e1c";
348
- export const ColorTagSelectableLightHoverBackground = "#48bac4";
349
- export const ColorTagSelectableLightActiveBackground = "#004e57";
350
- export const ColorTagSelectableLightActiveBorder = "#004e57";
351
- export const ColorTagSelectableLightActiveText = "#ffffff";
352
- export const ColorTagSelectableLightDisabledBackground = "#eeedea";
353
- export const ColorTagSelectableLightDisabledText = "#8c8b85";
354
- export const ColorTagSelectableLightSelectedBackground = "#007f8c";
355
- export const ColorTagSelectableLightSelectedText = "#ffffff";
356
- export const ColorTagSelectableLightSelectedHoverBackground = "#006974";
357
- export const ColorTagSelectableDarkBackground = "#1e1e1c";
358
- export const ColorTagSelectableDarkBorder = "#ffffff";
359
- export const ColorTagSelectableDarkText = "#ffffff";
360
- export const ColorTagSelectableDarkHoverBackground = "#006974";
361
- export const ColorTagSelectableDarkActiveBackground = "#91d5db";
362
- export const ColorTagSelectableDarkActiveBorder = "#91d5db";
363
- export const ColorTagSelectableDarkActiveText = "#1e1e1c";
364
- export const ColorTagSelectableDarkSelectedBackground = "#009eac";
365
- export const ColorTagSelectableDarkSelectedBorder = "#009eac";
366
- export const ColorTagSelectableDarkSelectedText = "#1e1e1c";
367
- export const ColorTagSelectableDarkSelectedHoverBackground = "#48bac4";
368
- export const ColorTagSelectableDarkDisabledBackground = "#555550";
369
- export const ColorTagSelectableDarkDisabledText = "#8c8b85";
370
- export const ColorTagRemovableLightBackground = "#3a3936";
371
- export const ColorTagRemovableLightText = "#ffffff";
372
- export const ColorTagRemovableLightIcon = "#dddcd5";
373
- export const ColorTagRemovableLightHoverBackground = "#555550";
374
- export const ColorTagRemovableLightActiveBackground = "#71706b";
375
- export const ColorTagRemovableDarkBackground = "#dddcd5";
376
- export const ColorTagRemovableDarkText = "#1e1e1c";
377
- export const ColorTagRemovableDarkIcon = "#1e1e1c";
378
- export const ColorTagRemovableDarkHoverBackground = "#c2c1ba";
379
- export const ColorTagRemovableDarkActiveBackground = "#a7a6a0";
380
- export const ColorToggleOffBackground = "#71706b";
381
- export const ColorToggleOffCircle = "#ffffff";
382
- export const ColorToggleOnBackground = "#00919f";
383
- export const ColorToggleOnCircle = "#ffffff";
384
- export const ColorToggleHoverCircle = "#eeedea";
385
- export const ColorToggleDisabledBackground = "#eeedea";
386
- export const ColorToggleDisabledCircle = "#c2c1ba";
387
- export const ColorToggleDisabledCheckedBackground = "#91d5db";
388
- export const ColorToggleDisabledCheckedCircle = "#ffffff";
389
- export const Preset = "adeo";
390
- export const RadiusS = 2;
391
- export const RadiusM = 4;
392
- export const RadiusL = 6;
393
- export const ShadowSX = "0px";
394
- export const ShadowSY = "1px";
395
- export const ShadowSBlur = "5px";
396
- export const ShadowSSpread = "0px";
397
- export const ShadowSOpacity = "0.2";
398
- export const ShadowMX = "0px";
399
- export const ShadowMY = "2px";
400
- export const ShadowMBlur = "10px";
401
- export const ShadowMSpread = "0px";
402
- export const ShadowMOpacity = "0.2";
403
- export const ShadowLX = "0px";
404
- export const ShadowLY = "4px";
405
- export const ShadowLBlur = "20px";
406
- export const ShadowLSpread = "0px";
407
- export const ShadowLOpacity = "0.2";
408
- export const MagicUnit = 1;
409
- export const LocalRemValue = 16;
410
- export const SizeFont10 = "2.5625rem"; // 41px
411
- export const SizeFont11 = "3.0625rem"; // 49px
412
- export const SizeFont12 = "3.6875rem"; // 59px
413
- export const SizeFont01 = "0.6815rem"; // 11px
414
- export const SizeFont02 = "0.75rem"; // 12px
415
- export const SizeFont03 = "0.8125rem"; // 13px
416
- export const SizeFont04 = "0.875rem"; // 14px
417
- export const SizeFont05 = "1rem"; // 16px
418
- export const SizeFont06 = "1.125rem"; // 18px
419
- export const SizeFont07 = "1.4375rem"; // 23px
420
- export const SizeFont08 = "1.75rem"; // 28px
421
- export const SizeFont09 = "2.125rem"; // 34px
422
- export const SizeLine10Xs = "2.5rem"; // 40px
423
- export const SizeLine10S = "3rem"; // 48px
424
- export const SizeLine10M = "3.5rem"; // 56px
425
- export const SizeLine10L = "3.75rem"; // 60px
426
- export const SizeLine11Xs = "3rem"; // 48px
427
- export const SizeLine11S = "3.5rem"; // 56px
428
- export const SizeLine11M = "4.25rem"; // 68px
429
- export const SizeLine11L = "4.5rem"; // 72px
430
- export const SizeLine12Xs = "3.75rem"; // 60px
431
- export const SizeLine12S = "4.25rem"; // 68px
432
- export const SizeLine12M = "5rem"; // 80px
433
- export const SizeLine12L = "5.5rem"; // 88px
434
- export const SizeLine01Xs = "0.75rem"; // 12px
435
- export const SizeLine01S = "0.75rem"; // 12px
436
- export const SizeLine01M = "0.875rem"; // 14px
437
- export const SizeLine01L = "1rem"; // 16px
438
- export const SizeLine02Xs = "0.75rem"; // 12px
439
- export const SizeLine02S = "0.875rem"; // 14px
440
- export const SizeLine02M = "1rem"; // 16px
441
- export const SizeLine02L = "1.125rem"; // 18px
442
- export const SizeLine03Xs = "0.875rem"; // 14px
443
- export const SizeLine03S = "1rem"; // 16px
444
- export const SizeLine03M = "1.125rem"; // 18px
445
- export const SizeLine03L = "1.25rem"; // 20px
446
- export const SizeLine04Xs = "0.875rem"; // 14px
447
- export const SizeLine04S = "1rem"; // 16px
448
- export const SizeLine04M = "1.125rem"; // 18px
449
- export const SizeLine04L = "1.375rem"; // 22px
450
- export const SizeLine05Xs = "1rem"; // 16px
451
- export const SizeLine05S = "1.125rem"; // 18px
452
- export const SizeLine05M = "1.375rem"; // 22px
453
- export const SizeLine05L = "1.5rem"; // 24px
454
- export const SizeLine06Xs = "1.125rem"; // 18px
455
- export const SizeLine06S = "1.25rem"; // 20px
456
- export const SizeLine06M = "1.5rem"; // 24px
457
- export const SizeLine06L = "1.75rem"; // 28px
458
- export const SizeLine07Xs = "1.5rem"; // 24px
459
- export const SizeLine07S = "1.75rem"; // 28px
460
- export const SizeLine07M = "2rem"; // 32px
461
- export const SizeLine07L = "2.25rem"; // 36px
462
- export const SizeLine08Xs = "1.75rem"; // 28px
463
- export const SizeLine08S = "2rem"; // 32px
464
- export const SizeLine08M = "2.25rem"; // 36px
465
- export const SizeLine08L = "2.75rem"; // 44px
466
- export const SizeLine09Xs = "2.25rem"; // 36px
467
- export const SizeLine09S = "2.5rem"; // 40px
468
- export const SizeLine09M = "2.75rem"; // 44px
469
- export const SizeLine09L = "3.25rem"; // 52px
470
- export const SizeGutterScreenS = "1rem";
471
- export const SizeGutterScreenM = "2rem";
472
- export const ScreenS = "0px";
473
- export const ScreenSMedium = "320px";
474
- export const ScreenSLarge = "360px";
475
- export const ScreenSXlarge = "390px";
476
- export const ScreenM = "680px";
477
- export const ScreenMMedium = "769px";
478
- export const ScreenL = "1024px";
479
- export const ScreenLMedium = "1100px";
480
- export const ScreenXl = "1280px";
481
- export const ScreenXlMedium = "1440px";
482
- export const ScreenXlLarge = "1680px";
483
- export const ScreenXxl = "1920px";