@ptsecurity/mosaic 13.9.0 → 14.0.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 (522) hide show
  1. package/_theming.scss +90 -7366
  2. package/_visual.scss +6 -2761
  3. package/autocomplete/autocomplete-origin.directive.d.ts +1 -1
  4. package/autocomplete/autocomplete-trigger.directive.d.ts +1 -1
  5. package/autocomplete/autocomplete.component.d.ts +1 -1
  6. package/button/button.component.d.ts +4 -4
  7. package/button-toggle/button-toggle.component.d.ts +2 -2
  8. package/card/card.component.d.ts +3 -3
  9. package/checkbox/checkbox-required-validator.d.ts +1 -1
  10. package/checkbox/checkbox.d.ts +3 -3
  11. package/core/common-behaviors/color.d.ts +4 -1
  12. package/core/common-behaviors/error-state.d.ts +7 -4
  13. package/core/error/error-options.d.ts +3 -3
  14. package/core/formatters/date/formatter.d.ts +6 -2
  15. package/core/formatters/number/formatter.d.ts +1 -1
  16. package/core/forms/forms.directive.d.ts +2 -2
  17. package/core/highlight/highlight.pipe.d.ts +1 -1
  18. package/core/line/line.d.ts +1 -1
  19. package/core/option/action.d.ts +2 -2
  20. package/core/option/optgroup.d.ts +2 -2
  21. package/core/option/option.d.ts +1 -1
  22. package/core/pop-up/pop-up-trigger.d.ts +2 -3
  23. package/core/pop-up/pop-up.d.ts +2 -2
  24. package/core/selection/pseudo-checkbox/pseudo-checkbox.d.ts +3 -3
  25. package/datepicker/calendar-body.component.d.ts +1 -1
  26. package/datepicker/calendar.component.d.ts +30 -30
  27. package/datepicker/datepicker-input.directive.d.ts +2 -2
  28. package/datepicker/datepicker-toggle.component.d.ts +2 -2
  29. package/datepicker/datepicker.component.d.ts +2 -2
  30. package/datepicker/month-view.component.d.ts +1 -1
  31. package/datepicker/multi-year-view.component.d.ts +1 -1
  32. package/datepicker/year-view.component.d.ts +1 -1
  33. package/design-tokens/legacy-2017/tokens/components/checkbox.json5 +16 -15
  34. package/design-tokens/legacy-2017/tokens/components/form-field.json5 +2 -2
  35. package/design-tokens/legacy-2017/tokens/components/forms.json5 +0 -4
  36. package/design-tokens/legacy-2017/tokens/components/popover.json5 +1 -0
  37. package/design-tokens/legacy-2017/tokens/components/radio.json5 +1 -0
  38. package/design-tokens/legacy-2017/tokens/components/timezone.json5 +22 -0
  39. package/design-tokens/legacy-2017/tokens/properties/typography.json5 +42 -33
  40. package/design-tokens/legacy-2017/tokens.d.ts +55 -37
  41. package/design-tokens/pt-2022/tokens/components/checkbox.json5 +17 -16
  42. package/design-tokens/pt-2022/tokens/components/form-field.json5 +2 -2
  43. package/design-tokens/pt-2022/tokens/components/forms.json5 +0 -4
  44. package/design-tokens/pt-2022/tokens/components/link.json5 +2 -2
  45. package/design-tokens/pt-2022/tokens/components/popover.json5 +7 -6
  46. package/design-tokens/pt-2022/tokens/components/timezone.json5 +22 -0
  47. package/design-tokens/pt-2022/tokens/properties/typography.json5 +33 -24
  48. package/design-tokens/pt-2022/tokens.d.ts +47 -30
  49. package/design-tokens/style-dictionary/transforms/attribute/palette.js +1 -1
  50. package/design-tokens/style-dictionary/transforms/attribute/size.js +1 -1
  51. package/design-tokens/style-dictionary/transforms/attribute/typography.js +1 -1
  52. package/divider/divider.component.d.ts +1 -1
  53. package/dl/dl.component.d.ts +3 -3
  54. package/dropdown/dropdown-content.directive.d.ts +1 -1
  55. package/dropdown/dropdown-item.component.d.ts +1 -1
  56. package/dropdown/dropdown-trigger.directive.d.ts +1 -1
  57. package/dropdown/dropdown.component.d.ts +1 -1
  58. package/esm2020/autocomplete/autocomplete-origin.directive.mjs +4 -4
  59. package/esm2020/autocomplete/autocomplete-trigger.directive.mjs +7 -7
  60. package/esm2020/autocomplete/autocomplete.component.mjs +6 -7
  61. package/esm2020/autocomplete/autocomplete.module.mjs +5 -5
  62. package/esm2020/button/button.component.mjs +13 -13
  63. package/esm2020/button/button.module.mjs +7 -9
  64. package/esm2020/button-toggle/button-toggle.component.mjs +9 -9
  65. package/esm2020/button-toggle/button-toggle.module.mjs +5 -5
  66. package/esm2020/card/card.component.mjs +10 -10
  67. package/esm2020/card/card.module.mjs +7 -9
  68. package/esm2020/checkbox/checkbox-module.mjs +5 -5
  69. package/esm2020/checkbox/checkbox-required-validator.mjs +4 -4
  70. package/esm2020/checkbox/checkbox.mjs +8 -9
  71. package/esm2020/core/common-behaviors/color.mjs +6 -3
  72. package/esm2020/core/common-behaviors/common-module.mjs +5 -5
  73. package/esm2020/core/common-behaviors/disabled.mjs +1 -1
  74. package/esm2020/core/common-behaviors/error-state.mjs +1 -11
  75. package/esm2020/core/error/error-options.mjs +7 -7
  76. package/esm2020/core/formatters/date/formatter.mjs +10 -6
  77. package/esm2020/core/formatters/index.mjs +5 -5
  78. package/esm2020/core/formatters/number/formatter.mjs +5 -5
  79. package/esm2020/core/forms/forms-module.mjs +5 -5
  80. package/esm2020/core/forms/forms.directive.mjs +7 -7
  81. package/esm2020/core/highlight/highlight.pipe.mjs +4 -4
  82. package/esm2020/core/highlight/index.mjs +5 -5
  83. package/esm2020/core/line/line.mjs +8 -8
  84. package/esm2020/core/option/action.mjs +7 -7
  85. package/esm2020/core/option/optgroup.mjs +6 -6
  86. package/esm2020/core/option/option-module.mjs +6 -6
  87. package/esm2020/core/option/option.mjs +7 -7
  88. package/esm2020/core/pop-up/pop-up-trigger.mjs +4 -4
  89. package/esm2020/core/pop-up/pop-up.mjs +4 -4
  90. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +7 -8
  91. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +5 -5
  92. package/esm2020/core/services/measure-scrollbar.service.mjs +4 -4
  93. package/esm2020/datepicker/calendar-body.component.mjs +5 -5
  94. package/esm2020/datepicker/calendar.component.mjs +126 -129
  95. package/esm2020/datepicker/datepicker-input.directive.mjs +8 -9
  96. package/esm2020/datepicker/datepicker-intl.mjs +4 -4
  97. package/esm2020/datepicker/datepicker-module.mjs +11 -17
  98. package/esm2020/datepicker/datepicker-toggle.component.mjs +11 -11
  99. package/esm2020/datepicker/datepicker.component.mjs +10 -10
  100. package/esm2020/datepicker/month-view.component.mjs +6 -6
  101. package/esm2020/datepicker/multi-year-view.component.mjs +4 -4
  102. package/esm2020/datepicker/year-view.component.mjs +4 -4
  103. package/esm2020/design-tokens/legacy-2017/tokens.mjs +56 -38
  104. package/esm2020/design-tokens/pt-2022/tokens.mjs +48 -31
  105. package/esm2020/divider/divider.component.mjs +5 -5
  106. package/esm2020/divider/divider.module.mjs +5 -5
  107. package/esm2020/dl/dl.component.mjs +12 -12
  108. package/esm2020/dl/dl.module.mjs +7 -9
  109. package/esm2020/dropdown/dropdown-content.directive.mjs +4 -4
  110. package/esm2020/dropdown/dropdown-item.component.mjs +7 -7
  111. package/esm2020/dropdown/dropdown-trigger.directive.mjs +4 -4
  112. package/esm2020/dropdown/dropdown.component.mjs +6 -6
  113. package/esm2020/dropdown/dropdown.module.mjs +7 -9
  114. package/esm2020/form-field/cleaner.mjs +4 -4
  115. package/esm2020/form-field/form-field.mjs +24 -21
  116. package/esm2020/form-field/form-field.module.mjs +5 -5
  117. package/esm2020/form-field/hint.mjs +6 -7
  118. package/esm2020/form-field/password-hint.mjs +11 -12
  119. package/esm2020/form-field/prefix.mjs +4 -4
  120. package/esm2020/form-field/stepper.mjs +4 -4
  121. package/esm2020/form-field/suffix.mjs +4 -4
  122. package/esm2020/icon/icon.component.mjs +10 -11
  123. package/esm2020/icon/icon.module.mjs +7 -9
  124. package/esm2020/input/input-number-validators.mjs +7 -7
  125. package/esm2020/input/input-number.mjs +4 -4
  126. package/esm2020/input/input-password.mjs +11 -11
  127. package/esm2020/input/input.mjs +13 -7
  128. package/esm2020/input/input.module.mjs +8 -10
  129. package/esm2020/link/link.component.mjs +4 -4
  130. package/esm2020/link/link.module.mjs +6 -8
  131. package/esm2020/list/list-selection.component.mjs +230 -220
  132. package/esm2020/list/list.component.mjs +8 -8
  133. package/esm2020/list/list.module.mjs +9 -11
  134. package/esm2020/loader-overlay/loader-overlay.component.mjs +16 -16
  135. package/esm2020/loader-overlay/loader-overlay.module.mjs +8 -10
  136. package/esm2020/modal/css-unit.pipe.mjs +4 -4
  137. package/esm2020/modal/modal-control.service.mjs +4 -4
  138. package/esm2020/modal/modal.component.mjs +9 -9
  139. package/esm2020/modal/modal.directive.mjs +13 -13
  140. package/esm2020/modal/modal.module.mjs +11 -14
  141. package/esm2020/modal/modal.service.mjs +5 -6
  142. package/esm2020/navbar/navbar-item.component.mjs +36 -36
  143. package/esm2020/navbar/navbar.component.mjs +11 -11
  144. package/esm2020/navbar/navbar.module.mjs +9 -11
  145. package/esm2020/navbar/vertical-navbar.component.mjs +6 -6
  146. package/esm2020/popover/popover-confirm.component.mjs +11 -11
  147. package/esm2020/popover/popover.component.mjs +10 -10
  148. package/esm2020/popover/popover.module.mjs +6 -7
  149. package/esm2020/progress-bar/progress-bar.component.mjs +7 -8
  150. package/esm2020/progress-bar/progress-bar.module.mjs +6 -8
  151. package/esm2020/progress-spinner/progress-spinner.component.mjs +7 -8
  152. package/esm2020/progress-spinner/progress-spinner.module.mjs +6 -8
  153. package/esm2020/radio/radio.component.mjs +14 -16
  154. package/esm2020/radio/radio.module.mjs +5 -5
  155. package/esm2020/select/select-option.directive.mjs +4 -4
  156. package/esm2020/select/select.component.mjs +26 -20
  157. package/esm2020/select/select.module.mjs +10 -12
  158. package/esm2020/sidebar/sidebar.component.mjs +10 -10
  159. package/esm2020/sidebar/sidebar.module.mjs +5 -5
  160. package/esm2020/sidepanel/sidepanel-container.component.mjs +7 -7
  161. package/esm2020/sidepanel/sidepanel-directives.mjs +22 -20
  162. package/esm2020/sidepanel/sidepanel.module.mjs +11 -14
  163. package/esm2020/sidepanel/sidepanel.service.mjs +32 -29
  164. package/esm2020/splitter/splitter.component.mjs +37 -37
  165. package/esm2020/splitter/splitter.module.mjs +6 -8
  166. package/esm2020/table/table.component.mjs +4 -4
  167. package/esm2020/table/table.module.mjs +7 -9
  168. package/esm2020/tabs/paginated-tab-header.mjs +4 -4
  169. package/esm2020/tabs/tab-body.component.mjs +7 -7
  170. package/esm2020/tabs/tab-content.directive.mjs +4 -4
  171. package/esm2020/tabs/tab-group.component.mjs +30 -31
  172. package/esm2020/tabs/tab-header.component.mjs +5 -5
  173. package/esm2020/tabs/tab-label-wrapper.directive.mjs +4 -4
  174. package/esm2020/tabs/tab-label.directive.mjs +4 -4
  175. package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +8 -8
  176. package/esm2020/tabs/tab.component.mjs +4 -4
  177. package/esm2020/tabs/tabs.module.mjs +11 -13
  178. package/esm2020/tags/tag-input.mjs +4 -4
  179. package/esm2020/tags/tag-list.component.mjs +12 -6
  180. package/esm2020/tags/tag.component.mjs +24 -22
  181. package/esm2020/tags/tag.module.mjs +6 -6
  182. package/esm2020/textarea/textarea.component.mjs +10 -4
  183. package/esm2020/textarea/textarea.module.mjs +5 -5
  184. package/esm2020/timepicker/timepicker.directive.mjs +4 -4
  185. package/esm2020/timepicker/timepicker.module.mjs +8 -10
  186. package/esm2020/timezone/cities-by-filter.pipe.mjs +17 -0
  187. package/esm2020/timezone/index.mjs +2 -0
  188. package/esm2020/timezone/ptsecurity-mosaic-timezone.mjs +5 -0
  189. package/esm2020/timezone/public-api.mjs +7 -0
  190. package/esm2020/timezone/timezone-option.component.mjs +48 -0
  191. package/esm2020/timezone/timezone-option.directive.mjs +58 -0
  192. package/esm2020/timezone/timezone-select.component.mjs +40 -0
  193. package/esm2020/timezone/timezone.models.mjs +3 -0
  194. package/esm2020/timezone/timezone.module.mjs +75 -0
  195. package/esm2020/timezone/timezone.utils.mjs +64 -0
  196. package/esm2020/timezone/utc-offset.pipe.mjs +17 -0
  197. package/esm2020/toast/toast-container.component.mjs +5 -5
  198. package/esm2020/toast/toast.component.mjs +14 -11
  199. package/esm2020/toast/toast.module.mjs +12 -12
  200. package/esm2020/toast/toast.service.mjs +12 -12
  201. package/esm2020/toggle/toggle.component.mjs +13 -16
  202. package/esm2020/toggle/toggle.module.mjs +5 -5
  203. package/esm2020/tooltip/tooltip.component.mjs +14 -14
  204. package/esm2020/tooltip/tooltip.module.mjs +7 -8
  205. package/esm2020/tree/control/flat-tree-control.mjs +1 -1
  206. package/esm2020/tree/data-source/nested-data-source.mjs +1 -1
  207. package/esm2020/tree/node.mjs +4 -4
  208. package/esm2020/tree/outlet.mjs +4 -4
  209. package/esm2020/tree/padding.directive.mjs +4 -4
  210. package/esm2020/tree/toggle.mjs +11 -11
  211. package/esm2020/tree/tree-base.mjs +7 -7
  212. package/esm2020/tree/tree-option.component.mjs +12 -8
  213. package/esm2020/tree/tree-selection.component.mjs +11 -5
  214. package/esm2020/tree/tree.mjs +4 -4
  215. package/esm2020/tree/tree.module.mjs +5 -5
  216. package/esm2020/tree-select/tree-select.component.mjs +20 -14
  217. package/esm2020/tree-select/tree-select.module.mjs +11 -13
  218. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs +18 -19
  219. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
  220. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +12 -12
  221. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  222. package/fesm2015/ptsecurity-mosaic-button.mjs +18 -20
  223. package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -1
  224. package/fesm2015/ptsecurity-mosaic-card.mjs +15 -17
  225. package/fesm2015/ptsecurity-mosaic-card.mjs.map +1 -1
  226. package/fesm2015/ptsecurity-mosaic-checkbox.mjs +14 -15
  227. package/fesm2015/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  228. package/fesm2015/ptsecurity-mosaic-core.mjs +93 -96
  229. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
  230. package/fesm2015/ptsecurity-mosaic-datepicker.mjs +174 -184
  231. package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  232. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +123 -70
  233. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  234. package/fesm2015/ptsecurity-mosaic-divider.mjs +8 -8
  235. package/fesm2015/ptsecurity-mosaic-divider.mjs.map +1 -1
  236. package/fesm2015/ptsecurity-mosaic-dl.mjs +17 -19
  237. package/fesm2015/ptsecurity-mosaic-dl.mjs.map +1 -1
  238. package/fesm2015/ptsecurity-mosaic-dropdown.mjs +23 -25
  239. package/fesm2015/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  240. package/fesm2015/ptsecurity-mosaic-form-field.mjs +54 -52
  241. package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
  242. package/fesm2015/ptsecurity-mosaic-icon.mjs +15 -18
  243. package/fesm2015/ptsecurity-mosaic-icon.mjs.map +1 -1
  244. package/fesm2015/ptsecurity-mosaic-input.mjs +38 -34
  245. package/fesm2015/ptsecurity-mosaic-input.mjs.map +1 -1
  246. package/fesm2015/ptsecurity-mosaic-link.mjs +8 -10
  247. package/fesm2015/ptsecurity-mosaic-link.mjs.map +1 -1
  248. package/fesm2015/ptsecurity-mosaic-list.mjs +253 -245
  249. package/fesm2015/ptsecurity-mosaic-list.mjs.map +1 -1
  250. package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs +22 -24
  251. package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs.map +1 -1
  252. package/fesm2015/ptsecurity-mosaic-modal.mjs +41 -45
  253. package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -1
  254. package/fesm2015/ptsecurity-mosaic-navbar.mjs +58 -60
  255. package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
  256. package/fesm2015/ptsecurity-mosaic-popover.mjs +22 -23
  257. package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -1
  258. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs +11 -14
  259. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs.map +1 -1
  260. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +11 -14
  261. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  262. package/fesm2015/ptsecurity-mosaic-radio.mjs +17 -19
  263. package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
  264. package/fesm2015/ptsecurity-mosaic-select.mjs +36 -32
  265. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
  266. package/fesm2015/ptsecurity-mosaic-sidebar.mjs +13 -13
  267. package/fesm2015/ptsecurity-mosaic-sidebar.mjs.map +1 -1
  268. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +68 -66
  269. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  270. package/fesm2015/ptsecurity-mosaic-splitter.mjs +41 -43
  271. package/fesm2015/ptsecurity-mosaic-splitter.mjs.map +1 -1
  272. package/fesm2015/ptsecurity-mosaic-table.mjs +9 -11
  273. package/fesm2015/ptsecurity-mosaic-table.mjs.map +1 -1
  274. package/fesm2015/ptsecurity-mosaic-tabs.mjs +139 -142
  275. package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -1
  276. package/fesm2015/ptsecurity-mosaic-tags.mjs +42 -34
  277. package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
  278. package/fesm2015/ptsecurity-mosaic-textarea.mjs +13 -7
  279. package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -1
  280. package/fesm2015/ptsecurity-mosaic-timepicker.mjs +10 -12
  281. package/fesm2015/ptsecurity-mosaic-timepicker.mjs.map +1 -1
  282. package/fesm2015/ptsecurity-mosaic-timezone.mjs +299 -0
  283. package/fesm2015/ptsecurity-mosaic-timezone.mjs.map +1 -0
  284. package/fesm2015/ptsecurity-mosaic-toast.mjs +124 -118
  285. package/fesm2015/ptsecurity-mosaic-toast.mjs.map +1 -1
  286. package/fesm2015/ptsecurity-mosaic-toggle.mjs +16 -19
  287. package/fesm2015/ptsecurity-mosaic-toggle.mjs.map +1 -1
  288. package/fesm2015/ptsecurity-mosaic-tooltip.mjs +19 -20
  289. package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  290. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +29 -25
  291. package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  292. package/fesm2015/ptsecurity-mosaic-tree.mjs +54 -44
  293. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
  294. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs +18 -19
  295. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
  296. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +12 -12
  297. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  298. package/fesm2020/ptsecurity-mosaic-button.mjs +18 -20
  299. package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -1
  300. package/fesm2020/ptsecurity-mosaic-card.mjs +15 -17
  301. package/fesm2020/ptsecurity-mosaic-card.mjs.map +1 -1
  302. package/fesm2020/ptsecurity-mosaic-checkbox.mjs +14 -15
  303. package/fesm2020/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  304. package/fesm2020/ptsecurity-mosaic-core.mjs +93 -96
  305. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  306. package/fesm2020/ptsecurity-mosaic-datepicker.mjs +173 -183
  307. package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  308. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +123 -70
  309. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  310. package/fesm2020/ptsecurity-mosaic-divider.mjs +8 -8
  311. package/fesm2020/ptsecurity-mosaic-divider.mjs.map +1 -1
  312. package/fesm2020/ptsecurity-mosaic-dl.mjs +17 -19
  313. package/fesm2020/ptsecurity-mosaic-dl.mjs.map +1 -1
  314. package/fesm2020/ptsecurity-mosaic-dropdown.mjs +23 -25
  315. package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  316. package/fesm2020/ptsecurity-mosaic-form-field.mjs +54 -52
  317. package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
  318. package/fesm2020/ptsecurity-mosaic-icon.mjs +15 -18
  319. package/fesm2020/ptsecurity-mosaic-icon.mjs.map +1 -1
  320. package/fesm2020/ptsecurity-mosaic-input.mjs +38 -34
  321. package/fesm2020/ptsecurity-mosaic-input.mjs.map +1 -1
  322. package/fesm2020/ptsecurity-mosaic-link.mjs +8 -10
  323. package/fesm2020/ptsecurity-mosaic-link.mjs.map +1 -1
  324. package/fesm2020/ptsecurity-mosaic-list.mjs +248 -240
  325. package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -1
  326. package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs +22 -24
  327. package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs.map +1 -1
  328. package/fesm2020/ptsecurity-mosaic-modal.mjs +41 -45
  329. package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -1
  330. package/fesm2020/ptsecurity-mosaic-navbar.mjs +58 -60
  331. package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
  332. package/fesm2020/ptsecurity-mosaic-popover.mjs +22 -23
  333. package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -1
  334. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs +11 -14
  335. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs.map +1 -1
  336. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +11 -14
  337. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  338. package/fesm2020/ptsecurity-mosaic-radio.mjs +17 -19
  339. package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
  340. package/fesm2020/ptsecurity-mosaic-select.mjs +36 -32
  341. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
  342. package/fesm2020/ptsecurity-mosaic-sidebar.mjs +13 -13
  343. package/fesm2020/ptsecurity-mosaic-sidebar.mjs.map +1 -1
  344. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +68 -66
  345. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  346. package/fesm2020/ptsecurity-mosaic-splitter.mjs +41 -43
  347. package/fesm2020/ptsecurity-mosaic-splitter.mjs.map +1 -1
  348. package/fesm2020/ptsecurity-mosaic-table.mjs +9 -11
  349. package/fesm2020/ptsecurity-mosaic-table.mjs.map +1 -1
  350. package/fesm2020/ptsecurity-mosaic-tabs.mjs +68 -71
  351. package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -1
  352. package/fesm2020/ptsecurity-mosaic-tags.mjs +42 -34
  353. package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
  354. package/fesm2020/ptsecurity-mosaic-textarea.mjs +13 -7
  355. package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -1
  356. package/fesm2020/ptsecurity-mosaic-timepicker.mjs +10 -12
  357. package/fesm2020/ptsecurity-mosaic-timepicker.mjs.map +1 -1
  358. package/fesm2020/ptsecurity-mosaic-timezone.mjs +298 -0
  359. package/fesm2020/ptsecurity-mosaic-timezone.mjs.map +1 -0
  360. package/fesm2020/ptsecurity-mosaic-toast.mjs +120 -116
  361. package/fesm2020/ptsecurity-mosaic-toast.mjs.map +1 -1
  362. package/fesm2020/ptsecurity-mosaic-toggle.mjs +16 -19
  363. package/fesm2020/ptsecurity-mosaic-toggle.mjs.map +1 -1
  364. package/fesm2020/ptsecurity-mosaic-tooltip.mjs +19 -20
  365. package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  366. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +29 -25
  367. package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  368. package/fesm2020/ptsecurity-mosaic-tree.mjs +54 -44
  369. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
  370. package/form-field/cleaner.d.ts +1 -1
  371. package/form-field/form-field.d.ts +13 -7
  372. package/form-field/hint.d.ts +3 -3
  373. package/form-field/password-hint.d.ts +2 -3
  374. package/form-field/prefix.d.ts +1 -1
  375. package/form-field/stepper.d.ts +1 -1
  376. package/form-field/suffix.d.ts +1 -1
  377. package/icon/icon.component.d.ts +4 -4
  378. package/input/input-number-validators.d.ts +2 -2
  379. package/input/input-number.d.ts +1 -1
  380. package/input/input-password.d.ts +3 -3
  381. package/input/input.d.ts +8 -2
  382. package/link/link.component.d.ts +1 -1
  383. package/list/list-selection.component.d.ts +54 -53
  384. package/list/list.component.d.ts +2 -2
  385. package/loader-overlay/loader-overlay.component.d.ts +4 -4
  386. package/modal/css-unit.pipe.d.ts +1 -1
  387. package/modal/modal.component.d.ts +1 -1
  388. package/modal/modal.directive.d.ts +4 -4
  389. package/navbar/navbar-item.component.d.ts +11 -11
  390. package/navbar/navbar.component.d.ts +3 -3
  391. package/navbar/vertical-navbar.component.d.ts +1 -1
  392. package/package.json +56 -48
  393. package/popover/popover-confirm.component.d.ts +2 -2
  394. package/popover/popover.component.d.ts +4 -5
  395. package/prebuilt-themes/dark-theme.css +1 -1
  396. package/prebuilt-themes/default-theme.css +1 -1
  397. package/prebuilt-visual/default-visual.css +1 -1
  398. package/progress-bar/progress-bar.component.d.ts +3 -3
  399. package/progress-spinner/progress-spinner.component.d.ts +3 -3
  400. package/radio/radio.component.d.ts +6 -6
  401. package/select/select-option.directive.d.ts +1 -1
  402. package/select/select.component.d.ts +10 -4
  403. package/sidebar/sidebar.component.d.ts +3 -3
  404. package/sidepanel/sidepanel-container.component.d.ts +1 -1
  405. package/sidepanel/sidepanel-directives.d.ts +5 -5
  406. package/splitter/splitter.component.d.ts +4 -4
  407. package/table/table.component.d.ts +1 -1
  408. package/tabs/paginated-tab-header.d.ts +1 -1
  409. package/tabs/tab-body.component.d.ts +2 -2
  410. package/tabs/tab-content.directive.d.ts +1 -1
  411. package/tabs/tab-group.component.d.ts +8 -8
  412. package/tabs/tab-header.component.d.ts +1 -1
  413. package/tabs/tab-label-wrapper.directive.d.ts +1 -1
  414. package/tabs/tab-label.directive.d.ts +1 -1
  415. package/tabs/tab-nav-bar/tab-nav-bar.d.ts +2 -2
  416. package/tabs/tab.component.d.ts +1 -1
  417. package/tags/tag-input.d.ts +1 -1
  418. package/tags/tag-list.component.d.ts +8 -2
  419. package/tags/tag.component.d.ts +8 -6
  420. package/textarea/textarea.component.d.ts +7 -1
  421. package/timepicker/timepicker.directive.d.ts +1 -1
  422. package/timezone/README.md +0 -0
  423. package/timezone/cities-by-filter.pipe.d.ts +7 -0
  424. package/timezone/index.d.ts +1 -0
  425. package/timezone/public-api.d.ts +6 -0
  426. package/timezone/timezone-option.component.d.ts +15 -0
  427. package/timezone/timezone-option.directive.d.ts +20 -0
  428. package/timezone/timezone-select.component.d.ts +14 -0
  429. package/timezone/timezone.models.d.ts +16 -0
  430. package/timezone/timezone.module.d.ts +19 -0
  431. package/timezone/timezone.utils.d.ts +18 -0
  432. package/timezone/utc-offset.pipe.d.ts +7 -0
  433. package/toast/toast-container.component.d.ts +1 -1
  434. package/toast/toast.component.d.ts +1 -1
  435. package/toast/toast.service.d.ts +5 -4
  436. package/toggle/toggle.component.d.ts +5 -5
  437. package/tooltip/tooltip.component.d.ts +5 -6
  438. package/tree/control/flat-tree-control.d.ts +8 -8
  439. package/tree/node.d.ts +1 -1
  440. package/tree/outlet.d.ts +1 -1
  441. package/tree/padding.directive.d.ts +1 -1
  442. package/tree/toggle.d.ts +3 -3
  443. package/tree/tree-base.d.ts +2 -2
  444. package/tree/tree-option.component.d.ts +2 -1
  445. package/tree/tree-selection.component.d.ts +1 -1
  446. package/tree/tree.d.ts +1 -1
  447. package/tree-select/tree-select.component.d.ts +10 -4
  448. package/autocomplete/package.json +0 -10
  449. package/autocomplete/ptsecurity-mosaic-autocomplete.d.ts +0 -5
  450. package/button/package.json +0 -10
  451. package/button/ptsecurity-mosaic-button.d.ts +0 -5
  452. package/button-toggle/package.json +0 -10
  453. package/button-toggle/ptsecurity-mosaic-button-toggle.d.ts +0 -5
  454. package/card/package.json +0 -10
  455. package/card/ptsecurity-mosaic-card.d.ts +0 -5
  456. package/checkbox/package.json +0 -10
  457. package/checkbox/ptsecurity-mosaic-checkbox.d.ts +0 -5
  458. package/core/package.json +0 -10
  459. package/core/ptsecurity-mosaic-core.d.ts +0 -5
  460. package/datepicker/package.json +0 -10
  461. package/datepicker/ptsecurity-mosaic-datepicker.d.ts +0 -5
  462. package/design-tokens/package.json +0 -10
  463. package/design-tokens/ptsecurity-mosaic-design-tokens.d.ts +0 -5
  464. package/divider/package.json +0 -10
  465. package/divider/ptsecurity-mosaic-divider.d.ts +0 -5
  466. package/dl/package.json +0 -10
  467. package/dl/ptsecurity-mosaic-dl.d.ts +0 -5
  468. package/dropdown/package.json +0 -10
  469. package/dropdown/ptsecurity-mosaic-dropdown.d.ts +0 -5
  470. package/form-field/package.json +0 -10
  471. package/form-field/ptsecurity-mosaic-form-field.d.ts +0 -5
  472. package/icon/package.json +0 -10
  473. package/icon/ptsecurity-mosaic-icon.d.ts +0 -5
  474. package/input/package.json +0 -10
  475. package/input/ptsecurity-mosaic-input.d.ts +0 -5
  476. package/link/package.json +0 -10
  477. package/link/ptsecurity-mosaic-link.d.ts +0 -5
  478. package/list/package.json +0 -10
  479. package/list/ptsecurity-mosaic-list.d.ts +0 -5
  480. package/loader-overlay/package.json +0 -10
  481. package/loader-overlay/ptsecurity-mosaic-loader-overlay.d.ts +0 -5
  482. package/modal/package.json +0 -10
  483. package/modal/ptsecurity-mosaic-modal.d.ts +0 -5
  484. package/navbar/package.json +0 -10
  485. package/navbar/ptsecurity-mosaic-navbar.d.ts +0 -5
  486. package/popover/package.json +0 -10
  487. package/popover/ptsecurity-mosaic-popover.d.ts +0 -5
  488. package/progress-bar/package.json +0 -10
  489. package/progress-bar/ptsecurity-mosaic-progress-bar.d.ts +0 -5
  490. package/progress-spinner/package.json +0 -10
  491. package/progress-spinner/ptsecurity-mosaic-progress-spinner.d.ts +0 -5
  492. package/ptsecurity-mosaic.d.ts +0 -5
  493. package/radio/package.json +0 -10
  494. package/radio/ptsecurity-mosaic-radio.d.ts +0 -5
  495. package/select/package.json +0 -10
  496. package/select/ptsecurity-mosaic-select.d.ts +0 -5
  497. package/sidebar/package.json +0 -10
  498. package/sidebar/ptsecurity-mosaic-sidebar.d.ts +0 -5
  499. package/sidepanel/package.json +0 -10
  500. package/sidepanel/ptsecurity-mosaic-sidepanel.d.ts +0 -5
  501. package/splitter/package.json +0 -10
  502. package/splitter/ptsecurity-mosaic-splitter.d.ts +0 -5
  503. package/table/package.json +0 -10
  504. package/table/ptsecurity-mosaic-table.d.ts +0 -5
  505. package/tabs/package.json +0 -10
  506. package/tabs/ptsecurity-mosaic-tabs.d.ts +0 -5
  507. package/tags/package.json +0 -10
  508. package/tags/ptsecurity-mosaic-tags.d.ts +0 -5
  509. package/textarea/package.json +0 -10
  510. package/textarea/ptsecurity-mosaic-textarea.d.ts +0 -5
  511. package/timepicker/package.json +0 -10
  512. package/timepicker/ptsecurity-mosaic-timepicker.d.ts +0 -5
  513. package/toast/package.json +0 -10
  514. package/toast/ptsecurity-mosaic-toast.d.ts +0 -5
  515. package/toggle/package.json +0 -10
  516. package/toggle/ptsecurity-mosaic-toggle.d.ts +0 -5
  517. package/tooltip/package.json +0 -10
  518. package/tooltip/ptsecurity-mosaic-tooltip.d.ts +0 -5
  519. package/tree/package.json +0 -10
  520. package/tree/ptsecurity-mosaic-tree.d.ts +0 -5
  521. package/tree-select/package.json +0 -10
  522. package/tree-select/ptsecurity-mosaic-tree-select.d.ts +0 -5
package/_visual.scss CHANGED
@@ -1,2766 +1,11 @@
1
-
2
- // Do not edit directly
3
-
4
- $light-color-scheme-primary-default: #0374eb;
5
- $light-color-scheme-second-default: #6d7a86;
6
- $light-color-scheme-error-default: #db3c55;
7
- $light-color-scheme-info-default: #0374eb;
8
- $light-color-scheme-success-default: #028b49;
9
- $light-color-scheme-warning-default: #a26e0c;
10
- $light-color-scheme-foreground-text: #19252f;
11
- $light-color-scheme-foreground-text-less-contrast: #6d7a86;
12
- $light-color-scheme-foreground-text-disabled: #8c99a5;
13
- $light-color-scheme-foreground-text-error: #db3c55;
14
- $light-color-scheme-foreground-text-success: #016b37;
15
- $light-color-scheme-foreground-divider: #d7dee4;
16
- $light-color-scheme-foreground-border: #bdc7d1;
17
- $light-color-scheme-foreground-icon: #8c99a5;
18
- $light-color-scheme-background-background: white;
19
- $light-color-scheme-background-background-disabled: #f2f5f9;
20
- $light-color-scheme-background-background-less-contrast: #f2f5f9;
21
- $light-color-scheme-background-background-under: #f2f5f9;
22
- $light-color-scheme-background-overlay-hover: rgba(black, 0.05);
23
- $light-color-scheme-background-overlay-active: rgba(black, 0.1);
24
- $light-color-scheme-background-overlay-disabled: rgba(white, 0.3);
25
- $light-color-scheme-states-focused-color: #0374eb;
26
- $light-color-scheme-states-focused-color-error: #db3c55;
27
- $light-color-scheme-states-selected-color: #e7f1ff;
28
- $light-color-scheme-states-pressed-shadow: inset 0 1px 2px 0 rgba(black, 0.2);
29
- $light-color-scheme-states-disabled-opacity: 0.3;
30
- $dark-color-scheme-primary-default: #0059b8;
31
- $dark-color-scheme-second-default: #515e69;
32
- $dark-color-scheme-error-default: #b9023a;
33
- $dark-color-scheme-info-default: #0c6579;
34
- $dark-color-scheme-success-default: #016b37;
35
- $dark-color-scheme-warning-default: #7e5406;
36
- $dark-color-scheme-foreground-text: #f2f5f9;
37
- $dark-color-scheme-foreground-text-less-contrast: #8c99a5;
38
- $dark-color-scheme-foreground-text-disabled: #6d7a86;
39
- $dark-color-scheme-foreground-text-error: #ea5868;
40
- $dark-color-scheme-foreground-text-success: #319d5c;
41
- $dark-color-scheme-foreground-divider: #333f4a;
42
- $dark-color-scheme-foreground-border: #515e69;
43
- $dark-color-scheme-foreground-icon: #8c99a5;
44
- $dark-color-scheme-background-background: #19252f;
45
- $dark-color-scheme-background-background-disabled: #333f4a;
46
- $dark-color-scheme-background-background-less-contrast: #27333e;
47
- $dark-color-scheme-background-background-under: #151e25;
48
- $dark-color-scheme-background-overlay-hover: rgba(black, 0.05);
49
- $dark-color-scheme-background-overlay-active: rgba(black, 0.1);
50
- $dark-color-scheme-background-overlay-disabled: rgba(black, 0.2);
51
- $dark-color-scheme-states-focused-color: #4187ff;
52
- $dark-color-scheme-states-focused-color-error: #b9023a;
53
- $dark-color-scheme-states-selected-color: #023c7f;
54
- $dark-color-scheme-states-pressed-shadow: inset 1px 2px 2px 0 rgba(black, 0.2);
55
- $dark-color-scheme-states-disabled-opacity: 0.3;
56
- $font-family-accent: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
57
- $font-family-base: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
58
- $font-family-monospace: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
59
- $size-3xs: 2px;
60
- $size-xxs: 4px;
61
- $size-xs: 6px;
62
- $size-s: 8px;
63
- $size-m: 12px;
64
- $size-l: 16px;
65
- $size-xl: 20px;
66
- $size-xxl: 24px;
67
- $size-3xl: 32px;
68
- $size-4xl: 40px;
69
- $size-5xl: 48px;
70
- $size-6xl: 56px;
71
- $size-7xl: 64px;
72
- $size-border-width: 1px;
73
- $size-border-radius: 4px;
74
- $size-option-height: 32px;
75
- $size-panel-height: 48px;
76
- $size-control-s-height: 16px;
77
- $size-control-m-height: 32px;
78
- $size-button-min-width: 64px;
79
- $size-badge-tag-height: 24px;
80
- $size-header-height: 56px;
81
- $size-footer-height: 64px;
82
- $padding-control-horizontal: 16px;
83
- $padding-option-horizontal: 16px;
84
- $padding-badge-tag-horizontal: 8px;
85
- $padding-header-right: 8px;
86
- $padding-header-footer-horizontal: 16px;
87
- $margin-control-group-s-vertical: 8px;
88
- $margin-icon-text-m-horizontal: 8px;
89
- $margin-icon-text-s-horizontal: 4px;
90
- $palette-blue-40: #eff6ff;
91
- $palette-blue-60: #e7f1ff;
92
- $palette-blue-100: #c8dfff;
93
- $palette-blue-200: #a2c7fe;
94
- $palette-blue-300: #5697ff;
95
- $palette-blue-400: #4187ff;
96
- $palette-blue-500: #0374eb;
97
- $palette-blue-560: #0059b8;
98
- $palette-blue-600: #014b9d;
99
- $palette-blue-700: #023c7f;
100
- $palette-blue-800: #193060;
101
- $palette-blue-900: #00224f;
102
- $palette-blue-1000: #001a40;
103
- $palette-blue-a100: rgba(3, 116, 235, 0.15);
104
- $palette-blue-a200: rgba(3, 116, 235, 0.3);
105
- $palette-blue-contrast-40: #4D4D4D;
106
- $palette-blue-contrast-60: #4D4D4D;
107
- $palette-blue-contrast-100: #4D4D4D;
108
- $palette-blue-contrast-200: #4D4D4D;
109
- $palette-blue-contrast-300: #4D4D4D;
110
- $palette-blue-contrast-400: white;
111
- $palette-blue-contrast-500: white;
112
- $palette-blue-contrast-560: white;
113
- $palette-blue-contrast-600: white;
114
- $palette-blue-contrast-700: white;
115
- $palette-blue-contrast-800: white;
116
- $palette-blue-contrast-a100: #4D4D4D;
117
- $palette-blue-contrast-a200: white;
118
- $palette-green-40: #ecf9ef;
119
- $palette-green-60: #d2f7db;
120
- $palette-green-100: #b6ebc3;
121
- $palette-green-200: #8ed5a1;
122
- $palette-green-300: #4ba96c;
123
- $palette-green-400: #319d5c;
124
- $palette-green-500: #028b49;
125
- $palette-green-560: #016b37;
126
- $palette-green-600: #015a2d;
127
- $palette-green-700: #004823;
128
- $palette-green-800: #103920;
129
- $palette-green-900: #002a12;
130
- $palette-green-1000: #00210c;
131
- $palette-green-a100: rgba(2, 139, 73, 0.15);
132
- $palette-green-contrast-40: #4D4D4D;
133
- $palette-green-contrast-60: #4D4D4D;
134
- $palette-green-contrast-100: #4D4D4D;
135
- $palette-green-contrast-200: #4D4D4D;
136
- $palette-green-contrast-300: #4D4D4D;
137
- $palette-green-contrast-400: white;
138
- $palette-green-contrast-500: white;
139
- $palette-green-contrast-560: white;
140
- $palette-green-contrast-600: white;
141
- $palette-green-contrast-700: white;
142
- $palette-green-contrast-800: white;
143
- $palette-green-contrast-a100: #4D4D4D;
144
- $palette-red-40: #fff3f3;
145
- $palette-red-60: #ffeaea;
146
- $palette-red-100: #fbd6d6;
147
- $palette-red-200: #fcb2b4;
148
- $palette-red-300: #ee6f79;
149
- $palette-red-400: #ea5868;
150
- $palette-red-500: #db3c55;
151
- $palette-red-560: #b9023a;
152
- $palette-red-600: #9e0130;
153
- $palette-red-700: #800025;
154
- $palette-red-800: #621420;
155
- $palette-red-900: #500013;
156
- $palette-red-1000: #41000b;
157
- $palette-red-a100: rgba(219, 60, 85, 0.15);
158
- $palette-red-contrast-40: #4D4D4D;
159
- $palette-red-contrast-60: #4D4D4D;
160
- $palette-red-contrast-100: #4D4D4D;
161
- $palette-red-contrast-200: #4D4D4D;
162
- $palette-red-contrast-300: #4D4D4D;
163
- $palette-red-contrast-400: white;
164
- $palette-red-contrast-500: white;
165
- $palette-red-contrast-560: white;
166
- $palette-red-contrast-600: white;
167
- $palette-red-contrast-700: white;
168
- $palette-red-contrast-800: white;
169
- $palette-red-contrast-a100: #4D4D4D;
170
- $palette-grey-40: #f2f5f9;
171
- $palette-grey-60: #ebeef2;
172
- $palette-grey-100: #d7dee4;
173
- $palette-grey-200: #bdc7d1;
174
- $palette-grey-300: #8c99a5;
175
- $palette-grey-400: #7f8c98;
176
- $palette-grey-500: #6d7a86;
177
- $palette-grey-560: #515e69;
178
- $palette-grey-600: #434f5a;
179
- $palette-grey-700: #333f4a;
180
- $palette-grey-800: #27333e;
181
- $palette-grey-900: #19252f;
182
- $palette-grey-1000: #151e25;
183
- $palette-grey-a40: rgba(25, 37, 47, 0.04);
184
- $palette-grey-a60: rgba(25, 37, 47, 0.06);
185
- $palette-grey-a100: rgba(25, 37, 47, 0.1);
186
- $palette-grey-a200: rgba(25, 37, 47, 0.2);
187
- $palette-grey-a300: rgba(25, 37, 47, 0.3);
188
- $palette-grey-a500: rgba(25, 37, 47, 0.5);
189
- $palette-grey-contrast-40: #4D4D4D;
190
- $palette-grey-contrast-60: #4D4D4D;
191
- $palette-grey-contrast-100: #4D4D4D;
192
- $palette-grey-contrast-200: #4D4D4D;
193
- $palette-grey-contrast-300: #4D4D4D;
194
- $palette-grey-contrast-400: white;
195
- $palette-grey-contrast-500: white;
196
- $palette-grey-contrast-560: white;
197
- $palette-grey-contrast-600: white;
198
- $palette-grey-contrast-700: white;
199
- $palette-grey-contrast-800: white;
200
- $palette-yellow-40: #fff4dd;
201
- $palette-yellow-60: #ffecce;
202
- $palette-yellow-100: #fcdda6;
203
- $palette-yellow-200: #f5c23c;
204
- $palette-yellow-300: #e19f12;
205
- $palette-yellow-400: #c78816;
206
- $palette-yellow-500: #a26e0c;
207
- $palette-yellow-560: #7e5406;
208
- $palette-yellow-600: #6b4804;
209
- $palette-yellow-700: #543803;
210
- $palette-yellow-800: #3e3015;
211
- $palette-yellow-900: #312001;
212
- $palette-yellow-1000: #1f1500;
213
- $palette-yellow-a100: rgba(255, 159, 18, 0.15);
214
- $palette-yellow-contrast-40: #4D4D4D;
215
- $palette-yellow-contrast-60: #4D4D4D;
216
- $palette-yellow-contrast-100: #4D4D4D;
217
- $palette-yellow-contrast-200: #4D4D4D;
218
- $palette-yellow-contrast-300: #4D4D4D;
219
- $palette-yellow-contrast-400: white;
220
- $palette-yellow-contrast-500: white;
221
- $palette-yellow-contrast-560: white;
222
- $palette-yellow-contrast-600: white;
223
- $palette-yellow-contrast-700: white;
224
- $palette-yellow-contrast-800: white;
225
- $palette-yellow-contrast-a100: #4D4D4D;
226
- $palette-teal-40: #ebf8fd;
227
- $palette-teal-60: #d9f3fd;
228
- $palette-teal-100: #afe6f9;
229
- $palette-teal-200: #6ed3f2;
230
- $palette-teal-300: #18a5c5;
231
- $palette-teal-400: #2099b7;
232
- $palette-teal-500: #218ca8;
233
- $palette-teal-560: #0c6579;
234
- $palette-teal-600: #0c5567;
235
- $palette-teal-700: #084453;
236
- $palette-teal-800: #143641;
237
- $palette-teal-900: #022731;
238
- $palette-teal-1000: #001f28;
239
- $palette-teal-contrast-40: #4D4D4D;
240
- $palette-teal-contrast-60: #4D4D4D;
241
- $palette-teal-contrast-100: #4D4D4D;
242
- $palette-teal-contrast-200: #4D4D4D;
243
- $palette-teal-contrast-300: #4D4D4D;
244
- $palette-teal-contrast-400: white;
245
- $palette-teal-contrast-500: white;
246
- $palette-teal-contrast-560: white;
247
- $palette-teal-contrast-600: white;
248
- $palette-teal-contrast-700: white;
249
- $palette-teal-contrast-800: white;
250
- $palette-teal-contrast-a100: #4D4D4D;
251
- $palette-teal-contrast-a200: white;
252
- $palette-purple-40: #fff3fb;
253
- $palette-purple-60: #ffe9f8;
254
- $palette-purple-100: #f2d4e8;
255
- $palette-purple-200: #e4bbd7;
256
- $palette-purple-300: #c692b5;
257
- $palette-purple-400: #bb78a7;
258
- $palette-purple-500: #a65d92;
259
- $palette-purple-560: #864775;
260
- $palette-purple-600: #753865;
261
- $palette-purple-700: #612853;
262
- $palette-purple-800: #48273f;
263
- $palette-purple-900: #36172e;
264
- $palette-purple-1000: #23001b;
265
- $palette-purple-contrast-40: #4D4D4D;
266
- $palette-purple-contrast-60: #4D4D4D;
267
- $palette-purple-contrast-100: #4D4D4D;
268
- $palette-purple-contrast-200: #4D4D4D;
269
- $palette-purple-contrast-300: #4D4D4D;
270
- $palette-purple-contrast-400: white;
271
- $palette-purple-contrast-500: white;
272
- $palette-purple-contrast-560: white;
273
- $palette-purple-contrast-600: white;
274
- $palette-purple-contrast-700: white;
275
- $palette-purple-contrast-800: white;
276
- $palette-purple-contrast-a100: #4D4D4D;
277
- $palette-purple-contrast-a200: white;
278
- $alert-light-color-scheme-error-background: #fff3f3;
279
- $alert-light-color-scheme-error-border: #fbd6d6;
280
- $alert-light-color-scheme-error-icon: #ee6f79;
281
- $alert-light-color-scheme-warning-background: #fff4dd;
282
- $alert-light-color-scheme-warning-border: #fcdda6;
283
- $alert-light-color-scheme-warning-icon: #e19f12;
284
- $alert-light-color-scheme-success-background: #ecf9ef;
285
- $alert-light-color-scheme-success-border: #b6ebc3;
286
- $alert-light-color-scheme-success-icon: #4ba96c;
287
- $alert-light-color-scheme-info-background: #ebf8fd;
288
- $alert-light-color-scheme-info-border: #afe6f9;
289
- $alert-light-color-scheme-info-icon: #18a5c5;
290
- $alert-light-color-scheme-default-background: #f2f5f9;
291
- $alert-light-color-scheme-default-border: #d7dee4;
292
- $alert-light-color-scheme-default-icon: #8c99a5;
293
- $alert-dark-color-scheme-error-background: #500013;
294
- $alert-dark-color-scheme-error-border: #800025;
295
- $alert-dark-color-scheme-error-icon: #ee6f79;
296
- $alert-dark-color-scheme-warning-background: #3e3015;
297
- $alert-dark-color-scheme-warning-border: #543803;
298
- $alert-dark-color-scheme-warning-icon: #e19f12;
299
- $alert-dark-color-scheme-success-background: #103920;
300
- $alert-dark-color-scheme-success-border: #004823;
301
- $alert-dark-color-scheme-success-icon: #4ba96c;
302
- $alert-dark-color-scheme-info-background: #143641;
303
- $alert-dark-color-scheme-info-border: #084453;
304
- $alert-dark-color-scheme-info-icon: #18a5c5;
305
- $alert-dark-color-scheme-default-background: #27333e;
306
- $alert-dark-color-scheme-default-border: #333f4a;
307
- $alert-dark-color-scheme-default-icon: #8c99a5;
308
- $alert-size-border-width: 1px;
309
- $alert-size-border-radius: 4px;
310
- $alert-size-horizontal-padding: 16px;
311
- $alert-size-vertical-padding: 12px;
312
- $alert-size-icon-margin: 8px;
313
- $alert-size-close-button-width: 16px;
314
- $alert-size-small-vertical-padding: 12px;
315
- $alert-font-default-header: subheading;
316
- $alert-font-default-body: body;
317
- $alert-font-small-header: caption;
318
- $alert-font-small-body: caption;
319
- $autocomplete-size-panel-padding: 4px 0;
320
- $autocomplete-size-panel-max-height: 256px;
321
- $autocomplete-size-panel-border-radius: 4px;
322
- $badge-light-color-scheme-solid-primary-background: #4187ff;
323
- $badge-light-color-scheme-solid-primary-border: #4187ff;
324
- $badge-light-color-scheme-solid-primary-color: white;
325
- $badge-light-color-scheme-solid-info-background: #2099b7;
326
- $badge-light-color-scheme-solid-info-border: #2099b7;
327
- $badge-light-color-scheme-solid-info-color: white;
328
- $badge-light-color-scheme-solid-success-background: #319d5c;
329
- $badge-light-color-scheme-solid-success-border: #319d5c;
330
- $badge-light-color-scheme-solid-success-color: white;
331
- $badge-light-color-scheme-solid-warning-background: #c78816;
332
- $badge-light-color-scheme-solid-warning-border: #c78816;
333
- $badge-light-color-scheme-solid-warning-color: white;
334
- $badge-light-color-scheme-solid-error-background: #ea5868;
335
- $badge-light-color-scheme-solid-error-border: #ea5868;
336
- $badge-light-color-scheme-solid-error-color: white;
337
- $badge-light-color-scheme-solid-transparent-background: transparent;
338
- $badge-light-color-scheme-solid-transparent-border: #bdc7d1;
339
- $badge-light-color-scheme-solid-transparent-color: #19252f;
340
- $badge-light-color-scheme-solid-light-background: #d7dee4;
341
- $badge-light-color-scheme-solid-light-border: #d7dee4;
342
- $badge-light-color-scheme-solid-light-color: #19252f;
343
- $badge-light-color-scheme-solid-second-background: #7f8c98;
344
- $badge-light-color-scheme-solid-second-border: #7f8c98;
345
- $badge-light-color-scheme-solid-second-color: white;
346
- $badge-light-color-scheme-pastel-primary-background: #eff6ff;
347
- $badge-light-color-scheme-pastel-primary-border: #a2c7fe;
348
- $badge-light-color-scheme-pastel-primary-color: #4187ff;
349
- $badge-light-color-scheme-pastel-info-background: #ebf8fd;
350
- $badge-light-color-scheme-pastel-info-border: #6ed3f2;
351
- $badge-light-color-scheme-pastel-info-color: #2099b7;
352
- $badge-light-color-scheme-pastel-success-background: #ecf9ef;
353
- $badge-light-color-scheme-pastel-success-border: #8ed5a1;
354
- $badge-light-color-scheme-pastel-success-color: #028b49;
355
- $badge-light-color-scheme-pastel-warning-background: #fff4dd;
356
- $badge-light-color-scheme-pastel-warning-border: #f5c23c;
357
- $badge-light-color-scheme-pastel-warning-color: #a26e0c;
358
- $badge-light-color-scheme-pastel-error-background: #fff3f3;
359
- $badge-light-color-scheme-pastel-error-border: #fcb2b4;
360
- $badge-light-color-scheme-pastel-error-color: #db3c55;
361
- $badge-dark-color-scheme-pastel-primary-background: #193060;
362
- $badge-dark-color-scheme-pastel-primary-border: #014b9d;
363
- $badge-dark-color-scheme-pastel-primary-color: #a2c7fe;
364
- $badge-dark-color-scheme-pastel-info-background: #143641;
365
- $badge-dark-color-scheme-pastel-info-border: #0c5567;
366
- $badge-dark-color-scheme-pastel-info-color: #6ed3f2;
367
- $badge-dark-color-scheme-pastel-success-background: #103920;
368
- $badge-dark-color-scheme-pastel-success-border: #015a2d;
369
- $badge-dark-color-scheme-pastel-success-color: #8ed5a1;
370
- $badge-dark-color-scheme-pastel-warning-background: #3e3015;
371
- $badge-dark-color-scheme-pastel-warning-border: #6b4804;
372
- $badge-dark-color-scheme-pastel-warning-color: #f5c23c;
373
- $badge-dark-color-scheme-pastel-error-background: #621420;
374
- $badge-dark-color-scheme-pastel-error-border: #9e0130;
375
- $badge-dark-color-scheme-pastel-error-color: #fcb2b4;
376
- $badge-dark-color-scheme-solid-primary-background: #0059b8;
377
- $badge-dark-color-scheme-solid-primary-border: #0059b8;
378
- $badge-dark-color-scheme-solid-primary-color: white;
379
- $badge-dark-color-scheme-solid-info-background: #0c6579;
380
- $badge-dark-color-scheme-solid-info-border: #0c6579;
381
- $badge-dark-color-scheme-solid-info-color: white;
382
- $badge-dark-color-scheme-solid-success-background: #016b37;
383
- $badge-dark-color-scheme-solid-success-border: #016b37;
384
- $badge-dark-color-scheme-solid-success-color: white;
385
- $badge-dark-color-scheme-solid-warning-background: #7e5406;
386
- $badge-dark-color-scheme-solid-warning-border: #7e5406;
387
- $badge-dark-color-scheme-solid-warning-color: white;
388
- $badge-dark-color-scheme-solid-error-background: #b9023a;
389
- $badge-dark-color-scheme-solid-error-border: #b9023a;
390
- $badge-dark-color-scheme-solid-error-color: white;
391
- $badge-dark-color-scheme-solid-transparent-background: transparent;
392
- $badge-dark-color-scheme-solid-transparent-border: #515e69;
393
- $badge-dark-color-scheme-solid-transparent-color: white;
394
- $badge-dark-color-scheme-solid-light-background: #7f8c98;
395
- $badge-dark-color-scheme-solid-light-border: #7f8c98;
396
- $badge-dark-color-scheme-solid-light-color: white;
397
- $badge-dark-color-scheme-solid-second-background: #515e69;
398
- $badge-dark-color-scheme-solid-second-border: #515e69;
399
- $badge-dark-color-scheme-solid-second-color: white;
400
- $badge-size-default-height: 24px;
401
- $badge-size-default-min-width: 10px;
402
- $badge-size-default-padding: 0 8px;
403
- $badge-size-default-border-width: 1px;
404
- $badge-size-default-border-radius: 4px;
405
- $badge-size-mini-height: 16px;
406
- $badge-size-mini-min-width: 10px;
407
- $badge-size-mini-border-width: 1px;
408
- $badge-size-mini-border-radius: 2px;
409
- $badge-size-mini-padding: 0 4px;
410
- $badge-font-default-default: caption;
411
- $badge-font-default-caps: caption-caps;
412
- $badge-font-default-mono: caption-mono;
413
- $badge-font-mini-default: extra-small-text;
414
- $badge-font-mini-caps: extra-small-text-caps;
415
- $badge-font-mini-mono: extra-small-text-mono;
416
- $button-toggle-size-border-size: 1px;
417
- $button-toggle-size-border-radius: 4px;
418
- $button-light-color-scheme-active-shadow: inset 0 1px 2px 0 rgba(black, 0.2);
419
- $button-light-color-scheme-primary-color: white;
420
- $button-light-color-scheme-primary-border: #0374eb;
421
- $button-light-color-scheme-primary-background: #0374eb;
422
- $button-light-color-scheme-primary-icon: white;
423
- $button-light-color-scheme-primary-states-active-border: #0059b8;
424
- $button-light-color-scheme-primary-states-active-background: #0059b8;
425
- $button-light-color-scheme-primary-transparent-color: #0374eb;
426
- $button-light-color-scheme-primary-transparent-icon: #5697ff;
427
- $button-light-color-scheme-primary-transparent-states-hover-color: #0059b8;
428
- $button-light-color-scheme-primary-transparent-states-hover-icon: #0374eb;
429
- $button-light-color-scheme-primary-transparent-states-active-color: #014b9d;
430
- $button-light-color-scheme-primary-transparent-states-active-icon: #014b9d;
431
- $button-light-color-scheme-second-border: #d7dee4;
432
- $button-light-color-scheme-second-background: #d7dee4;
433
- $button-light-color-scheme-second-color: #19252f;
434
- $button-light-color-scheme-second-icon: #8c99a5;
435
- $button-light-color-scheme-second-states-active-border: #bdc7d1;
436
- $button-light-color-scheme-second-states-active-background: #bdc7d1;
437
- $button-light-color-scheme-error-border: #d7dee4;
438
- $button-light-color-scheme-error-background: #d7dee4;
439
- $button-light-color-scheme-error-color: #ea5868;
440
- $button-light-color-scheme-error-icon: #ea5868;
441
- $button-light-color-scheme-error-states-active-border: #bdc7d1;
442
- $button-light-color-scheme-error-states-active-background: #bdc7d1;
443
- $button-dark-color-scheme-active-shadow: inset 1px 2px 2px 0 rgba(black, 0.2);
444
- $button-dark-color-scheme-primary-color: white;
445
- $button-dark-color-scheme-primary-border: #0059b8;
446
- $button-dark-color-scheme-primary-background: #0059b8;
447
- $button-dark-color-scheme-primary-icon: white;
448
- $button-dark-color-scheme-primary-states-active-border: darken(#014b9d, 5);
449
- $button-dark-color-scheme-primary-states-active-background: darken(#014b9d, 5);
450
- $button-dark-color-scheme-primary-transparent-color: #5697ff;
451
- $button-dark-color-scheme-primary-transparent-icon: #5697ff;
452
- $button-dark-color-scheme-primary-transparent-states-hover-color: #014b9d;
453
- $button-dark-color-scheme-primary-transparent-states-hover-icon: #0374eb;
454
- $button-dark-color-scheme-primary-transparent-states-active-color: #023c7f;
455
- $button-dark-color-scheme-primary-transparent-states-active-icon: #a2c7fe;
456
- $button-dark-color-scheme-second-border: #515e69;
457
- $button-dark-color-scheme-second-background: #515e69;
458
- $button-dark-color-scheme-second-color: #f2f5f9;
459
- $button-dark-color-scheme-second-icon: #8c99a5;
460
- $button-dark-color-scheme-second-states-active-border: #333f4a;
461
- $button-dark-color-scheme-second-states-active-background: #333f4a;
462
- $button-dark-color-scheme-error-border: #515e69;
463
- $button-dark-color-scheme-error-background: #515e69;
464
- $button-dark-color-scheme-error-color: #ea5868;
465
- $button-dark-color-scheme-error-icon: #ea5868;
466
- $button-dark-color-scheme-error-states-active-border: #333f4a;
467
- $button-dark-color-scheme-error-states-active-background: #333f4a;
468
- $button-size-height: 32px;
469
- $button-size-border-width: 1px;
470
- $button-size-border-radius: 4px;
471
- $button-size-horizontal-padding: 12px;
472
- $button-font-default: body;
473
- $button-font-primary: body-strong;
474
- $button-font-primary-transparent: body;
475
- $icon-button-size-horizontal-padding: 8px;
476
- $icon-button-size-left-icon-padding: 6px;
477
- $card-light-color-scheme-error-vertical-line: #fbd6d6;
478
- $card-light-color-scheme-error-background: #fff3f3;
479
- $card-light-color-scheme-error-shadow: #fbd6d6;
480
- $card-light-color-scheme-warning-vertical-line: #fcdda6;
481
- $card-light-color-scheme-warning-background: #fff4dd;
482
- $card-light-color-scheme-warning-shadow: #fcdda6;
483
- $card-light-color-scheme-success-vertical-line: #b6ebc3;
484
- $card-light-color-scheme-success-background: #ecf9ef;
485
- $card-light-color-scheme-success-shadow: #b6ebc3;
486
- $card-light-color-scheme-info-vertical-line: #afe6f9;
487
- $card-light-color-scheme-info-background: #ebf8fd;
488
- $card-light-color-scheme-info-shadow: #afe6f9;
489
- $card-dark-color-scheme-error-vertical-line: #800025;
490
- $card-dark-color-scheme-error-background: #500013;
491
- $card-dark-color-scheme-error-shadow: #800025;
492
- $card-dark-color-scheme-warning-vertical-line: #543803;
493
- $card-dark-color-scheme-warning-background: #3e3015;
494
- $card-dark-color-scheme-warning-shadow: #543803;
495
- $card-dark-color-scheme-success-vertical-line: #004823;
496
- $card-dark-color-scheme-success-background: #103920;
497
- $card-dark-color-scheme-success-shadow: #004823;
498
- $card-dark-color-scheme-info-vertical-line: #084453;
499
- $card-dark-color-scheme-info-background: #143641;
500
- $card-dark-color-scheme-info-shadow: #084453;
501
- $card-size-vertical-line: 4px;
502
- $checkbox-light-color-scheme-default-border: #bdc7d1;
503
- $checkbox-light-color-scheme-default-color: white;
504
- $checkbox-light-color-scheme-default-states-checked-border: #0374eb;
505
- $checkbox-light-color-scheme-default-states-checked-background: #0374eb;
506
- $checkbox-light-color-scheme-default-states-focused-border: #0374eb;
507
- $checkbox-light-color-scheme-default-states-focused-shadow: 0 0 0 1px #0374eb;
508
- $checkbox-light-color-scheme-default-states-checked-focused-border: #0374eb;
509
- $checkbox-light-color-scheme-default-states-checked-focused-background: #0374eb;
510
- $checkbox-light-color-scheme-default-states-checked-focused-shadow: 0 0 0 1px #0374eb;
511
- $checkbox-light-color-scheme-default-states-checked-focused-outline: 1px solid white;
512
- $checkbox-light-color-scheme-error-border: #db3c55;
513
- $checkbox-light-color-scheme-error-color: white;
514
- $checkbox-light-color-scheme-error-states-checked-border: #db3c55;
515
- $checkbox-light-color-scheme-error-states-checked-background: #db3c55;
516
- $checkbox-light-color-scheme-error-states-focused-border: #db3c55;
517
- $checkbox-light-color-scheme-error-states-focused-shadow: 0 0 0 1px #db3c55;
518
- $checkbox-light-color-scheme-error-states-checked-focused-border: #db3c55;
519
- $checkbox-light-color-scheme-error-states-checked-focused-background: #db3c55;
520
- $checkbox-light-color-scheme-error-states-checked-focused-shadow: 0 0 0 1px #db3c55;
521
- $checkbox-light-color-scheme-error-states-checked-focused-outline: 1px solid white;
522
- $checkbox-dark-color-scheme-default-border: #515e69;
523
- $checkbox-dark-color-scheme-default-color: white;
524
- $checkbox-dark-color-scheme-default-states-checked-border: #0059b8;
525
- $checkbox-dark-color-scheme-default-states-checked-background: #0059b8;
526
- $checkbox-dark-color-scheme-default-states-focused-border: #4187ff;
527
- $checkbox-dark-color-scheme-default-states-focused-shadow: 0 0 0 1px #4187ff;
528
- $checkbox-dark-color-scheme-default-states-checked-focused-border: #4187ff;
529
- $checkbox-dark-color-scheme-default-states-checked-focused-background: #0059b8;
530
- $checkbox-dark-color-scheme-default-states-checked-focused-shadow: 0 0 0 1px #4187ff;
531
- $checkbox-dark-color-scheme-default-states-checked-focused-outline: 1px solid #19252f;
532
- $checkbox-dark-color-scheme-error-border: #b9023a;
533
- $checkbox-dark-color-scheme-error-color: white;
534
- $checkbox-dark-color-scheme-error-states-checked-border: #b9023a;
535
- $checkbox-dark-color-scheme-error-states-checked-background: #b9023a;
536
- $checkbox-dark-color-scheme-error-states-focused-border: #b9023a;
537
- $checkbox-dark-color-scheme-error-states-focused-shadow: 0 0 0 1px #b9023a;
538
- $checkbox-dark-color-scheme-error-states-checked-focused-border: #b9023a;
539
- $checkbox-dark-color-scheme-error-states-checked-focused-background: #b9023a;
540
- $checkbox-dark-color-scheme-error-states-checked-focused-shadow: 0 0 0 1px #b9023a;
541
- $checkbox-dark-color-scheme-error-states-checked-focused-outline: 1px solid #19252f;
542
- $checkbox-size-width: 16px;
543
- $checkbox-size-label-margin: 8px;
544
- $checkbox-size-border-width: 1px;
545
- $checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2);
546
- $checkbox-font-default: body;
547
- $datepicker-toggle-size-width: 30px;
548
- $datepicker-toggle-size-height: 30px;
549
- $datepicker-body-light-color-scheme-states-selected-color: #0374eb;
550
- $datepicker-body-light-color-scheme-states-selected-background: #e7f1ff;
551
- $datepicker-body-dark-color-scheme-states-selected-color: #4187ff;
552
- $datepicker-body-dark-color-scheme-states-selected-background: #023c7f;
553
- $datepicker-body-size-label-paddings: 8px 28px 12px 12px;
554
- $datepicker-body-size-cell-min-size: 32px;
555
- $datepicker-body-size-cell-margin: 5%;
556
- $datepicker-body-size-cell-padding: 8px;
557
- $datepicker-body-size-cell-border-width: 1px;
558
- $datepicker-body-font-label: body-strong;
559
- $datepicker-body-font-today: body-strong;
560
- $datepicker-calendar-size-padding-top: 16px;
561
- $datepicker-calendar-size-padding-horizontal: 8px;
562
- $datepicker-calendar-size-padding-bottom: 8px;
563
- $datepicker-calendar-size-padding-blocks: 12px;
564
- $datepicker-calendar-size-divider-width: 1px;
565
- $datepicker-calendar-size-icon-border-width: 2px;
566
- $datepicker-calendar-size-icon-prev-icon-transform: translateX(2px) rotate(-45deg);
567
- $datepicker-calendar-size-icon-nex-icon-transform: translateX(-2px) rotate(45deg);
568
- $datepicker-calendar-font-default: body;
569
- $datepicker-calendar-font-header: caption;
570
- $datepicker-input-size-width: 130px;
571
- $divider-light-color-scheme-color: #d7dee4;
572
- $divider-dark-color-scheme-color: #333f4a;
573
- $divider-size-width: 1px;
574
- $divider-size-inset-margin: 80px;
575
- $description-list-light-color-scheme-dt: #6d7a86;
576
- $description-list-light-color-scheme-dd: #19252f;
577
- $description-list-dark-color-scheme-dt: #8c99a5;
578
- $description-list-dark-color-scheme-dd: #f2f5f9;
579
- $description-list-size-grid-template-columns: repeat(4, 1fr);
580
- $description-list-size-dt-grid-column: 1;
581
- $description-list-size-dd-grid-column: 2 / span 3;
582
- $description-list-size-horizontal-column-gap: 16px;
583
- $description-list-size-horizontal-row-gap: 12px;
584
- $description-list-size-vertical-column-gap: 0;
585
- $description-list-size-vertical-row-gap: 2px;
586
- $description-list-size-vertical-dd-margin-bottom: 16px;
587
- $description-list-font-horizontal-dt: body;
588
- $description-list-font-horizontal-dd: body;
589
- $description-list-font-vertical-dt: caption;
590
- $description-list-font-vertical-dd: body;
591
- $dropdown-item-size-padding: 5px 15px;
592
- $dropdown-item-size-icon-padding: 0 8px 2px 0;
593
- $dropdown-item-font-default: body;
594
- $dropdown-item-font-caption: caption;
595
- $dropdown-group-header-size-default-padding: 6px 15px;
596
- $dropdown-group-header-size-small-padding: 8px 15px;
597
- $dropdown-group-header-font-default: body-strong;
598
- $dropdown-group-header-font-small: caption-caps;
599
- $dropdown-divider-size-height: 1px;
600
- $dropdown-divider-size-margin: 4px 0;
601
- $dropdown-trigger-size-button-right-padding: 8px;
602
- $dropdown-trigger-size-right-icon-padding: 2px;
603
- $dropdown-panel-size-max-width: 640px;
604
- $dropdown-panel-size-padding: 4px 0;
605
- $dropdown-panel-size-border-width: 1px;
606
- $dropdown-panel-size-border-radius: 4px;
607
- $form-field-light-color-scheme-border: #bdc7d1;
608
- $form-field-light-color-scheme-background: white;
609
- $form-field-light-color-scheme-states-hover-border: #8c99a5;
610
- $form-field-light-color-scheme-states-invalid-border: #db3c55;
611
- $form-field-light-color-scheme-states-invalid-background: transparent;
612
- $form-field-dark-color-scheme-border: #515e69;
613
- $form-field-dark-color-scheme-background: transparent;
614
- $form-field-dark-color-scheme-states-hover-border: #515e69;
615
- $form-field-dark-color-scheme-states-invalid-border: #b9023a;
616
- $form-field-dark-color-scheme-states-invalid-background: transparent;
617
- $form-field-size-height: 32px;
618
- $form-field-size-border-width: 1px;
619
- $form-field-size-border-radius: 4px;
620
- $form-field-size-button-width: 32px;
621
- $form-field-font-default: body;
622
- $form-field-hint-size-margin-top: 4px;
623
- $form-field-hint-font-default: caption;
624
- $form-field-password-hint-light-color-scheme-text-color: #19252f;
625
- $form-field-password-hint-light-color-scheme-icon-color: #8c99a5;
626
- $form-field-password-hint-light-color-scheme-states-invalid-icon-color: #ee6f79;
627
- $form-field-password-hint-light-color-scheme-states-invalid-text-color: #19252f;
628
- $form-field-password-hint-light-color-scheme-states-valid-text-color: #016b37;
629
- $form-field-password-hint-light-color-scheme-states-valid-icon-color: #4ba96c;
630
- $form-field-password-hint-dark-color-scheme-text-color: #f2f5f9;
631
- $form-field-password-hint-dark-color-scheme-icon-color: #8c99a5;
632
- $form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #ee6f79;
633
- $form-field-password-hint-dark-color-scheme-states-invalid-text-color: #f2f5f9;
634
- $form-field-password-hint-dark-color-scheme-states-valid-text-color: #319d5c;
635
- $form-field-password-hint-dark-color-scheme-states-valid-icon-color: #4ba96c;
636
- $form-field-password-hint-size-margin-top: 8px;
637
- $form-field-password-hint-size-icon-margin: 4px;
638
- $form-field-password-hint-font-default: caption;
639
- $forms-light-color-scheme-label: #6d7a86;
640
- $forms-light-color-scheme-legend: #19252f;
641
- $forms-dark-color-scheme-label: #8c99a5;
642
- $forms-dark-color-scheme-legend: #f2f5f9;
643
- $forms-size-horizontal-row-margin-bottom: 20px;
644
- $forms-size-horizontal-label-padding-top: 6px;
645
- $forms-size-horizontal-label-padding-bottom: 0;
646
- $forms-size-horizontal-control-padding-left: 16px;
647
- $forms-size-horizontal-legend-margin-top: 32px;
648
- $forms-size-horizontal-legend-margin-bottom: 16px;
649
- $forms-size-vertical-row-margin-bottom: 16px;
650
- $forms-size-vertical-label-padding-top: 0;
651
- $forms-size-vertical-label-padding-bottom: 4px;
652
- $forms-size-vertical-control-padding-left: 24px;
653
- $forms-size-vertical-legend-margin-top: 32px;
654
- $forms-size-vertical-legend-margin-bottom: 12px;
655
- $forms-font-default-label: body;
656
- $forms-font-default-legend: subheading;
657
- $icon-light-color-scheme-secondary-default: #8c99a5;
658
- $icon-light-color-scheme-secondary-states-hover: #6d7a86;
659
- $icon-light-color-scheme-secondary-states-active: #434f5a;
660
- $icon-light-color-scheme-secondary-states-disabled: mix(#8c99a5, transparent, 30%);
661
- $icon-light-color-scheme-primary-default: #5697ff;
662
- $icon-light-color-scheme-primary-states-hover: #0374eb;
663
- $icon-light-color-scheme-primary-states-active: #014b9d;
664
- $icon-light-color-scheme-primary-states-disabled: mix(#5697ff, transparent, 30%);
665
- $icon-light-color-scheme-info-default: #18a5c5;
666
- $icon-light-color-scheme-info-states-hover: #218ca8;
667
- $icon-light-color-scheme-info-states-active: #0c5567;
668
- $icon-light-color-scheme-info-states-disabled: mix(#18a5c5, transparent, 30%);
669
- $icon-light-color-scheme-success-default: #4ba96c;
670
- $icon-light-color-scheme-success-states-hover: #028b49;
671
- $icon-light-color-scheme-success-states-active: #015a2d;
672
- $icon-light-color-scheme-success-states-disabled: mix(#4ba96c, transparent, 30%);
673
- $icon-light-color-scheme-warning-default: #e19f12;
674
- $icon-light-color-scheme-warning-states-hover: #a26e0c;
675
- $icon-light-color-scheme-warning-states-active: #6b4804;
676
- $icon-light-color-scheme-warning-states-disabled: mix(#e19f12, transparent, 30%);
677
- $icon-light-color-scheme-error-default: #ee6f79;
678
- $icon-light-color-scheme-error-states-hover: #db3c55;
679
- $icon-light-color-scheme-error-states-active: #9e0130;
680
- $icon-light-color-scheme-error-states-disabled: mix(#ee6f79, transparent, 30%);
681
- $icon-dark-color-scheme-secondary-default: #8c99a5;
682
- $icon-dark-color-scheme-secondary-states-hover: #6d7a86;
683
- $icon-dark-color-scheme-secondary-states-active: #bdc7d1;
684
- $icon-dark-color-scheme-secondary-states-disabled: mix(#8c99a5, transparent, 30%);
685
- $icon-dark-color-scheme-primary-default: #5697ff;
686
- $icon-dark-color-scheme-primary-states-hover: #0374eb;
687
- $icon-dark-color-scheme-primary-states-active: #a2c7fe;
688
- $icon-dark-color-scheme-primary-states-disabled: mix(#5697ff, transparent, 30%);
689
- $icon-dark-color-scheme-info-default: #18a5c5;
690
- $icon-dark-color-scheme-info-states-hover: #218ca8;
691
- $icon-dark-color-scheme-info-states-active: #6ed3f2;
692
- $icon-dark-color-scheme-info-states-disabled: mix(#18a5c5, transparent, 30%);
693
- $icon-dark-color-scheme-success-default: #4ba96c;
694
- $icon-dark-color-scheme-success-states-hover: #028b49;
695
- $icon-dark-color-scheme-success-states-active: #8ed5a1;
696
- $icon-dark-color-scheme-success-states-disabled: mix(#4ba96c, transparent, 30%);
697
- $icon-dark-color-scheme-warning-default: #e19f12;
698
- $icon-dark-color-scheme-warning-states-hover: #a26e0c;
699
- $icon-dark-color-scheme-warning-states-active: #f5c23c;
700
- $icon-dark-color-scheme-warning-states-disabled: mix(#e19f12, transparent, 30%);
701
- $icon-dark-color-scheme-error-default: #ee6f79;
702
- $icon-dark-color-scheme-error-states-hover: #db3c55;
703
- $icon-dark-color-scheme-error-states-active: #fcb2b4;
704
- $icon-dark-color-scheme-error-states-disabled: mix(#ee6f79, transparent, 30%);
705
- $input-size-padding: 0 12px;
706
- $input-size-width: 100%;
707
- $input-font-default: body;
708
- $input-font-monospace: body-mono;
709
- $link-light-color-scheme-text: #0374eb;
710
- $link-light-color-scheme-border-bottom: rgba(#8c99a5, 0.32);
711
- $link-light-color-scheme-state-visited-text: #864775;
712
- $link-light-color-scheme-state-visited-border-bottom: rgba(#864775, 0.32);
713
- $link-light-color-scheme-state-hover-text: #0059b8;
714
- $link-light-color-scheme-state-hover-border-bottom: rgba(#0059b8, 0.32);
715
- $link-light-color-scheme-state-active: #014b9d;
716
- $link-light-color-scheme-state-focused-outline: #0374eb;
717
- $link-dark-color-scheme-text: #5697ff;
718
- $link-dark-color-scheme-border-bottom: rgba(#6d7a86, 0.32);
719
- $link-dark-color-scheme-state-visited-text: #bb78a7;
720
- $link-dark-color-scheme-state-visited-border-bottom: rgba(#bb78a7, 0.32);
721
- $link-dark-color-scheme-state-hover-text: #4187ff;
722
- $link-dark-color-scheme-state-hover-border-bottom: rgba(#4187ff, 0.32);
723
- $link-dark-color-scheme-state-active: #0374eb;
724
- $link-dark-color-scheme-state-focused-outline: #4187ff;
725
- $link-size-icon-margin: 4px;
726
- $link-size-state-focused-outline-offset: 2px;
727
- $link-size-state-focused-outline-width: 2px;
728
- $link-font-default: body;
729
- $list-size-horizontal-padding: 12px;
730
- $list-size-icon-right-margin: 8px;
731
- $list-size-item-height: 32px;
732
- $list-font-item: body;
733
- $loader-overlay-light-color-scheme-background: mix(white, transparent, 90%);
734
- $loader-overlay-light-color-scheme-text: #19252f;
735
- $loader-overlay-light-color-scheme-caption: #6d7a86;
736
- $loader-overlay-dark-color-scheme-background: mix(#19252f, transparent, 90%);
737
- $loader-overlay-dark-color-scheme-text: #f2f5f9;
738
- $loader-overlay-dark-color-scheme-caption: #8c99a5;
739
- $loader-overlay-size-text-max-width: 480px;
740
- $loader-overlay-size-fixed-top-padding: 72px;
741
- $loader-overlay-size-center-optical-compensation: -40%;
742
- $loader-overlay-font-text: body;
743
- $loader-overlay-font-caption: caption;
744
- $modal-light-color-scheme-shadow: (0 0 0 1px #d7dee4, 0 6px 12px 0 rgba(39, 51, 62, 0.5));
745
- $modal-light-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.16);
746
- $modal-light-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(39, 51, 62, 0.16);
747
- $modal-light-color-scheme-background-mask: rgba(39, 51, 62, 0.5);
748
- $modal-dark-color-scheme-shadow: (0 0 0 1px #19252f, 0 6px 12px 0 rgba(0, 0, 0, 0.5));
749
- $modal-dark-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
750
- $modal-dark-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16);
751
- $modal-dark-color-scheme-background-mask: rgba(0, 0, 0, 0.5);
752
- $modal-size-small: 400px;
753
- $modal-size-normal: 640px;
754
- $modal-size-large: 960px;
755
- $modal-size-top: 48px;
756
- $modal-size-close-width: 56px;
757
- $modal-size-border-radius: 4px;
758
- $modal-size-border-width: 1px;
759
- $modal-header-light-color-scheme-border: #d7dee4;
760
- $modal-header-dark-color-scheme-border: #333f4a;
761
- $modal-header-size-border-radius: 4px 4px 0 0;
762
- $modal-header-size-height: 56px;
763
- $modal-header-size-padding: 0 16px;
764
- $modal-header-font-default: title;
765
- $modal-body-size-max-height: calc(100vh - 260px);
766
- $modal-body-size-padding: 16px 24px 24px;
767
- $modal-body-font-default: body;
768
- $modal-footer-light-color-scheme-border: #f2f5f9;
769
- $modal-footer-dark-color-scheme-border: #333f4a;
770
- $modal-footer-size-border-radius: 0 0 4px 4px;
771
- $modal-footer-size-height: 64px;
772
- $modal-footer-size-padding: 0 16px;
773
- $modal-confirm-size-padding: 24px;
774
- $navbar-light-color-scheme-background: #19252f;
775
- $navbar-light-color-scheme-divider-background: #515e69;
776
- $navbar-dark-color-scheme-background: #333f4a;
777
- $navbar-dark-color-scheme-divider-background: #515e69;
778
- $navbar-size-icon-margin: 6px;
779
- $navbar-size-right-icon-margin: 2px;
780
- $navbar-font-title: body;
781
- $vertical-navbar-size-states-expanded-width: 240px;
782
- $vertical-navbar-size-states-collapsed-width: 56px;
783
- $vertical-navbar-size-icon-margin: 16px;
784
- $navbar-item-light-color-scheme-text: #f2f5f9;
785
- $navbar-item-light-color-scheme-icon: #bdc7d1;
786
- $navbar-item-light-color-scheme-states-active: rgba(0, 0, 0, 0.1);
787
- $navbar-item-light-color-scheme-states-selected: #333f4a;
788
- $navbar-item-light-color-scheme-states-hover: rgba(255, 255, 255, 0.1);
789
- $navbar-item-light-color-scheme-states-progress: #333f4a;
790
- $navbar-item-light-color-scheme-states-disabled-opacity: 0.3;
791
- $navbar-item-dark-color-scheme-text: #f2f5f9;
792
- $navbar-item-dark-color-scheme-icon: #bdc7d1;
793
- $navbar-item-dark-color-scheme-states-active: rgba(0, 0, 0, 0.1);
794
- $navbar-item-dark-color-scheme-states-selected: #434f5a;
795
- $navbar-item-dark-color-scheme-states-hover: rgba(255, 255, 255, 0.1);
796
- $navbar-item-dark-color-scheme-states-progress: #333f4a;
797
- $navbar-item-dark-color-scheme-states-disabled-opacity: 0.3;
798
- $navbar-item-size-padding: 16px;
799
- $navbar-item-size-height: 48px;
800
- $navbar-item-size-height-vertical: 56px;
801
- $navbar-brand-size-padding: 12px;
802
- $navbar-brand-size-margin-right: 24px;
803
- $navbar-brand-font-title: title;
804
- $optgroup-size-padding-left: 17px;
805
- $optgroup-font-default: subheading;
806
- $option-size-horizontal-padding: 12px;
807
- $option-size-height: 32px;
808
- $option-size-border-width: 2px;
809
- $option-font-default: body;
810
- $popover-light-color-scheme-background: white;
811
- $popover-light-color-scheme-text: #19252f;
812
- $popover-light-color-scheme-shadow: 0 3px 8px 0 rgba(39, 51, 62, 0.2);
813
- $popover-light-color-scheme-border: #d7dee4;
814
- $popover-dark-color-scheme-background: #333f4a;
815
- $popover-dark-color-scheme-text: #f2f5f9;
816
- $popover-dark-color-scheme-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
817
- $popover-dark-color-scheme-border: #333f4a;
818
- $popover-size-max-height: 480px;
819
- $popover-size-padding: 16px;
820
- $popover-size-border-radius: 4px;
821
- $popover-size-arrow-size: 12px;
822
- $popover-size-trigger-margin: 9px;
823
- $popover-size-small-width: 200px;
824
- $popover-size-normal-width: 400px;
825
- $popover-size-large-width: 640px;
826
- $popover-font-default: body;
827
- $popover-header-light-color-scheme-border: #d7dee4;
828
- $popover-header-light-color-scheme-text: #19252f;
829
- $popover-header-light-color-scheme-background: white;
830
- $popover-header-dark-color-scheme-border: #434f5a;
831
- $popover-header-dark-color-scheme-text: #f2f5f9;
832
- $popover-header-dark-color-scheme-background: #333f4a;
833
- $popover-header-size-height: 40px;
834
- $popover-header-size-padding: 0 16px;
835
- $popover-header-font-default: subheading;
836
- $popover-footer-light-color-scheme-border: #f2f5f9;
837
- $popover-footer-light-color-scheme-background: #f2f5f9;
838
- $popover-footer-dark-color-scheme-border: #434f5a;
839
- $popover-footer-dark-color-scheme-background: #333f4a;
840
- $popover-footer-size-margin-top: 8px;
841
- $popover-footer-size-padding: 12px 16px;
842
- $popover-footer-size-height: 56px;
843
- $popover-footer-font-default: body;
844
- $popup-light-color-scheme-shadow: 0 3px 8px 0 rgba(39, 51, 62, 0.2);
845
- $popup-light-color-scheme-border: #d7dee4;
846
- $popup-light-color-scheme-background: white;
847
- $popup-light-color-scheme-footer-background: #f2f5f9;
848
- $popup-dark-color-scheme-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
849
- $popup-dark-color-scheme-border: #333f4a;
850
- $popup-dark-color-scheme-background: #333f4a;
851
- $popup-dark-color-scheme-footer-background: transparent;
852
- $progress-bar-light-color-scheme-background: rgba(25, 37, 47, 0.06);
853
- $progress-bar-dark-color-scheme-background: rgba(white,0.06);
854
- $progress-bar-size-height: 4px;
855
- $progress-spinner-size-size: 16px;
856
- $radio-light-color-scheme-outer-circle-border: #bdc7d1;
857
- $radio-light-color-scheme-inner-circle-border: transparent;
858
- $radio-light-color-scheme-cap-color: white;
859
- $radio-light-color-scheme-states-checked-outer-circle-border: #0374eb;
860
- $radio-light-color-scheme-states-checked-inner-circle-border: #0374eb;
861
- $radio-light-color-scheme-states-focused-outer-circle-border: #0374eb;
862
- $radio-light-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #0374eb;
863
- $radio-light-color-scheme-states-focused-inner-circle-shadow: 0 0 0 2px white;
864
- $radio-dark-color-scheme-outer-circle-border: #515e69;
865
- $radio-dark-color-scheme-inner-circle-border: transparent;
866
- $radio-dark-color-scheme-cap-color: white;
867
- $radio-dark-color-scheme-states-checked-outer-circle-border: #0059b8;
868
- $radio-dark-color-scheme-states-checked-inner-circle-border: #0059b8;
869
- $radio-dark-color-scheme-states-focused-outer-circle-border: #4187ff;
870
- $radio-dark-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #4187ff;
871
- $radio-dark-color-scheme-states-focused-inner-circle-shadow: 0 0 0 2px #19252f;
872
- $radio-size-outer-size: 14px;
873
- $radio-size-inner-size: 10px;
874
- $radio-size-cap-size: 6px;
875
- $radio-size-label-margin: 8px;
876
- $radio-font-default: body;
877
- $select-size-left-padding: 12px;
878
- $select-size-right-padding: 6px;
879
- $select-size-left-padding-multiple: 12px;
880
- $select-font-default: body;
881
- $select-panel-size-max-height: 232px;
882
- $select-panel-size-max-width: 640px;
883
- $select-panel-size-vertical-padding: 4px;
884
- $select-panel-size-border-width: 1px;
885
- $select-panel-size-border-radius: 4px;
886
- $select-panel-font-default: body;
887
- $sidepanel-light-color-scheme-border: #bdc7d1;
888
- $sidepanel-dark-color-scheme-border: #19252f;
889
- $sidepanel-font-default: body;
890
- $sidepanel-header-light-color-scheme-border: #d7dee4;
891
- $sidepanel-header-dark-color-scheme-border: #333f4a;
892
- $sidepanel-header-size-height: 56px;
893
- $sidepanel-header-size-padding: 0 16px;
894
- $sidepanel-header-size-close-padding: 0 0 0 8px;
895
- $sidepanel-header-font-default: title;
896
- $sidepanel-footer-light-color-scheme-border: #f2f5f9;
897
- $sidepanel-footer-dark-color-scheme-border: #333f4a;
898
- $sidepanel-footer-size-height: 64px;
899
- $sidepanel-footer-size-padding: 0 16px;
900
- $sidepanel-footer-font-default: body;
901
- $table-size-border-width: 1px;
902
- $table-size-row-padding-vertical: 8px;
903
- $table-size-row-padding-horizontal: 16px;
904
- $table-font-header: caption;
905
- $table-font-body: body-tabular;
906
- $tabs-light-color-scheme-border: #d7dee4;
907
- $tabs-light-color-scheme-state-normal-icon: #8c99a5;
908
- $tabs-light-color-scheme-state-normal-text: #19252f;
909
- $tabs-light-color-scheme-state-hover-icon: #6d7a86;
910
- $tabs-light-color-scheme-state-hover-text: #19252f;
911
- $tabs-light-color-scheme-state-active-marker-color: #0374eb;
912
- $tabs-light-color-scheme-state-empty-icon: mix(#8c99a5, transparent, 30%);
913
- $tabs-light-color-scheme-state-empty-text: #8c99a5;
914
- $tabs-light-color-scheme-state-disabled-icon: mix(#8c99a5, transparent, 30%);
915
- $tabs-light-color-scheme-state-disabled-text: #8c99a5;
916
- $tabs-light-color-scheme-state-disabled-marker-opacity: 0.3;
917
- $tabs-dark-color-scheme-border: #333f4a;
918
- $tabs-dark-color-scheme-state-normal-icon: #8c99a5;
919
- $tabs-dark-color-scheme-state-normal-text: #f2f5f9;
920
- $tabs-dark-color-scheme-state-hover-icon: #6d7a86;
921
- $tabs-dark-color-scheme-state-hover-text: #f2f5f9;
922
- $tabs-dark-color-scheme-state-active-marker-color: #0059b8;
923
- $tabs-dark-color-scheme-state-empty-icon: mix(#8c99a5, transparent, 30%);
924
- $tabs-dark-color-scheme-state-empty-text: #6d7a86;
925
- $tabs-dark-color-scheme-state-disabled-icon: mix(#8c99a5, transparent, 30%);
926
- $tabs-dark-color-scheme-state-disabled-text: #6d7a86;
927
- $tabs-dark-color-scheme-state-disabled-marker-opacity: 0.3;
928
- $tabs-size-height: 40px;
929
- $tabs-size-highlight-height: 4px;
930
- $tabs-size-padding-horizontal: 16px;
931
- $tabs-size-border-width: 1px;
932
- $tabs-size-border-radius: 4px;
933
- $tabs-size-label-icon-margin: 8px;
934
- $tabs-font-default: body;
935
- $vertical-tabs-light-color-scheme-state-normal-background: transparent;
936
- $vertical-tabs-light-color-scheme-state-selected-background: #e7f1ff;
937
- $vertical-tabs-light-color-scheme-state-hover-background: rgba(black, 0.05);
938
- $vertical-tabs-light-color-scheme-state-hover-selected-background: adjust-color(#e7f1ff, $saturation:-22%, $lightness:-5%);
939
- $vertical-tabs-dark-color-scheme-state-normal-background: transparent;
940
- $vertical-tabs-dark-color-scheme-state-selected-background: #023c7f;
941
- $vertical-tabs-dark-color-scheme-state-hover-background: rgba(black, 0.05);
942
- $vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(#023c7f, $lightness:-1%);
943
- $tags-light-color-scheme-primary-background: #e7f1ff;
944
- $tags-light-color-scheme-primary-border: transparent;
945
- $tags-light-color-scheme-primary-text: #0374eb;
946
- $tags-light-color-scheme-primary-icon: #5697ff;
947
- $tags-light-color-scheme-primary-states-hover-icon: #0374eb;
948
- $tags-light-color-scheme-primary-states-focused: #0374eb;
949
- $tags-light-color-scheme-primary-states-disabled-text: mix(#0374eb, transparent, 50%);
950
- $tags-light-color-scheme-primary-states-disabled-background: mix(#0374eb, transparent, 10%);
951
- $tags-light-color-scheme-primary-states-disabled-border: transparent;
952
- $tags-light-color-scheme-second-background: #d7dee4;
953
- $tags-light-color-scheme-second-border: transparent;
954
- $tags-light-color-scheme-second-text: #19252f;
955
- $tags-light-color-scheme-second-icon: #8c99a5;
956
- $tags-light-color-scheme-second-states-hover-icon: #6d7a86;
957
- $tags-light-color-scheme-second-states-focused: #0374eb;
958
- $tags-light-color-scheme-second-states-disabled-text: mix(#8c99a5, transparent, 50%);
959
- $tags-light-color-scheme-second-states-disabled-background: mix(#8c99a5, transparent, 10%);
960
- $tags-light-color-scheme-second-states-disabled-border: transparent;
961
- $tags-light-color-scheme-error-background: #ffeaea;
962
- $tags-light-color-scheme-error-border: transparent;
963
- $tags-light-color-scheme-error-text: #db3c55;
964
- $tags-light-color-scheme-error-icon: #ee6f79;
965
- $tags-light-color-scheme-error-states-hover-icon: #db3c55;
966
- $tags-light-color-scheme-error-states-focused: #db3c55;
967
- $tags-light-color-scheme-error-states-disabled-text: mix(#ea5868, transparent, 50%);
968
- $tags-light-color-scheme-error-states-disabled-background: mix(#ea5868, transparent, 10%);
969
- $tags-light-color-scheme-error-states-disabled-border: transparent;
970
- $tags-dark-color-scheme-primary-background: #014b9d;
971
- $tags-dark-color-scheme-primary-border: transparent;
972
- $tags-dark-color-scheme-primary-text: #a2c7fe;
973
- $tags-dark-color-scheme-primary-icon: #5697ff;
974
- $tags-dark-color-scheme-primary-states-hover-icon: #0374eb;
975
- $tags-dark-color-scheme-primary-states-focused: #4187ff;
976
- $tags-dark-color-scheme-primary-states-disabled-text: mix(#5697ff, transparent, 50%);
977
- $tags-dark-color-scheme-primary-states-disabled-background: mix(#5697ff, transparent, 10%);
978
- $tags-dark-color-scheme-primary-states-disabled-border: transparent;
979
- $tags-dark-color-scheme-second-background: #333f4a;
980
- $tags-dark-color-scheme-second-border: transparent;
981
- $tags-dark-color-scheme-second-text: #bdc7d1;
982
- $tags-dark-color-scheme-second-icon: #8c99a5;
983
- $tags-dark-color-scheme-second-states-hover-icon: #6d7a86;
984
- $tags-dark-color-scheme-second-states-focused: #4187ff;
985
- $tags-dark-color-scheme-second-states-disabled-text: mix(#7f8c98, transparent, 50%);
986
- $tags-dark-color-scheme-second-states-disabled-background: mix(#7f8c98, transparent, 10%);
987
- $tags-dark-color-scheme-second-states-disabled-border: transparent;
988
- $tags-dark-color-scheme-error-background: #800025;
989
- $tags-dark-color-scheme-error-border: transparent;
990
- $tags-dark-color-scheme-error-text: #fcb2b4;
991
- $tags-dark-color-scheme-error-icon: #ee6f79;
992
- $tags-dark-color-scheme-error-states-hover-icon: #db3c55;
993
- $tags-dark-color-scheme-error-states-focused: #b9023a;
994
- $tags-dark-color-scheme-error-states-disabled-text: mix(#ea5868, transparent, 50%);
995
- $tags-dark-color-scheme-error-states-disabled-background: mix(#ea5868, transparent, 10%);
996
- $tags-dark-color-scheme-error-states-disabled-border: transparent;
997
- $tags-size-margin: 2px;
998
- $tags-size-height: 24px;
999
- $tags-size-border-width: 1px;
1000
- $tags-size-border-radius: 4px;
1001
- $tags-size-icon-padding: 4px;
1002
- $tags-size-text-margin: 8px;
1003
- $tags-font-default: caption;
1004
- $tags-font-mono: caption-mono;
1005
- $tags-font-caps: caption-caps;
1006
- $tag-list-size-padding: 1px 12px;
1007
- $tag-input-size-height: 22px;
1008
- $tag-input-size-margin: 2px 4px;
1009
- $tag-input-font-default: body;
1010
- $textarea-size-min-height: 50px;
1011
- $textarea-size-padding: 5px 12px;
1012
- $textarea-font-default: body;
1013
- $textarea-font-mono: body-mono;
1014
- $timepicker-size-padding-right: 16px;
1015
- $toast-light-color-scheme-background: white;
1016
- $toast-light-color-scheme-border: #bdc7d1;
1017
- $toast-light-color-scheme-text: #19252f;
1018
- $toast-light-color-scheme-text-caption: #6d7a86;
1019
- $toast-light-color-scheme-shadow: 0 8px 16px 0 rgba(#27333e, 0.2);
1020
- $toast-light-color-scheme-icon-info: #18a5c5;
1021
- $toast-light-color-scheme-icon-error: #ee6f79;
1022
- $toast-light-color-scheme-icon-success: #4ba96c;
1023
- $toast-light-color-scheme-icon-warning: #e19f12;
1024
- $toast-dark-color-scheme-background: #333f4a;
1025
- $toast-dark-color-scheme-border: rgba(25, 37, 47, 0.1);
1026
- $toast-dark-color-scheme-text: #f2f5f9;
1027
- $toast-dark-color-scheme-text-caption: #8c99a5;
1028
- $toast-dark-color-scheme-shadow: 0 8px 16px 0 rgba(#27333e, 0.2);
1029
- $toast-dark-color-scheme-icon-info: #18a5c5;
1030
- $toast-dark-color-scheme-icon-error: #ee6f79;
1031
- $toast-dark-color-scheme-icon-success: #4ba96c;
1032
- $toast-dark-color-scheme-icon-warning: #e19f12;
1033
- $toast-size-border-width: 1px;
1034
- $toast-size-border-radius: 3px;
1035
- $toast-size-width: 360px;
1036
- $toast-size-padding-vertical: 12px;
1037
- $toast-size-padding-left: 12px;
1038
- $toast-size-padding-right: 16px;
1039
- $toast-size-close-button-width: 32px;
1040
- $toast-size-close-button-margin: 8px;
1041
- $toast-size-icon-margin: 8px;
1042
- $toast-size-caption-margin: 8px;
1043
- $toast-size-actionbar-margin: 8px;
1044
- $toast-size-actionbar-gap: 12px;
1045
- $toast-size-vertical-margin: 16px;
1046
- $toast-size-horizontal-margin: 16px;
1047
- $toast-size-gap: 12px;
1048
- $toast-font-title: body;
1049
- $toast-font-caption: body;
1050
- $toggle-light-color-scheme-border: #bdc7d1;
1051
- $toggle-light-color-scheme-background: white;
1052
- $toggle-light-color-scheme-circle-border: #bdc7d1;
1053
- $toggle-light-color-scheme-circle-background: #d7dee4;
1054
- $toggle-light-color-scheme-states-focused-shadow: inset 0 0 0 1px white, 0 0 0 2px #0374eb;
1055
- $toggle-light-color-scheme-primary-checked-border-color: #0374eb;
1056
- $toggle-light-color-scheme-primary-checked-background: #0374eb;
1057
- $toggle-light-color-scheme-error-checked-border-color: #db3c55;
1058
- $toggle-light-color-scheme-error-checked-background: #db3c55;
1059
- $toggle-dark-color-scheme-border: #515e69;
1060
- $toggle-dark-color-scheme-background: #19252f;
1061
- $toggle-dark-color-scheme-circle-border: #515e69;
1062
- $toggle-dark-color-scheme-circle-background: #6d7a86;
1063
- $toggle-dark-color-scheme-states-focused-shadow: inset 0 0 0 1px #19252f, 0 0 0 2px #4187ff;
1064
- $toggle-dark-color-scheme-primary-checked-border-color: #0059b8;
1065
- $toggle-dark-color-scheme-primary-checked-background: #0059b8;
1066
- $toggle-dark-color-scheme-error-checked-border-color: #b9023a;
1067
- $toggle-dark-color-scheme-error-checked-background: #b9023a;
1068
- $toggle-size-height: 16px;
1069
- $toggle-size-width: 28px;
1070
- $toggle-size-border-radius: 9px;
1071
- $toggle-size-label-margin: 8px;
1072
- $toggle-font-default: body;
1073
- $toggle-small-size-height: 14px;
1074
- $toggle-small-size-width: 24px;
1075
- $toggle-small-size-border-radius: 8px;
1076
- $toggle-small-font-default: caption;
1077
- $tooltip-light-color-scheme-background: #333f4a;
1078
- $tooltip-light-color-scheme-text: #f2f5f9;
1079
- $tooltip-light-color-scheme-border: transparent;
1080
- $tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
1081
- $tooltip-light-color-scheme-warning-background: #fff4dd;
1082
- $tooltip-light-color-scheme-warning-text: #19252f;
1083
- $tooltip-light-color-scheme-warning-border: #fcdda6;
1084
- $tooltip-dark-color-scheme-background: white;
1085
- $tooltip-dark-color-scheme-text: #19252f;
1086
- $tooltip-dark-color-scheme-border: transparent;
1087
- $tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
1088
- $tooltip-dark-color-scheme-warning-background: #7e5406;
1089
- $tooltip-dark-color-scheme-warning-text: #f2f5f9;
1090
- $tooltip-dark-color-scheme-warning-border: #7e5406;
1091
- $tooltip-size-max-width: 300px;
1092
- $tooltip-size-border-width: 1px;
1093
- $tooltip-size-border-radius: 4px;
1094
- $tooltip-size-padding: 8px 16px;
1095
- $tooltip-size-arrow-size: 12px;
1096
- $tooltip-size-trigger-margin: 9px;
1097
- $tooltip-font-default: caption;
1098
- $extended-tooltip-light-color-scheme-background: white;
1099
- $extended-tooltip-light-color-scheme-text: #19252f;
1100
- $extended-tooltip-light-color-scheme-border: #d7dee4;
1101
- $extended-tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
1102
- $extended-tooltip-dark-color-scheme-background: #333f4a;
1103
- $extended-tooltip-dark-color-scheme-text: #f2f5f9;
1104
- $extended-tooltip-dark-color-scheme-border: #333f4a;
1105
- $extended-tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
1106
- $extended-tooltip-size-border-radius: 4px;
1107
- $extended-tooltip-size-arrow-size: 12px;
1108
- $extended-tooltip-size-trigger-margin: 9px;
1109
- $extended-tooltip-size-padding: 8px 16px;
1110
- $extended-tooltip-size-max-height: 480px;
1111
- $extended-tooltip-font-default: caption;
1112
- $extended-tooltip-header-light-color-scheme-border: #d7dee4;
1113
- $extended-tooltip-header-light-color-scheme-text: #19252f;
1114
- $extended-tooltip-header-light-color-scheme-background: white;
1115
- $extended-tooltip-header-dark-color-scheme-border: #434f5a;
1116
- $extended-tooltip-header-dark-color-scheme-text: #f2f5f9;
1117
- $extended-tooltip-header-dark-color-scheme-background: #333f4a;
1118
- $extended-tooltip-header-size-height: 40px;
1119
- $extended-tooltip-header-size-padding: 8px 16px;
1120
- $extended-tooltip-header-font-default: subheading;
1121
- $tree-size-node-height: 32px;
1122
- $tree-size-padding-left: 12px;
1123
- $tree-size-toggle-padding: 4px;
1124
- $tree-size-icon-padding: 8px;
1125
- $tree-size-padding-right: 16px;
1126
- $tree-font-node: body;
1127
- $light-color-scheme-primary-palette: (
1128
- 40: #eff6ff,
1129
- 60: #e7f1ff,
1130
- 100: #c8dfff,
1131
- 200: #a2c7fe,
1132
- 300: #5697ff,
1133
- 400: #4187ff,
1134
- 500: #0374eb,
1135
- 560: #0059b8,
1136
- 600: #014b9d,
1137
- 700: #023c7f,
1138
- 800: #193060,
1139
- 900: #00224f,
1140
- 1000: #001a40,
1141
- A100: rgba(3, 116, 235, 0.15),
1142
- A200: rgba(3, 116, 235, 0.3),
1143
- contrast: (
1144
- 40: #4D4D4D,
1145
- 60: #4D4D4D,
1146
- 100: #4D4D4D,
1147
- 200: #4D4D4D,
1148
- 300: #4D4D4D,
1149
- 400: white,
1150
- 500: white,
1151
- 560: white,
1152
- 600: white,
1153
- 700: white,
1154
- 800: white,
1155
- A100: #4D4D4D,
1156
- A200: white,
1157
-
1158
- )
1159
- );
1160
-
1161
- $light-color-scheme-second-palette: (
1162
- 40: #f2f5f9,
1163
- 60: #ebeef2,
1164
- 100: #d7dee4,
1165
- 200: #bdc7d1,
1166
- 300: #8c99a5,
1167
- 400: #7f8c98,
1168
- 500: #6d7a86,
1169
- 560: #515e69,
1170
- 600: #434f5a,
1171
- 700: #333f4a,
1172
- 800: #27333e,
1173
- 900: #19252f,
1174
- 1000: #151e25,
1175
- A40: rgba(25, 37, 47, 0.04),
1176
- A60: rgba(25, 37, 47, 0.06),
1177
- A100: rgba(25, 37, 47, 0.1),
1178
- A200: rgba(25, 37, 47, 0.2),
1179
- A300: rgba(25, 37, 47, 0.3),
1180
- A500: rgba(25, 37, 47, 0.5),
1181
- contrast: (
1182
- 40: #4D4D4D,
1183
- 60: #4D4D4D,
1184
- 100: #4D4D4D,
1185
- 200: #4D4D4D,
1186
- 300: #4D4D4D,
1187
- 400: white,
1188
- 500: white,
1189
- 560: white,
1190
- 600: white,
1191
- 700: white,
1192
- 800: white,
1193
-
1194
- )
1195
- );
1196
-
1197
- $light-color-scheme-error-palette: (
1198
- 40: #fff3f3,
1199
- 60: #ffeaea,
1200
- 100: #fbd6d6,
1201
- 200: #fcb2b4,
1202
- 300: #ee6f79,
1203
- 400: #ea5868,
1204
- 500: #db3c55,
1205
- 560: #b9023a,
1206
- 600: #9e0130,
1207
- 700: #800025,
1208
- 800: #621420,
1209
- 900: #500013,
1210
- 1000: #41000b,
1211
- A100: rgba(219, 60, 85, 0.15),
1212
- contrast: (
1213
- 40: #4D4D4D,
1214
- 60: #4D4D4D,
1215
- 100: #4D4D4D,
1216
- 200: #4D4D4D,
1217
- 300: #4D4D4D,
1218
- 400: white,
1219
- 500: white,
1220
- 560: white,
1221
- 600: white,
1222
- 700: white,
1223
- 800: white,
1224
- A100: #4D4D4D,
1225
-
1226
- )
1227
- );
1228
-
1229
- $light-color-scheme-info-palette: (
1230
- 40: #ebf8fd,
1231
- 60: #d9f3fd,
1232
- 100: #afe6f9,
1233
- 200: #6ed3f2,
1234
- 300: #18a5c5,
1235
- 400: #2099b7,
1236
- 500: #218ca8,
1237
- 560: #0c6579,
1238
- 600: #0c5567,
1239
- 700: #084453,
1240
- 800: #143641,
1241
- 900: #022731,
1242
- 1000: #001f28,
1243
- contrast: (
1244
- 40: #4D4D4D,
1245
- 60: #4D4D4D,
1246
- 100: #4D4D4D,
1247
- 200: #4D4D4D,
1248
- 300: #4D4D4D,
1249
- 400: white,
1250
- 500: white,
1251
- 560: white,
1252
- 600: white,
1253
- 700: white,
1254
- 800: white,
1255
- A100: #4D4D4D,
1256
- A200: white,
1257
-
1258
- )
1259
- );
1260
-
1261
- $light-color-scheme-success-palette: (
1262
- 40: #ecf9ef,
1263
- 60: #d2f7db,
1264
- 100: #b6ebc3,
1265
- 200: #8ed5a1,
1266
- 300: #4ba96c,
1267
- 400: #319d5c,
1268
- 500: #028b49,
1269
- 560: #016b37,
1270
- 600: #015a2d,
1271
- 700: #004823,
1272
- 800: #103920,
1273
- 900: #002a12,
1274
- 1000: #00210c,
1275
- A100: rgba(2, 139, 73, 0.15),
1276
- contrast: (
1277
- 40: #4D4D4D,
1278
- 60: #4D4D4D,
1279
- 100: #4D4D4D,
1280
- 200: #4D4D4D,
1281
- 300: #4D4D4D,
1282
- 400: white,
1283
- 500: white,
1284
- 560: white,
1285
- 600: white,
1286
- 700: white,
1287
- 800: white,
1288
- A100: #4D4D4D,
1289
-
1290
- )
1291
- );
1292
-
1293
- $light-color-scheme-warning-palette: (
1294
- 40: #fff4dd,
1295
- 60: #ffecce,
1296
- 100: #fcdda6,
1297
- 200: #f5c23c,
1298
- 300: #e19f12,
1299
- 400: #c78816,
1300
- 500: #a26e0c,
1301
- 560: #7e5406,
1302
- 600: #6b4804,
1303
- 700: #543803,
1304
- 800: #3e3015,
1305
- 900: #312001,
1306
- 1000: #1f1500,
1307
- A100: rgba(255, 159, 18, 0.15),
1308
- contrast: (
1309
- 40: #4D4D4D,
1310
- 60: #4D4D4D,
1311
- 100: #4D4D4D,
1312
- 200: #4D4D4D,
1313
- 300: #4D4D4D,
1314
- 400: white,
1315
- 500: white,
1316
- 560: white,
1317
- 600: white,
1318
- 700: white,
1319
- 800: white,
1320
- A100: #4D4D4D,
1321
-
1322
- )
1323
- );
1324
-
1325
- $dark-color-scheme-primary-palette: (
1326
- 40: #eff6ff,
1327
- 60: #e7f1ff,
1328
- 100: #c8dfff,
1329
- 200: #a2c7fe,
1330
- 300: #5697ff,
1331
- 400: #4187ff,
1332
- 500: #0374eb,
1333
- 560: #0059b8,
1334
- 600: #014b9d,
1335
- 700: #023c7f,
1336
- 800: #193060,
1337
- 900: #00224f,
1338
- 1000: #001a40,
1339
- A100: rgba(3, 116, 235, 0.15),
1340
- A200: rgba(3, 116, 235, 0.3),
1341
- contrast: (
1342
- 40: #4D4D4D,
1343
- 60: #4D4D4D,
1344
- 100: #4D4D4D,
1345
- 200: #4D4D4D,
1346
- 300: #4D4D4D,
1347
- 400: white,
1348
- 500: white,
1349
- 560: white,
1350
- 600: white,
1351
- 700: white,
1352
- 800: white,
1353
- A100: #4D4D4D,
1354
- A200: white,
1355
-
1356
- )
1357
- );
1358
-
1359
- $dark-color-scheme-second-palette: (
1360
- 40: #f2f5f9,
1361
- 60: #ebeef2,
1362
- 100: #d7dee4,
1363
- 200: #bdc7d1,
1364
- 300: #8c99a5,
1365
- 400: #7f8c98,
1366
- 500: #6d7a86,
1367
- 560: #515e69,
1368
- 600: #434f5a,
1369
- 700: #333f4a,
1370
- 800: #27333e,
1371
- 900: #19252f,
1372
- 1000: #151e25,
1373
- A40: rgba(25, 37, 47, 0.04),
1374
- A60: rgba(25, 37, 47, 0.06),
1375
- A100: rgba(25, 37, 47, 0.1),
1376
- A200: rgba(25, 37, 47, 0.2),
1377
- A300: rgba(25, 37, 47, 0.3),
1378
- A500: rgba(25, 37, 47, 0.5),
1379
- contrast: (
1380
- 40: #4D4D4D,
1381
- 60: #4D4D4D,
1382
- 100: #4D4D4D,
1383
- 200: #4D4D4D,
1384
- 300: #4D4D4D,
1385
- 400: white,
1386
- 500: white,
1387
- 560: white,
1388
- 600: white,
1389
- 700: white,
1390
- 800: white,
1391
-
1392
- )
1393
- );
1394
-
1395
- $dark-color-scheme-error-palette: (
1396
- 40: #fff3f3,
1397
- 60: #ffeaea,
1398
- 100: #fbd6d6,
1399
- 200: #fcb2b4,
1400
- 300: #ee6f79,
1401
- 400: #ea5868,
1402
- 500: #db3c55,
1403
- 560: #b9023a,
1404
- 600: #9e0130,
1405
- 700: #800025,
1406
- 800: #621420,
1407
- 900: #500013,
1408
- 1000: #41000b,
1409
- A100: rgba(219, 60, 85, 0.15),
1410
- contrast: (
1411
- 40: #4D4D4D,
1412
- 60: #4D4D4D,
1413
- 100: #4D4D4D,
1414
- 200: #4D4D4D,
1415
- 300: #4D4D4D,
1416
- 400: white,
1417
- 500: white,
1418
- 560: white,
1419
- 600: white,
1420
- 700: white,
1421
- 800: white,
1422
- A100: #4D4D4D,
1423
-
1424
- )
1425
- );
1426
-
1427
- $dark-color-scheme-info-palette: (
1428
- 40: #ebf8fd,
1429
- 60: #d9f3fd,
1430
- 100: #afe6f9,
1431
- 200: #6ed3f2,
1432
- 300: #18a5c5,
1433
- 400: #2099b7,
1434
- 500: #218ca8,
1435
- 560: #0c6579,
1436
- 600: #0c5567,
1437
- 700: #084453,
1438
- 800: #143641,
1439
- 900: #022731,
1440
- 1000: #001f28,
1441
- contrast: (
1442
- 40: #4D4D4D,
1443
- 60: #4D4D4D,
1444
- 100: #4D4D4D,
1445
- 200: #4D4D4D,
1446
- 300: #4D4D4D,
1447
- 400: white,
1448
- 500: white,
1449
- 560: white,
1450
- 600: white,
1451
- 700: white,
1452
- 800: white,
1453
- A100: #4D4D4D,
1454
- A200: white,
1455
-
1456
- )
1457
- );
1458
-
1459
- $dark-color-scheme-success-palette: (
1460
- 40: #ecf9ef,
1461
- 60: #d2f7db,
1462
- 100: #b6ebc3,
1463
- 200: #8ed5a1,
1464
- 300: #4ba96c,
1465
- 400: #319d5c,
1466
- 500: #028b49,
1467
- 560: #016b37,
1468
- 600: #015a2d,
1469
- 700: #004823,
1470
- 800: #103920,
1471
- 900: #002a12,
1472
- 1000: #00210c,
1473
- A100: rgba(2, 139, 73, 0.15),
1474
- contrast: (
1475
- 40: #4D4D4D,
1476
- 60: #4D4D4D,
1477
- 100: #4D4D4D,
1478
- 200: #4D4D4D,
1479
- 300: #4D4D4D,
1480
- 400: white,
1481
- 500: white,
1482
- 560: white,
1483
- 600: white,
1484
- 700: white,
1485
- 800: white,
1486
- A100: #4D4D4D,
1487
-
1488
- )
1489
- );
1490
-
1491
- $dark-color-scheme-warning-palette: (
1492
- 40: #fff4dd,
1493
- 60: #ffecce,
1494
- 100: #fcdda6,
1495
- 200: #f5c23c,
1496
- 300: #e19f12,
1497
- 400: #c78816,
1498
- 500: #a26e0c,
1499
- 560: #7e5406,
1500
- 600: #6b4804,
1501
- 700: #543803,
1502
- 800: #3e3015,
1503
- 900: #312001,
1504
- 1000: #1f1500,
1505
- A100: rgba(255, 159, 18, 0.15),
1506
- contrast: (
1507
- 40: #4D4D4D,
1508
- 60: #4D4D4D,
1509
- 100: #4D4D4D,
1510
- 200: #4D4D4D,
1511
- 300: #4D4D4D,
1512
- 400: white,
1513
- 500: white,
1514
- 560: white,
1515
- 600: white,
1516
- 700: white,
1517
- 800: white,
1518
- A100: #4D4D4D,
1519
-
1520
- )
1521
- );
1522
-
1523
- $color-blue-palette: (
1524
- 40: #eff6ff,
1525
- 60: #e7f1ff,
1526
- 100: #c8dfff,
1527
- 200: #a2c7fe,
1528
- 300: #5697ff,
1529
- 400: #4187ff,
1530
- 500: #0374eb,
1531
- 560: #0059b8,
1532
- 600: #014b9d,
1533
- 700: #023c7f,
1534
- 800: #193060,
1535
- 900: #00224f,
1536
- 1000: #001a40,
1537
- A100: rgba(3, 116, 235, 0.15),
1538
- A200: rgba(3, 116, 235, 0.3),
1539
- contrast: (
1540
- 40: #4D4D4D,
1541
- 60: #4D4D4D,
1542
- 100: #4D4D4D,
1543
- 200: #4D4D4D,
1544
- 300: #4D4D4D,
1545
- 400: white,
1546
- 500: white,
1547
- 560: white,
1548
- 600: white,
1549
- 700: white,
1550
- 800: white,
1551
- A100: #4D4D4D,
1552
- A200: white,
1553
-
1554
- )
1555
- );
1556
-
1557
- $color-green-palette: (
1558
- 40: #ecf9ef,
1559
- 60: #d2f7db,
1560
- 100: #b6ebc3,
1561
- 200: #8ed5a1,
1562
- 300: #4ba96c,
1563
- 400: #319d5c,
1564
- 500: #028b49,
1565
- 560: #016b37,
1566
- 600: #015a2d,
1567
- 700: #004823,
1568
- 800: #103920,
1569
- 900: #002a12,
1570
- 1000: #00210c,
1571
- A100: rgba(2, 139, 73, 0.15),
1572
- contrast: (
1573
- 40: #4D4D4D,
1574
- 60: #4D4D4D,
1575
- 100: #4D4D4D,
1576
- 200: #4D4D4D,
1577
- 300: #4D4D4D,
1578
- 400: white,
1579
- 500: white,
1580
- 560: white,
1581
- 600: white,
1582
- 700: white,
1583
- 800: white,
1584
- A100: #4D4D4D,
1585
-
1586
- )
1587
- );
1588
-
1589
- $color-red-palette: (
1590
- 40: #fff3f3,
1591
- 60: #ffeaea,
1592
- 100: #fbd6d6,
1593
- 200: #fcb2b4,
1594
- 300: #ee6f79,
1595
- 400: #ea5868,
1596
- 500: #db3c55,
1597
- 560: #b9023a,
1598
- 600: #9e0130,
1599
- 700: #800025,
1600
- 800: #621420,
1601
- 900: #500013,
1602
- 1000: #41000b,
1603
- A100: rgba(219, 60, 85, 0.15),
1604
- contrast: (
1605
- 40: #4D4D4D,
1606
- 60: #4D4D4D,
1607
- 100: #4D4D4D,
1608
- 200: #4D4D4D,
1609
- 300: #4D4D4D,
1610
- 400: white,
1611
- 500: white,
1612
- 560: white,
1613
- 600: white,
1614
- 700: white,
1615
- 800: white,
1616
- A100: #4D4D4D,
1617
-
1618
- )
1619
- );
1620
-
1621
- $color-grey-palette: (
1622
- 40: #f2f5f9,
1623
- 60: #ebeef2,
1624
- 100: #d7dee4,
1625
- 200: #bdc7d1,
1626
- 300: #8c99a5,
1627
- 400: #7f8c98,
1628
- 500: #6d7a86,
1629
- 560: #515e69,
1630
- 600: #434f5a,
1631
- 700: #333f4a,
1632
- 800: #27333e,
1633
- 900: #19252f,
1634
- 1000: #151e25,
1635
- A40: rgba(25, 37, 47, 0.04),
1636
- A60: rgba(25, 37, 47, 0.06),
1637
- A100: rgba(25, 37, 47, 0.1),
1638
- A200: rgba(25, 37, 47, 0.2),
1639
- A300: rgba(25, 37, 47, 0.3),
1640
- A500: rgba(25, 37, 47, 0.5),
1641
- contrast: (
1642
- 40: #4D4D4D,
1643
- 60: #4D4D4D,
1644
- 100: #4D4D4D,
1645
- 200: #4D4D4D,
1646
- 300: #4D4D4D,
1647
- 400: white,
1648
- 500: white,
1649
- 560: white,
1650
- 600: white,
1651
- 700: white,
1652
- 800: white,
1653
-
1654
- )
1655
- );
1656
-
1657
- $color-yellow-palette: (
1658
- 40: #fff4dd,
1659
- 60: #ffecce,
1660
- 100: #fcdda6,
1661
- 200: #f5c23c,
1662
- 300: #e19f12,
1663
- 400: #c78816,
1664
- 500: #a26e0c,
1665
- 560: #7e5406,
1666
- 600: #6b4804,
1667
- 700: #543803,
1668
- 800: #3e3015,
1669
- 900: #312001,
1670
- 1000: #1f1500,
1671
- A100: rgba(255, 159, 18, 0.15),
1672
- contrast: (
1673
- 40: #4D4D4D,
1674
- 60: #4D4D4D,
1675
- 100: #4D4D4D,
1676
- 200: #4D4D4D,
1677
- 300: #4D4D4D,
1678
- 400: white,
1679
- 500: white,
1680
- 560: white,
1681
- 600: white,
1682
- 700: white,
1683
- 800: white,
1684
- A100: #4D4D4D,
1685
-
1686
- )
1687
- );
1688
-
1689
- $color-teal-palette: (
1690
- 40: #ebf8fd,
1691
- 60: #d9f3fd,
1692
- 100: #afe6f9,
1693
- 200: #6ed3f2,
1694
- 300: #18a5c5,
1695
- 400: #2099b7,
1696
- 500: #218ca8,
1697
- 560: #0c6579,
1698
- 600: #0c5567,
1699
- 700: #084453,
1700
- 800: #143641,
1701
- 900: #022731,
1702
- 1000: #001f28,
1703
- contrast: (
1704
- 40: #4D4D4D,
1705
- 60: #4D4D4D,
1706
- 100: #4D4D4D,
1707
- 200: #4D4D4D,
1708
- 300: #4D4D4D,
1709
- 400: white,
1710
- 500: white,
1711
- 560: white,
1712
- 600: white,
1713
- 700: white,
1714
- 800: white,
1715
- A100: #4D4D4D,
1716
- A200: white,
1717
-
1718
- )
1719
- );
1720
-
1721
- $color-purple-palette: (
1722
- 40: #fff3fb,
1723
- 60: #ffe9f8,
1724
- 100: #f2d4e8,
1725
- 200: #e4bbd7,
1726
- 300: #c692b5,
1727
- 400: #bb78a7,
1728
- 500: #a65d92,
1729
- 560: #864775,
1730
- 600: #753865,
1731
- 700: #612853,
1732
- 800: #48273f,
1733
- 900: #36172e,
1734
- 1000: #23001b,
1735
- contrast: (
1736
- 40: #4D4D4D,
1737
- 60: #4D4D4D,
1738
- 100: #4D4D4D,
1739
- 200: #4D4D4D,
1740
- 300: #4D4D4D,
1741
- 400: white,
1742
- 500: white,
1743
- 560: white,
1744
- 600: white,
1745
- 700: white,
1746
- 800: white,
1747
- A100: #4D4D4D,
1748
- A200: white,
1749
-
1750
- )
1751
- );
1752
-
1753
- $typography-display-1-font-size: 56px;
1754
- $typography-display-1-line-height: 76px;
1755
- $typography-display-1-letter-spacing: normal;
1756
- $typography-display-1-font-weight: normal;
1757
- $typography-display-1-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1758
- $typography-display-1-text-transform: null;
1759
- $typography-display-1-font-feature-settings: null;
1760
- $typography-display-2-font-size: 45px;
1761
- $typography-display-2-line-height: 56px;
1762
- $typography-display-2-letter-spacing: normal;
1763
- $typography-display-2-font-weight: normal;
1764
- $typography-display-2-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1765
- $typography-display-2-text-transform: null;
1766
- $typography-display-2-font-feature-settings: null;
1767
- $typography-display-3-font-size: 34px;
1768
- $typography-display-3-line-height: 44px;
1769
- $typography-display-3-letter-spacing: normal;
1770
- $typography-display-3-font-weight: normal;
1771
- $typography-display-3-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1772
- $typography-display-3-text-transform: null;
1773
- $typography-display-3-font-feature-settings: null;
1774
- $typography-headline-font-size: 24px;
1775
- $typography-headline-line-height: 32px;
1776
- $typography-headline-letter-spacing: normal;
1777
- $typography-headline-font-weight: normal;
1778
- $typography-headline-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1779
- $typography-headline-text-transform: null;
1780
- $typography-headline-font-feature-settings: null;
1781
- $typography-title-font-size: 20px;
1782
- $typography-title-line-height: 28px;
1783
- $typography-title-letter-spacing: normal;
1784
- $typography-title-font-weight: 600;
1785
- $typography-title-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1786
- $typography-title-text-transform: null;
1787
- $typography-title-font-feature-settings: null;
1788
- $typography-subheading-font-size: 15px;
1789
- $typography-subheading-line-height: 20px;
1790
- $typography-subheading-letter-spacing: -0.009em;
1791
- $typography-subheading-font-weight: 600;
1792
- $typography-subheading-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1793
- $typography-subheading-text-transform: null;
1794
- $typography-subheading-font-feature-settings: "ss01" on, "ss04" on;
1795
- $typography-body-font-size: 15px;
1796
- $typography-body-line-height: 20px;
1797
- $typography-body-letter-spacing: -0.009em;
1798
- $typography-body-font-weight: normal;
1799
- $typography-body-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1800
- $typography-body-text-transform: null;
1801
- $typography-body-font-feature-settings: "ss01" on, "ss04" on;
1802
- $typography-body-tabular-font-size: 15px;
1803
- $typography-body-tabular-line-height: 20px;
1804
- $typography-body-tabular-letter-spacing: -0.009em;
1805
- $typography-body-tabular-font-weight: normal;
1806
- $typography-body-tabular-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1807
- $typography-body-tabular-text-transform: null;
1808
- $typography-body-tabular-font-feature-settings: "tnum" on, "ss01" on, "ss04" on;
1809
- $typography-body-strong-font-size: 15px;
1810
- $typography-body-strong-line-height: 20px;
1811
- $typography-body-strong-letter-spacing: -0.009em;
1812
- $typography-body-strong-font-weight: 500;
1813
- $typography-body-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1814
- $typography-body-strong-text-transform: null;
1815
- $typography-body-strong-font-feature-settings: "ss01" on, "ss04" on;
1816
- $typography-body-caps-font-size: 15px;
1817
- $typography-body-caps-line-height: 20px;
1818
- $typography-body-caps-letter-spacing: 1.7px;
1819
- $typography-body-caps-font-weight: normal;
1820
- $typography-body-caps-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1821
- $typography-body-caps-text-transform: uppercase;
1822
- $typography-body-caps-font-feature-settings: "ss01" on, "ss04" on;
1823
- $typography-body-mono-font-size: 15px;
1824
- $typography-body-mono-line-height: 20px;
1825
- $typography-body-mono-letter-spacing: normal;
1826
- $typography-body-mono-font-weight: normal;
1827
- $typography-body-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
1828
- $typography-body-mono-text-transform: null;
1829
- $typography-body-mono-font-feature-settings: null;
1830
- $typography-caption-font-size: 13px;
1831
- $typography-caption-line-height: 16px;
1832
- $typography-caption-letter-spacing: -0.0025em;
1833
- $typography-caption-font-weight: normal;
1834
- $typography-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1835
- $typography-caption-text-transform: null;
1836
- $typography-caption-font-feature-settings: "ss01" on, "ss04" on;
1837
- $typography-caption-tabular-font-size: 13px;
1838
- $typography-caption-tabular-line-height: 16px;
1839
- $typography-caption-tabular-letter-spacing: -0.0025em;
1840
- $typography-caption-tabular-font-weight: normal;
1841
- $typography-caption-tabular-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1842
- $typography-caption-tabular-text-transform: null;
1843
- $typography-caption-tabular-font-feature-settings: "tnum" on, "ss01" on, "ss04" on;
1844
- $typography-caption-caps-font-size: 13px;
1845
- $typography-caption-caps-line-height: 16px;
1846
- $typography-caption-caps-letter-spacing: 1.5px;
1847
- $typography-caption-caps-font-weight: normal;
1848
- $typography-caption-caps-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1849
- $typography-caption-caps-text-transform: uppercase;
1850
- $typography-caption-caps-font-feature-settings: "ss01" on, "ss04" on;
1851
- $typography-caption-mono-font-size: 13px;
1852
- $typography-caption-mono-line-height: 16px;
1853
- $typography-caption-mono-letter-spacing: normal;
1854
- $typography-caption-mono-font-weight: normal;
1855
- $typography-caption-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
1856
- $typography-caption-mono-text-transform: null;
1857
- $typography-caption-mono-font-feature-settings: null;
1858
- $typography-small-text-font-size: 13px;
1859
- $typography-small-text-line-height: 16px;
1860
- $typography-small-text-letter-spacing: -0.0025em;
1861
- $typography-small-text-font-weight: normal;
1862
- $typography-small-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1863
- $typography-small-text-text-transform: null;
1864
- $typography-small-text-font-feature-settings: "ss01" on, "ss04" on;
1865
- $typography-extra-small-text-font-size: 11px;
1866
- $typography-extra-small-text-line-height: 16px;
1867
- $typography-extra-small-text-letter-spacing: 0.005em;
1868
- $typography-extra-small-text-font-weight: normal;
1869
- $typography-extra-small-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1870
- $typography-extra-small-text-text-transform: null;
1871
- $typography-extra-small-text-font-feature-settings: "ss01" on, "ss04" on;
1872
- $typography-extra-small-text-caps-font-size: 11px;
1873
- $typography-extra-small-text-caps-line-height: 16px;
1874
- $typography-extra-small-text-caps-letter-spacing: 1px;
1875
- $typography-extra-small-text-caps-font-weight: normal;
1876
- $typography-extra-small-text-caps-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1877
- $typography-extra-small-text-caps-text-transform: uppercase;
1878
- $typography-extra-small-text-caps-font-feature-settings: "ss01" on, "ss04" on;
1879
- $typography-extra-small-text-mono-font-size: 11px;
1880
- $typography-extra-small-text-mono-line-height: 16px;
1881
- $typography-extra-small-text-mono-letter-spacing: 0px;
1882
- $typography-extra-small-text-mono-font-weight: normal;
1883
- $typography-extra-small-text-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
1884
- $typography-extra-small-text-mono-text-transform: null;
1885
- $typography-extra-small-text-mono-font-feature-settings: null;
1886
-
1887
- $mosaic: (
1888
- 'typography': (
1889
- 'display-1': (
1890
- 'font-size': $typography-display-1-font-size,
1891
- 'line-height': $typography-display-1-line-height,
1892
- 'letter-spacing': $typography-display-1-letter-spacing,
1893
- 'font-weight': $typography-display-1-font-weight,
1894
- 'font-family': $typography-display-1-font-family,
1895
- 'text-transform': $typography-display-1-text-transform,
1896
- 'font-feature-settings': $typography-display-1-font-feature-settings
1897
- ),
1898
- 'display-2': (
1899
- 'font-size': $typography-display-2-font-size,
1900
- 'line-height': $typography-display-2-line-height,
1901
- 'letter-spacing': $typography-display-2-letter-spacing,
1902
- 'font-weight': $typography-display-2-font-weight,
1903
- 'font-family': $typography-display-2-font-family,
1904
- 'text-transform': $typography-display-2-text-transform,
1905
- 'font-feature-settings': $typography-display-2-font-feature-settings
1906
- ),
1907
- 'display-3': (
1908
- 'font-size': $typography-display-3-font-size,
1909
- 'line-height': $typography-display-3-line-height,
1910
- 'letter-spacing': $typography-display-3-letter-spacing,
1911
- 'font-weight': $typography-display-3-font-weight,
1912
- 'font-family': $typography-display-3-font-family,
1913
- 'text-transform': $typography-display-3-text-transform,
1914
- 'font-feature-settings': $typography-display-3-font-feature-settings
1915
- ),
1916
- 'headline': (
1917
- 'font-size': $typography-headline-font-size,
1918
- 'line-height': $typography-headline-line-height,
1919
- 'letter-spacing': $typography-headline-letter-spacing,
1920
- 'font-weight': $typography-headline-font-weight,
1921
- 'font-family': $typography-headline-font-family,
1922
- 'text-transform': $typography-headline-text-transform,
1923
- 'font-feature-settings': $typography-headline-font-feature-settings
1924
- ),
1925
- 'title': (
1926
- 'font-size': $typography-title-font-size,
1927
- 'line-height': $typography-title-line-height,
1928
- 'letter-spacing': $typography-title-letter-spacing,
1929
- 'font-weight': $typography-title-font-weight,
1930
- 'font-family': $typography-title-font-family,
1931
- 'text-transform': $typography-title-text-transform,
1932
- 'font-feature-settings': $typography-title-font-feature-settings
1933
- ),
1934
- 'subheading': (
1935
- 'font-size': $typography-subheading-font-size,
1936
- 'line-height': $typography-subheading-line-height,
1937
- 'letter-spacing': $typography-subheading-letter-spacing,
1938
- 'font-weight': $typography-subheading-font-weight,
1939
- 'font-family': $typography-subheading-font-family,
1940
- 'text-transform': $typography-subheading-text-transform,
1941
- 'font-feature-settings': $typography-subheading-font-feature-settings
1942
- ),
1943
- 'body': (
1944
- 'font-size': $typography-body-font-size,
1945
- 'line-height': $typography-body-line-height,
1946
- 'letter-spacing': $typography-body-letter-spacing,
1947
- 'font-weight': $typography-body-font-weight,
1948
- 'font-family': $typography-body-font-family,
1949
- 'text-transform': $typography-body-text-transform,
1950
- 'font-feature-settings': $typography-body-font-feature-settings
1951
- ),
1952
- 'body-tabular': (
1953
- 'font-size': $typography-body-tabular-font-size,
1954
- 'line-height': $typography-body-tabular-line-height,
1955
- 'letter-spacing': $typography-body-tabular-letter-spacing,
1956
- 'font-weight': $typography-body-tabular-font-weight,
1957
- 'font-family': $typography-body-tabular-font-family,
1958
- 'text-transform': $typography-body-tabular-text-transform,
1959
- 'font-feature-settings': $typography-body-tabular-font-feature-settings
1960
- ),
1961
- 'body-strong': (
1962
- 'font-size': $typography-body-strong-font-size,
1963
- 'line-height': $typography-body-strong-line-height,
1964
- 'letter-spacing': $typography-body-strong-letter-spacing,
1965
- 'font-weight': $typography-body-strong-font-weight,
1966
- 'font-family': $typography-body-strong-font-family,
1967
- 'text-transform': $typography-body-strong-text-transform,
1968
- 'font-feature-settings': $typography-body-strong-font-feature-settings
1969
- ),
1970
- 'body-caps': (
1971
- 'font-size': $typography-body-caps-font-size,
1972
- 'line-height': $typography-body-caps-line-height,
1973
- 'letter-spacing': $typography-body-caps-letter-spacing,
1974
- 'font-weight': $typography-body-caps-font-weight,
1975
- 'font-family': $typography-body-caps-font-family,
1976
- 'text-transform': $typography-body-caps-text-transform,
1977
- 'font-feature-settings': $typography-body-caps-font-feature-settings
1978
- ),
1979
- 'body-mono': (
1980
- 'font-size': $typography-body-mono-font-size,
1981
- 'line-height': $typography-body-mono-line-height,
1982
- 'letter-spacing': $typography-body-mono-letter-spacing,
1983
- 'font-weight': $typography-body-mono-font-weight,
1984
- 'font-family': $typography-body-mono-font-family,
1985
- 'text-transform': $typography-body-mono-text-transform,
1986
- 'font-feature-settings': $typography-body-mono-font-feature-settings
1987
- ),
1988
- 'caption': (
1989
- 'font-size': $typography-caption-font-size,
1990
- 'line-height': $typography-caption-line-height,
1991
- 'letter-spacing': $typography-caption-letter-spacing,
1992
- 'font-weight': $typography-caption-font-weight,
1993
- 'font-family': $typography-caption-font-family,
1994
- 'text-transform': $typography-caption-text-transform,
1995
- 'font-feature-settings': $typography-caption-font-feature-settings
1996
- ),
1997
- 'caption-tabular': (
1998
- 'font-size': $typography-caption-tabular-font-size,
1999
- 'line-height': $typography-caption-tabular-line-height,
2000
- 'letter-spacing': $typography-caption-tabular-letter-spacing,
2001
- 'font-weight': $typography-caption-tabular-font-weight,
2002
- 'font-family': $typography-caption-tabular-font-family,
2003
- 'text-transform': $typography-caption-tabular-text-transform,
2004
- 'font-feature-settings': $typography-caption-tabular-font-feature-settings
2005
- ),
2006
- 'caption-caps': (
2007
- 'font-size': $typography-caption-caps-font-size,
2008
- 'line-height': $typography-caption-caps-line-height,
2009
- 'letter-spacing': $typography-caption-caps-letter-spacing,
2010
- 'font-weight': $typography-caption-caps-font-weight,
2011
- 'font-family': $typography-caption-caps-font-family,
2012
- 'text-transform': $typography-caption-caps-text-transform,
2013
- 'font-feature-settings': $typography-caption-caps-font-feature-settings
2014
- ),
2015
- 'caption-mono': (
2016
- 'font-size': $typography-caption-mono-font-size,
2017
- 'line-height': $typography-caption-mono-line-height,
2018
- 'letter-spacing': $typography-caption-mono-letter-spacing,
2019
- 'font-weight': $typography-caption-mono-font-weight,
2020
- 'font-family': $typography-caption-mono-font-family,
2021
- 'text-transform': $typography-caption-mono-text-transform,
2022
- 'font-feature-settings': $typography-caption-mono-font-feature-settings
2023
- ),
2024
- 'small-text': (
2025
- 'font-size': $typography-small-text-font-size,
2026
- 'line-height': $typography-small-text-line-height,
2027
- 'letter-spacing': $typography-small-text-letter-spacing,
2028
- 'font-weight': $typography-small-text-font-weight,
2029
- 'font-family': $typography-small-text-font-family,
2030
- 'text-transform': $typography-small-text-text-transform,
2031
- 'font-feature-settings': $typography-small-text-font-feature-settings
2032
- ),
2033
- 'extra-small-text': (
2034
- 'font-size': $typography-extra-small-text-font-size,
2035
- 'line-height': $typography-extra-small-text-line-height,
2036
- 'letter-spacing': $typography-extra-small-text-letter-spacing,
2037
- 'font-weight': $typography-extra-small-text-font-weight,
2038
- 'font-family': $typography-extra-small-text-font-family,
2039
- 'text-transform': $typography-extra-small-text-text-transform,
2040
- 'font-feature-settings': $typography-extra-small-text-font-feature-settings
2041
- ),
2042
- 'extra-small-text-caps': (
2043
- 'font-size': $typography-extra-small-text-caps-font-size,
2044
- 'line-height': $typography-extra-small-text-caps-line-height,
2045
- 'letter-spacing': $typography-extra-small-text-caps-letter-spacing,
2046
- 'font-weight': $typography-extra-small-text-caps-font-weight,
2047
- 'font-family': $typography-extra-small-text-caps-font-family,
2048
- 'text-transform': $typography-extra-small-text-caps-text-transform,
2049
- 'font-feature-settings': $typography-extra-small-text-caps-font-feature-settings
2050
- ),
2051
- 'extra-small-text-mono': (
2052
- 'font-size': $typography-extra-small-text-mono-font-size,
2053
- 'line-height': $typography-extra-small-text-mono-line-height,
2054
- 'letter-spacing': $typography-extra-small-text-mono-letter-spacing,
2055
- 'font-weight': $typography-extra-small-text-mono-font-weight,
2056
- 'font-family': $typography-extra-small-text-mono-font-family,
2057
- 'text-transform': $typography-extra-small-text-mono-text-transform,
2058
- 'font-feature-settings': $typography-extra-small-text-mono-font-feature-settings
2059
- )
2060
- )
2061
- );
2062
-
2063
-
2064
-
2065
- $typography-font-weight-values: (
2066
- thin: 100,
2067
- light: 300,
2068
- regular: 400,
2069
- medium: 500,
2070
- bold: 700,
2071
- black: 900
2072
- ) !default;
2073
-
2074
-
2075
- // TODO add caption-height
2076
- $fonts: (
2077
- base: (
2078
- font-family: $font-family-base
2079
- ),
2080
- monospace: (
2081
- font-family: $font-family-monospace
2082
- )
2083
- );
2084
-
2085
- @mixin size($width, $height) {
2086
- width: $width;
2087
- height: $height;
2088
- }
2089
-
2090
- @mixin square($size) {
2091
- @include size($size, $size);
2092
- }
2093
-
2094
-
2095
-
2096
- @mixin body_html() {
2097
-
2098
- // HTML & Body reset
2099
- html, body {
2100
- @include square(100%);
2101
- }
2102
-
2103
- // Document
2104
- //
2105
- // 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
2106
- // 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
2107
- // 3. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so
2108
- // we force a non-overlapping, non-auto-hiding scrollbar to counteract.
2109
- // 4. Change the default tap highlight to be completely transparent in iOS.
2110
-
2111
- *,
2112
- *::before,
2113
- *::after {
2114
- box-sizing: border-box; // 1
2115
- }
2116
-
2117
- html {
2118
- -webkit-text-size-adjust: 100%; // 2
2119
- -ms-text-size-adjust: 100%; // 2
2120
-
2121
- -ms-overflow-style: scrollbar; // 3
2122
-
2123
- -moz-osx-font-smoothing: grayscale;
2124
-
2125
- // Helps fonts on OSX looks more consistent with other systems
2126
- // Isn't currently in button styles due to performance concerns
2127
- -webkit-font-smoothing: antialiased;
2128
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 4
2129
- -webkit-touch-callout: none;
2130
- }
2131
-
2132
- // Body
2133
- //
2134
- // 1. remove the margin in all browsers.
2135
-
2136
- body {
2137
- font-family: map-get(map-get($fonts, 'base'), font-family);
2138
- margin: 0; // 1
2139
- }
2140
- }
2141
-
2142
-
2143
-
2144
- // mixin definition ; sets LTR and RTL within the same style call
2145
- // @see https://css-tricks.com/almanac/properties/d/direction/
2146
-
2147
- @mixin rtl($prop, $ltr-value, $rtl-value) {
2148
- #{$prop}: $ltr-value;
2149
-
2150
- [dir=rtl] & {
2151
- #{$prop}: $rtl-value;
2152
- }
2153
- }
2154
-
2155
- @mixin rtl-prop($ltr-prop, $rtl-prop, $value, $reset-value) {
2156
- #{$ltr-prop}: $value;
2157
-
2158
- [dir=rtl] & {
2159
- #{$ltr-prop}: $reset-value;
2160
- #{$rtl-prop}: $value;
2161
- }
2162
- }
2163
-
2164
- // To reverse padding (top left bottom right) -> (top right bottom left)
2165
- @function rtl-value($list) {
2166
- @if length($list) == 4 {
2167
- @return nth($list, 1) nth($list, 4) nth($list, 3) nth($list, 2)
2168
- }
2169
- @if length($list) == 5 {
2170
- @return nth($list, 1) nth($list, 4) nth($list, 3) nth($list, 2) nth($list, 5)
2171
- }
2172
- @return $list;
2173
- }
2174
-
2175
-
2176
- /*
2177
- * Responsive attributes
2178
- *
2179
- * References:
2180
- * 1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
2181
- * 2) https://css-tricks.com/almanac/properties/f/flex/
2182
- * 3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
2183
- * 4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
2184
- * 5) http://godban.com.ua/projects/flexgrid
2185
- */
2186
- @-moz-document url-prefix() {
2187
- .layout-fill {
2188
- margin: 0;
2189
- width: 100%;
2190
- min-height: 100%;
2191
- height: 100%;
2192
- }
2193
- }
2194
-
2195
- @mixin flex-order-for-name($sizes: null) {
2196
- @if $sizes == null {
2197
- $sizes: '';
2198
-
2199
- .flex-order {
2200
- order: 0;
2201
- }
2202
- }
2203
-
2204
- @for $i from -20 through 20 {
2205
- $order: '';
2206
- $suffix: '';
2207
-
2208
- @each $s in $sizes {
2209
- @if $s != '' {
2210
- $suffix: '#{$s}-#{$i}';
2211
- } @else {
2212
- $suffix: '#{$i}';
2213
- }
2214
-
2215
- $order: '.flex-order-#{$suffix}';
2216
- }
2217
-
2218
- #{$order} {
2219
- order: #{$i};
2220
- }
2221
- }
2222
- }
2223
-
2224
- @mixin offset-for-name($sizes:null) {
2225
- @if $sizes == null {
2226
- $sizes: '';
2227
- }
2228
-
2229
- @for $i from 0 through 19 {
2230
- $offsets: '';
2231
- $suffix: '';
2232
-
2233
- @each $s in $sizes {
2234
- @if $s != '' {
2235
- $suffix: '#{$s}-#{$i * 5}';
2236
- } @else {
2237
- $suffix: '#{$i * 5}';
2238
- }
2239
-
2240
- $offsets:
2241
- '.offset-#{$suffix}, ' +
2242
- '.flex-offset-#{$suffix}, ' +
2243
- '.layout-margin .flex-offset-#{$suffix}, ' +
2244
- '.layout-margin .offset-#{$suffix}';
2245
- }
2246
-
2247
- #{$offsets} {
2248
- @if $i != 0 {
2249
- @include rtl-prop(margin-left, margin-right, #{$i * 5 + '%'}, auto);
2250
- } @else {
2251
- @include rtl-prop(margin-left, margin-right, 0, auto);
2252
- }
2253
- }
2254
- }
2255
-
2256
- @each $i in 33 {
2257
- $offsets: '';
2258
- $suffix: '';
2259
-
2260
- @each $s in $sizes {
2261
- @if $s != '' {
2262
- $suffix: '#{$s}-#{$i}';
2263
- } @else {
2264
- $suffix: '#{$i}';
2265
- }
2266
-
2267
- $offsets:
2268
- '.offset-#{$suffix}, ' +
2269
- '.flex-offset-#{$suffix}, ' +
2270
- '.layout-margin .flex-offset-#{$suffix}, ' +
2271
- '.layout-margin .offset-#{$suffix}';
2272
- }
2273
-
2274
- #{$offsets} {
2275
- margin-left: calc(100% / 3);
2276
- }
2277
- }
2278
-
2279
- @each $i in 66 {
2280
- $offsets: '';
2281
- $suffix: '';
2282
-
2283
- @each $s in $sizes {
2284
- @if $s != '' {
2285
- $suffix: '#{$s}-#{$i}';
2286
- } @else {
2287
- $suffix: '#{$i}';
2288
- }
2289
-
2290
- $offsets:
2291
- '.offset-#{$suffix}, ' +
2292
- '.flex-offset-#{$suffix}, ' +
2293
- '.layout-margin .flex-offset-#{$suffix}, ' +
2294
- '.layout-margin .offset-#{$suffix}';
2295
- }
2296
-
2297
- #{$offsets} {
2298
- @include rtl-prop(margin-left, margin-right, calc(200% / 3), auto);
2299
- }
2300
- }
2301
- }
2302
-
2303
- @mixin layout-for-name($name: null) {
2304
- @if $name == null {
2305
- $name: '';
2306
- }
2307
-
2308
- @if $name != '' {
2309
- $name: '-#{$name}';
2310
- }
2311
-
2312
- .layout#{$name},
2313
- .layout#{$name}-column,
2314
- .layout#{$name}-row {
2315
- box-sizing: border-box;
2316
- display: -webkit-box;
2317
- display: -webkit-flex;
2318
- display: -moz-box;
2319
- display: -ms-flexbox;
2320
- display: flex;
2321
-
2322
- min-width: 0;
2323
- min-height: 0;
2324
- }
2325
-
2326
- .layout#{$name}-column {
2327
- flex-direction: column;
2328
- }
2329
-
2330
- .layout#{$name}-row {
2331
- flex-direction: row;
2332
- }
2333
- }
2334
-
2335
- @mixin flex-properties-for-name($name: null) {
2336
- $flexName: 'flex';
2337
-
2338
- @if $name != null {
2339
- $flexName: 'flex-#{$name}';
2340
- $name: '-#{$name}';
2341
- } @else {
2342
- $name: '';
2343
- }
2344
-
2345
- // === flex: 1 1 0%;
2346
- .#{$flexName} { flex: 1; box-sizing: border-box; }
2347
- .#{$flexName}-grow { flex: 1 1 100%; box-sizing: border-box; }
2348
- .#{$flexName}-initial { flex: 0 1 auto; box-sizing: border-box; }
2349
- .#{$flexName}-auto { flex: 1 1 auto; box-sizing: border-box; }
2350
- .#{$flexName}-none { flex: 0 0 auto; box-sizing: border-box; }
2351
- .#{$flexName}-no-shrink { flex: 1 0 auto; box-sizing: border-box; }
2352
- .#{$flexName}-no-grow { flex: 0 1 auto; box-sizing: border-box; }
2353
-
2354
- // (1-20) * 5 = 0-100%
2355
- @for $i from 0 through 20 {
2356
- $value: #{$i * 5 + '%'};
2357
-
2358
- .#{$flexName}-#{$i * 5} {
2359
- flex: 1 1 100%;
2360
- max-width: #{$value};
2361
- max-height: 100%;
2362
- box-sizing: border-box;
2363
- }
2364
-
2365
- .layout-row > .#{$flexName}-#{$i * 5} {
2366
- flex: 1 1 100%;
2367
- max-width: #{$value};
2368
- max-height: 100%;
2369
- box-sizing: border-box;
2370
-
2371
- // Required by Chrome M48+ due to http://crbug.com/546034
2372
- @if $i == 0 {
2373
- min-width: 0;
2374
- }
2375
- }
2376
-
2377
- .layout-column > .#{$flexName}-#{$i * 5} {
2378
- flex: 1 1 100%;
2379
- max-width: 100%;
2380
- max-height: #{$value};
2381
- box-sizing: border-box;
2382
- }
2383
-
2384
- .layout#{$name}-row > .#{$flexName}-#{$i * 5} {
2385
- flex: 1 1 100%;
2386
- max-width: #{$value};
2387
- max-height: 100%;
2388
- box-sizing: border-box;
2389
-
2390
- // Required by Chrome M48+ due to http://crbug.com/546034
2391
- @if $i == 0 {
2392
- min-width: 0;
2393
- }
2394
- }
2395
-
2396
- .layout#{$name}-column > .#{$flexName}-#{$i * 5} {
2397
- flex: 1 1 100%;
2398
- max-width: 100%;
2399
- max-height: #{$value};
2400
- box-sizing: border-box;
2401
-
2402
- // Required by Chrome M48+ due to http://crbug.com/546034
2403
- @if $i == 0 {
2404
- min-height: 0;
2405
- }
2406
- }
2407
- }
2408
-
2409
- @if ($name == '') {
2410
- .flex-33 {
2411
- flex: 1 1 100%;
2412
- max-width: 33.33%;
2413
- max-height: 100%;
2414
- box-sizing: border-box;
2415
- }
2416
-
2417
- .flex-66 {
2418
- flex: 1 1 100%;
2419
- max-width: 66.66%;
2420
- max-height: 100%;
2421
- box-sizing: border-box;
2422
- }
2423
- }
2424
-
2425
- .layout-row {
2426
- > .#{$flexName}-33 {
2427
- flex: 1 1 33.33%;
2428
- max-width: 33.33%;
2429
- max-height: 100%;
2430
- box-sizing: border-box;
2431
- }
2432
-
2433
- > .#{$flexName}-66 {
2434
- flex: 1 1 66.66%;
2435
- max-width: 66.66%;
2436
- max-height: 100%;
2437
- box-sizing: border-box;
2438
- }
2439
- }
2440
-
2441
- .layout-column {
2442
- > .#{$flexName}-33 {
2443
- flex: 1 1 33.33%;
2444
- max-width: 100%;
2445
- max-height: 33.33%;
2446
- box-sizing: border-box;
2447
- }
2448
-
2449
- > .#{$flexName}-66 {
2450
- flex: 1 1 66.66%;
2451
- max-width: 100%;
2452
- max-height: 66.66%;
2453
- box-sizing: border-box;
2454
- }
2455
- }
2456
-
2457
- .layout#{$name}-row {
2458
- > .#{$flexName}-33 {
2459
- flex: 1 1 100%;
2460
- max-width: 33.33%;
2461
- max-height: 100%;
2462
- box-sizing: border-box;
2463
- }
2464
-
2465
- > .#{$flexName}-66 {
2466
- flex: 1 1 100%;
2467
- max-width: 66.66%;
2468
- max-height: 100%;
2469
- box-sizing: border-box;
2470
- }
2471
-
2472
- // Required by Chrome M48+ due to http://crbug.com/546034
2473
- > .flex {
2474
- min-width: 0;
2475
- }
2476
- }
2477
-
2478
- .layout#{$name}-column {
2479
- > .#{$flexName}-33 {
2480
- flex: 1 1 100%;
2481
- max-width: 100%;
2482
- max-height: 33.33%;
2483
- box-sizing: border-box;
2484
- }
2485
-
2486
- > .#{$flexName}-66 {
2487
- flex: 1 1 100%;
2488
- max-width: 100%;
2489
- max-height: 66.66%;
2490
- box-sizing: border-box;
2491
- }
2492
-
2493
- // Required by Chrome M48+ due to http://crbug.com/546034
2494
- > .flex {
2495
- min-height: 0;
2496
- }
2497
- }
2498
-
2499
- .layout-wrap {
2500
- flex-wrap: wrap;
2501
- }
2502
-
2503
- .layout-nowrap {
2504
- flex-wrap: nowrap;
2505
- }
2506
-
2507
- .layout-fill {
2508
- margin: 0;
2509
-
2510
- width: 100%;
2511
-
2512
- min-height: 100%;
2513
- height: 100%;
2514
- }
2515
- }
2516
-
2517
- @mixin layout-align-for-name($suffix: null) {
2518
-
2519
- // Alignment attributes for layout containers' children
2520
- // Arrange on the Main Axis
2521
- // center, start, end, space-between, space-around
2522
- // flex-start is the default for justify-content
2523
- // ------------------------------
2524
-
2525
- $name: 'layout-align';
2526
- @if $suffix != null {
2527
- $name: 'layout-align-#{$suffix}';
2528
- }
2529
-
2530
- .#{$name},
2531
- .#{$name}-start-stretch {
2532
- justify-content: flex-start;
2533
- align-content: stretch;
2534
- align-items: stretch;
2535
- }
2536
-
2537
- // Main Axis Center
2538
- .#{$name}-start,
2539
- .#{$name}-start-start,
2540
- .#{$name}-start-center,
2541
- .#{$name}-start-end,
2542
- .#{$name}-start-stretch {
2543
- justify-content: flex-start;
2544
- }
2545
-
2546
- // Main Axis Center
2547
- .#{$name}-center, //stretch
2548
- .#{$name}-center-start,
2549
- .#{$name}-center-center,
2550
- .#{$name}-center-end,
2551
- .#{$name}-center-stretch {
2552
- justify-content: center;
2553
- }
2554
-
2555
- // Main Axis End
2556
- .#{$name}-end, //stretch
2557
- .#{$name}-end-start,
2558
- .#{$name}-end-center,
2559
- .#{$name}-end-end,
2560
- .#{$name}-end-stretch {
2561
- justify-content: flex-end;
2562
- }
2563
-
2564
- // Main Axis Space Around
2565
- .#{$name}-space-around, //stretch
2566
- .#{$name}-space-around-center,
2567
- .#{$name}-space-around-start,
2568
- .#{$name}-space-around-end,
2569
- .#{$name}-space-around-stretch {
2570
- justify-content: space-around;
2571
- }
2572
-
2573
- // Main Axis Space Between
2574
- .#{$name}-space-between, //stretch
2575
- .#{$name}-space-between-center,
2576
- .#{$name}-space-between-start,
2577
- .#{$name}-space-between-end,
2578
- .#{$name}-space-between-stretch {
2579
- justify-content: space-between;
2580
- }
2581
-
2582
- // Arrange on the Cross Axis
2583
- // center, start, end
2584
- // stretch is the default for align-items
2585
- // ------------------------------
2586
-
2587
- // Cross Axis Start
2588
- .#{$name}-start-start,
2589
- .#{$name}-center-start,
2590
- .#{$name}-end-start,
2591
- .#{$name}-space-between-start,
2592
- .#{$name}-space-around-start {
2593
- align-items: flex-start;
2594
- align-content: flex-start;
2595
- }
2596
-
2597
- // Cross Axis Center
2598
- .#{$name}-start-center,
2599
- .#{$name}-center-center,
2600
- .#{$name}-end-center,
2601
- .#{$name}-space-between-center,
2602
- .#{$name}-space-around-center {
2603
- align-items: center;
2604
- align-content: center;
2605
- max-width: 100%;
2606
- }
2607
-
2608
- // Cross Axis Center IE overflow fix
2609
- .#{$name}-start-center > *,
2610
- .#{$name}-center-center > *,
2611
- .#{$name}-end-center > *,
2612
- .#{$name}-space-between-center > *,
2613
- .#{$name}-space-around-center > * {
2614
- max-width: 100%;
2615
- box-sizing: border-box;
2616
- }
2617
-
2618
- // Cross Axis End
2619
- .#{$name}-start-end,
2620
- .#{$name}-center-end,
2621
- .#{$name}-end-end,
2622
- .#{$name}-space-between-end,
2623
- .#{$name}-space-around-end {
2624
- align-items: flex-end;
2625
- align-content: flex-end;
2626
- }
2627
-
2628
- // Cross Axis Start
2629
- .#{$name}-start-stretch,
2630
- .#{$name}-center-stretch,
2631
- .#{$name}-end-stretch,
2632
- .#{$name}-space-between-stretch,
2633
- .#{$name}-space-around-stretch {
2634
- align-items: stretch;
2635
- align-content: stretch;
2636
- }
2637
- }
2638
-
2639
- @mixin layout-indents() {
2640
- $sizes: (
2641
- '3xs': $size-3xs,
2642
- 'xxs': $size-xxs,
2643
- 'xs': $size-xs,
2644
- 's': $size-s,
2645
- 'm': $size-m,
2646
- 'l': $size-l,
2647
- 'xl': $size-xl,
2648
- 'xxl': $size-xxl,
2649
- '3xl': $size-3xl,
2650
- '4xl': $size-4xl,
2651
- '5xl': $size-5xl,
2652
- '6xl': $size-6xl,
2653
- '7xl': $size-7xl
2654
- );
2655
-
2656
- $indents: 'padding', 'margin';
2657
-
2658
- @each $indent in $indents {
2659
- @each $name, $value in $sizes {
2660
- .layout-#{$indent}-#{$name} {
2661
- #{$indent}: $value;
2662
- }
2663
-
2664
- .layout-#{$indent}-top-#{$name} {
2665
- #{$indent}-top: $value;
2666
- }
2667
-
2668
- .layout-#{$indent}-right-#{$name} {
2669
- #{$indent}-right: $value;
2670
- }
2671
-
2672
- .layout-#{$indent}-bottom-#{$name} {
2673
- #{$indent}-bottom: $value;
2674
- }
2675
-
2676
- .layout-#{$indent}-left-#{$name} {
2677
- #{$indent}-left: $value;
2678
- }
2679
- }
2680
-
2681
- .layout-#{$indent}-no-top {
2682
- #{$indent}-top: 0;
2683
- }
2684
-
2685
- .layout-#{$indent}-no-right {
2686
- #{$indent}-right: 0;
2687
- }
2688
-
2689
- .layout-#{$indent}-no-bottom {
2690
- #{$indent}-bottom: 0;
2691
- }
2692
-
2693
- .layout-#{$indent}-no-left {
2694
- #{$indent}-left: 0;
2695
- }
2696
- }
2697
- }
2698
-
2699
- @mixin layouts_for_breakpoint($name: null) {
2700
- @include flex-order-for-name($name);
2701
- @include offset-for-name($name);
2702
- @include layout-align-for-name($name);
2703
-
2704
- @include flex-properties-for-name($name);
2705
- @include layout-for-name($name);
2706
-
2707
- @include layout-indents();
2708
- }
2709
-
2710
-
2711
-
2712
-
2713
- @mixin media-print {
2714
- @media print {
2715
- .hide-print:not(.show-print):not(.show) {
2716
- display: none !important;
2717
- }
2718
- }
2719
- }
2720
-
2721
- $vertical-padding: 12px;
2722
- $horizontal-padding: 24px;
2723
-
2724
- @mixin mc-panel-element-padding() {
2725
- padding: $vertical-padding $horizontal-padding;
2726
- }
2727
-
2728
- .mc-panel {
2729
- display: flex;
2730
- flex-direction: column;
2731
- border-radius: 3px;
2732
-
2733
- &__header {
2734
- @include mc-panel-element-padding();
2735
- display: flex;
2736
- }
2737
-
2738
- &__title {
2739
- display: block;
2740
- flex-grow: 1;
2741
- }
2742
-
2743
- &__actions {
2744
- display: block;
2745
- flex-shrink: 0;
2746
- }
2747
-
2748
- &__content {
2749
- @include mc-panel-element-padding();
2750
- display: block;
2751
- }
2752
-
2753
- &__footer {
2754
- @include mc-panel-element-padding();
2755
- display: flex;
2756
- }
2757
- }
2758
-
1
+ @use './body';
2
+ @use './layout';
3
+ @use './layout-media';
2759
4
 
2760
5
 
2761
6
  @mixin mosaic-visual() {
2762
7
  // include specific mixins
2763
- @include body_html();
2764
- @include layouts_for_breakpoint();
2765
- @include media-print();
8
+ @include body.body-html();
9
+ @include layout.layouts-for-breakpoint();
10
+ @include layout-media.media-print();
2766
11
  }