@mozaic-ds/vue 1.0.0-rc.3 → 2.2.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 (224) 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 +1718 -0
  5. package/dist/mozaic-vue.js +1971 -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/tooltip/MTooltip.spec.ts +47 -0
  115. package/src/components/tooltip/MTooltip.stories.ts +59 -0
  116. package/src/components/tooltip/MTooltip.vue +49 -32
  117. package/src/components/usingIcons.mdx +35 -0
  118. package/src/components/usingPresets.mdx +128 -0
  119. package/src/main.ts +33 -0
  120. package/dist/demo.html +0 -1
  121. package/dist/mozaic-vue.adeo.css +0 -47
  122. package/dist/mozaic-vue.adeo.umd.js +0 -31341
  123. package/dist/mozaic-vue.common.js +0 -31331
  124. package/dist/mozaic-vue.common.js.map +0 -1
  125. package/dist/mozaic-vue.umd.js +0 -31342
  126. package/dist/mozaic-vue.umd.js.map +0 -1
  127. package/dist/mozaic-vue.umd.min.js +0 -4
  128. package/dist/mozaic-vue.umd.min.js.map +0 -1
  129. package/postinstall.js +0 -3
  130. package/src/components/accordion/MAccordion.vue +0 -128
  131. package/src/components/accordion/index.js +0 -7
  132. package/src/components/autocomplete/MAutocomplete.vue +0 -380
  133. package/src/components/autocomplete/index.js +0 -7
  134. package/src/components/badge/MBadge.vue +0 -43
  135. package/src/components/badge/index.js +0 -7
  136. package/src/components/breadcrumb/index.js +0 -7
  137. package/src/components/button/index.js +0 -7
  138. package/src/components/card/MCard.vue +0 -78
  139. package/src/components/card/index.js +0 -7
  140. package/src/components/checkbox/MCheckboxGroup.vue +0 -163
  141. package/src/components/checkbox/index.js +0 -12
  142. package/src/components/container/MContainer.vue +0 -33
  143. package/src/components/container/index.js +0 -7
  144. package/src/components/datatable/MDataTable.vue +0 -651
  145. package/src/components/datatable/MDataTableHeader.vue +0 -55
  146. package/src/components/datatable/MDataTableTop.vue +0 -35
  147. package/src/components/datatable/helpers.js +0 -132
  148. package/src/components/datatable/index.js +0 -12
  149. package/src/components/dropdown/MDropdown.vue +0 -317
  150. package/src/components/dropdown/index.js +0 -7
  151. package/src/components/field/index.js +0 -7
  152. package/src/components/fileuploader/MFileResult.vue +0 -149
  153. package/src/components/fileuploader/MFileUploader.vue +0 -142
  154. package/src/components/fileuploader/index.js +0 -7
  155. package/src/components/flag/index.js +0 -7
  156. package/src/components/heading/MHeading.vue +0 -75
  157. package/src/components/heading/index.js +0 -7
  158. package/src/components/hero/MHero.vue +0 -93
  159. package/src/components/hero/index.js +0 -7
  160. package/src/components/icon/MIcon.vue +0 -136
  161. package/src/components/icon/index.js +0 -7
  162. package/src/components/index.js +0 -44
  163. package/src/components/layer/MLayer.vue +0 -208
  164. package/src/components/layer/index.js +0 -7
  165. package/src/components/link/index.js +0 -7
  166. package/src/components/listbox/MListBox.vue +0 -146
  167. package/src/components/listbox/MListBoxActions.vue +0 -251
  168. package/src/components/listbox/index.js +0 -12
  169. package/src/components/loader/index.js +0 -7
  170. package/src/components/modal/index.js +0 -7
  171. package/src/components/notification/MNotification.vue +0 -110
  172. package/src/components/notification/index.js +0 -7
  173. package/src/components/optionbutton/MOptionButton.vue +0 -67
  174. package/src/components/optionbutton/index.js +0 -7
  175. package/src/components/optioncard/MOptionCard.vue +0 -132
  176. package/src/components/optioncard/index.js +0 -7
  177. package/src/components/optiongroup/MOptionGroup.vue +0 -18
  178. package/src/components/optiongroup/index.js +0 -7
  179. package/src/components/overlay/MOverlayLoader.vue +0 -43
  180. package/src/components/overlay/index.js +0 -12
  181. package/src/components/pagination/index.js +0 -7
  182. package/src/components/passwordinput/index.js +0 -7
  183. package/src/components/phonenumber/MPhoneNumber.vue +0 -398
  184. package/src/components/phonenumber/index.js +0 -7
  185. package/src/components/progressbar/MProgress.vue +0 -102
  186. package/src/components/progressbar/index.js +0 -7
  187. package/src/components/quantityselector/index.js +0 -7
  188. package/src/components/radio/MRadioGroup.vue +0 -111
  189. package/src/components/radio/index.js +0 -12
  190. package/src/components/ratingstars/MStarsInput.vue +0 -119
  191. package/src/components/ratingstars/MStarsResult.vue +0 -89
  192. package/src/components/ratingstars/index.js +0 -12
  193. package/src/components/select/index.js +0 -7
  194. package/src/components/stepper/MStepper.vue +0 -111
  195. package/src/components/stepper/index.js +0 -7
  196. package/src/components/tabs/MTab.vue +0 -204
  197. package/src/components/tabs/index.js +0 -7
  198. package/src/components/tags/MTag.vue +0 -175
  199. package/src/components/tags/index.js +0 -7
  200. package/src/components/textarea/index.js +0 -7
  201. package/src/components/textinput/MTextInputField.vue +0 -105
  202. package/src/components/textinput/MTextInputIcon.vue +0 -42
  203. package/src/components/textinput/index.js +0 -7
  204. package/src/components/toggle/index.js +0 -7
  205. package/src/components/tooltip/index.js +0 -7
  206. package/src/index.js +0 -63
  207. package/src/shims-tsx.d.ts +0 -13
  208. package/src/shims.vue.d.ts +0 -4
  209. package/src/tokens/adeo/android/colors.xml +0 -452
  210. package/src/tokens/adeo/android/font_dimens.xml +0 -18
  211. package/src/tokens/adeo/css/_variables.scss +0 -446
  212. package/src/tokens/adeo/css/root.scss +0 -448
  213. package/src/tokens/adeo/ios/StyleDictionaryColor.h +0 -460
  214. package/src/tokens/adeo/ios/StyleDictionaryColor.m +0 -472
  215. package/src/tokens/adeo/ios/StyleDictionaryColor.swift +0 -455
  216. package/src/tokens/adeo/ios/StyleDictionarySize.h +0 -69
  217. package/src/tokens/adeo/ios/StyleDictionarySize.m +0 -70
  218. package/src/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
  219. package/src/tokens/adeo/js/tokens.js +0 -544
  220. package/src/tokens/adeo/js/tokensObject.js +0 -11733
  221. package/src/tokens/adeo/scss/_tokens.scss +0 -1522
  222. package/src/utils/mozaicClasses.js +0 -16
  223. package/src/utils/theme.validator.js +0 -19
  224. package/types/index.d.ts +0 -104
package/src/tokens/adeo/scss/_tokens.scss DELETED
@@ -1,1522 +0,0 @@
1
-
2
- $border-s: 1 !default;
3
- $border-m: 2 !default;
4
- $border-l: 3 !default;
5
- $color-badge-info-background: #daeff7 !default;
6
- $color-badge-info-border: #0b96cc !default;
7
- $color-badge-info-text: #005c91 !default;
8
- $color-badge-success-background: #ebf5de !default;
9
- $color-badge-success-border: #46a610 !default;
10
- $color-badge-success-text: #006902 !default;
11
- $color-badge-warning-background: #fdf1e8 !default;
12
- $color-badge-warning-border: #ea7315 !default;
13
- $color-badge-warning-text: #8c3500 !default;
14
- $color-badge-danger-background: #fdeaea !default;
15
- $color-badge-danger-border: #ea302d !default;
16
- $color-badge-danger-text: #8c0003 !default;
17
- $color-badge-neutral-background: #e6e6e6 !default;
18
- $color-badge-neutral-border: #808080 !default;
19
- $color-badge-neutral-text: #4d4d4d !default;
20
- $color-primary-01-100: #d9f0f3 !default;
21
- $color-primary-01-200: #91d5db !default;
22
- $color-primary-01-300: #48bac4 !default;
23
- $color-primary-01-400: #009eac !default;
24
- $color-primary-01-500: #00919f !default;
25
- $color-primary-01-600: #007f8c !default;
26
- $color-primary-01-700: #006974 !default;
27
- $color-primary-01-800: #004e57 !default;
28
- $color-primary-01-900: #002e33 !default;
29
- $color-primary-02-100: #eeeff1 !default;
30
- $color-primary-02-200: #cfd2d8 !default;
31
- $color-primary-02-300: #b3b7c1 !default;
32
- $color-primary-02-400: #8f94a3 !default;
33
- $color-primary-02-500: #6a7081 !default;
34
- $color-primary-02-600: #494f60 !default;
35
- $color-primary-02-700: #343b4c !default;
36
- $color-primary-02-800: #242938 !default;
37
- $color-primary-02-900: #171b26 !default;
38
- $color-grey-100: #e6e6e6 !default;
39
- $color-grey-200: #cccccc !default;
40
- $color-grey-300: #b3b3b3 !default;
41
- $color-grey-400: #999999 !default;
42
- $color-grey-500: #808080 !default;
43
- $color-grey-600: #666666 !default;
44
- $color-grey-700: #4d4d4d !default;
45
- $color-grey-800: #333333 !default;
46
- $color-grey-900: #191919 !default;
47
- $color-grey-999: #000000 !default;
48
- $color-grey-000: #ffffff !default;
49
- $color-secondary-blue-100: #eaedef !default;
50
- $color-secondary-blue-200: #cdd4d8 !default;
51
- $color-secondary-blue-300: #b0bbc0 !default;
52
- $color-secondary-blue-400: #92a2a9 !default;
53
- $color-secondary-blue-500: #758992 !default;
54
- $color-secondary-blue-600: #5b737d !default;
55
- $color-secondary-blue-700: #405d68 !default;
56
- $color-secondary-blue-800: #264653 !default;
57
- $color-secondary-blue-900: #082435 !default;
58
- $color-secondary-green-100: #d9f0f3 !default;
59
- $color-secondary-green-200: #91d5db !default;
60
- $color-secondary-green-300: #48bac4 !default;
61
- $color-secondary-green-400: #009eac !default;
62
- $color-secondary-green-500: #00919f !default;
63
- $color-secondary-green-600: #007f8c !default;
64
- $color-secondary-green-700: #006974 !default;
65
- $color-secondary-green-800: #004e57 !default;
66
- $color-secondary-green-900: #002e33 !default;
67
- $color-secondary-purple-100: #e7e7f0 !default;
68
- $color-secondary-purple-200: #c5c5dc !default;
69
- $color-secondary-purple-300: #a4a3c7 !default;
70
- $color-secondary-purple-400: #8281b2 !default;
71
- $color-secondary-purple-500: #605f9d !default;
72
- $color-secondary-purple-600: #4b4a8c !default;
73
- $color-secondary-purple-700: #393879 !default;
74
- $color-secondary-purple-800: #282863 !default;
75
- $color-secondary-purple-900: #1a1a4b !default;
76
- $color-secondary-red-100: #fdeaea !default;
77
- $color-secondary-red-200: #f8bcbb !default;
78
- $color-secondary-red-300: #f38d8c !default;
79
- $color-secondary-red-400: #ef5f5c !default;
80
- $color-secondary-red-500: #ea302d !default;
81
- $color-secondary-red-600: #c61112 !default;
82
- $color-secondary-red-700: #8c0003 !default;
83
- $color-secondary-red-800: #530000 !default;
84
- $color-secondary-red-900: #2d0000 !default;
85
- $color-secondary-orange-100: #fdf1e8 !default;
86
- $color-secondary-orange-200: #f8d2b3 !default;
87
- $color-secondary-orange-300: #f4b27e !default;
88
- $color-secondary-orange-400: #ef934a !default;
89
- $color-secondary-orange-500: #ea7315 !default;
90
- $color-secondary-orange-600: #c65200 !default;
91
- $color-secondary-orange-700: #8c3500 !default;
92
- $color-secondary-orange-800: #531b00 !default;
93
- $color-secondary-orange-900: #360e00 !default;
94
- $color-secondary-yellow-100: #fff8e2 !default;
95
- $color-secondary-yellow-200: #ffebaf !default;
96
- $color-secondary-yellow-300: #fee07d !default;
97
- $color-secondary-yellow-400: #fcd64c !default;
98
- $color-secondary-yellow-500: #f8cc1c !default;
99
- $color-secondary-yellow-600: #c9a21b !default;
100
- $color-secondary-yellow-700: #9c7b18 !default;
101
- $color-secondary-yellow-800: #705613 !default;
102
- $color-secondary-yellow-900: #46350d !default;
103
- $color-danger-100: #fdeaea !default;
104
- $color-danger-200: #f8bcbb !default;
105
- $color-danger-300: #f38d8c !default;
106
- $color-danger-400: #ef5f5c !default;
107
- $color-danger-500: #ea302d !default;
108
- $color-danger-600: #c61112 !default;
109
- $color-danger-700: #8c0003 !default;
110
- $color-danger-800: #530000 !default;
111
- $color-danger-900: #2d0000 !default;
112
- $color-info-100: #daeff7 !default;
113
- $color-info-200: #a7d9ed !default;
114
- $color-info-300: #73c3e2 !default;
115
- $color-info-400: #3facd7 !default;
116
- $color-info-500: #0b96cc !default;
117
- $color-info-600: #007bb4 !default;
118
- $color-info-700: #005c91 !default;
119
- $color-info-800: #003a5c !default;
120
- $color-info-900: #002a41 !default;
121
- $color-warning-100: #fdf1e8 !default;
122
- $color-warning-200: #f8d2b3 !default;
123
- $color-warning-300: #f4b27e !default;
124
- $color-warning-400: #ef934a !default;
125
- $color-warning-500: #ea7315 !default;
126
- $color-warning-600: #c65200 !default;
127
- $color-warning-700: #8c3500 !default;
128
- $color-warning-800: #531b00 !default;
129
- $color-warning-900: #360e00 !default;
130
- $color-success-100: #ebf5de !default;
131
- $color-success-200: #c5e39e !default;
132
- $color-success-300: #9ed05f !default;
133
- $color-success-400: #78be20 !default;
134
- $color-success-500: #46a610 !default;
135
- $color-success-600: #188803 !default;
136
- $color-success-700: #006902 !default;
137
- $color-success-800: #035010 !default;
138
- $color-success-900: #023618 !default;
139
- $color-breadcrumb-arrow: #333333 !default;
140
- $color-breadcrumb-arrow-invert: #ffffff !default;
141
- $color-button-solid-background: #007f8c !default;
142
- $color-button-solid-font: #ffffff !default;
143
- $color-button-solid-focus-border: #006974 !default;
144
- $color-button-solid-disabled-background: #cccccc !default;
145
- $color-button-solid-disabled-font: #666666 !default;
146
- $color-button-solid-active-background: #006974 !default;
147
- $color-button-solid-hover-background: #006974 !default;
148
- $color-button-solid-hover-font: #ffffff !default;
149
- $color-button-solid-primary-02-background: #6a7081 !default;
150
- $color-button-solid-primary-02-font: #ffffff !default;
151
- $color-button-solid-primary-02-focus-border: #171b26 !default;
152
- $color-button-solid-primary-02-disabled-background: #cccccc !default;
153
- $color-button-solid-primary-02-disabled-font: #666666 !default;
154
- $color-button-solid-primary-02-active-background: #171b26 !default;
155
- $color-button-solid-primary-02-hover-background: #242938 !default;
156
- $color-button-solid-primary-02-hover-font: #ffffff !default;
157
- $color-button-solid-neutral-background: #333333 !default;
158
- $color-button-solid-neutral-font: #ffffff !default;
159
- $color-button-solid-neutral-focus-border: #191919 !default;
160
- $color-button-solid-neutral-disabled-background: #cccccc !default;
161
- $color-button-solid-neutral-disabled-font: #666666 !default;
162
- $color-button-solid-neutral-active-background: #333333 !default;
163
- $color-button-solid-neutral-hover-background: #191919 !default;
164
- $color-button-solid-neutral-hover-font: #ffffff !default;
165
- $color-button-solid-danger-background: #c61112 !default;
166
- $color-button-solid-danger-font: #ffffff !default;
167
- $color-button-solid-danger-focus-border: #8c0003 !default;
168
- $color-button-solid-danger-disabled-background: #cccccc !default;
169
- $color-button-solid-danger-disabled-font: #666666 !default;
170
- $color-button-solid-danger-active-background: #8c0003 !default;
171
- $color-button-solid-danger-hover-background: #8c0003 !default;
172
- $color-button-solid-danger-hover-font: #ffffff !default;
173
- $color-button-bordered-background: #ffffff !default;
174
- $color-button-bordered-border: #007f8c !default;
175
- $color-button-bordered-font: #007f8c !default;
176
- $color-button-bordered-focus-border: #006974 !default;
177
- $color-button-bordered-disabled-background: #cccccc !default;
178
- $color-button-bordered-disabled-font: #666666 !default;
179
- $color-button-bordered-active-background: #91d5db !default;
180
- $color-button-bordered-active-font: #004e57 !default;
181
- $color-button-bordered-hover-background: #d9f0f3 !default;
182
- $color-button-bordered-hover-font: #006974 !default;
183
- $color-button-bordered-primary-02-background: #ffffff !default;
184
- $color-button-bordered-primary-02-border: #6a7081 !default;
185
- $color-button-bordered-primary-02-font: #6a7081 !default;
186
- $color-button-bordered-primary-02-focus-border: #171b26 !default;
187
- $color-button-bordered-primary-02-disabled-background: #cccccc !default;
188
- $color-button-bordered-primary-02-disabled-font: #666666 !default;
189
- $color-button-bordered-primary-02-active-background: #cfd2d8 !default;
190
- $color-button-bordered-primary-02-hover-background: #eeeff1 !default;
191
- $color-button-bordered-neutral-background: #ffffff !default;
192
- $color-button-bordered-neutral-border: #333333 !default;
193
- $color-button-bordered-neutral-font: #333333 !default;
194
- $color-button-bordered-neutral-focus-border: #191919 !default;
195
- $color-button-bordered-neutral-disabled-background: #cccccc !default;
196
- $color-button-bordered-neutral-disabled-font: #666666 !default;
197
- $color-button-bordered-neutral-active-background: #cccccc !default;
198
- $color-button-bordered-neutral-hover-background: #e6e6e6 !default;
199
- $color-button-bordered-danger-background: #ffffff !default;
200
- $color-button-bordered-danger-border: #c61112 !default;
201
- $color-button-bordered-danger-font: #c61112 !default;
202
- $color-button-bordered-danger-focus-border: #8c0003 !default;
203
- $color-button-bordered-danger-disabled-background: #cccccc !default;
204
- $color-button-bordered-danger-disabled-font: #666666 !default;
205
- $color-button-bordered-danger-active-background: #f8bcbb !default;
206
- $color-button-bordered-danger-active-font: #530000 !default;
207
- $color-button-bordered-danger-hover-background: #fdeaea !default;
208
- $color-button-bordered-danger-hover-font: #8c0003 !default;
209
- $color-card-bordered-background: #ffffff !default;
210
- $color-card-bordered-border: #808080 !default;
211
- $color-dialog-background: #ffffff !default;
212
- $color-dialog-icon: #666666 !default;
213
- $color-dialog-close: #808080 !default;
214
- $color-dialog-footer-shadow: #191919 !default;
215
- $color-divider-lightest: #ffffff !default;
216
- $color-divider-light: #b3b3b3 !default;
217
- $color-divider-default: #666666 !default;
218
- $color-divider-dark: #000000 !default;
219
- $color-fields-error: #c61112 !default;
220
- $color-fields-label: #333333 !default;
221
- $color-fields-requirement: #666666 !default;
222
- $color-fields-help: #666666 !default;
223
- $color-fileuploader-font: #000000 !default;
224
- $color-fileuploader-files-list: #e6e6e6 !default;
225
- $color-fileuploader-files-delete: #cccccc !default;
226
- $color-fileuploader-valid: #00919f !default;
227
- $color-fileuploader-alert: #c61112 !default;
228
- $color-flag-solid-background: #007f8c !default;
229
- $color-flag-solid-border: #007f8c !default;
230
- $color-flag-solid-text: #ffffff !default;
231
- $color-flag-solid-primary-02-background: #4b4a8c !default;
232
- $color-flag-solid-primary-02-border: #4b4a8c !default;
233
- $color-flag-solid-primary-02-text: #ffffff !default;
234
- $color-flag-solid-dark-background: #000000 !default;
235
- $color-flag-solid-dark-border: #000000 !default;
236
- $color-flag-solid-dark-text: #ffffff !default;
237
- $color-flag-solid-light-background: #ffffff !default;
238
- $color-flag-solid-light-border: #ffffff !default;
239
- $color-flag-solid-light-text: #000000 !default;
240
- $color-flag-solid-danger-background: #c61112 !default;
241
- $color-flag-solid-danger-border: #c61112 !default;
242
- $color-flag-solid-danger-text: #ffffff !default;
243
- $color-flag-bordered-background: #ffffff !default;
244
- $color-flag-bordered-border: #007f8c !default;
245
- $color-flag-bordered-text: #007f8c !default;
246
- $color-flag-bordered-primary-02-background: #ffffff !default;
247
- $color-flag-bordered-primary-02-border: #4b4a8c !default;
248
- $color-flag-bordered-primary-02-text: #4b4a8c !default;
249
- $color-flag-bordered-dark-background: #ffffff !default;
250
- $color-flag-bordered-dark-border: #000000 !default;
251
- $color-flag-bordered-dark-text: #000000 !default;
252
- $color-flag-bordered-light-background: #000000 !default;
253
- $color-flag-bordered-light-border: #ffffff !default;
254
- $color-flag-bordered-light-text: #ffffff !default;
255
- $color-flag-bordered-danger-background: #ffffff !default;
256
- $color-flag-bordered-danger-border: #c61112 !default;
257
- $color-flag-bordered-danger-text: #c61112 !default;
258
- $color-focus-gap: #ffffff !default;
259
- $color-focus-border: #758992 !default;
260
- $color-font-primary-01: #007f8c !default;
261
- $color-font-primary-02: #6a7081 !default;
262
- $color-font-darkest: #000000 !default;
263
- $color-font-darker: #191919 !default;
264
- $color-font-dark: #333333 !default;
265
- $color-font-light: #666666 !default;
266
- $color-font-lightest: #ffffff !default;
267
- $color-font-info: #007bb4 !default;
268
- $color-font-success: #188803 !default;
269
- $color-font-warning: #c65200 !default;
270
- $color-font-danger: #c61112 !default;
271
- $color-heading-underline-default: #00919f !default;
272
- $color-heading-underline-lightest: #91d5db !default;
273
- $color-hero-cover-background: #191919 !default;
274
- $color-input-text: #191919 !default;
275
- $color-input-border: #666666 !default;
276
- $color-input-placeholder: #808080 !default;
277
- $color-input-background: #ffffff !default;
278
- $color-input-disabled-border: #e6e6e6 !default;
279
- $color-input-disabled-background: #e6e6e6 !default;
280
- $color-input-disabled-icon: #999999 !default;
281
- $color-input-hover-border: #191919 !default;
282
- $color-input-focus-border: #758992 !default;
283
- $color-input-valid-border: #46a610 !default;
284
- $color-input-valid-hover-border: #035010 !default;
285
- $color-input-invalid-border: #c61112 !default;
286
- $color-input-invalid-hover-border: #530000 !default;
287
- $color-input-checked-border: #00919f !default;
288
- $color-input-checked-background: #00919f !default;
289
- $color-input-checked-icon: #ffffff !default;
290
- $color-input-checked-hover-border: #004e57 !default;
291
- $color-link-dark-base: #000000 !default;
292
- $color-link-dark-visited: #333333 !default;
293
- $color-link-dark-active: #333333 !default;
294
- $color-link-dark-disabled: #e6e6e6 !default;
295
- $color-link-dark-hover: #666666 !default;
296
- $color-link-light-base: #ffffff !default;
297
- $color-link-light-visited: #cccccc !default;
298
- $color-link-light-active: #cccccc !default;
299
- $color-link-light-disabled: #e6e6e6 !default;
300
- $color-link-light-hover: #999999 !default;
301
- $color-link-primary-base: #007f8c !default;
302
- $color-link-primary-visited: #006974 !default;
303
- $color-link-primary-active: #006974 !default;
304
- $color-link-primary-disabled: #e6e6e6 !default;
305
- $color-link-primary-hover: #004e57 !default;
306
- $color-link-primary-02-base: #494f60 !default;
307
- $color-link-primary-02-visited: #343b4c !default;
308
- $color-link-primary-02-active: #343b4c !default;
309
- $color-link-primary-02-disabled: #e6e6e6 !default;
310
- $color-link-primary-02-hover: #171b26 !default;
311
- $color-link-danger-base: #c61112 !default;
312
- $color-link-danger-visited: #8c0003 !default;
313
- $color-link-danger-active: #8c0003 !default;
314
- $color-link-danger-disabled: #e6e6e6 !default;
315
- $color-link-danger-hover: #530000 !default;
316
- $color-listbox-background: #ffffff !default;
317
- $color-listbox-border: #666666 !default;
318
- $color-listbox-tile-border: #b3b3b3 !default;
319
- $color-listbox-tile-shadow: #191919 !default;
320
- $color-listbox-tile-hover-background: #e6e6e6 !default;
321
- $color-listbox-disabled-background: #cccccc !default;
322
- $color-notification-font: #000000 !default;
323
- $color-notification-information-background: #daeff7 !default;
324
- $color-notification-information-border: #0b96cc !default;
325
- $color-notification-information-icon: #007bb4 !default;
326
- $color-notification-success-background: #ebf5de !default;
327
- $color-notification-success-border: #46a610 !default;
328
- $color-notification-success-icon: #188803 !default;
329
- $color-notification-warning-background: #fdf1e8 !default;
330
- $color-notification-warning-border: #ea7315 !default;
331
- $color-notification-warning-icon: #c65200 !default;
332
- $color-notification-danger-background: #fdeaea !default;
333
- $color-notification-danger-border: #ea302d !default;
334
- $color-notification-danger-icon: #c61112 !default;
335
- $color-option-button-label-shadow: #b3b3b3 !default;
336
- $color-option-button-hover-label-shadow: #333333 !default;
337
- $color-option-button-checked-label-border: #00919f !default;
338
- $color-option-button-checked-label-shadow: #d9f0f3 !default;
339
- $color-option-button-disabled-label-background: #cccccc !default;
340
- $color-option-card-label-shadow: #b3b3b3 !default;
341
- $color-option-card-hover-label-shadow: #333333 !default;
342
- $color-option-card-checked-label-border: #00919f !default;
343
- $color-option-card-checked-label-shadow: #d9f0f3 !default;
344
- $color-overlay-background: #191919 !default;
345
- $color-overlay-loader-background: #082435 !default;
346
- $color-password-input-button-hover-background: #e6e6e6 !default;
347
- $color-phone-number-button-border: #666666 !default;
348
- $color-phone-number-list-background: #ffffff !default;
349
- $color-phone-number-item-border: #b3b3b3 !default;
350
- $color-phone-number-item-focus-background: #e6e6e6 !default;
351
- $color-progress-background: #cccccc !default;
352
- $color-progress-indicator: #007bb4 !default;
353
- $color-progress-percentage-default: #191919 !default;
354
- $color-progress-percentage-half: #ffffff !default;
355
- $color-progress-branded-indicator: #00919f !default;
356
- $color-star-empty: #ffffff !default;
357
- $color-star-focus: #758992 !default;
358
- $color-star-full: #ea7315 !default;
359
- $color-star-hover: #f4b27e !default;
360
- $color-stepper-item-background: #999999 !default;
361
- $color-stepper-item-current-background: #00919f !default;
362
- $color-stepper-link-hover-text: #00919f !default;
363
- $color-stepper-indicator-background: #ffffff !default;
364
- $color-stepper-indicator-border: #999999 !default;
365
- $color-stepper-indicator-current-background: #00919f !default;
366
- $color-stepper-indicator-current-border: #00919f !default;
367
- $color-stepper-icon: #00919f !default;
368
- $color-stepper-title: #00919f !default;
369
- $color-tabs-background: #ffffff !default;
370
- $color-tabs-shadow: #000000 !default;
371
- $color-tabs-default: #666666 !default;
372
- $color-tabs-element-background: #eeedea !default;
373
- $color-tabs-hover: #004e57 !default;
374
- $color-tabs-disabled-background: #cccccc !default;
375
- $color-tabs-active-background: #dddcd5 !default;
376
- $color-tabs-active-text: #004e57 !default;
377
- $color-tabs-selected-border: #007f8c !default;
378
- $color-tabs-selected-text: #007f8c !default;
379
- $color-tabs-active-disabled: #91d5db !default;
380
- $color-tag-text-light-background: #ffffff !default;
381
- $color-tag-text-light-border: #808080 !default;
382
- $color-tag-text-light-text: #191919 !default;
383
- $color-tag-text-dark-background: #191919 !default;
384
- $color-tag-text-dark-border: #ffffff !default;
385
- $color-tag-text-dark-text: #ffffff !default;
386
- $color-tag-link-light-background: #ffffff !default;
387
- $color-tag-link-light-border: #808080 !default;
388
- $color-tag-link-light-text: #191919 !default;
389
- $color-tag-link-light-hover-background: #e6e6e6 !default;
390
- $color-tag-link-light-active-background: #cccccc !default;
391
- $color-tag-link-dark-background: #191919 !default;
392
- $color-tag-link-dark-border: #ffffff !default;
393
- $color-tag-link-dark-text: #ffffff !default;
394
- $color-tag-link-dark-hover-background: #333333 !default;
395
- $color-tag-link-dark-active-background: #4d4d4d !default;
396
- $color-tag-selectable-light-background: #ffffff !default;
397
- $color-tag-selectable-light-border: #808080 !default;
398
- $color-tag-selectable-light-text: #191919 !default;
399
- $color-tag-selectable-light-hover-background: #48bac4 !default;
400
- $color-tag-selectable-light-active-background: #004e57 !default;
401
- $color-tag-selectable-light-active-border: #004e57 !default;
402
- $color-tag-selectable-light-active-text: #ffffff !default;
403
- $color-tag-selectable-light-disabled-background: #e6e6e6 !default;
404
- $color-tag-selectable-light-disabled-text: #808080 !default;
405
- $color-tag-selectable-light-selected-background: #007f8c !default;
406
- $color-tag-selectable-light-selected-text: #ffffff !default;
407
- $color-tag-selectable-light-selected-hover-background: #006974 !default;
408
- $color-tag-selectable-dark-background: #191919 !default;
409
- $color-tag-selectable-dark-border: #ffffff !default;
410
- $color-tag-selectable-dark-text: #ffffff !default;
411
- $color-tag-selectable-dark-hover-background: #006974 !default;
412
- $color-tag-selectable-dark-active-background: #91d5db !default;
413
- $color-tag-selectable-dark-active-border: #91d5db !default;
414
- $color-tag-selectable-dark-active-text: #191919 !default;
415
- $color-tag-selectable-dark-selected-background: #009eac !default;
416
- $color-tag-selectable-dark-selected-border: #009eac !default;
417
- $color-tag-selectable-dark-selected-text: #191919 !default;
418
- $color-tag-selectable-dark-selected-hover-background: #48bac4 !default;
419
- $color-tag-selectable-dark-disabled-background: #4d4d4d !default;
420
- $color-tag-selectable-dark-disabled-text: #808080 !default;
421
- $color-tag-removable-light-background: #333333 !default;
422
- $color-tag-removable-light-text: #ffffff !default;
423
- $color-tag-removable-light-icon: #cccccc !default;
424
- $color-tag-removable-light-hover-background: #4d4d4d !default;
425
- $color-tag-removable-light-active-background: #666666 !default;
426
- $color-tag-removable-dark-background: #cccccc !default;
427
- $color-tag-removable-dark-text: #191919 !default;
428
- $color-tag-removable-dark-icon: #191919 !default;
429
- $color-tag-removable-dark-hover-background: #b3b3b3 !default;
430
- $color-tag-removable-dark-active-background: #999999 !default;
431
- $color-toggle-off-background: #666666 !default;
432
- $color-toggle-off-circle: #ffffff !default;
433
- $color-toggle-on-background: #00919f !default;
434
- $color-toggle-on-circle: #ffffff !default;
435
- $color-toggle-hover-circle: #e6e6e6 !default;
436
- $color-toggle-disabled-background: #e6e6e6 !default;
437
- $color-toggle-disabled-circle: #b3b3b3 !default;
438
- $color-toggle-disabled-checked-background: #91d5db !default;
439
- $color-toggle-disabled-checked-circle: #ffffff !default;
440
- $color-tooltip-background: #4d4d4d !default;
441
- $color-tooltip-border: #ffffff !default;
442
- $color-secondary-sandgrey-100: #eeedea !default;
443
- $color-secondary-sandgrey-200: #dddcd5 !default;
444
- $color-secondary-sandgrey-300: #c2c1ba !default;
445
- $color-secondary-sandgrey-400: #a7a6a0 !default;
446
- $color-secondary-sandgrey-500: #8c8b85 !default;
447
- $color-secondary-sandgrey-600: #71706b !default;
448
- $color-secondary-sandgrey-700: #555550 !default;
449
- $color-secondary-sandgrey-800: #3a3936 !default;
450
- $color-secondary-sandgrey-900: #1e1e1c !default;
451
- $preset: adeo !default;
452
- $radius-s: 2 !default;
453
- $radius-m: 4 !default;
454
- $radius-l: 6 !default;
455
- $shadow-s-x: 0px !default;
456
- $shadow-s-y: 1px !default;
457
- $shadow-s-blur: 5px !default;
458
- $shadow-s-spread: 0px !default;
459
- $shadow-s-opacity: 0.2 !default;
460
- $shadow-m-x: 0px !default;
461
- $shadow-m-y: 2px !default;
462
- $shadow-m-blur: 10px !default;
463
- $shadow-m-spread: 0px !default;
464
- $shadow-m-opacity: 0.2 !default;
465
- $shadow-l-x: 0px !default;
466
- $shadow-l-y: 4px !default;
467
- $shadow-l-blur: 20px !default;
468
- $shadow-l-spread: 0px !default;
469
- $shadow-l-opacity: 0.2 !default;
470
- $magic-unit: 1 !default;
471
- $local-rem-value: 16 !default;
472
- $size-font-10: 2.5625rem !default; // 41px
473
- $size-font-11: 3.0625rem !default; // 49px
474
- $size-font-12: 3.6875rem !default; // 59px
475
- $size-font-01: 0.6815rem !default; // 11px
476
- $size-font-02: 0.75rem !default; // 12px
477
- $size-font-03: 0.8125rem !default; // 13px
478
- $size-font-04: 0.875rem !default; // 14px
479
- $size-font-05: 1rem !default; // 16px
480
- $size-font-06: 1.125rem !default; // 18px
481
- $size-font-07: 1.4375rem !default; // 23px
482
- $size-font-08: 1.75rem !default; // 28px
483
- $size-font-09: 2.125rem !default; // 34px
484
- $size-line-10-xs: 2.5rem !default; // 40px
485
- $size-line-10-s: 3rem !default; // 48px
486
- $size-line-10-m: 3.5rem !default; // 56px
487
- $size-line-10-l: 3.75rem !default; // 60px
488
- $size-line-11-xs: 3rem !default; // 48px
489
- $size-line-11-s: 3.5rem !default; // 56px
490
- $size-line-11-m: 4.25rem !default; // 68px
491
- $size-line-11-l: 4.5rem !default; // 72px
492
- $size-line-12-xs: 3.75rem !default; // 60px
493
- $size-line-12-s: 4.25rem !default; // 68px
494
- $size-line-12-m: 5rem !default; // 80px
495
- $size-line-12-l: 5.5rem !default; // 88px
496
- $size-line-01-xs: 0.75rem !default; // 12px
497
- $size-line-01-s: 0.75rem !default; // 12px
498
- $size-line-01-m: 0.875rem !default; // 14px
499
- $size-line-01-l: 1rem !default; // 16px
500
- $size-line-02-xs: 0.75rem !default; // 12px
501
- $size-line-02-s: 0.875rem !default; // 14px
502
- $size-line-02-m: 1rem !default; // 16px
503
- $size-line-02-l: 1.125rem !default; // 18px
504
- $size-line-03-xs: 0.875rem !default; // 14px
505
- $size-line-03-s: 1rem !default; // 16px
506
- $size-line-03-m: 1.125rem !default; // 18px
507
- $size-line-03-l: 1.25rem !default; // 20px
508
- $size-line-04-xs: 0.875rem !default; // 14px
509
- $size-line-04-s: 1rem !default; // 16px
510
- $size-line-04-m: 1.125rem !default; // 18px
511
- $size-line-04-l: 1.375rem !default; // 22px
512
- $size-line-05-xs: 1rem !default; // 16px
513
- $size-line-05-s: 1.125rem !default; // 18px
514
- $size-line-05-m: 1.375rem !default; // 22px
515
- $size-line-05-l: 1.5rem !default; // 24px
516
- $size-line-06-xs: 1.125rem !default; // 18px
517
- $size-line-06-s: 1.25rem !default; // 20px
518
- $size-line-06-m: 1.5rem !default; // 24px
519
- $size-line-06-l: 1.75rem !default; // 28px
520
- $size-line-07-xs: 1.5rem !default; // 24px
521
- $size-line-07-s: 1.75rem !default; // 28px
522
- $size-line-07-m: 2rem !default; // 32px
523
- $size-line-07-l: 2.25rem !default; // 36px
524
- $size-line-08-xs: 1.75rem !default; // 28px
525
- $size-line-08-s: 2rem !default; // 32px
526
- $size-line-08-m: 2.25rem !default; // 36px
527
- $size-line-08-l: 2.75rem !default; // 44px
528
- $size-line-09-xs: 2.25rem !default; // 36px
529
- $size-line-09-s: 2.5rem !default; // 40px
530
- $size-line-09-m: 2.75rem !default; // 44px
531
- $size-line-09-l: 3.25rem !default; // 52px
532
- $size-gutter-screen-s: 1rem !default;
533
- $size-gutter-screen-m: 2rem !default;
534
- $screen-s: 0px !default;
535
- $screen-s-medium: 320px !default;
536
- $screen-s-large: 360px !default;
537
- $screen-s-xlarge: 390px !default;
538
- $screen-m: 680px !default;
539
- $screen-m-medium: 769px !default;
540
- $screen-l: 1024px !default;
541
- $screen-l-medium: 1100px !default;
542
- $screen-xl: 1280px !default;
543
- $screen-xl-medium: 1440px !default;
544
- $screen-xl-large: 1680px !default;
545
- $screen-xxl: 1920px !default;
546
-
547
- $tokens: (
548
- 'border': (
549
- 's': $border-s,
550
- 'm': $border-m,
551
- 'l': $border-l
552
- ),
553
- 'color': (
554
- 'badge': (
555
- 'info': (
556
- 'background': $color-badge-info-background,
557
- 'border': $color-badge-info-border,
558
- 'text': $color-badge-info-text
559
- ),
560
- 'success': (
561
- 'background': $color-badge-success-background,
562
- 'border': $color-badge-success-border,
563
- 'text': $color-badge-success-text
564
- ),
565
- 'warning': (
566
- 'background': $color-badge-warning-background,
567
- 'border': $color-badge-warning-border,
568
- 'text': $color-badge-warning-text
569
- ),
570
- 'danger': (
571
- 'background': $color-badge-danger-background,
572
- 'border': $color-badge-danger-border,
573
- 'text': $color-badge-danger-text
574
- ),
575
- 'neutral': (
576
- 'background': $color-badge-neutral-background,
577
- 'border': $color-badge-neutral-border,
578
- 'text': $color-badge-neutral-text
579
- )
580
- ),
581
- 'primary-01': (
582
- '100': $color-primary-01-100,
583
- '200': $color-primary-01-200,
584
- '300': $color-primary-01-300,
585
- '400': $color-primary-01-400,
586
- '500': $color-primary-01-500,
587
- '600': $color-primary-01-600,
588
- '700': $color-primary-01-700,
589
- '800': $color-primary-01-800,
590
- '900': $color-primary-01-900
591
- ),
592
- 'primary-02': (
593
- '100': $color-primary-02-100,
594
- '200': $color-primary-02-200,
595
- '300': $color-primary-02-300,
596
- '400': $color-primary-02-400,
597
- '500': $color-primary-02-500,
598
- '600': $color-primary-02-600,
599
- '700': $color-primary-02-700,
600
- '800': $color-primary-02-800,
601
- '900': $color-primary-02-900
602
- ),
603
- 'grey': (
604
- '100': $color-grey-100,
605
- '200': $color-grey-200,
606
- '300': $color-grey-300,
607
- '400': $color-grey-400,
608
- '500': $color-grey-500,
609
- '600': $color-grey-600,
610
- '700': $color-grey-700,
611
- '800': $color-grey-800,
612
- '900': $color-grey-900,
613
- '999': $color-grey-999,
614
- '000': $color-grey-000
615
- ),
616
- 'secondary-blue': (
617
- '100': $color-secondary-blue-100,
618
- '200': $color-secondary-blue-200,
619
- '300': $color-secondary-blue-300,
620
- '400': $color-secondary-blue-400,
621
- '500': $color-secondary-blue-500,
622
- '600': $color-secondary-blue-600,
623
- '700': $color-secondary-blue-700,
624
- '800': $color-secondary-blue-800,
625
- '900': $color-secondary-blue-900
626
- ),
627
- 'secondary-green': (
628
- '100': $color-secondary-green-100,
629
- '200': $color-secondary-green-200,
630
- '300': $color-secondary-green-300,
631
- '400': $color-secondary-green-400,
632
- '500': $color-secondary-green-500,
633
- '600': $color-secondary-green-600,
634
- '700': $color-secondary-green-700,
635
- '800': $color-secondary-green-800,
636
- '900': $color-secondary-green-900
637
- ),
638
- 'secondary-purple': (
639
- '100': $color-secondary-purple-100,
640
- '200': $color-secondary-purple-200,
641
- '300': $color-secondary-purple-300,
642
- '400': $color-secondary-purple-400,
643
- '500': $color-secondary-purple-500,
644
- '600': $color-secondary-purple-600,
645
- '700': $color-secondary-purple-700,
646
- '800': $color-secondary-purple-800,
647
- '900': $color-secondary-purple-900
648
- ),
649
- 'secondary-red': (
650
- '100': $color-secondary-red-100,
651
- '200': $color-secondary-red-200,
652
- '300': $color-secondary-red-300,
653
- '400': $color-secondary-red-400,
654
- '500': $color-secondary-red-500,
655
- '600': $color-secondary-red-600,
656
- '700': $color-secondary-red-700,
657
- '800': $color-secondary-red-800,
658
- '900': $color-secondary-red-900
659
- ),
660
- 'secondary-orange': (
661
- '100': $color-secondary-orange-100,
662
- '200': $color-secondary-orange-200,
663
- '300': $color-secondary-orange-300,
664
- '400': $color-secondary-orange-400,
665
- '500': $color-secondary-orange-500,
666
- '600': $color-secondary-orange-600,
667
- '700': $color-secondary-orange-700,
668
- '800': $color-secondary-orange-800,
669
- '900': $color-secondary-orange-900
670
- ),
671
- 'secondary-yellow': (
672
- '100': $color-secondary-yellow-100,
673
- '200': $color-secondary-yellow-200,
674
- '300': $color-secondary-yellow-300,
675
- '400': $color-secondary-yellow-400,
676
- '500': $color-secondary-yellow-500,
677
- '600': $color-secondary-yellow-600,
678
- '700': $color-secondary-yellow-700,
679
- '800': $color-secondary-yellow-800,
680
- '900': $color-secondary-yellow-900
681
- ),
682
- 'danger': (
683
- '100': $color-danger-100,
684
- '200': $color-danger-200,
685
- '300': $color-danger-300,
686
- '400': $color-danger-400,
687
- '500': $color-danger-500,
688
- '600': $color-danger-600,
689
- '700': $color-danger-700,
690
- '800': $color-danger-800,
691
- '900': $color-danger-900
692
- ),
693
- 'info': (
694
- '100': $color-info-100,
695
- '200': $color-info-200,
696
- '300': $color-info-300,
697
- '400': $color-info-400,
698
- '500': $color-info-500,
699
- '600': $color-info-600,
700
- '700': $color-info-700,
701
- '800': $color-info-800,
702
- '900': $color-info-900
703
- ),
704
- 'warning': (
705
- '100': $color-warning-100,
706
- '200': $color-warning-200,
707
- '300': $color-warning-300,
708
- '400': $color-warning-400,
709
- '500': $color-warning-500,
710
- '600': $color-warning-600,
711
- '700': $color-warning-700,
712
- '800': $color-warning-800,
713
- '900': $color-warning-900
714
- ),
715
- 'success': (
716
- '100': $color-success-100,
717
- '200': $color-success-200,
718
- '300': $color-success-300,
719
- '400': $color-success-400,
720
- '500': $color-success-500,
721
- '600': $color-success-600,
722
- '700': $color-success-700,
723
- '800': $color-success-800,
724
- '900': $color-success-900
725
- ),
726
- 'breadcrumb': (
727
- 'arrow': $color-breadcrumb-arrow,
728
- 'arrow-invert': $color-breadcrumb-arrow-invert
729
- ),
730
- 'button': (
731
- 'solid': (
732
- 'background': $color-button-solid-background,
733
- 'font': $color-button-solid-font,
734
- 'focus': (
735
- 'border': $color-button-solid-focus-border
736
- ),
737
- 'disabled': (
738
- 'background': $color-button-solid-disabled-background,
739
- 'font': $color-button-solid-disabled-font
740
- ),
741
- 'active': (
742
- 'background': $color-button-solid-active-background
743
- ),
744
- 'hover': (
745
- 'background': $color-button-solid-hover-background,
746
- 'font': $color-button-solid-hover-font
747
- )
748
- ),
749
- 'solid-primary-02': (
750
- 'background': $color-button-solid-primary-02-background,
751
- 'font': $color-button-solid-primary-02-font,
752
- 'focus': (
753
- 'border': $color-button-solid-primary-02-focus-border
754
- ),
755
- 'disabled': (
756
- 'background': $color-button-solid-primary-02-disabled-background,
757
- 'font': $color-button-solid-primary-02-disabled-font
758
- ),
759
- 'active': (
760
- 'background': $color-button-solid-primary-02-active-background
761
- ),
762
- 'hover': (
763
- 'background': $color-button-solid-primary-02-hover-background,
764
- 'font': $color-button-solid-primary-02-hover-font
765
- )
766
- ),
767
- 'solid-neutral': (
768
- 'background': $color-button-solid-neutral-background,
769
- 'font': $color-button-solid-neutral-font,
770
- 'focus': (
771
- 'border': $color-button-solid-neutral-focus-border
772
- ),
773
- 'disabled': (
774
- 'background': $color-button-solid-neutral-disabled-background,
775
- 'font': $color-button-solid-neutral-disabled-font
776
- ),
777
- 'active': (
778
- 'background': $color-button-solid-neutral-active-background
779
- ),
780
- 'hover': (
781
- 'background': $color-button-solid-neutral-hover-background,
782
- 'font': $color-button-solid-neutral-hover-font
783
- )
784
- ),
785
- 'solid-danger': (
786
- 'background': $color-button-solid-danger-background,
787
- 'font': $color-button-solid-danger-font,
788
- 'focus': (
789
- 'border': $color-button-solid-danger-focus-border
790
- ),
791
- 'disabled': (
792
- 'background': $color-button-solid-danger-disabled-background,
793
- 'font': $color-button-solid-danger-disabled-font
794
- ),
795
- 'active': (
796
- 'background': $color-button-solid-danger-active-background
797
- ),
798
- 'hover': (
799
- 'background': $color-button-solid-danger-hover-background,
800
- 'font': $color-button-solid-danger-hover-font
801
- )
802
- ),
803
- 'bordered': (
804
- 'background': $color-button-bordered-background,
805
- 'border': $color-button-bordered-border,
806
- 'font': $color-button-bordered-font,
807
- 'focus': (
808
- 'border': $color-button-bordered-focus-border
809
- ),
810
- 'disabled': (
811
- 'background': $color-button-bordered-disabled-background,
812
- 'font': $color-button-bordered-disabled-font
813
- ),
814
- 'active': (
815
- 'background': $color-button-bordered-active-background,
816
- 'font': $color-button-bordered-active-font
817
- ),
818
- 'hover': (
819
- 'background': $color-button-bordered-hover-background,
820
- 'font': $color-button-bordered-hover-font
821
- )
822
- ),
823
- 'bordered-primary-02': (
824
- 'background': $color-button-bordered-primary-02-background,
825
- 'border': $color-button-bordered-primary-02-border,
826
- 'font': $color-button-bordered-primary-02-font,
827
- 'focus': (
828
- 'border': $color-button-bordered-primary-02-focus-border
829
- ),
830
- 'disabled': (
831
- 'background': $color-button-bordered-primary-02-disabled-background,
832
- 'font': $color-button-bordered-primary-02-disabled-font
833
- ),
834
- 'active': (
835
- 'background': $color-button-bordered-primary-02-active-background
836
- ),
837
- 'hover': (
838
- 'background': $color-button-bordered-primary-02-hover-background
839
- )
840
- ),
841
- 'bordered-neutral': (
842
- 'background': $color-button-bordered-neutral-background,
843
- 'border': $color-button-bordered-neutral-border,
844
- 'font': $color-button-bordered-neutral-font,
845
- 'focus': (
846
- 'border': $color-button-bordered-neutral-focus-border
847
- ),
848
- 'disabled': (
849
- 'background': $color-button-bordered-neutral-disabled-background,
850
- 'font': $color-button-bordered-neutral-disabled-font
851
- ),
852
- 'active': (
853
- 'background': $color-button-bordered-neutral-active-background
854
- ),
855
- 'hover': (
856
- 'background': $color-button-bordered-neutral-hover-background
857
- )
858
- ),
859
- 'bordered-danger': (
860
- 'background': $color-button-bordered-danger-background,
861
- 'border': $color-button-bordered-danger-border,
862
- 'font': $color-button-bordered-danger-font,
863
- 'focus': (
864
- 'border': $color-button-bordered-danger-focus-border
865
- ),
866
- 'disabled': (
867
- 'background': $color-button-bordered-danger-disabled-background,
868
- 'font': $color-button-bordered-danger-disabled-font
869
- ),
870
- 'active': (
871
- 'background': $color-button-bordered-danger-active-background,
872
- 'font': $color-button-bordered-danger-active-font
873
- ),
874
- 'hover': (
875
- 'background': $color-button-bordered-danger-hover-background,
876
- 'font': $color-button-bordered-danger-hover-font
877
- )
878
- )
879
- ),
880
- 'card': (
881
- 'bordered': (
882
- 'background': $color-card-bordered-background,
883
- 'border': $color-card-bordered-border
884
- )
885
- ),
886
- 'dialog': (
887
- 'background': $color-dialog-background,
888
- 'icon': $color-dialog-icon,
889
- 'close': $color-dialog-close,
890
- 'footer': (
891
- 'shadow': $color-dialog-footer-shadow
892
- )
893
- ),
894
- 'divider': (
895
- 'lightest': $color-divider-lightest,
896
- 'light': $color-divider-light,
897
- 'default': $color-divider-default,
898
- 'dark': $color-divider-dark
899
- ),
900
- 'fields': (
901
- 'error': $color-fields-error,
902
- 'label': $color-fields-label,
903
- 'requirement': $color-fields-requirement,
904
- 'help': $color-fields-help
905
- ),
906
- 'fileuploader': (
907
- 'font': $color-fileuploader-font,
908
- 'files': (
909
- 'list': $color-fileuploader-files-list,
910
- 'delete': $color-fileuploader-files-delete
911
- ),
912
- 'valid': $color-fileuploader-valid,
913
- 'alert': $color-fileuploader-alert
914
- ),
915
- 'flag': (
916
- 'solid': (
917
- 'background': $color-flag-solid-background,
918
- 'border': $color-flag-solid-border,
919
- 'text': $color-flag-solid-text
920
- ),
921
- 'solid-primary-02': (
922
- 'background': $color-flag-solid-primary-02-background,
923
- 'border': $color-flag-solid-primary-02-border,
924
- 'text': $color-flag-solid-primary-02-text
925
- ),
926
- 'solid-dark': (
927
- 'background': $color-flag-solid-dark-background,
928
- 'border': $color-flag-solid-dark-border,
929
- 'text': $color-flag-solid-dark-text
930
- ),
931
- 'solid-light': (
932
- 'background': $color-flag-solid-light-background,
933
- 'border': $color-flag-solid-light-border,
934
- 'text': $color-flag-solid-light-text
935
- ),
936
- 'solid-danger': (
937
- 'background': $color-flag-solid-danger-background,
938
- 'border': $color-flag-solid-danger-border,
939
- 'text': $color-flag-solid-danger-text
940
- ),
941
- 'bordered': (
942
- 'background': $color-flag-bordered-background,
943
- 'border': $color-flag-bordered-border,
944
- 'text': $color-flag-bordered-text
945
- ),
946
- 'bordered-primary-02': (
947
- 'background': $color-flag-bordered-primary-02-background,
948
- 'border': $color-flag-bordered-primary-02-border,
949
- 'text': $color-flag-bordered-primary-02-text
950
- ),
951
- 'bordered-dark': (
952
- 'background': $color-flag-bordered-dark-background,
953
- 'border': $color-flag-bordered-dark-border,
954
- 'text': $color-flag-bordered-dark-text
955
- ),
956
- 'bordered-light': (
957
- 'background': $color-flag-bordered-light-background,
958
- 'border': $color-flag-bordered-light-border,
959
- 'text': $color-flag-bordered-light-text
960
- ),
961
- 'bordered-danger': (
962
- 'background': $color-flag-bordered-danger-background,
963
- 'border': $color-flag-bordered-danger-border,
964
- 'text': $color-flag-bordered-danger-text
965
- )
966
- ),
967
- 'focus': (
968
- 'gap': $color-focus-gap,
969
- 'border': $color-focus-border
970
- ),
971
- 'font': (
972
- 'primary-01': $color-font-primary-01,
973
- 'primary-02': $color-font-primary-02,
974
- 'darkest': $color-font-darkest,
975
- 'darker': $color-font-darker,
976
- 'dark': $color-font-dark,
977
- 'light': $color-font-light,
978
- 'lightest': $color-font-lightest,
979
- 'info': $color-font-info,
980
- 'success': $color-font-success,
981
- 'warning': $color-font-warning,
982
- 'danger': $color-font-danger
983
- ),
984
- 'heading': (
985
- 'underline': (
986
- 'default': $color-heading-underline-default,
987
- 'lightest': $color-heading-underline-lightest
988
- )
989
- ),
990
- 'hero': (
991
- 'cover': (
992
- 'background': $color-hero-cover-background
993
- )
994
- ),
995
- 'input': (
996
- 'text': $color-input-text,
997
- 'border': $color-input-border,
998
- 'placeholder': $color-input-placeholder,
999
- 'background': $color-input-background,
1000
- 'disabled': (
1001
- 'border': $color-input-disabled-border,
1002
- 'background': $color-input-disabled-background,
1003
- 'icon': $color-input-disabled-icon
1004
- ),
1005
- 'hover': (
1006
- 'border': $color-input-hover-border
1007
- ),
1008
- 'focus': (
1009
- 'border': $color-input-focus-border
1010
- ),
1011
- 'valid': (
1012
- 'border': $color-input-valid-border,
1013
- 'hover': (
1014
- 'border': $color-input-valid-hover-border
1015
- )
1016
- ),
1017
- 'invalid': (
1018
- 'border': $color-input-invalid-border,
1019
- 'hover': (
1020
- 'border': $color-input-invalid-hover-border
1021
- )
1022
- ),
1023
- 'checked': (
1024
- 'border': $color-input-checked-border,
1025
- 'background': $color-input-checked-background,
1026
- 'icon': $color-input-checked-icon,
1027
- 'hover': (
1028
- 'border': $color-input-checked-hover-border
1029
- )
1030
- )
1031
- ),
1032
- 'link': (
1033
- 'dark': (
1034
- 'base': $color-link-dark-base,
1035
- 'visited': $color-link-dark-visited,
1036
- 'active': $color-link-dark-active,
1037
- 'disabled': $color-link-dark-disabled,
1038
- 'hover': $color-link-dark-hover
1039
- ),
1040
- 'light': (
1041
- 'base': $color-link-light-base,
1042
- 'visited': $color-link-light-visited,
1043
- 'active': $color-link-light-active,
1044
- 'disabled': $color-link-light-disabled,
1045
- 'hover': $color-link-light-hover
1046
- ),
1047
- 'primary': (
1048
- 'base': $color-link-primary-base,
1049
- 'visited': $color-link-primary-visited,
1050
- 'active': $color-link-primary-active,
1051
- 'disabled': $color-link-primary-disabled,
1052
- 'hover': $color-link-primary-hover
1053
- ),
1054
- 'primary-02': (
1055
- 'base': $color-link-primary-02-base,
1056
- 'visited': $color-link-primary-02-visited,
1057
- 'active': $color-link-primary-02-active,
1058
- 'disabled': $color-link-primary-02-disabled,
1059
- 'hover': $color-link-primary-02-hover
1060
- ),
1061
- 'danger': (
1062
- 'base': $color-link-danger-base,
1063
- 'visited': $color-link-danger-visited,
1064
- 'active': $color-link-danger-active,
1065
- 'disabled': $color-link-danger-disabled,
1066
- 'hover': $color-link-danger-hover
1067
- )
1068
- ),
1069
- 'listbox': (
1070
- 'background': $color-listbox-background,
1071
- 'border': $color-listbox-border,
1072
- 'tile': (
1073
- 'border': $color-listbox-tile-border,
1074
- 'shadow': $color-listbox-tile-shadow,
1075
- 'hover': (
1076
- 'background': $color-listbox-tile-hover-background
1077
- )
1078
- ),
1079
- 'disabled': (
1080
- 'background': $color-listbox-disabled-background
1081
- )
1082
- ),
1083
- 'notification': (
1084
- 'font': $color-notification-font,
1085
- 'information': (
1086
- 'background': $color-notification-information-background,
1087
- 'border': $color-notification-information-border,
1088
- 'icon': $color-notification-information-icon
1089
- ),
1090
- 'success': (
1091
- 'background': $color-notification-success-background,
1092
- 'border': $color-notification-success-border,
1093
- 'icon': $color-notification-success-icon
1094
- ),
1095
- 'warning': (
1096
- 'background': $color-notification-warning-background,
1097
- 'border': $color-notification-warning-border,
1098
- 'icon': $color-notification-warning-icon
1099
- ),
1100
- 'danger': (
1101
- 'background': $color-notification-danger-background,
1102
- 'border': $color-notification-danger-border,
1103
- 'icon': $color-notification-danger-icon
1104
- )
1105
- ),
1106
- 'option-button': (
1107
- 'label': (
1108
- 'shadow': $color-option-button-label-shadow
1109
- ),
1110
- 'hover': (
1111
- 'label': (
1112
- 'shadow': $color-option-button-hover-label-shadow
1113
- )
1114
- ),
1115
- 'checked': (
1116
- 'label': (
1117
- 'border': $color-option-button-checked-label-border,
1118
- 'shadow': $color-option-button-checked-label-shadow
1119
- )
1120
- ),
1121
- 'disabled': (
1122
- 'label': (
1123
- 'background': $color-option-button-disabled-label-background
1124
- )
1125
- )
1126
- ),
1127
- 'option-card': (
1128
- 'label': (
1129
- 'shadow': $color-option-card-label-shadow
1130
- ),
1131
- 'hover': (
1132
- 'label': (
1133
- 'shadow': $color-option-card-hover-label-shadow
1134
- )
1135
- ),
1136
- 'checked': (
1137
- 'label': (
1138
- 'border': $color-option-card-checked-label-border,
1139
- 'shadow': $color-option-card-checked-label-shadow
1140
- )
1141
- )
1142
- ),
1143
- 'overlay': (
1144
- 'background': $color-overlay-background,
1145
- 'loader': (
1146
- 'background': $color-overlay-loader-background
1147
- )
1148
- ),
1149
- 'password-input': (
1150
- 'button': (
1151
- 'hover': (
1152
- 'background': $color-password-input-button-hover-background
1153
- )
1154
- )
1155
- ),
1156
- 'phone-number': (
1157
- 'button': (
1158
- 'border': $color-phone-number-button-border
1159
- ),
1160
- 'list': (
1161
- 'background': $color-phone-number-list-background
1162
- ),
1163
- 'item': (
1164
- 'border': $color-phone-number-item-border,
1165
- 'focus': (
1166
- 'background': $color-phone-number-item-focus-background
1167
- )
1168
- )
1169
- ),
1170
- 'progress': (
1171
- 'background': $color-progress-background,
1172
- 'indicator': $color-progress-indicator,
1173
- 'percentage': (
1174
- 'default': $color-progress-percentage-default,
1175
- 'half': $color-progress-percentage-half
1176
- ),
1177
- 'branded': (
1178
- 'indicator': $color-progress-branded-indicator
1179
- )
1180
- ),
1181
- 'star': (
1182
- 'empty': $color-star-empty,
1183
- 'focus': $color-star-focus,
1184
- 'full': $color-star-full,
1185
- 'hover': $color-star-hover
1186
- ),
1187
- 'stepper': (
1188
- 'item': (
1189
- 'background': $color-stepper-item-background,
1190
- 'current': (
1191
- 'background': $color-stepper-item-current-background
1192
- )
1193
- ),
1194
- 'link': (
1195
- 'hover': (
1196
- 'text': $color-stepper-link-hover-text
1197
- )
1198
- ),
1199
- 'indicator': (
1200
- 'background': $color-stepper-indicator-background,
1201
- 'border': $color-stepper-indicator-border,
1202
- 'current': (
1203
- 'background': $color-stepper-indicator-current-background,
1204
- 'border': $color-stepper-indicator-current-border
1205
- )
1206
- ),
1207
- 'icon': $color-stepper-icon,
1208
- 'title': $color-stepper-title
1209
- ),
1210
- 'tabs': (
1211
- 'background': $color-tabs-background,
1212
- 'shadow': $color-tabs-shadow,
1213
- 'default': $color-tabs-default,
1214
- 'element': (
1215
- 'background': $color-tabs-element-background
1216
- ),
1217
- 'hover': $color-tabs-hover,
1218
- 'disabled': (
1219
- 'background': $color-tabs-disabled-background
1220
- ),
1221
- 'active': (
1222
- 'background': $color-tabs-active-background,
1223
- 'text': $color-tabs-active-text
1224
- ),
1225
- 'selected': (
1226
- 'border': $color-tabs-selected-border,
1227
- 'text': $color-tabs-selected-text
1228
- ),
1229
- 'active-disabled': $color-tabs-active-disabled
1230
- ),
1231
- 'tag': (
1232
- 'text': (
1233
- 'light': (
1234
- 'background': $color-tag-text-light-background,
1235
- 'border': $color-tag-text-light-border,
1236
- 'text': $color-tag-text-light-text
1237
- ),
1238
- 'dark': (
1239
- 'background': $color-tag-text-dark-background,
1240
- 'border': $color-tag-text-dark-border,
1241
- 'text': $color-tag-text-dark-text
1242
- )
1243
- ),
1244
- 'link': (
1245
- 'light': (
1246
- 'background': $color-tag-link-light-background,
1247
- 'border': $color-tag-link-light-border,
1248
- 'text': $color-tag-link-light-text,
1249
- 'hover': (
1250
- 'background': $color-tag-link-light-hover-background
1251
- ),
1252
- 'active': (
1253
- 'background': $color-tag-link-light-active-background
1254
- )
1255
- ),
1256
- 'dark': (
1257
- 'background': $color-tag-link-dark-background,
1258
- 'border': $color-tag-link-dark-border,
1259
- 'text': $color-tag-link-dark-text,
1260
- 'hover': (
1261
- 'background': $color-tag-link-dark-hover-background
1262
- ),
1263
- 'active': (
1264
- 'background': $color-tag-link-dark-active-background
1265
- )
1266
- )
1267
- ),
1268
- 'selectable': (
1269
- 'light': (
1270
- 'background': $color-tag-selectable-light-background,
1271
- 'border': $color-tag-selectable-light-border,
1272
- 'text': $color-tag-selectable-light-text,
1273
- 'hover': (
1274
- 'background': $color-tag-selectable-light-hover-background
1275
- ),
1276
- 'active': (
1277
- 'background': $color-tag-selectable-light-active-background,
1278
- 'border': $color-tag-selectable-light-active-border,
1279
- 'text': $color-tag-selectable-light-active-text
1280
- ),
1281
- 'disabled': (
1282
- 'background': $color-tag-selectable-light-disabled-background,
1283
- 'text': $color-tag-selectable-light-disabled-text
1284
- ),
1285
- 'selected': (
1286
- 'background': $color-tag-selectable-light-selected-background,
1287
- 'text': $color-tag-selectable-light-selected-text,
1288
- 'hover': (
1289
- 'background': $color-tag-selectable-light-selected-hover-background
1290
- )
1291
- )
1292
- ),
1293
- 'dark': (
1294
- 'background': $color-tag-selectable-dark-background,
1295
- 'border': $color-tag-selectable-dark-border,
1296
- 'text': $color-tag-selectable-dark-text,
1297
- 'hover': (
1298
- 'background': $color-tag-selectable-dark-hover-background
1299
- ),
1300
- 'active': (
1301
- 'background': $color-tag-selectable-dark-active-background,
1302
- 'border': $color-tag-selectable-dark-active-border,
1303
- 'text': $color-tag-selectable-dark-active-text
1304
- ),
1305
- 'selected': (
1306
- 'background': $color-tag-selectable-dark-selected-background,
1307
- 'border': $color-tag-selectable-dark-selected-border,
1308
- 'text': $color-tag-selectable-dark-selected-text,
1309
- 'hover': (
1310
- 'background': $color-tag-selectable-dark-selected-hover-background
1311
- )
1312
- ),
1313
- 'disabled': (
1314
- 'background': $color-tag-selectable-dark-disabled-background,
1315
- 'text': $color-tag-selectable-dark-disabled-text
1316
- )
1317
- )
1318
- ),
1319
- 'removable': (
1320
- 'light': (
1321
- 'background': $color-tag-removable-light-background,
1322
- 'text': $color-tag-removable-light-text,
1323
- 'icon': $color-tag-removable-light-icon,
1324
- 'hover': (
1325
- 'background': $color-tag-removable-light-hover-background
1326
- ),
1327
- 'active': (
1328
- 'background': $color-tag-removable-light-active-background
1329
- )
1330
- ),
1331
- 'dark': (
1332
- 'background': $color-tag-removable-dark-background,
1333
- 'text': $color-tag-removable-dark-text,
1334
- 'icon': $color-tag-removable-dark-icon,
1335
- 'hover': (
1336
- 'background': $color-tag-removable-dark-hover-background
1337
- ),
1338
- 'active': (
1339
- 'background': $color-tag-removable-dark-active-background
1340
- )
1341
- )
1342
- )
1343
- ),
1344
- 'toggle': (
1345
- 'off': (
1346
- 'background': $color-toggle-off-background,
1347
- 'circle': $color-toggle-off-circle
1348
- ),
1349
- 'on': (
1350
- 'background': $color-toggle-on-background,
1351
- 'circle': $color-toggle-on-circle
1352
- ),
1353
- 'hover': (
1354
- 'circle': $color-toggle-hover-circle
1355
- ),
1356
- 'disabled': (
1357
- 'background': $color-toggle-disabled-background,
1358
- 'circle': $color-toggle-disabled-circle
1359
- ),
1360
- 'disabled-checked': (
1361
- 'background': $color-toggle-disabled-checked-background,
1362
- 'circle': $color-toggle-disabled-checked-circle
1363
- )
1364
- ),
1365
- 'tooltip': (
1366
- 'background': $color-tooltip-background,
1367
- 'border': $color-tooltip-border
1368
- ),
1369
- 'secondary-sandgrey': (
1370
- '100': $color-secondary-sandgrey-100,
1371
- '200': $color-secondary-sandgrey-200,
1372
- '300': $color-secondary-sandgrey-300,
1373
- '400': $color-secondary-sandgrey-400,
1374
- '500': $color-secondary-sandgrey-500,
1375
- '600': $color-secondary-sandgrey-600,
1376
- '700': $color-secondary-sandgrey-700,
1377
- '800': $color-secondary-sandgrey-800,
1378
- '900': $color-secondary-sandgrey-900
1379
- )
1380
- ),
1381
- 'preset': $preset,
1382
- 'radius': (
1383
- 's': $radius-s,
1384
- 'm': $radius-m,
1385
- 'l': $radius-l
1386
- ),
1387
- 'shadow': (
1388
- 's': (
1389
- 'x': $shadow-s-x,
1390
- 'y': $shadow-s-y,
1391
- 'blur': $shadow-s-blur,
1392
- 'spread': $shadow-s-spread,
1393
- 'opacity': $shadow-s-opacity
1394
- ),
1395
- 'm': (
1396
- 'x': $shadow-m-x,
1397
- 'y': $shadow-m-y,
1398
- 'blur': $shadow-m-blur,
1399
- 'spread': $shadow-m-spread,
1400
- 'opacity': $shadow-m-opacity
1401
- ),
1402
- 'l': (
1403
- 'x': $shadow-l-x,
1404
- 'y': $shadow-l-y,
1405
- 'blur': $shadow-l-blur,
1406
- 'spread': $shadow-l-spread,
1407
- 'opacity': $shadow-l-opacity
1408
- )
1409
- ),
1410
- 'magic-unit': $magic-unit,
1411
- 'local-rem-value': $local-rem-value,
1412
- 'size': (
1413
- 'font': (
1414
- '10': $size-font-10,
1415
- '11': $size-font-11,
1416
- '12': $size-font-12,
1417
- '01': $size-font-01,
1418
- '02': $size-font-02,
1419
- '03': $size-font-03,
1420
- '04': $size-font-04,
1421
- '05': $size-font-05,
1422
- '06': $size-font-06,
1423
- '07': $size-font-07,
1424
- '08': $size-font-08,
1425
- '09': $size-font-09
1426
- ),
1427
- 'line': (
1428
- '10': (
1429
- 'xs': $size-line-10-xs,
1430
- 's': $size-line-10-s,
1431
- 'm': $size-line-10-m,
1432
- 'l': $size-line-10-l
1433
- ),
1434
- '11': (
1435
- 'xs': $size-line-11-xs,
1436
- 's': $size-line-11-s,
1437
- 'm': $size-line-11-m,
1438
- 'l': $size-line-11-l
1439
- ),
1440
- '12': (
1441
- 'xs': $size-line-12-xs,
1442
- 's': $size-line-12-s,
1443
- 'm': $size-line-12-m,
1444
- 'l': $size-line-12-l
1445
- ),
1446
- '01': (
1447
- 'xs': $size-line-01-xs,
1448
- 's': $size-line-01-s,
1449
- 'm': $size-line-01-m,
1450
- 'l': $size-line-01-l
1451
- ),
1452
- '02': (
1453
- 'xs': $size-line-02-xs,
1454
- 's': $size-line-02-s,
1455
- 'm': $size-line-02-m,
1456
- 'l': $size-line-02-l
1457
- ),
1458
- '03': (
1459
- 'xs': $size-line-03-xs,
1460
- 's': $size-line-03-s,
1461
- 'm': $size-line-03-m,
1462
- 'l': $size-line-03-l
1463
- ),
1464
- '04': (
1465
- 'xs': $size-line-04-xs,
1466
- 's': $size-line-04-s,
1467
- 'm': $size-line-04-m,
1468
- 'l': $size-line-04-l
1469
- ),
1470
- '05': (
1471
- 'xs': $size-line-05-xs,
1472
- 's': $size-line-05-s,
1473
- 'm': $size-line-05-m,
1474
- 'l': $size-line-05-l
1475
- ),
1476
- '06': (
1477
- 'xs': $size-line-06-xs,
1478
- 's': $size-line-06-s,
1479
- 'm': $size-line-06-m,
1480
- 'l': $size-line-06-l
1481
- ),
1482
- '07': (
1483
- 'xs': $size-line-07-xs,
1484
- 's': $size-line-07-s,
1485
- 'm': $size-line-07-m,
1486
- 'l': $size-line-07-l
1487
- ),
1488
- '08': (
1489
- 'xs': $size-line-08-xs,
1490
- 's': $size-line-08-s,
1491
- 'm': $size-line-08-m,
1492
- 'l': $size-line-08-l
1493
- ),
1494
- '09': (
1495
- 'xs': $size-line-09-xs,
1496
- 's': $size-line-09-s,
1497
- 'm': $size-line-09-m,
1498
- 'l': $size-line-09-l
1499
- )
1500
- ),
1501
- 'gutter': (
1502
- 'screen': (
1503
- 's': $size-gutter-screen-s,
1504
- 'm': $size-gutter-screen-m
1505
- )
1506
- )
1507
- ),
1508
- 'screen': (
1509
- 's': $screen-s,
1510
- 's-medium': $screen-s-medium,
1511
- 's-large': $screen-s-large,
1512
- 's-xlarge': $screen-s-xlarge,
1513
- 'm': $screen-m,
1514
- 'm-medium': $screen-m-medium,
1515
- 'l': $screen-l,
1516
- 'l-medium': $screen-l-medium,
1517
- 'xl': $screen-xl,
1518
- 'xl-medium': $screen-xl-medium,
1519
- 'xl-large': $screen-xl-large,
1520
- 'xxl': $screen-xxl
1521
- )
1522
- );