@mozaic-ds/vue 1.0.0-beta.1 → 1.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (179) hide show
  1. package/LICENSE +51 -0
  2. package/README.md +218 -84
  3. package/dist/mozaic-vue.css +1 -1
  4. package/dist/mozaic-vue.d.ts +920 -0
  5. package/dist/mozaic-vue.js +877 -0
  6. package/dist/mozaic-vue.js.map +1 -0
  7. package/dist/mozaic-vue.umd.cjs +2 -0
  8. package/dist/mozaic-vue.umd.cjs.map +1 -0
  9. package/env.d.ts +1 -0
  10. package/package.json +80 -50
  11. package/src/components/Contributing.mdx +118 -0
  12. package/src/components/GettingStarted.mdx +39 -0
  13. package/src/components/Introduction.mdx +54 -0
  14. package/src/components/Support.mdx +18 -0
  15. package/src/components/badge/MBadge.spec.ts +16 -0
  16. package/src/components/badge/MBadge.stories.ts +50 -0
  17. package/src/components/badge/MBadge.vue +36 -34
  18. package/src/components/button/MButton.spec.ts +191 -0
  19. package/src/components/button/MButton.stories.ts +66 -0
  20. package/src/components/button/MButton.vue +98 -154
  21. package/src/components/checkbox/MCheckbox.spec.ts +104 -0
  22. package/src/components/checkbox/MCheckbox.stories.ts +83 -0
  23. package/src/components/checkbox/MCheckbox.vue +60 -101
  24. package/src/components/checkboxgroup/MCheckboxGroup.spec.ts +78 -0
  25. package/src/components/checkboxgroup/MCheckboxGroup.stories.ts +61 -0
  26. package/src/components/checkboxgroup/MCheckboxGroup.vue +97 -0
  27. package/src/components/field/MField.spec.ts +166 -0
  28. package/src/components/field/MField.stories.ts +376 -0
  29. package/src/components/field/MField.vue +78 -61
  30. package/src/components/fieldgroup/MFieldGroup.spec.ts +165 -0
  31. package/src/components/fieldgroup/MFieldGroup.stories.ts +274 -0
  32. package/src/components/fieldgroup/MFieldGroup.vue +79 -0
  33. package/src/components/iconbutton/MIconButton.spec.ts +108 -0
  34. package/src/components/iconbutton/MIconButton.stories.ts +66 -0
  35. package/src/components/iconbutton/MIconButton.vue +73 -0
  36. package/src/components/link/MLink.spec.ts +154 -0
  37. package/src/components/link/MLink.stories.ts +98 -0
  38. package/src/components/link/MLink.vue +86 -109
  39. package/src/components/loader/MLoader.spec.ts +104 -0
  40. package/src/components/loader/MLoader.stories.ts +45 -0
  41. package/src/components/loader/MLoader.vue +65 -55
  42. package/src/components/overlay/MOverlay.spec.ts +51 -0
  43. package/src/components/overlay/MOverlay.stories.ts +40 -0
  44. package/src/components/overlay/MOverlay.vue +27 -19
  45. package/src/components/quantityselector/MQuantitySelector.spec.ts +262 -0
  46. package/src/components/quantityselector/MQuantitySelector.stories.ts +89 -0
  47. package/src/components/quantityselector/MQuantitySelector.vue +160 -136
  48. package/src/components/radio/MRadio.spec.ts +104 -0
  49. package/src/components/radio/MRadio.stories.ts +68 -0
  50. package/src/components/radio/MRadio.vue +56 -39
  51. package/src/components/radiogroup/MRadioGroup.spec.ts +54 -0
  52. package/src/components/radiogroup/MRadioGroup.stories.ts +61 -0
  53. package/src/components/radiogroup/MRadioGroup.vue +79 -0
  54. package/src/components/select/MSelect.spec.ts +114 -0
  55. package/src/components/select/MSelect.stories.ts +101 -0
  56. package/src/components/select/MSelect.vue +77 -119
  57. package/src/components/statusbadge/MStatusBadge.stories.ts +45 -0
  58. package/src/components/statusbadge/MStatusBadge.vue +40 -0
  59. package/src/components/statusbadge/MStatusDot.vue +32 -0
  60. package/src/components/statusbadge/MstatusBadge.spec.ts +16 -0
  61. package/src/components/textarea/MTextArea.spec.ts +112 -0
  62. package/src/components/textarea/MTextArea.stories.ts +67 -0
  63. package/src/components/textarea/MTextArea.vue +81 -42
  64. package/src/components/textinput/MTextInput.spec.ts +121 -0
  65. package/src/components/textinput/MTextInput.stories.ts +114 -0
  66. package/src/components/textinput/MTextInput.vue +127 -47
  67. package/src/components/toggle/MToggle.spec.ts +99 -0
  68. package/src/components/toggle/MToggle.stories.ts +68 -0
  69. package/src/components/toggle/MToggle.vue +63 -103
  70. package/src/components/usingIcons.mdx +43 -0
  71. package/src/components/usingPresets.mdx +125 -0
  72. package/src/main.ts +39 -0
  73. package/dist/demo.html +0 -1
  74. package/dist/mozaic-vue.adeo.css +0 -45
  75. package/dist/mozaic-vue.adeo.umd.js +0 -41775
  76. package/dist/mozaic-vue.common.js +0 -41765
  77. package/dist/mozaic-vue.common.js.map +0 -1
  78. package/dist/mozaic-vue.umd.js +0 -41776
  79. package/dist/mozaic-vue.umd.js.map +0 -1
  80. package/dist/mozaic-vue.umd.min.js +0 -4
  81. package/dist/mozaic-vue.umd.min.js.map +0 -1
  82. package/postinstall.js +0 -3
  83. package/src/components/accordion/MAccordion.vue +0 -128
  84. package/src/components/accordion/index.js +0 -7
  85. package/src/components/autocomplete/MAutocomplete.vue +0 -198
  86. package/src/components/autocomplete/index.js +0 -7
  87. package/src/components/badge/index.js +0 -7
  88. package/src/components/breadcrumb/MBreadcrumb.vue +0 -73
  89. package/src/components/breadcrumb/index.js +0 -7
  90. package/src/components/button/index.js +0 -7
  91. package/src/components/card/MCard.vue +0 -78
  92. package/src/components/card/index.js +0 -7
  93. package/src/components/checkbox/MCheckboxGroup.vue +0 -155
  94. package/src/components/checkbox/index.js +0 -12
  95. package/src/components/container/MContainer.vue +0 -33
  96. package/src/components/container/index.js +0 -7
  97. package/src/components/datatable/MDataTable.vue +0 -651
  98. package/src/components/datatable/MDataTableHeader.vue +0 -55
  99. package/src/components/datatable/MDataTableTop.vue +0 -35
  100. package/src/components/datatable/helpers.js +0 -132
  101. package/src/components/datatable/index.js +0 -12
  102. package/src/components/field/index.js +0 -7
  103. package/src/components/fileuploader/MFileResult.vue +0 -149
  104. package/src/components/fileuploader/MFileUploader.vue +0 -142
  105. package/src/components/fileuploader/index.js +0 -7
  106. package/src/components/flag/MFlag.vue +0 -46
  107. package/src/components/flag/index.js +0 -7
  108. package/src/components/heading/MHeading.vue +0 -75
  109. package/src/components/heading/index.js +0 -7
  110. package/src/components/hero/MHero.vue +0 -93
  111. package/src/components/hero/index.js +0 -7
  112. package/src/components/icon/MIcon.vue +0 -120
  113. package/src/components/icon/index.js +0 -7
  114. package/src/components/index.js +0 -43
  115. package/src/components/layer/MLayer.vue +0 -208
  116. package/src/components/layer/index.js +0 -7
  117. package/src/components/link/index.js +0 -7
  118. package/src/components/listbox/MListBox.vue +0 -106
  119. package/src/components/listbox/index.js +0 -7
  120. package/src/components/loader/index.js +0 -7
  121. package/src/components/modal/MModal.vue +0 -179
  122. package/src/components/modal/index.js +0 -7
  123. package/src/components/notification/MNotification.vue +0 -110
  124. package/src/components/notification/index.js +0 -7
  125. package/src/components/optionbutton/MOptionButton.vue +0 -67
  126. package/src/components/optionbutton/index.js +0 -7
  127. package/src/components/optioncard/MOptionCard.vue +0 -132
  128. package/src/components/optioncard/index.js +0 -7
  129. package/src/components/optiongroup/MOptionGroup.vue +0 -18
  130. package/src/components/optiongroup/index.js +0 -7
  131. package/src/components/overlay/MOverlayLoader.vue +0 -43
  132. package/src/components/overlay/index.js +0 -12
  133. package/src/components/pagination/MPagination.vue +0 -162
  134. package/src/components/pagination/index.js +0 -7
  135. package/src/components/passwordinput/MPasswordInput.vue +0 -96
  136. package/src/components/passwordinput/index.js +0 -7
  137. package/src/components/phonenumber/MPhoneNumber.vue +0 -390
  138. package/src/components/phonenumber/index.js +0 -7
  139. package/src/components/progressbar/MProgress.vue +0 -102
  140. package/src/components/progressbar/index.js +0 -7
  141. package/src/components/quantityselector/index.js +0 -7
  142. package/src/components/radio/MRadioGroup.vue +0 -111
  143. package/src/components/radio/index.js +0 -12
  144. package/src/components/ratingstars/MStarsInput.vue +0 -118
  145. package/src/components/ratingstars/MStarsResult.vue +0 -89
  146. package/src/components/ratingstars/index.js +0 -12
  147. package/src/components/select/index.js +0 -7
  148. package/src/components/stepper/MStepper.vue +0 -70
  149. package/src/components/stepper/index.js +0 -7
  150. package/src/components/tabs/MTab.vue +0 -184
  151. package/src/components/tabs/index.js +0 -7
  152. package/src/components/tags/MTag.vue +0 -173
  153. package/src/components/tags/index.js +0 -7
  154. package/src/components/textarea/index.js +0 -7
  155. package/src/components/textinput/MTextInputField.vue +0 -105
  156. package/src/components/textinput/MTextInputIcon.vue +0 -42
  157. package/src/components/textinput/index.js +0 -7
  158. package/src/components/toggle/index.js +0 -7
  159. package/src/components/tooltip/MTooltip.vue +0 -42
  160. package/src/components/tooltip/index.js +0 -7
  161. package/src/index.js +0 -62
  162. package/src/shims-tsx.d.ts +0 -13
  163. package/src/shims.vue.d.ts +0 -4
  164. package/src/tokens/adeo/android/colors.xml +0 -391
  165. package/src/tokens/adeo/android/font_dimens.xml +0 -18
  166. package/src/tokens/adeo/css/_variables.scss +0 -385
  167. package/src/tokens/adeo/css/root.scss +0 -387
  168. package/src/tokens/adeo/ios/StyleDictionaryColor.h +0 -399
  169. package/src/tokens/adeo/ios/StyleDictionaryColor.m +0 -411
  170. package/src/tokens/adeo/ios/StyleDictionaryColor.swift +0 -394
  171. package/src/tokens/adeo/ios/StyleDictionarySize.h +0 -69
  172. package/src/tokens/adeo/ios/StyleDictionarySize.m +0 -70
  173. package/src/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
  174. package/src/tokens/adeo/js/tokens.js +0 -483
  175. package/src/tokens/adeo/js/tokensObject.js +0 -10354
  176. package/src/tokens/adeo/scss/_tokens.scss +0 -1300
  177. package/src/utils/mozaicClasses.js +0 -16
  178. package/src/utils/theme.validator.js +0 -19
  179. package/types/index.d.ts +0 -100
package/src/tokens/adeo/scss/_tokens.scss DELETED
@@ -1,1300 +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: #eeedea !default;
18
- $color-badge-neutral-border: #8c8b85 !default;
19
- $color-badge-neutral-text: #555550 !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: #dbedea !default;
30
- $color-primary-02-200: #a5d1cb !default;
31
- $color-primary-02-300: #6eb4ad !default;
32
- $color-primary-02-400: #379590 !default;
33
- $color-primary-02-500: #007574 !default;
34
- $color-primary-02-600: #035f64 !default;
35
- $color-primary-02-700: #044c53 !default;
36
- $color-primary-02-800: #063a44 !default;
37
- $color-primary-02-900: #062b35 !default;
38
- $color-grey-100: #eeedea !default;
39
- $color-grey-200: #dddcd5 !default;
40
- $color-grey-300: #c2c1ba !default;
41
- $color-grey-400: #a7a6a0 !default;
42
- $color-grey-500: #8c8b85 !default;
43
- $color-grey-600: #71706b !default;
44
- $color-grey-700: #555550 !default;
45
- $color-grey-800: #3a3936 !default;
46
- $color-grey-900: #1e1e1c !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-button-solid-background: #007f8c !default;
140
- $color-button-solid-font: #ffffff !default;
141
- $color-button-solid-focus-border: #006974 !default;
142
- $color-button-solid-disabled-background: #dddcd5 !default;
143
- $color-button-solid-disabled-font: #71706b !default;
144
- $color-button-solid-active-background: #006974 !default;
145
- $color-button-solid-hover-background: #006974 !default;
146
- $color-button-solid-hover-font: #ffffff !default;
147
- $color-button-solid-primary-02-background: #007574 !default;
148
- $color-button-solid-primary-02-font: #ffffff !default;
149
- $color-button-solid-primary-02-focus-border: #062b35 !default;
150
- $color-button-solid-primary-02-disabled-background: #dddcd5 !default;
151
- $color-button-solid-primary-02-disabled-font: #71706b !default;
152
- $color-button-solid-primary-02-active-background: #062b35 !default;
153
- $color-button-solid-primary-02-hover-background: #063a44 !default;
154
- $color-button-solid-primary-02-hover-font: #ffffff !default;
155
- $color-button-solid-neutral-background: #3a3936 !default;
156
- $color-button-solid-neutral-font: #ffffff !default;
157
- $color-button-solid-neutral-focus-border: #1e1e1c !default;
158
- $color-button-solid-neutral-disabled-background: #dddcd5 !default;
159
- $color-button-solid-neutral-disabled-font: #71706b !default;
160
- $color-button-solid-neutral-active-background: #3a3936 !default;
161
- $color-button-solid-neutral-hover-background: #1e1e1c !default;
162
- $color-button-solid-neutral-hover-font: #ffffff !default;
163
- $color-button-solid-danger-background: #c61112 !default;
164
- $color-button-solid-danger-font: #ffffff !default;
165
- $color-button-solid-danger-focus-border: #8c0003 !default;
166
- $color-button-solid-danger-disabled-background: #dddcd5 !default;
167
- $color-button-solid-danger-disabled-font: #71706b !default;
168
- $color-button-solid-danger-active-background: #8c0003 !default;
169
- $color-button-solid-danger-hover-background: #8c0003 !default;
170
- $color-button-solid-danger-hover-font: #ffffff !default;
171
- $color-button-bordered-background: #ffffff !default;
172
- $color-button-bordered-border: #007f8c !default;
173
- $color-button-bordered-font: #007f8c !default;
174
- $color-button-bordered-focus-border: #006974 !default;
175
- $color-button-bordered-disabled-background: #dddcd5 !default;
176
- $color-button-bordered-disabled-font: #71706b !default;
177
- $color-button-bordered-active-background: #91d5db !default;
178
- $color-button-bordered-hover-background: #d9f0f3 !default;
179
- $color-button-bordered-primary-02-background: #ffffff !default;
180
- $color-button-bordered-primary-02-border: #007574 !default;
181
- $color-button-bordered-primary-02-font: #007574 !default;
182
- $color-button-bordered-primary-02-focus-border: #062b35 !default;
183
- $color-button-bordered-primary-02-disabled-background: #dddcd5 !default;
184
- $color-button-bordered-primary-02-disabled-font: #71706b !default;
185
- $color-button-bordered-primary-02-active-background: #a5d1cb !default;
186
- $color-button-bordered-primary-02-hover-background: #dbedea !default;
187
- $color-button-bordered-neutral-background: #ffffff !default;
188
- $color-button-bordered-neutral-border: #3a3936 !default;
189
- $color-button-bordered-neutral-font: #3a3936 !default;
190
- $color-button-bordered-neutral-focus-border: #1e1e1c !default;
191
- $color-button-bordered-neutral-disabled-background: #dddcd5 !default;
192
- $color-button-bordered-neutral-disabled-font: #71706b !default;
193
- $color-button-bordered-neutral-active-background: #dddcd5 !default;
194
- $color-button-bordered-neutral-hover-background: #eeedea !default;
195
- $color-button-bordered-danger-background: #ffffff !default;
196
- $color-button-bordered-danger-border: #c61112 !default;
197
- $color-button-bordered-danger-font: #c61112 !default;
198
- $color-button-bordered-danger-focus-border: #8c0003 !default;
199
- $color-button-bordered-danger-disabled-background: #dddcd5 !default;
200
- $color-button-bordered-danger-disabled-font: #71706b !default;
201
- $color-button-bordered-danger-active-background: #f8bcbb !default;
202
- $color-button-bordered-danger-hover-background: #fdeaea !default;
203
- $color-divider-lightest: #ffffff !default;
204
- $color-divider-light: #c2c1ba !default;
205
- $color-divider-default: #71706b !default;
206
- $color-divider-dark: #000000 !default;
207
- $color-fields-error: #c61112 !default;
208
- $color-fields-label: #3a3936 !default;
209
- $color-fields-requirement: #71706b !default;
210
- $color-fields-help: #71706b !default;
211
- $color-fileuploader-font: #000000 !default;
212
- $color-fileuploader-files-list: #eeedea !default;
213
- $color-fileuploader-files-delete: #dddcd5 !default;
214
- $color-fileuploader-valid: #00919f !default;
215
- $color-fileuploader-alert: #c61112 !default;
216
- $color-flag-solid-background: #007f8c !default;
217
- $color-flag-solid-border: #007f8c !default;
218
- $color-flag-solid-text: #ffffff !default;
219
- $color-flag-solid-primary-02-background: #4b4a8c !default;
220
- $color-flag-solid-primary-02-border: #4b4a8c !default;
221
- $color-flag-solid-primary-02-text: #ffffff !default;
222
- $color-flag-solid-dark-background: #000000 !default;
223
- $color-flag-solid-dark-border: #000000 !default;
224
- $color-flag-solid-dark-text: #ffffff !default;
225
- $color-flag-solid-light-background: #ffffff !default;
226
- $color-flag-solid-light-border: #ffffff !default;
227
- $color-flag-solid-light-text: #000000 !default;
228
- $color-flag-solid-danger-background: #c61112 !default;
229
- $color-flag-solid-danger-border: #c61112 !default;
230
- $color-flag-solid-danger-text: #ffffff !default;
231
- $color-flag-bordered-background: #ffffff !default;
232
- $color-flag-bordered-border: #007f8c !default;
233
- $color-flag-bordered-text: #007f8c !default;
234
- $color-flag-bordered-primary-02-background: #ffffff !default;
235
- $color-flag-bordered-primary-02-border: #4b4a8c !default;
236
- $color-flag-bordered-primary-02-text: #4b4a8c !default;
237
- $color-flag-bordered-dark-background: #ffffff !default;
238
- $color-flag-bordered-dark-border: #000000 !default;
239
- $color-flag-bordered-dark-text: #000000 !default;
240
- $color-flag-bordered-light-background: #000000 !default;
241
- $color-flag-bordered-light-border: #ffffff !default;
242
- $color-flag-bordered-light-text: #ffffff !default;
243
- $color-flag-bordered-danger-background: #ffffff !default;
244
- $color-flag-bordered-danger-border: #c61112 !default;
245
- $color-flag-bordered-danger-text: #c61112 !default;
246
- $color-focus-gap: #ffffff !default;
247
- $color-focus-border: #758992 !default;
248
- $color-font-primary-01: #007f8c !default;
249
- $color-font-primary-02: #007574 !default;
250
- $color-font-darkest: #000000 !default;
251
- $color-font-darker: #1e1e1c !default;
252
- $color-font-dark: #3a3936 !default;
253
- $color-font-light: #71706b !default;
254
- $color-font-lightest: #ffffff !default;
255
- $color-font-info: #007bb4 !default;
256
- $color-font-success: #188803 !default;
257
- $color-font-warning: #c65200 !default;
258
- $color-font-danger: #c61112 !default;
259
- $color-input-text: #1e1e1c !default;
260
- $color-input-border: #71706b !default;
261
- $color-input-placeholder: #8c8b85 !default;
262
- $color-input-background: #ffffff !default;
263
- $color-input-disabled-border: #eeedea !default;
264
- $color-input-disabled-background: #eeedea !default;
265
- $color-input-disabled-icon: #a7a6a0 !default;
266
- $color-input-hover-border: #1e1e1c !default;
267
- $color-input-focus-border: #758992 !default;
268
- $color-input-valid-border: #46a610 !default;
269
- $color-input-valid-hover-border: #035010 !default;
270
- $color-input-invalid-border: #c61112 !default;
271
- $color-input-invalid-hover-border: #530000 !default;
272
- $color-input-checked-border: #00919f !default;
273
- $color-input-checked-background: #00919f !default;
274
- $color-input-checked-icon: #ffffff !default;
275
- $color-input-checked-hover-border: #004e57 !default;
276
- $color-link-dark-base: #000000 !default;
277
- $color-link-dark-visited: #3a3936 !default;
278
- $color-link-dark-active: #3a3936 !default;
279
- $color-link-dark-disabled: #eeedea !default;
280
- $color-link-dark-hover: #71706b !default;
281
- $color-link-light-base: #ffffff !default;
282
- $color-link-light-visited: #dddcd5 !default;
283
- $color-link-light-active: #dddcd5 !default;
284
- $color-link-light-disabled: #eeedea !default;
285
- $color-link-light-hover: #a7a6a0 !default;
286
- $color-link-primary-base: #007f8c !default;
287
- $color-link-primary-visited: #006974 !default;
288
- $color-link-primary-active: #006974 !default;
289
- $color-link-primary-disabled: #eeedea !default;
290
- $color-link-primary-hover: #004e57 !default;
291
- $color-link-primary-02-base: #035f64 !default;
292
- $color-link-primary-02-visited: #044c53 !default;
293
- $color-link-primary-02-active: #044c53 !default;
294
- $color-link-primary-02-disabled: #eeedea !default;
295
- $color-link-primary-02-hover: #062b35 !default;
296
- $color-link-danger-base: #c61112 !default;
297
- $color-link-danger-visited: #8c0003 !default;
298
- $color-link-danger-active: #8c0003 !default;
299
- $color-link-danger-disabled: #eeedea !default;
300
- $color-link-danger-hover: #530000 !default;
301
- $color-notification-font: #000000 !default;
302
- $color-notification-information-background: #daeff7 !default;
303
- $color-notification-information-border: #0b96cc !default;
304
- $color-notification-information-icon: #007bb4 !default;
305
- $color-notification-success-background: #ebf5de !default;
306
- $color-notification-success-border: #46a610 !default;
307
- $color-notification-success-icon: #188803 !default;
308
- $color-notification-warning-background: #fdf1e8 !default;
309
- $color-notification-warning-border: #ea7315 !default;
310
- $color-notification-warning-icon: #c65200 !default;
311
- $color-notification-danger-background: #fdeaea !default;
312
- $color-notification-danger-border: #ea302d !default;
313
- $color-notification-danger-icon: #c61112 !default;
314
- $color-progress-background: #dddcd5 !default;
315
- $color-progress-indicator: #007bb4 !default;
316
- $color-progress-percentage-default: #1e1e1c !default;
317
- $color-progress-percentage-half: #ffffff !default;
318
- $color-progress-branded-indicator: #00919f !default;
319
- $color-star-empty: #dddcd5 !default;
320
- $color-star-focus: #758992 !default;
321
- $color-star-full: #ea7315 !default;
322
- $color-star-hover: #f4b27e !default;
323
- $color-tabs-background: #ffffff !default;
324
- $color-tabs-shadow: #000000 !default;
325
- $color-tabs-default: #1e1e1c !default;
326
- $color-tabs-hover: #004e57 !default;
327
- $color-tabs-disabled: #71706b !default;
328
- $color-tabs-active: #007f8c !default;
329
- $color-tabs-active-disabled: #91d5db !default;
330
- $color-tag-text-light-background: #ffffff !default;
331
- $color-tag-text-light-border: #8c8b85 !default;
332
- $color-tag-text-light-text: #1e1e1c !default;
333
- $color-tag-text-dark-background: #1e1e1c !default;
334
- $color-tag-text-dark-border: #ffffff !default;
335
- $color-tag-text-dark-text: #ffffff !default;
336
- $color-tag-link-light-background: #ffffff !default;
337
- $color-tag-link-light-border: #8c8b85 !default;
338
- $color-tag-link-light-text: #1e1e1c !default;
339
- $color-tag-link-light-hover-background: #eeedea !default;
340
- $color-tag-link-light-active-background: #dddcd5 !default;
341
- $color-tag-link-dark-background: #1e1e1c !default;
342
- $color-tag-link-dark-border: #ffffff !default;
343
- $color-tag-link-dark-text: #ffffff !default;
344
- $color-tag-link-dark-hover-background: #3a3936 !default;
345
- $color-tag-link-dark-active-background: #555550 !default;
346
- $color-tag-selectable-light-background: #ffffff !default;
347
- $color-tag-selectable-light-border: #8c8b85 !default;
348
- $color-tag-selectable-light-text: #1e1e1c !default;
349
- $color-tag-selectable-light-hover-background: #48bac4 !default;
350
- $color-tag-selectable-light-active-background: #004e57 !default;
351
- $color-tag-selectable-light-active-border: #004e57 !default;
352
- $color-tag-selectable-light-active-text: #ffffff !default;
353
- $color-tag-selectable-light-disabled-background: #eeedea !default;
354
- $color-tag-selectable-light-disabled-text: #8c8b85 !default;
355
- $color-tag-selectable-light-selected-background: #007f8c !default;
356
- $color-tag-selectable-light-selected-text: #ffffff !default;
357
- $color-tag-selectable-light-selected-hover-background: #006974 !default;
358
- $color-tag-selectable-dark-background: #1e1e1c !default;
359
- $color-tag-selectable-dark-border: #ffffff !default;
360
- $color-tag-selectable-dark-text: #ffffff !default;
361
- $color-tag-selectable-dark-hover-background: #006974 !default;
362
- $color-tag-selectable-dark-active-background: #91d5db !default;
363
- $color-tag-selectable-dark-active-border: #91d5db !default;
364
- $color-tag-selectable-dark-active-text: #1e1e1c !default;
365
- $color-tag-selectable-dark-selected-background: #009eac !default;
366
- $color-tag-selectable-dark-selected-border: #009eac !default;
367
- $color-tag-selectable-dark-selected-text: #1e1e1c !default;
368
- $color-tag-selectable-dark-selected-hover-background: #48bac4 !default;
369
- $color-tag-selectable-dark-disabled-background: #555550 !default;
370
- $color-tag-selectable-dark-disabled-text: #8c8b85 !default;
371
- $color-tag-removable-light-background: #3a3936 !default;
372
- $color-tag-removable-light-text: #ffffff !default;
373
- $color-tag-removable-light-icon: #dddcd5 !default;
374
- $color-tag-removable-light-hover-background: #555550 !default;
375
- $color-tag-removable-light-active-background: #71706b !default;
376
- $color-tag-removable-dark-background: #dddcd5 !default;
377
- $color-tag-removable-dark-text: #1e1e1c !default;
378
- $color-tag-removable-dark-icon: #1e1e1c !default;
379
- $color-tag-removable-dark-hover-background: #c2c1ba !default;
380
- $color-tag-removable-dark-active-background: #a7a6a0 !default;
381
- $color-toggle-off-background: #71706b !default;
382
- $color-toggle-off-circle: #ffffff !default;
383
- $color-toggle-on-background: #00919f !default;
384
- $color-toggle-on-circle: #ffffff !default;
385
- $color-toggle-hover-circle: #eeedea !default;
386
- $color-toggle-disabled-background: #eeedea !default;
387
- $color-toggle-disabled-circle: #c2c1ba !default;
388
- $color-toggle-disabled-checked-background: #91d5db !default;
389
- $color-toggle-disabled-checked-circle: #ffffff !default;
390
- $preset: adeo !default;
391
- $radius-s: 2 !default;
392
- $radius-m: 4 !default;
393
- $radius-l: 6 !default;
394
- $shadow-s-x: 0px !default;
395
- $shadow-s-y: 1px !default;
396
- $shadow-s-blur: 5px !default;
397
- $shadow-s-spread: 0px !default;
398
- $shadow-s-opacity: 0.2 !default;
399
- $shadow-m-x: 0px !default;
400
- $shadow-m-y: 2px !default;
401
- $shadow-m-blur: 10px !default;
402
- $shadow-m-spread: 0px !default;
403
- $shadow-m-opacity: 0.2 !default;
404
- $shadow-l-x: 0px !default;
405
- $shadow-l-y: 4px !default;
406
- $shadow-l-blur: 20px !default;
407
- $shadow-l-spread: 0px !default;
408
- $shadow-l-opacity: 0.2 !default;
409
- $magic-unit: 1 !default;
410
- $local-rem-value: 16 !default;
411
- $size-font-10: 2.5625rem !default; // 41px
412
- $size-font-11: 3.0625rem !default; // 49px
413
- $size-font-12: 3.6875rem !default; // 59px
414
- $size-font-01: 0.6815rem !default; // 11px
415
- $size-font-02: 0.75rem !default; // 12px
416
- $size-font-03: 0.8125rem !default; // 13px
417
- $size-font-04: 0.875rem !default; // 14px
418
- $size-font-05: 1rem !default; // 16px
419
- $size-font-06: 1.125rem !default; // 18px
420
- $size-font-07: 1.4375rem !default; // 23px
421
- $size-font-08: 1.75rem !default; // 28px
422
- $size-font-09: 2.125rem !default; // 34px
423
- $size-line-10-xs: 2.5rem !default; // 40px
424
- $size-line-10-s: 3rem !default; // 48px
425
- $size-line-10-m: 3.5rem !default; // 56px
426
- $size-line-10-l: 3.75rem !default; // 60px
427
- $size-line-11-xs: 3rem !default; // 48px
428
- $size-line-11-s: 3.5rem !default; // 56px
429
- $size-line-11-m: 4.25rem !default; // 68px
430
- $size-line-11-l: 4.5rem !default; // 72px
431
- $size-line-12-xs: 3.75rem !default; // 60px
432
- $size-line-12-s: 4.25rem !default; // 68px
433
- $size-line-12-m: 5rem !default; // 80px
434
- $size-line-12-l: 5.5rem !default; // 88px
435
- $size-line-01-xs: 0.75rem !default; // 12px
436
- $size-line-01-s: 0.75rem !default; // 12px
437
- $size-line-01-m: 0.875rem !default; // 14px
438
- $size-line-01-l: 1rem !default; // 16px
439
- $size-line-02-xs: 0.75rem !default; // 12px
440
- $size-line-02-s: 0.875rem !default; // 14px
441
- $size-line-02-m: 1rem !default; // 16px
442
- $size-line-02-l: 1.125rem !default; // 18px
443
- $size-line-03-xs: 0.875rem !default; // 14px
444
- $size-line-03-s: 1rem !default; // 16px
445
- $size-line-03-m: 1.125rem !default; // 18px
446
- $size-line-03-l: 1.25rem !default; // 20px
447
- $size-line-04-xs: 0.875rem !default; // 14px
448
- $size-line-04-s: 1rem !default; // 16px
449
- $size-line-04-m: 1.125rem !default; // 18px
450
- $size-line-04-l: 1.375rem !default; // 22px
451
- $size-line-05-xs: 1rem !default; // 16px
452
- $size-line-05-s: 1.125rem !default; // 18px
453
- $size-line-05-m: 1.375rem !default; // 22px
454
- $size-line-05-l: 1.5rem !default; // 24px
455
- $size-line-06-xs: 1.125rem !default; // 18px
456
- $size-line-06-s: 1.25rem !default; // 20px
457
- $size-line-06-m: 1.5rem !default; // 24px
458
- $size-line-06-l: 1.75rem !default; // 28px
459
- $size-line-07-xs: 1.5rem !default; // 24px
460
- $size-line-07-s: 1.75rem !default; // 28px
461
- $size-line-07-m: 2rem !default; // 32px
462
- $size-line-07-l: 2.25rem !default; // 36px
463
- $size-line-08-xs: 1.75rem !default; // 28px
464
- $size-line-08-s: 2rem !default; // 32px
465
- $size-line-08-m: 2.25rem !default; // 36px
466
- $size-line-08-l: 2.75rem !default; // 44px
467
- $size-line-09-xs: 2.25rem !default; // 36px
468
- $size-line-09-s: 2.5rem !default; // 40px
469
- $size-line-09-m: 2.75rem !default; // 44px
470
- $size-line-09-l: 3.25rem !default; // 52px
471
- $size-gutter-screen-s: 1rem !default;
472
- $size-gutter-screen-m: 2rem !default;
473
- $screen-s: 0px !default;
474
- $screen-s-medium: 320px !default;
475
- $screen-s-large: 360px !default;
476
- $screen-s-xlarge: 390px !default;
477
- $screen-m: 680px !default;
478
- $screen-m-medium: 769px !default;
479
- $screen-l: 1024px !default;
480
- $screen-l-medium: 1100px !default;
481
- $screen-xl: 1280px !default;
482
- $screen-xl-medium: 1440px !default;
483
- $screen-xl-large: 1680px !default;
484
- $screen-xxl: 1920px !default;
485
-
486
- $tokens: (
487
- 'border': (
488
- 's': $border-s,
489
- 'm': $border-m,
490
- 'l': $border-l
491
- ),
492
- 'color': (
493
- 'badge': (
494
- 'info': (
495
- 'background': $color-badge-info-background,
496
- 'border': $color-badge-info-border,
497
- 'text': $color-badge-info-text
498
- ),
499
- 'success': (
500
- 'background': $color-badge-success-background,
501
- 'border': $color-badge-success-border,
502
- 'text': $color-badge-success-text
503
- ),
504
- 'warning': (
505
- 'background': $color-badge-warning-background,
506
- 'border': $color-badge-warning-border,
507
- 'text': $color-badge-warning-text
508
- ),
509
- 'danger': (
510
- 'background': $color-badge-danger-background,
511
- 'border': $color-badge-danger-border,
512
- 'text': $color-badge-danger-text
513
- ),
514
- 'neutral': (
515
- 'background': $color-badge-neutral-background,
516
- 'border': $color-badge-neutral-border,
517
- 'text': $color-badge-neutral-text
518
- )
519
- ),
520
- 'primary-01': (
521
- '100': $color-primary-01-100,
522
- '200': $color-primary-01-200,
523
- '300': $color-primary-01-300,
524
- '400': $color-primary-01-400,
525
- '500': $color-primary-01-500,
526
- '600': $color-primary-01-600,
527
- '700': $color-primary-01-700,
528
- '800': $color-primary-01-800,
529
- '900': $color-primary-01-900
530
- ),
531
- 'primary-02': (
532
- '100': $color-primary-02-100,
533
- '200': $color-primary-02-200,
534
- '300': $color-primary-02-300,
535
- '400': $color-primary-02-400,
536
- '500': $color-primary-02-500,
537
- '600': $color-primary-02-600,
538
- '700': $color-primary-02-700,
539
- '800': $color-primary-02-800,
540
- '900': $color-primary-02-900
541
- ),
542
- 'grey': (
543
- '100': $color-grey-100,
544
- '200': $color-grey-200,
545
- '300': $color-grey-300,
546
- '400': $color-grey-400,
547
- '500': $color-grey-500,
548
- '600': $color-grey-600,
549
- '700': $color-grey-700,
550
- '800': $color-grey-800,
551
- '900': $color-grey-900,
552
- '999': $color-grey-999,
553
- '000': $color-grey-000
554
- ),
555
- 'secondary-blue': (
556
- '100': $color-secondary-blue-100,
557
- '200': $color-secondary-blue-200,
558
- '300': $color-secondary-blue-300,
559
- '400': $color-secondary-blue-400,
560
- '500': $color-secondary-blue-500,
561
- '600': $color-secondary-blue-600,
562
- '700': $color-secondary-blue-700,
563
- '800': $color-secondary-blue-800,
564
- '900': $color-secondary-blue-900
565
- ),
566
- 'secondary-green': (
567
- '100': $color-secondary-green-100,
568
- '200': $color-secondary-green-200,
569
- '300': $color-secondary-green-300,
570
- '400': $color-secondary-green-400,
571
- '500': $color-secondary-green-500,
572
- '600': $color-secondary-green-600,
573
- '700': $color-secondary-green-700,
574
- '800': $color-secondary-green-800,
575
- '900': $color-secondary-green-900
576
- ),
577
- 'secondary-purple': (
578
- '100': $color-secondary-purple-100,
579
- '200': $color-secondary-purple-200,
580
- '300': $color-secondary-purple-300,
581
- '400': $color-secondary-purple-400,
582
- '500': $color-secondary-purple-500,
583
- '600': $color-secondary-purple-600,
584
- '700': $color-secondary-purple-700,
585
- '800': $color-secondary-purple-800,
586
- '900': $color-secondary-purple-900
587
- ),
588
- 'secondary-red': (
589
- '100': $color-secondary-red-100,
590
- '200': $color-secondary-red-200,
591
- '300': $color-secondary-red-300,
592
- '400': $color-secondary-red-400,
593
- '500': $color-secondary-red-500,
594
- '600': $color-secondary-red-600,
595
- '700': $color-secondary-red-700,
596
- '800': $color-secondary-red-800,
597
- '900': $color-secondary-red-900
598
- ),
599
- 'secondary-orange': (
600
- '100': $color-secondary-orange-100,
601
- '200': $color-secondary-orange-200,
602
- '300': $color-secondary-orange-300,
603
- '400': $color-secondary-orange-400,
604
- '500': $color-secondary-orange-500,
605
- '600': $color-secondary-orange-600,
606
- '700': $color-secondary-orange-700,
607
- '800': $color-secondary-orange-800,
608
- '900': $color-secondary-orange-900
609
- ),
610
- 'secondary-yellow': (
611
- '100': $color-secondary-yellow-100,
612
- '200': $color-secondary-yellow-200,
613
- '300': $color-secondary-yellow-300,
614
- '400': $color-secondary-yellow-400,
615
- '500': $color-secondary-yellow-500,
616
- '600': $color-secondary-yellow-600,
617
- '700': $color-secondary-yellow-700,
618
- '800': $color-secondary-yellow-800,
619
- '900': $color-secondary-yellow-900
620
- ),
621
- 'danger': (
622
- '100': $color-danger-100,
623
- '200': $color-danger-200,
624
- '300': $color-danger-300,
625
- '400': $color-danger-400,
626
- '500': $color-danger-500,
627
- '600': $color-danger-600,
628
- '700': $color-danger-700,
629
- '800': $color-danger-800,
630
- '900': $color-danger-900
631
- ),
632
- 'info': (
633
- '100': $color-info-100,
634
- '200': $color-info-200,
635
- '300': $color-info-300,
636
- '400': $color-info-400,
637
- '500': $color-info-500,
638
- '600': $color-info-600,
639
- '700': $color-info-700,
640
- '800': $color-info-800,
641
- '900': $color-info-900
642
- ),
643
- 'warning': (
644
- '100': $color-warning-100,
645
- '200': $color-warning-200,
646
- '300': $color-warning-300,
647
- '400': $color-warning-400,
648
- '500': $color-warning-500,
649
- '600': $color-warning-600,
650
- '700': $color-warning-700,
651
- '800': $color-warning-800,
652
- '900': $color-warning-900
653
- ),
654
- 'success': (
655
- '100': $color-success-100,
656
- '200': $color-success-200,
657
- '300': $color-success-300,
658
- '400': $color-success-400,
659
- '500': $color-success-500,
660
- '600': $color-success-600,
661
- '700': $color-success-700,
662
- '800': $color-success-800,
663
- '900': $color-success-900
664
- ),
665
- 'button': (
666
- 'solid': (
667
- 'background': $color-button-solid-background,
668
- 'font': $color-button-solid-font,
669
- 'focus': (
670
- 'border': $color-button-solid-focus-border
671
- ),
672
- 'disabled': (
673
- 'background': $color-button-solid-disabled-background,
674
- 'font': $color-button-solid-disabled-font
675
- ),
676
- 'active': (
677
- 'background': $color-button-solid-active-background
678
- ),
679
- 'hover': (
680
- 'background': $color-button-solid-hover-background,
681
- 'font': $color-button-solid-hover-font
682
- )
683
- ),
684
- 'solid-primary-02': (
685
- 'background': $color-button-solid-primary-02-background,
686
- 'font': $color-button-solid-primary-02-font,
687
- 'focus': (
688
- 'border': $color-button-solid-primary-02-focus-border
689
- ),
690
- 'disabled': (
691
- 'background': $color-button-solid-primary-02-disabled-background,
692
- 'font': $color-button-solid-primary-02-disabled-font
693
- ),
694
- 'active': (
695
- 'background': $color-button-solid-primary-02-active-background
696
- ),
697
- 'hover': (
698
- 'background': $color-button-solid-primary-02-hover-background,
699
- 'font': $color-button-solid-primary-02-hover-font
700
- )
701
- ),
702
- 'solid-neutral': (
703
- 'background': $color-button-solid-neutral-background,
704
- 'font': $color-button-solid-neutral-font,
705
- 'focus': (
706
- 'border': $color-button-solid-neutral-focus-border
707
- ),
708
- 'disabled': (
709
- 'background': $color-button-solid-neutral-disabled-background,
710
- 'font': $color-button-solid-neutral-disabled-font
711
- ),
712
- 'active': (
713
- 'background': $color-button-solid-neutral-active-background
714
- ),
715
- 'hover': (
716
- 'background': $color-button-solid-neutral-hover-background,
717
- 'font': $color-button-solid-neutral-hover-font
718
- )
719
- ),
720
- 'solid-danger': (
721
- 'background': $color-button-solid-danger-background,
722
- 'font': $color-button-solid-danger-font,
723
- 'focus': (
724
- 'border': $color-button-solid-danger-focus-border
725
- ),
726
- 'disabled': (
727
- 'background': $color-button-solid-danger-disabled-background,
728
- 'font': $color-button-solid-danger-disabled-font
729
- ),
730
- 'active': (
731
- 'background': $color-button-solid-danger-active-background
732
- ),
733
- 'hover': (
734
- 'background': $color-button-solid-danger-hover-background,
735
- 'font': $color-button-solid-danger-hover-font
736
- )
737
- ),
738
- 'bordered': (
739
- 'background': $color-button-bordered-background,
740
- 'border': $color-button-bordered-border,
741
- 'font': $color-button-bordered-font,
742
- 'focus': (
743
- 'border': $color-button-bordered-focus-border
744
- ),
745
- 'disabled': (
746
- 'background': $color-button-bordered-disabled-background,
747
- 'font': $color-button-bordered-disabled-font
748
- ),
749
- 'active': (
750
- 'background': $color-button-bordered-active-background
751
- ),
752
- 'hover': (
753
- 'background': $color-button-bordered-hover-background
754
- )
755
- ),
756
- 'bordered-primary-02': (
757
- 'background': $color-button-bordered-primary-02-background,
758
- 'border': $color-button-bordered-primary-02-border,
759
- 'font': $color-button-bordered-primary-02-font,
760
- 'focus': (
761
- 'border': $color-button-bordered-primary-02-focus-border
762
- ),
763
- 'disabled': (
764
- 'background': $color-button-bordered-primary-02-disabled-background,
765
- 'font': $color-button-bordered-primary-02-disabled-font
766
- ),
767
- 'active': (
768
- 'background': $color-button-bordered-primary-02-active-background
769
- ),
770
- 'hover': (
771
- 'background': $color-button-bordered-primary-02-hover-background
772
- )
773
- ),
774
- 'bordered-neutral': (
775
- 'background': $color-button-bordered-neutral-background,
776
- 'border': $color-button-bordered-neutral-border,
777
- 'font': $color-button-bordered-neutral-font,
778
- 'focus': (
779
- 'border': $color-button-bordered-neutral-focus-border
780
- ),
781
- 'disabled': (
782
- 'background': $color-button-bordered-neutral-disabled-background,
783
- 'font': $color-button-bordered-neutral-disabled-font
784
- ),
785
- 'active': (
786
- 'background': $color-button-bordered-neutral-active-background
787
- ),
788
- 'hover': (
789
- 'background': $color-button-bordered-neutral-hover-background
790
- )
791
- ),
792
- 'bordered-danger': (
793
- 'background': $color-button-bordered-danger-background,
794
- 'border': $color-button-bordered-danger-border,
795
- 'font': $color-button-bordered-danger-font,
796
- 'focus': (
797
- 'border': $color-button-bordered-danger-focus-border
798
- ),
799
- 'disabled': (
800
- 'background': $color-button-bordered-danger-disabled-background,
801
- 'font': $color-button-bordered-danger-disabled-font
802
- ),
803
- 'active': (
804
- 'background': $color-button-bordered-danger-active-background
805
- ),
806
- 'hover': (
807
- 'background': $color-button-bordered-danger-hover-background
808
- )
809
- )
810
- ),
811
- 'divider': (
812
- 'lightest': $color-divider-lightest,
813
- 'light': $color-divider-light,
814
- 'default': $color-divider-default,
815
- 'dark': $color-divider-dark
816
- ),
817
- 'fields': (
818
- 'error': $color-fields-error,
819
- 'label': $color-fields-label,
820
- 'requirement': $color-fields-requirement,
821
- 'help': $color-fields-help
822
- ),
823
- 'fileuploader': (
824
- 'font': $color-fileuploader-font,
825
- 'files': (
826
- 'list': $color-fileuploader-files-list,
827
- 'delete': $color-fileuploader-files-delete
828
- ),
829
- 'valid': $color-fileuploader-valid,
830
- 'alert': $color-fileuploader-alert
831
- ),
832
- 'flag': (
833
- 'solid': (
834
- 'background': $color-flag-solid-background,
835
- 'border': $color-flag-solid-border,
836
- 'text': $color-flag-solid-text
837
- ),
838
- 'solid-primary-02': (
839
- 'background': $color-flag-solid-primary-02-background,
840
- 'border': $color-flag-solid-primary-02-border,
841
- 'text': $color-flag-solid-primary-02-text
842
- ),
843
- 'solid-dark': (
844
- 'background': $color-flag-solid-dark-background,
845
- 'border': $color-flag-solid-dark-border,
846
- 'text': $color-flag-solid-dark-text
847
- ),
848
- 'solid-light': (
849
- 'background': $color-flag-solid-light-background,
850
- 'border': $color-flag-solid-light-border,
851
- 'text': $color-flag-solid-light-text
852
- ),
853
- 'solid-danger': (
854
- 'background': $color-flag-solid-danger-background,
855
- 'border': $color-flag-solid-danger-border,
856
- 'text': $color-flag-solid-danger-text
857
- ),
858
- 'bordered': (
859
- 'background': $color-flag-bordered-background,
860
- 'border': $color-flag-bordered-border,
861
- 'text': $color-flag-bordered-text
862
- ),
863
- 'bordered-primary-02': (
864
- 'background': $color-flag-bordered-primary-02-background,
865
- 'border': $color-flag-bordered-primary-02-border,
866
- 'text': $color-flag-bordered-primary-02-text
867
- ),
868
- 'bordered-dark': (
869
- 'background': $color-flag-bordered-dark-background,
870
- 'border': $color-flag-bordered-dark-border,
871
- 'text': $color-flag-bordered-dark-text
872
- ),
873
- 'bordered-light': (
874
- 'background': $color-flag-bordered-light-background,
875
- 'border': $color-flag-bordered-light-border,
876
- 'text': $color-flag-bordered-light-text
877
- ),
878
- 'bordered-danger': (
879
- 'background': $color-flag-bordered-danger-background,
880
- 'border': $color-flag-bordered-danger-border,
881
- 'text': $color-flag-bordered-danger-text
882
- )
883
- ),
884
- 'focus': (
885
- 'gap': $color-focus-gap,
886
- 'border': $color-focus-border
887
- ),
888
- 'font': (
889
- 'primary-01': $color-font-primary-01,
890
- 'primary-02': $color-font-primary-02,
891
- 'darkest': $color-font-darkest,
892
- 'darker': $color-font-darker,
893
- 'dark': $color-font-dark,
894
- 'light': $color-font-light,
895
- 'lightest': $color-font-lightest,
896
- 'info': $color-font-info,
897
- 'success': $color-font-success,
898
- 'warning': $color-font-warning,
899
- 'danger': $color-font-danger
900
- ),
901
- 'input': (
902
- 'text': $color-input-text,
903
- 'border': $color-input-border,
904
- 'placeholder': $color-input-placeholder,
905
- 'background': $color-input-background,
906
- 'disabled': (
907
- 'border': $color-input-disabled-border,
908
- 'background': $color-input-disabled-background,
909
- 'icon': $color-input-disabled-icon
910
- ),
911
- 'hover': (
912
- 'border': $color-input-hover-border
913
- ),
914
- 'focus': (
915
- 'border': $color-input-focus-border
916
- ),
917
- 'valid': (
918
- 'border': $color-input-valid-border,
919
- 'hover': (
920
- 'border': $color-input-valid-hover-border
921
- )
922
- ),
923
- 'invalid': (
924
- 'border': $color-input-invalid-border,
925
- 'hover': (
926
- 'border': $color-input-invalid-hover-border
927
- )
928
- ),
929
- 'checked': (
930
- 'border': $color-input-checked-border,
931
- 'background': $color-input-checked-background,
932
- 'icon': $color-input-checked-icon,
933
- 'hover': (
934
- 'border': $color-input-checked-hover-border
935
- )
936
- )
937
- ),
938
- 'link': (
939
- 'dark': (
940
- 'base': $color-link-dark-base,
941
- 'visited': $color-link-dark-visited,
942
- 'active': $color-link-dark-active,
943
- 'disabled': $color-link-dark-disabled,
944
- 'hover': $color-link-dark-hover
945
- ),
946
- 'light': (
947
- 'base': $color-link-light-base,
948
- 'visited': $color-link-light-visited,
949
- 'active': $color-link-light-active,
950
- 'disabled': $color-link-light-disabled,
951
- 'hover': $color-link-light-hover
952
- ),
953
- 'primary': (
954
- 'base': $color-link-primary-base,
955
- 'visited': $color-link-primary-visited,
956
- 'active': $color-link-primary-active,
957
- 'disabled': $color-link-primary-disabled,
958
- 'hover': $color-link-primary-hover
959
- ),
960
- 'primary-02': (
961
- 'base': $color-link-primary-02-base,
962
- 'visited': $color-link-primary-02-visited,
963
- 'active': $color-link-primary-02-active,
964
- 'disabled': $color-link-primary-02-disabled,
965
- 'hover': $color-link-primary-02-hover
966
- ),
967
- 'danger': (
968
- 'base': $color-link-danger-base,
969
- 'visited': $color-link-danger-visited,
970
- 'active': $color-link-danger-active,
971
- 'disabled': $color-link-danger-disabled,
972
- 'hover': $color-link-danger-hover
973
- )
974
- ),
975
- 'notification': (
976
- 'font': $color-notification-font,
977
- 'information': (
978
- 'background': $color-notification-information-background,
979
- 'border': $color-notification-information-border,
980
- 'icon': $color-notification-information-icon
981
- ),
982
- 'success': (
983
- 'background': $color-notification-success-background,
984
- 'border': $color-notification-success-border,
985
- 'icon': $color-notification-success-icon
986
- ),
987
- 'warning': (
988
- 'background': $color-notification-warning-background,
989
- 'border': $color-notification-warning-border,
990
- 'icon': $color-notification-warning-icon
991
- ),
992
- 'danger': (
993
- 'background': $color-notification-danger-background,
994
- 'border': $color-notification-danger-border,
995
- 'icon': $color-notification-danger-icon
996
- )
997
- ),
998
- 'progress': (
999
- 'background': $color-progress-background,
1000
- 'indicator': $color-progress-indicator,
1001
- 'percentage': (
1002
- 'default': $color-progress-percentage-default,
1003
- 'half': $color-progress-percentage-half
1004
- ),
1005
- 'branded': (
1006
- 'indicator': $color-progress-branded-indicator
1007
- )
1008
- ),
1009
- 'star': (
1010
- 'empty': $color-star-empty,
1011
- 'focus': $color-star-focus,
1012
- 'full': $color-star-full,
1013
- 'hover': $color-star-hover
1014
- ),
1015
- 'tabs': (
1016
- 'background': $color-tabs-background,
1017
- 'shadow': $color-tabs-shadow,
1018
- 'default': $color-tabs-default,
1019
- 'hover': $color-tabs-hover,
1020
- 'disabled': $color-tabs-disabled,
1021
- 'active': $color-tabs-active,
1022
- 'active-disabled': $color-tabs-active-disabled
1023
- ),
1024
- 'tag': (
1025
- 'text': (
1026
- 'light': (
1027
- 'background': $color-tag-text-light-background,
1028
- 'border': $color-tag-text-light-border,
1029
- 'text': $color-tag-text-light-text
1030
- ),
1031
- 'dark': (
1032
- 'background': $color-tag-text-dark-background,
1033
- 'border': $color-tag-text-dark-border,
1034
- 'text': $color-tag-text-dark-text
1035
- )
1036
- ),
1037
- 'link': (
1038
- 'light': (
1039
- 'background': $color-tag-link-light-background,
1040
- 'border': $color-tag-link-light-border,
1041
- 'text': $color-tag-link-light-text,
1042
- 'hover': (
1043
- 'background': $color-tag-link-light-hover-background
1044
- ),
1045
- 'active': (
1046
- 'background': $color-tag-link-light-active-background
1047
- )
1048
- ),
1049
- 'dark': (
1050
- 'background': $color-tag-link-dark-background,
1051
- 'border': $color-tag-link-dark-border,
1052
- 'text': $color-tag-link-dark-text,
1053
- 'hover': (
1054
- 'background': $color-tag-link-dark-hover-background
1055
- ),
1056
- 'active': (
1057
- 'background': $color-tag-link-dark-active-background
1058
- )
1059
- )
1060
- ),
1061
- 'selectable': (
1062
- 'light': (
1063
- 'background': $color-tag-selectable-light-background,
1064
- 'border': $color-tag-selectable-light-border,
1065
- 'text': $color-tag-selectable-light-text,
1066
- 'hover': (
1067
- 'background': $color-tag-selectable-light-hover-background
1068
- ),
1069
- 'active': (
1070
- 'background': $color-tag-selectable-light-active-background,
1071
- 'border': $color-tag-selectable-light-active-border,
1072
- 'text': $color-tag-selectable-light-active-text
1073
- ),
1074
- 'disabled': (
1075
- 'background': $color-tag-selectable-light-disabled-background,
1076
- 'text': $color-tag-selectable-light-disabled-text
1077
- ),
1078
- 'selected': (
1079
- 'background': $color-tag-selectable-light-selected-background,
1080
- 'text': $color-tag-selectable-light-selected-text,
1081
- 'hover': (
1082
- 'background': $color-tag-selectable-light-selected-hover-background
1083
- )
1084
- )
1085
- ),
1086
- 'dark': (
1087
- 'background': $color-tag-selectable-dark-background,
1088
- 'border': $color-tag-selectable-dark-border,
1089
- 'text': $color-tag-selectable-dark-text,
1090
- 'hover': (
1091
- 'background': $color-tag-selectable-dark-hover-background
1092
- ),
1093
- 'active': (
1094
- 'background': $color-tag-selectable-dark-active-background,
1095
- 'border': $color-tag-selectable-dark-active-border,
1096
- 'text': $color-tag-selectable-dark-active-text
1097
- ),
1098
- 'selected': (
1099
- 'background': $color-tag-selectable-dark-selected-background,
1100
- 'border': $color-tag-selectable-dark-selected-border,
1101
- 'text': $color-tag-selectable-dark-selected-text,
1102
- 'hover': (
1103
- 'background': $color-tag-selectable-dark-selected-hover-background
1104
- )
1105
- ),
1106
- 'disabled': (
1107
- 'background': $color-tag-selectable-dark-disabled-background,
1108
- 'text': $color-tag-selectable-dark-disabled-text
1109
- )
1110
- )
1111
- ),
1112
- 'removable': (
1113
- 'light': (
1114
- 'background': $color-tag-removable-light-background,
1115
- 'text': $color-tag-removable-light-text,
1116
- 'icon': $color-tag-removable-light-icon,
1117
- 'hover': (
1118
- 'background': $color-tag-removable-light-hover-background
1119
- ),
1120
- 'active': (
1121
- 'background': $color-tag-removable-light-active-background
1122
- )
1123
- ),
1124
- 'dark': (
1125
- 'background': $color-tag-removable-dark-background,
1126
- 'text': $color-tag-removable-dark-text,
1127
- 'icon': $color-tag-removable-dark-icon,
1128
- 'hover': (
1129
- 'background': $color-tag-removable-dark-hover-background
1130
- ),
1131
- 'active': (
1132
- 'background': $color-tag-removable-dark-active-background
1133
- )
1134
- )
1135
- )
1136
- ),
1137
- 'toggle': (
1138
- 'off': (
1139
- 'background': $color-toggle-off-background,
1140
- 'circle': $color-toggle-off-circle
1141
- ),
1142
- 'on': (
1143
- 'background': $color-toggle-on-background,
1144
- 'circle': $color-toggle-on-circle
1145
- ),
1146
- 'hover': (
1147
- 'circle': $color-toggle-hover-circle
1148
- ),
1149
- 'disabled': (
1150
- 'background': $color-toggle-disabled-background,
1151
- 'circle': $color-toggle-disabled-circle
1152
- ),
1153
- 'disabled-checked': (
1154
- 'background': $color-toggle-disabled-checked-background,
1155
- 'circle': $color-toggle-disabled-checked-circle
1156
- )
1157
- )
1158
- ),
1159
- 'preset': $preset,
1160
- 'radius': (
1161
- 's': $radius-s,
1162
- 'm': $radius-m,
1163
- 'l': $radius-l
1164
- ),
1165
- 'shadow': (
1166
- 's': (
1167
- 'x': $shadow-s-x,
1168
- 'y': $shadow-s-y,
1169
- 'blur': $shadow-s-blur,
1170
- 'spread': $shadow-s-spread,
1171
- 'opacity': $shadow-s-opacity
1172
- ),
1173
- 'm': (
1174
- 'x': $shadow-m-x,
1175
- 'y': $shadow-m-y,
1176
- 'blur': $shadow-m-blur,
1177
- 'spread': $shadow-m-spread,
1178
- 'opacity': $shadow-m-opacity
1179
- ),
1180
- 'l': (
1181
- 'x': $shadow-l-x,
1182
- 'y': $shadow-l-y,
1183
- 'blur': $shadow-l-blur,
1184
- 'spread': $shadow-l-spread,
1185
- 'opacity': $shadow-l-opacity
1186
- )
1187
- ),
1188
- 'magic-unit': $magic-unit,
1189
- 'local-rem-value': $local-rem-value,
1190
- 'size': (
1191
- 'font': (
1192
- '10': $size-font-10,
1193
- '11': $size-font-11,
1194
- '12': $size-font-12,
1195
- '01': $size-font-01,
1196
- '02': $size-font-02,
1197
- '03': $size-font-03,
1198
- '04': $size-font-04,
1199
- '05': $size-font-05,
1200
- '06': $size-font-06,
1201
- '07': $size-font-07,
1202
- '08': $size-font-08,
1203
- '09': $size-font-09
1204
- ),
1205
- 'line': (
1206
- '10': (
1207
- 'xs': $size-line-10-xs,
1208
- 's': $size-line-10-s,
1209
- 'm': $size-line-10-m,
1210
- 'l': $size-line-10-l
1211
- ),
1212
- '11': (
1213
- 'xs': $size-line-11-xs,
1214
- 's': $size-line-11-s,
1215
- 'm': $size-line-11-m,
1216
- 'l': $size-line-11-l
1217
- ),
1218
- '12': (
1219
- 'xs': $size-line-12-xs,
1220
- 's': $size-line-12-s,
1221
- 'm': $size-line-12-m,
1222
- 'l': $size-line-12-l
1223
- ),
1224
- '01': (
1225
- 'xs': $size-line-01-xs,
1226
- 's': $size-line-01-s,
1227
- 'm': $size-line-01-m,
1228
- 'l': $size-line-01-l
1229
- ),
1230
- '02': (
1231
- 'xs': $size-line-02-xs,
1232
- 's': $size-line-02-s,
1233
- 'm': $size-line-02-m,
1234
- 'l': $size-line-02-l
1235
- ),
1236
- '03': (
1237
- 'xs': $size-line-03-xs,
1238
- 's': $size-line-03-s,
1239
- 'm': $size-line-03-m,
1240
- 'l': $size-line-03-l
1241
- ),
1242
- '04': (
1243
- 'xs': $size-line-04-xs,
1244
- 's': $size-line-04-s,
1245
- 'm': $size-line-04-m,
1246
- 'l': $size-line-04-l
1247
- ),
1248
- '05': (
1249
- 'xs': $size-line-05-xs,
1250
- 's': $size-line-05-s,
1251
- 'm': $size-line-05-m,
1252
- 'l': $size-line-05-l
1253
- ),
1254
- '06': (
1255
- 'xs': $size-line-06-xs,
1256
- 's': $size-line-06-s,
1257
- 'm': $size-line-06-m,
1258
- 'l': $size-line-06-l
1259
- ),
1260
- '07': (
1261
- 'xs': $size-line-07-xs,
1262
- 's': $size-line-07-s,
1263
- 'm': $size-line-07-m,
1264
- 'l': $size-line-07-l
1265
- ),
1266
- '08': (
1267
- 'xs': $size-line-08-xs,
1268
- 's': $size-line-08-s,
1269
- 'm': $size-line-08-m,
1270
- 'l': $size-line-08-l
1271
- ),
1272
- '09': (
1273
- 'xs': $size-line-09-xs,
1274
- 's': $size-line-09-s,
1275
- 'm': $size-line-09-m,
1276
- 'l': $size-line-09-l
1277
- )
1278
- ),
1279
- 'gutter': (
1280
- 'screen': (
1281
- 's': $size-gutter-screen-s,
1282
- 'm': $size-gutter-screen-m
1283
- )
1284
- )
1285
- ),
1286
- 'screen': (
1287
- 's': $screen-s,
1288
- 's-medium': $screen-s-medium,
1289
- 's-large': $screen-s-large,
1290
- 's-xlarge': $screen-s-xlarge,
1291
- 'm': $screen-m,
1292
- 'm-medium': $screen-m-medium,
1293
- 'l': $screen-l,
1294
- 'l-medium': $screen-l-medium,
1295
- 'xl': $screen-xl,
1296
- 'xl-medium': $screen-xl-medium,
1297
- 'xl-large': $screen-xl-large,
1298
- 'xxl': $screen-xxl
1299
- )
1300
- );