@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
@@ -1,71 +0,0 @@
1
-
2
- //
3
- // StyleDictionarySize.swift
4
- //
5
-
6
- import UIKit
7
-
8
- public class StyleDictionarySize {
9
- public static let sizeFont01 = CGFloat(10.90) /* 11px */
10
- public static let sizeFont02 = CGFloat(12.00) /* 12px */
11
- public static let sizeFont03 = CGFloat(13.00) /* 13px */
12
- public static let sizeFont04 = CGFloat(14.00) /* 14px */
13
- public static let sizeFont05 = CGFloat(16.00) /* 16px */
14
- public static let sizeFont06 = CGFloat(18.00) /* 18px */
15
- public static let sizeFont07 = CGFloat(23.00) /* 23px */
16
- public static let sizeFont08 = CGFloat(28.00) /* 28px */
17
- public static let sizeFont09 = CGFloat(34.00) /* 34px */
18
- public static let sizeFont10 = CGFloat(41.00) /* 41px */
19
- public static let sizeFont11 = CGFloat(49.00) /* 49px */
20
- public static let sizeFont12 = CGFloat(59.00) /* 59px */
21
- public static let sizeGutterScreenM = CGFloat(32.00)
22
- public static let sizeGutterScreenS = CGFloat(16.00)
23
- public static let sizeLine01L = CGFloat(16.00) /* 16px */
24
- public static let sizeLine01M = CGFloat(14.00) /* 14px */
25
- public static let sizeLine01S = CGFloat(12.00) /* 12px */
26
- public static let sizeLine01Xs = CGFloat(12.00) /* 12px */
27
- public static let sizeLine02L = CGFloat(18.00) /* 18px */
28
- public static let sizeLine02M = CGFloat(16.00) /* 16px */
29
- public static let sizeLine02S = CGFloat(14.00) /* 14px */
30
- public static let sizeLine02Xs = CGFloat(12.00) /* 12px */
31
- public static let sizeLine03L = CGFloat(20.00) /* 20px */
32
- public static let sizeLine03M = CGFloat(18.00) /* 18px */
33
- public static let sizeLine03S = CGFloat(16.00) /* 16px */
34
- public static let sizeLine03Xs = CGFloat(14.00) /* 14px */
35
- public static let sizeLine04L = CGFloat(22.00) /* 22px */
36
- public static let sizeLine04M = CGFloat(18.00) /* 18px */
37
- public static let sizeLine04S = CGFloat(16.00) /* 16px */
38
- public static let sizeLine04Xs = CGFloat(14.00) /* 14px */
39
- public static let sizeLine05L = CGFloat(24.00) /* 24px */
40
- public static let sizeLine05M = CGFloat(22.00) /* 22px */
41
- public static let sizeLine05S = CGFloat(18.00) /* 18px */
42
- public static let sizeLine05Xs = CGFloat(16.00) /* 16px */
43
- public static let sizeLine06L = CGFloat(28.00) /* 28px */
44
- public static let sizeLine06M = CGFloat(24.00) /* 24px */
45
- public static let sizeLine06S = CGFloat(20.00) /* 20px */
46
- public static let sizeLine06Xs = CGFloat(18.00) /* 18px */
47
- public static let sizeLine07L = CGFloat(36.00) /* 36px */
48
- public static let sizeLine07M = CGFloat(32.00) /* 32px */
49
- public static let sizeLine07S = CGFloat(28.00) /* 28px */
50
- public static let sizeLine07Xs = CGFloat(24.00) /* 24px */
51
- public static let sizeLine08L = CGFloat(44.00) /* 44px */
52
- public static let sizeLine08M = CGFloat(36.00) /* 36px */
53
- public static let sizeLine08S = CGFloat(32.00) /* 32px */
54
- public static let sizeLine08Xs = CGFloat(28.00) /* 28px */
55
- public static let sizeLine09L = CGFloat(52.00) /* 52px */
56
- public static let sizeLine09M = CGFloat(44.00) /* 44px */
57
- public static let sizeLine09S = CGFloat(40.00) /* 40px */
58
- public static let sizeLine09Xs = CGFloat(36.00) /* 36px */
59
- public static let sizeLine10L = CGFloat(60.00) /* 60px */
60
- public static let sizeLine10M = CGFloat(56.00) /* 56px */
61
- public static let sizeLine10S = CGFloat(48.00) /* 48px */
62
- public static let sizeLine10Xs = CGFloat(40.00) /* 40px */
63
- public static let sizeLine11L = CGFloat(72.00) /* 72px */
64
- public static let sizeLine11M = CGFloat(68.00) /* 68px */
65
- public static let sizeLine11S = CGFloat(56.00) /* 56px */
66
- public static let sizeLine11Xs = CGFloat(48.00) /* 48px */
67
- public static let sizeLine12L = CGFloat(88.00) /* 88px */
68
- public static let sizeLine12M = CGFloat(80.00) /* 80px */
69
- public static let sizeLine12S = CGFloat(68.00) /* 68px */
70
- public static let sizeLine12Xs = CGFloat(60.00) /* 60px */
71
- }
@@ -1,544 +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 = "#e6e6e6";
17
- export const ColorBadgeNeutralBorder = "#808080";
18
- export const ColorBadgeNeutralText = "#4d4d4d";
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 = "#eeeff1";
29
- export const ColorPrimary02200 = "#cfd2d8";
30
- export const ColorPrimary02300 = "#b3b7c1";
31
- export const ColorPrimary02400 = "#8f94a3";
32
- export const ColorPrimary02500 = "#6a7081";
33
- export const ColorPrimary02600 = "#494f60";
34
- export const ColorPrimary02700 = "#343b4c";
35
- export const ColorPrimary02800 = "#242938";
36
- export const ColorPrimary02900 = "#171b26";
37
- export const ColorGrey100 = "#e6e6e6";
38
- export const ColorGrey200 = "#cccccc";
39
- export const ColorGrey300 = "#b3b3b3";
40
- export const ColorGrey400 = "#999999";
41
- export const ColorGrey500 = "#808080";
42
- export const ColorGrey600 = "#666666";
43
- export const ColorGrey700 = "#4d4d4d";
44
- export const ColorGrey800 = "#333333";
45
- export const ColorGrey900 = "#191919";
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 ColorBreadcrumbArrow = "#333333";
139
- export const ColorBreadcrumbArrowInvert = "#ffffff";
140
- export const ColorButtonSolidBackground = "#007f8c";
141
- export const ColorButtonSolidFont = "#ffffff";
142
- export const ColorButtonSolidFocusBorder = "#006974";
143
- export const ColorButtonSolidDisabledBackground = "#cccccc";
144
- export const ColorButtonSolidDisabledFont = "#666666";
145
- export const ColorButtonSolidActiveBackground = "#006974";
146
- export const ColorButtonSolidHoverBackground = "#006974";
147
- export const ColorButtonSolidHoverFont = "#ffffff";
148
- export const ColorButtonSolidPrimary02Background = "#6a7081";
149
- export const ColorButtonSolidPrimary02Font = "#ffffff";
150
- export const ColorButtonSolidPrimary02FocusBorder = "#171b26";
151
- export const ColorButtonSolidPrimary02DisabledBackground = "#cccccc";
152
- export const ColorButtonSolidPrimary02DisabledFont = "#666666";
153
- export const ColorButtonSolidPrimary02ActiveBackground = "#171b26";
154
- export const ColorButtonSolidPrimary02HoverBackground = "#242938";
155
- export const ColorButtonSolidPrimary02HoverFont = "#ffffff";
156
- export const ColorButtonSolidNeutralBackground = "#333333";
157
- export const ColorButtonSolidNeutralFont = "#ffffff";
158
- export const ColorButtonSolidNeutralFocusBorder = "#191919";
159
- export const ColorButtonSolidNeutralDisabledBackground = "#cccccc";
160
- export const ColorButtonSolidNeutralDisabledFont = "#666666";
161
- export const ColorButtonSolidNeutralActiveBackground = "#333333";
162
- export const ColorButtonSolidNeutralHoverBackground = "#191919";
163
- export const ColorButtonSolidNeutralHoverFont = "#ffffff";
164
- export const ColorButtonSolidDangerBackground = "#c61112";
165
- export const ColorButtonSolidDangerFont = "#ffffff";
166
- export const ColorButtonSolidDangerFocusBorder = "#8c0003";
167
- export const ColorButtonSolidDangerDisabledBackground = "#cccccc";
168
- export const ColorButtonSolidDangerDisabledFont = "#666666";
169
- export const ColorButtonSolidDangerActiveBackground = "#8c0003";
170
- export const ColorButtonSolidDangerHoverBackground = "#8c0003";
171
- export const ColorButtonSolidDangerHoverFont = "#ffffff";
172
- export const ColorButtonBorderedBackground = "#ffffff";
173
- export const ColorButtonBorderedBorder = "#007f8c";
174
- export const ColorButtonBorderedFont = "#007f8c";
175
- export const ColorButtonBorderedFocusBorder = "#006974";
176
- export const ColorButtonBorderedDisabledBackground = "#cccccc";
177
- export const ColorButtonBorderedDisabledFont = "#666666";
178
- export const ColorButtonBorderedActiveBackground = "#91d5db";
179
- export const ColorButtonBorderedActiveFont = "#004e57";
180
- export const ColorButtonBorderedHoverBackground = "#d9f0f3";
181
- export const ColorButtonBorderedHoverFont = "#006974";
182
- export const ColorButtonBorderedPrimary02Background = "#ffffff";
183
- export const ColorButtonBorderedPrimary02Border = "#6a7081";
184
- export const ColorButtonBorderedPrimary02Font = "#6a7081";
185
- export const ColorButtonBorderedPrimary02FocusBorder = "#171b26";
186
- export const ColorButtonBorderedPrimary02DisabledBackground = "#cccccc";
187
- export const ColorButtonBorderedPrimary02DisabledFont = "#666666";
188
- export const ColorButtonBorderedPrimary02ActiveBackground = "#cfd2d8";
189
- export const ColorButtonBorderedPrimary02HoverBackground = "#eeeff1";
190
- export const ColorButtonBorderedNeutralBackground = "#ffffff";
191
- export const ColorButtonBorderedNeutralBorder = "#333333";
192
- export const ColorButtonBorderedNeutralFont = "#333333";
193
- export const ColorButtonBorderedNeutralFocusBorder = "#191919";
194
- export const ColorButtonBorderedNeutralDisabledBackground = "#cccccc";
195
- export const ColorButtonBorderedNeutralDisabledFont = "#666666";
196
- export const ColorButtonBorderedNeutralActiveBackground = "#cccccc";
197
- export const ColorButtonBorderedNeutralHoverBackground = "#e6e6e6";
198
- export const ColorButtonBorderedDangerBackground = "#ffffff";
199
- export const ColorButtonBorderedDangerBorder = "#c61112";
200
- export const ColorButtonBorderedDangerFont = "#c61112";
201
- export const ColorButtonBorderedDangerFocusBorder = "#8c0003";
202
- export const ColorButtonBorderedDangerDisabledBackground = "#cccccc";
203
- export const ColorButtonBorderedDangerDisabledFont = "#666666";
204
- export const ColorButtonBorderedDangerActiveBackground = "#f8bcbb";
205
- export const ColorButtonBorderedDangerActiveFont = "#530000";
206
- export const ColorButtonBorderedDangerHoverBackground = "#fdeaea";
207
- export const ColorButtonBorderedDangerHoverFont = "#8c0003";
208
- export const ColorCardBorderedBackground = "#ffffff";
209
- export const ColorCardBorderedBorder = "#808080";
210
- export const ColorDialogBackground = "#ffffff";
211
- export const ColorDialogIcon = "#666666";
212
- export const ColorDialogClose = "#808080";
213
- export const ColorDialogFooterShadow = "#191919";
214
- export const ColorDividerLightest = "#ffffff";
215
- export const ColorDividerLight = "#b3b3b3";
216
- export const ColorDividerDefault = "#666666";
217
- export const ColorDividerDark = "#000000";
218
- export const ColorFieldsError = "#c61112";
219
- export const ColorFieldsLabel = "#333333";
220
- export const ColorFieldsRequirement = "#666666";
221
- export const ColorFieldsHelp = "#666666";
222
- export const ColorFileuploaderFont = "#000000";
223
- export const ColorFileuploaderFilesList = "#e6e6e6";
224
- export const ColorFileuploaderFilesDelete = "#cccccc";
225
- export const ColorFileuploaderValid = "#00919f";
226
- export const ColorFileuploaderAlert = "#c61112";
227
- export const ColorFlagSolidBackground = "#007f8c";
228
- export const ColorFlagSolidBorder = "#007f8c";
229
- export const ColorFlagSolidText = "#ffffff";
230
- export const ColorFlagSolidPrimary02Background = "#4b4a8c";
231
- export const ColorFlagSolidPrimary02Border = "#4b4a8c";
232
- export const ColorFlagSolidPrimary02Text = "#ffffff";
233
- export const ColorFlagSolidDarkBackground = "#000000";
234
- export const ColorFlagSolidDarkBorder = "#000000";
235
- export const ColorFlagSolidDarkText = "#ffffff";
236
- export const ColorFlagSolidLightBackground = "#ffffff";
237
- export const ColorFlagSolidLightBorder = "#ffffff";
238
- export const ColorFlagSolidLightText = "#000000";
239
- export const ColorFlagSolidDangerBackground = "#c61112";
240
- export const ColorFlagSolidDangerBorder = "#c61112";
241
- export const ColorFlagSolidDangerText = "#ffffff";
242
- export const ColorFlagBorderedBackground = "#ffffff";
243
- export const ColorFlagBorderedBorder = "#007f8c";
244
- export const ColorFlagBorderedText = "#007f8c";
245
- export const ColorFlagBorderedPrimary02Background = "#ffffff";
246
- export const ColorFlagBorderedPrimary02Border = "#4b4a8c";
247
- export const ColorFlagBorderedPrimary02Text = "#4b4a8c";
248
- export const ColorFlagBorderedDarkBackground = "#ffffff";
249
- export const ColorFlagBorderedDarkBorder = "#000000";
250
- export const ColorFlagBorderedDarkText = "#000000";
251
- export const ColorFlagBorderedLightBackground = "#000000";
252
- export const ColorFlagBorderedLightBorder = "#ffffff";
253
- export const ColorFlagBorderedLightText = "#ffffff";
254
- export const ColorFlagBorderedDangerBackground = "#ffffff";
255
- export const ColorFlagBorderedDangerBorder = "#c61112";
256
- export const ColorFlagBorderedDangerText = "#c61112";
257
- export const ColorFocusGap = "#ffffff";
258
- export const ColorFocusBorder = "#758992";
259
- export const ColorFontPrimary01 = "#007f8c";
260
- export const ColorFontPrimary02 = "#6a7081";
261
- export const ColorFontDarkest = "#000000";
262
- export const ColorFontDarker = "#191919";
263
- export const ColorFontDark = "#333333";
264
- export const ColorFontLight = "#666666";
265
- export const ColorFontLightest = "#ffffff";
266
- export const ColorFontInfo = "#007bb4";
267
- export const ColorFontSuccess = "#188803";
268
- export const ColorFontWarning = "#c65200";
269
- export const ColorFontDanger = "#c61112";
270
- export const ColorHeadingUnderlineDefault = "#00919f";
271
- export const ColorHeadingUnderlineLightest = "#91d5db";
272
- export const ColorHeroCoverBackground = "#191919";
273
- export const ColorInputText = "#191919";
274
- export const ColorInputBorder = "#666666";
275
- export const ColorInputPlaceholder = "#808080";
276
- export const ColorInputBackground = "#ffffff";
277
- export const ColorInputDisabledBorder = "#e6e6e6";
278
- export const ColorInputDisabledBackground = "#e6e6e6";
279
- export const ColorInputDisabledIcon = "#999999";
280
- export const ColorInputHoverBorder = "#191919";
281
- export const ColorInputFocusBorder = "#758992";
282
- export const ColorInputValidBorder = "#46a610";
283
- export const ColorInputValidHoverBorder = "#035010";
284
- export const ColorInputInvalidBorder = "#c61112";
285
- export const ColorInputInvalidHoverBorder = "#530000";
286
- export const ColorInputCheckedBorder = "#00919f";
287
- export const ColorInputCheckedBackground = "#00919f";
288
- export const ColorInputCheckedIcon = "#ffffff";
289
- export const ColorInputCheckedHoverBorder = "#004e57";
290
- export const ColorLinkDarkBase = "#000000";
291
- export const ColorLinkDarkVisited = "#333333";
292
- export const ColorLinkDarkActive = "#333333";
293
- export const ColorLinkDarkDisabled = "#e6e6e6";
294
- export const ColorLinkDarkHover = "#666666";
295
- export const ColorLinkLightBase = "#ffffff";
296
- export const ColorLinkLightVisited = "#cccccc";
297
- export const ColorLinkLightActive = "#cccccc";
298
- export const ColorLinkLightDisabled = "#e6e6e6";
299
- export const ColorLinkLightHover = "#999999";
300
- export const ColorLinkPrimaryBase = "#007f8c";
301
- export const ColorLinkPrimaryVisited = "#006974";
302
- export const ColorLinkPrimaryActive = "#006974";
303
- export const ColorLinkPrimaryDisabled = "#e6e6e6";
304
- export const ColorLinkPrimaryHover = "#004e57";
305
- export const ColorLinkPrimary02Base = "#494f60";
306
- export const ColorLinkPrimary02Visited = "#343b4c";
307
- export const ColorLinkPrimary02Active = "#343b4c";
308
- export const ColorLinkPrimary02Disabled = "#e6e6e6";
309
- export const ColorLinkPrimary02Hover = "#171b26";
310
- export const ColorLinkDangerBase = "#c61112";
311
- export const ColorLinkDangerVisited = "#8c0003";
312
- export const ColorLinkDangerActive = "#8c0003";
313
- export const ColorLinkDangerDisabled = "#e6e6e6";
314
- export const ColorLinkDangerHover = "#530000";
315
- export const ColorListboxBackground = "#ffffff";
316
- export const ColorListboxBorder = "#666666";
317
- export const ColorListboxTileBorder = "#b3b3b3";
318
- export const ColorListboxTileShadow = "#191919";
319
- export const ColorListboxTileHoverBackground = "#e6e6e6";
320
- export const ColorListboxDisabledBackground = "#cccccc";
321
- export const ColorNotificationFont = "#000000";
322
- export const ColorNotificationInformationBackground = "#daeff7";
323
- export const ColorNotificationInformationBorder = "#0b96cc";
324
- export const ColorNotificationInformationIcon = "#007bb4";
325
- export const ColorNotificationSuccessBackground = "#ebf5de";
326
- export const ColorNotificationSuccessBorder = "#46a610";
327
- export const ColorNotificationSuccessIcon = "#188803";
328
- export const ColorNotificationWarningBackground = "#fdf1e8";
329
- export const ColorNotificationWarningBorder = "#ea7315";
330
- export const ColorNotificationWarningIcon = "#c65200";
331
- export const ColorNotificationDangerBackground = "#fdeaea";
332
- export const ColorNotificationDangerBorder = "#ea302d";
333
- export const ColorNotificationDangerIcon = "#c61112";
334
- export const ColorOptionButtonLabelShadow = "#b3b3b3";
335
- export const ColorOptionButtonHoverLabelShadow = "#333333";
336
- export const ColorOptionButtonCheckedLabelBorder = "#00919f";
337
- export const ColorOptionButtonCheckedLabelShadow = "#d9f0f3";
338
- export const ColorOptionButtonDisabledLabelBackground = "#cccccc";
339
- export const ColorOptionCardLabelShadow = "#b3b3b3";
340
- export const ColorOptionCardHoverLabelShadow = "#333333";
341
- export const ColorOptionCardCheckedLabelBorder = "#00919f";
342
- export const ColorOptionCardCheckedLabelShadow = "#d9f0f3";
343
- export const ColorOverlayBackground = "#191919";
344
- export const ColorOverlayLoaderBackground = "#082435";
345
- export const ColorPasswordInputButtonHoverBackground = "#e6e6e6";
346
- export const ColorPhoneNumberButtonBorder = "#666666";
347
- export const ColorPhoneNumberListBackground = "#ffffff";
348
- export const ColorPhoneNumberItemBorder = "#b3b3b3";
349
- export const ColorPhoneNumberItemFocusBackground = "#e6e6e6";
350
- export const ColorProgressBackground = "#cccccc";
351
- export const ColorProgressIndicator = "#007bb4";
352
- export const ColorProgressPercentageDefault = "#191919";
353
- export const ColorProgressPercentageHalf = "#ffffff";
354
- export const ColorProgressBrandedIndicator = "#00919f";
355
- export const ColorStarEmpty = "#ffffff";
356
- export const ColorStarFocus = "#758992";
357
- export const ColorStarFull = "#ea7315";
358
- export const ColorStarHover = "#f4b27e";
359
- export const ColorStepperItemBackground = "#999999";
360
- export const ColorStepperItemCurrentBackground = "#00919f";
361
- export const ColorStepperLinkHoverText = "#00919f";
362
- export const ColorStepperIndicatorBackground = "#ffffff";
363
- export const ColorStepperIndicatorBorder = "#999999";
364
- export const ColorStepperIndicatorCurrentBackground = "#00919f";
365
- export const ColorStepperIndicatorCurrentBorder = "#00919f";
366
- export const ColorStepperIcon = "#00919f";
367
- export const ColorStepperTitle = "#00919f";
368
- export const ColorTabsBackground = "#ffffff";
369
- export const ColorTabsShadow = "#000000";
370
- export const ColorTabsDefault = "#666666";
371
- export const ColorTabsElementBackground = "#eeedea";
372
- export const ColorTabsHover = "#004e57";
373
- export const ColorTabsDisabledBackground = "#cccccc";
374
- export const ColorTabsActiveBackground = "#dddcd5";
375
- export const ColorTabsActiveText = "#004e57";
376
- export const ColorTabsSelectedBorder = "#007f8c";
377
- export const ColorTabsSelectedText = "#007f8c";
378
- export const ColorTabsActiveDisabled = "#91d5db";
379
- export const ColorTagTextLightBackground = "#ffffff";
380
- export const ColorTagTextLightBorder = "#808080";
381
- export const ColorTagTextLightText = "#191919";
382
- export const ColorTagTextDarkBackground = "#191919";
383
- export const ColorTagTextDarkBorder = "#ffffff";
384
- export const ColorTagTextDarkText = "#ffffff";
385
- export const ColorTagLinkLightBackground = "#ffffff";
386
- export const ColorTagLinkLightBorder = "#808080";
387
- export const ColorTagLinkLightText = "#191919";
388
- export const ColorTagLinkLightHoverBackground = "#e6e6e6";
389
- export const ColorTagLinkLightActiveBackground = "#cccccc";
390
- export const ColorTagLinkDarkBackground = "#191919";
391
- export const ColorTagLinkDarkBorder = "#ffffff";
392
- export const ColorTagLinkDarkText = "#ffffff";
393
- export const ColorTagLinkDarkHoverBackground = "#333333";
394
- export const ColorTagLinkDarkActiveBackground = "#4d4d4d";
395
- export const ColorTagSelectableLightBackground = "#ffffff";
396
- export const ColorTagSelectableLightBorder = "#808080";
397
- export const ColorTagSelectableLightText = "#191919";
398
- export const ColorTagSelectableLightHoverBackground = "#48bac4";
399
- export const ColorTagSelectableLightActiveBackground = "#004e57";
400
- export const ColorTagSelectableLightActiveBorder = "#004e57";
401
- export const ColorTagSelectableLightActiveText = "#ffffff";
402
- export const ColorTagSelectableLightDisabledBackground = "#e6e6e6";
403
- export const ColorTagSelectableLightDisabledText = "#808080";
404
- export const ColorTagSelectableLightSelectedBackground = "#007f8c";
405
- export const ColorTagSelectableLightSelectedText = "#ffffff";
406
- export const ColorTagSelectableLightSelectedHoverBackground = "#006974";
407
- export const ColorTagSelectableDarkBackground = "#191919";
408
- export const ColorTagSelectableDarkBorder = "#ffffff";
409
- export const ColorTagSelectableDarkText = "#ffffff";
410
- export const ColorTagSelectableDarkHoverBackground = "#006974";
411
- export const ColorTagSelectableDarkActiveBackground = "#91d5db";
412
- export const ColorTagSelectableDarkActiveBorder = "#91d5db";
413
- export const ColorTagSelectableDarkActiveText = "#191919";
414
- export const ColorTagSelectableDarkSelectedBackground = "#009eac";
415
- export const ColorTagSelectableDarkSelectedBorder = "#009eac";
416
- export const ColorTagSelectableDarkSelectedText = "#191919";
417
- export const ColorTagSelectableDarkSelectedHoverBackground = "#48bac4";
418
- export const ColorTagSelectableDarkDisabledBackground = "#4d4d4d";
419
- export const ColorTagSelectableDarkDisabledText = "#808080";
420
- export const ColorTagRemovableLightBackground = "#333333";
421
- export const ColorTagRemovableLightText = "#ffffff";
422
- export const ColorTagRemovableLightIcon = "#cccccc";
423
- export const ColorTagRemovableLightHoverBackground = "#4d4d4d";
424
- export const ColorTagRemovableLightActiveBackground = "#666666";
425
- export const ColorTagRemovableDarkBackground = "#cccccc";
426
- export const ColorTagRemovableDarkText = "#191919";
427
- export const ColorTagRemovableDarkIcon = "#191919";
428
- export const ColorTagRemovableDarkHoverBackground = "#b3b3b3";
429
- export const ColorTagRemovableDarkActiveBackground = "#999999";
430
- export const ColorToggleOffBackground = "#666666";
431
- export const ColorToggleOffCircle = "#ffffff";
432
- export const ColorToggleOnBackground = "#00919f";
433
- export const ColorToggleOnCircle = "#ffffff";
434
- export const ColorToggleHoverCircle = "#e6e6e6";
435
- export const ColorToggleDisabledBackground = "#e6e6e6";
436
- export const ColorToggleDisabledCircle = "#b3b3b3";
437
- export const ColorToggleDisabledCheckedBackground = "#91d5db";
438
- export const ColorToggleDisabledCheckedCircle = "#ffffff";
439
- export const ColorTooltipBackground = "#4d4d4d";
440
- export const ColorTooltipBorder = "#ffffff";
441
- export const ColorSecondarySandgrey100 = "#eeedea";
442
- export const ColorSecondarySandgrey200 = "#dddcd5";
443
- export const ColorSecondarySandgrey300 = "#c2c1ba";
444
- export const ColorSecondarySandgrey400 = "#a7a6a0";
445
- export const ColorSecondarySandgrey500 = "#8c8b85";
446
- export const ColorSecondarySandgrey600 = "#71706b";
447
- export const ColorSecondarySandgrey700 = "#555550";
448
- export const ColorSecondarySandgrey800 = "#3a3936";
449
- export const ColorSecondarySandgrey900 = "#1e1e1c";
450
- export const Preset = "adeo";
451
- export const RadiusS = 2;
452
- export const RadiusM = 4;
453
- export const RadiusL = 6;
454
- export const ShadowSX = "0px";
455
- export const ShadowSY = "1px";
456
- export const ShadowSBlur = "5px";
457
- export const ShadowSSpread = "0px";
458
- export const ShadowSOpacity = "0.2";
459
- export const ShadowMX = "0px";
460
- export const ShadowMY = "2px";
461
- export const ShadowMBlur = "10px";
462
- export const ShadowMSpread = "0px";
463
- export const ShadowMOpacity = "0.2";
464
- export const ShadowLX = "0px";
465
- export const ShadowLY = "4px";
466
- export const ShadowLBlur = "20px";
467
- export const ShadowLSpread = "0px";
468
- export const ShadowLOpacity = "0.2";
469
- export const MagicUnit = 1;
470
- export const LocalRemValue = 16;
471
- export const SizeFont10 = "2.5625rem"; // 41px
472
- export const SizeFont11 = "3.0625rem"; // 49px
473
- export const SizeFont12 = "3.6875rem"; // 59px
474
- export const SizeFont01 = "0.6815rem"; // 11px
475
- export const SizeFont02 = "0.75rem"; // 12px
476
- export const SizeFont03 = "0.8125rem"; // 13px
477
- export const SizeFont04 = "0.875rem"; // 14px
478
- export const SizeFont05 = "1rem"; // 16px
479
- export const SizeFont06 = "1.125rem"; // 18px
480
- export const SizeFont07 = "1.4375rem"; // 23px
481
- export const SizeFont08 = "1.75rem"; // 28px
482
- export const SizeFont09 = "2.125rem"; // 34px
483
- export const SizeLine10Xs = "2.5rem"; // 40px
484
- export const SizeLine10S = "3rem"; // 48px
485
- export const SizeLine10M = "3.5rem"; // 56px
486
- export const SizeLine10L = "3.75rem"; // 60px
487
- export const SizeLine11Xs = "3rem"; // 48px
488
- export const SizeLine11S = "3.5rem"; // 56px
489
- export const SizeLine11M = "4.25rem"; // 68px
490
- export const SizeLine11L = "4.5rem"; // 72px
491
- export const SizeLine12Xs = "3.75rem"; // 60px
492
- export const SizeLine12S = "4.25rem"; // 68px
493
- export const SizeLine12M = "5rem"; // 80px
494
- export const SizeLine12L = "5.5rem"; // 88px
495
- export const SizeLine01Xs = "0.75rem"; // 12px
496
- export const SizeLine01S = "0.75rem"; // 12px
497
- export const SizeLine01M = "0.875rem"; // 14px
498
- export const SizeLine01L = "1rem"; // 16px
499
- export const SizeLine02Xs = "0.75rem"; // 12px
500
- export const SizeLine02S = "0.875rem"; // 14px
501
- export const SizeLine02M = "1rem"; // 16px
502
- export const SizeLine02L = "1.125rem"; // 18px
503
- export const SizeLine03Xs = "0.875rem"; // 14px
504
- export const SizeLine03S = "1rem"; // 16px
505
- export const SizeLine03M = "1.125rem"; // 18px
506
- export const SizeLine03L = "1.25rem"; // 20px
507
- export const SizeLine04Xs = "0.875rem"; // 14px
508
- export const SizeLine04S = "1rem"; // 16px
509
- export const SizeLine04M = "1.125rem"; // 18px
510
- export const SizeLine04L = "1.375rem"; // 22px
511
- export const SizeLine05Xs = "1rem"; // 16px
512
- export const SizeLine05S = "1.125rem"; // 18px
513
- export const SizeLine05M = "1.375rem"; // 22px
514
- export const SizeLine05L = "1.5rem"; // 24px
515
- export const SizeLine06Xs = "1.125rem"; // 18px
516
- export const SizeLine06S = "1.25rem"; // 20px
517
- export const SizeLine06M = "1.5rem"; // 24px
518
- export const SizeLine06L = "1.75rem"; // 28px
519
- export const SizeLine07Xs = "1.5rem"; // 24px
520
- export const SizeLine07S = "1.75rem"; // 28px
521
- export const SizeLine07M = "2rem"; // 32px
522
- export const SizeLine07L = "2.25rem"; // 36px
523
- export const SizeLine08Xs = "1.75rem"; // 28px
524
- export const SizeLine08S = "2rem"; // 32px
525
- export const SizeLine08M = "2.25rem"; // 36px
526
- export const SizeLine08L = "2.75rem"; // 44px
527
- export const SizeLine09Xs = "2.25rem"; // 36px
528
- export const SizeLine09S = "2.5rem"; // 40px
529
- export const SizeLine09M = "2.75rem"; // 44px
530
- export const SizeLine09L = "3.25rem"; // 52px
531
- export const SizeGutterScreenS = "1rem";
532
- export const SizeGutterScreenM = "2rem";
533
- export const ScreenS = "0px";
534
- export const ScreenSMedium = "320px";
535
- export const ScreenSLarge = "360px";
536
- export const ScreenSXlarge = "390px";
537
- export const ScreenM = "680px";
538
- export const ScreenMMedium = "769px";
539
- export const ScreenL = "1024px";
540
- export const ScreenLMedium = "1100px";
541
- export const ScreenXl = "1280px";
542
- export const ScreenXlMedium = "1440px";
543
- export const ScreenXlLarge = "1680px";
544
- export const ScreenXxl = "1920px";