@ptsecurity/mosaic 12.2.1 → 13.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (913) hide show
  1. package/_theming.scss +1000 -934
  2. package/_visual.scss +849 -694
  3. package/autocomplete/README.md +0 -0
  4. package/autocomplete/package.json +5 -5
  5. package/button/README.md +0 -0
  6. package/button/button.component.d.ts +17 -14
  7. package/button/button.module.d.ts +1 -1
  8. package/button/package.json +5 -5
  9. package/button-toggle/README.md +0 -0
  10. package/button-toggle/package.json +5 -5
  11. package/card/README.md +0 -0
  12. package/card/package.json +5 -5
  13. package/checkbox/README.md +1 -0
  14. package/checkbox/package.json +5 -5
  15. package/core/formatters/date/formatter.d.ts +41 -17
  16. package/core/formatters/date/templates/en-US.d.ts +8 -8
  17. package/core/formatters/date/templates/ru-RU.d.ts +8 -8
  18. package/core/package.json +5 -5
  19. package/core/public-api.d.ts +1 -0
  20. package/core/version.d.ts +2 -0
  21. package/datepicker/README.md +0 -0
  22. package/datepicker/package.json +5 -5
  23. package/design-tokens/{tokens → legacy-2017/tokens}/components/alert.json5 +0 -0
  24. package/design-tokens/{tokens → legacy-2017/tokens}/components/autocomplete.json5 +0 -0
  25. package/design-tokens/{tokens → legacy-2017/tokens}/components/badge.json5 +0 -0
  26. package/design-tokens/{tokens → legacy-2017/tokens}/components/button-toggle.json5 +0 -0
  27. package/design-tokens/{tokens → legacy-2017/tokens}/components/button.json5 +0 -0
  28. package/design-tokens/{tokens → legacy-2017/tokens}/components/card.json5 +0 -0
  29. package/design-tokens/legacy-2017/tokens/components/checkbox.json5 +39 -0
  30. package/design-tokens/{tokens → legacy-2017/tokens}/components/datepicker.json5 +0 -0
  31. package/design-tokens/{tokens → legacy-2017/tokens}/components/divider.json5 +0 -0
  32. package/design-tokens/{tokens → legacy-2017/tokens}/components/dropdown.json5 +0 -0
  33. package/design-tokens/{tokens → legacy-2017/tokens}/components/form-field.json5 +0 -0
  34. package/design-tokens/{tokens → legacy-2017/tokens}/components/forms.json5 +0 -0
  35. package/design-tokens/{tokens → legacy-2017/tokens}/components/input.json5 +0 -0
  36. package/design-tokens/{tokens → legacy-2017/tokens}/components/link.json5 +0 -0
  37. package/design-tokens/{tokens → legacy-2017/tokens}/components/list.json5 +0 -0
  38. package/design-tokens/legacy-2017/tokens/components/modal.json5 +79 -0
  39. package/design-tokens/legacy-2017/tokens/components/navbar.json5 +69 -0
  40. package/design-tokens/{tokens → legacy-2017/tokens}/components/optgroup.json5 +0 -0
  41. package/design-tokens/{tokens → legacy-2017/tokens}/components/option.json5 +0 -0
  42. package/design-tokens/{tokens → legacy-2017/tokens}/components/popover.json5 +0 -0
  43. package/design-tokens/{tokens → legacy-2017/tokens}/components/popup.json5 +0 -0
  44. package/design-tokens/{tokens → legacy-2017/tokens}/components/progress-bar.json5 +0 -0
  45. package/design-tokens/{tokens → legacy-2017/tokens}/components/progress-spinner.json5 +0 -0
  46. package/design-tokens/legacy-2017/tokens/components/radio.json5 +44 -0
  47. package/design-tokens/{tokens → legacy-2017/tokens}/components/select.json5 +0 -0
  48. package/design-tokens/{tokens → legacy-2017/tokens}/components/sidepanel.json5 +0 -0
  49. package/design-tokens/{tokens → legacy-2017/tokens}/components/table.json5 +0 -0
  50. package/design-tokens/{tokens → legacy-2017/tokens}/components/tabs.json5 +0 -0
  51. package/design-tokens/legacy-2017/tokens/components/tags.json5 +132 -0
  52. package/design-tokens/{tokens → legacy-2017/tokens}/components/textarea.json5 +0 -0
  53. package/design-tokens/{tokens → legacy-2017/tokens}/components/timepicker.json5 +0 -0
  54. package/design-tokens/legacy-2017/tokens/components/toggle.json5 +79 -0
  55. package/design-tokens/{tokens → legacy-2017/tokens}/components/tooltip.json5 +0 -0
  56. package/design-tokens/{tokens → legacy-2017/tokens}/components/tree.json5 +0 -0
  57. package/design-tokens/{tokens → legacy-2017/tokens}/properties/aliases.json5 +0 -0
  58. package/design-tokens/{tokens → legacy-2017/tokens}/properties/colors.json5 +0 -0
  59. package/design-tokens/{tokens → legacy-2017/tokens}/properties/font.json5 +0 -0
  60. package/design-tokens/{tokens → legacy-2017/tokens}/properties/globals.json5 +0 -0
  61. package/design-tokens/{tokens → legacy-2017/tokens}/properties/padding.json5 +0 -0
  62. package/design-tokens/{tokens → legacy-2017/tokens}/properties/palette.json5 +0 -0
  63. package/design-tokens/{tokens → legacy-2017/tokens}/properties/typography.json5 +0 -0
  64. package/design-tokens/legacy-2017/tokens.d.ts +7659 -0
  65. package/design-tokens/package.json +5 -5
  66. package/design-tokens/pt-2022/tokens/components/alert.json5 +83 -0
  67. package/design-tokens/pt-2022/tokens/components/autocomplete.json5 +11 -0
  68. package/design-tokens/pt-2022/tokens/components/badge.json5 +184 -0
  69. package/design-tokens/pt-2022/tokens/components/button-toggle.json5 +10 -0
  70. package/design-tokens/pt-2022/tokens/components/button.json5 +143 -0
  71. package/design-tokens/pt-2022/tokens/components/card.json5 +51 -0
  72. package/design-tokens/pt-2022/tokens/components/checkbox.json5 +39 -0
  73. package/design-tokens/pt-2022/tokens/components/datepicker.json5 +64 -0
  74. package/design-tokens/pt-2022/tokens/components/divider.json5 +8 -0
  75. package/design-tokens/pt-2022/tokens/components/dropdown.json5 +47 -0
  76. package/design-tokens/pt-2022/tokens/components/form-field.json5 +52 -0
  77. package/design-tokens/pt-2022/tokens/components/forms.json5 +52 -0
  78. package/design-tokens/pt-2022/tokens/components/input.json5 +13 -0
  79. package/design-tokens/pt-2022/tokens/components/link.json5 +56 -0
  80. package/design-tokens/pt-2022/tokens/components/list.json5 +15 -0
  81. package/design-tokens/pt-2022/tokens/components/modal.json5 +79 -0
  82. package/design-tokens/pt-2022/tokens/components/navbar.json5 +69 -0
  83. package/design-tokens/pt-2022/tokens/components/optgroup.json5 +10 -0
  84. package/design-tokens/pt-2022/tokens/components/option.json5 +12 -0
  85. package/design-tokens/pt-2022/tokens/components/popover.json5 +68 -0
  86. package/design-tokens/pt-2022/tokens/components/popup.json5 +18 -0
  87. package/design-tokens/pt-2022/tokens/components/progress-bar.json5 +13 -0
  88. package/design-tokens/pt-2022/tokens/components/progress-spinner.json5 +7 -0
  89. package/design-tokens/pt-2022/tokens/components/radio.json5 +44 -0
  90. package/design-tokens/pt-2022/tokens/components/select.json5 +25 -0
  91. package/design-tokens/pt-2022/tokens/components/sidepanel.json5 +30 -0
  92. package/design-tokens/pt-2022/tokens/components/table.json5 +15 -0
  93. package/design-tokens/pt-2022/tokens/components/tabs.json5 +25 -0
  94. package/design-tokens/pt-2022/tokens/components/tags.json5 +132 -0
  95. package/design-tokens/pt-2022/tokens/components/textarea.json5 +12 -0
  96. package/design-tokens/pt-2022/tokens/components/timepicker.json5 +7 -0
  97. package/design-tokens/pt-2022/tokens/components/toggle.json5 +79 -0
  98. package/design-tokens/pt-2022/tokens/components/tooltip.json5 +83 -0
  99. package/design-tokens/pt-2022/tokens/components/tree.json5 +12 -0
  100. package/design-tokens/pt-2022/tokens/properties/aliases.json5 +3 -0
  101. package/design-tokens/pt-2022/tokens/properties/colors.json5 +112 -0
  102. package/design-tokens/pt-2022/tokens/properties/font.json5 +15 -0
  103. package/design-tokens/pt-2022/tokens/properties/globals.json5 +30 -0
  104. package/design-tokens/pt-2022/tokens/properties/padding.json5 +3 -0
  105. package/design-tokens/pt-2022/tokens/properties/palette.json5 +226 -0
  106. package/design-tokens/pt-2022/tokens/properties/typography.json5 +140 -0
  107. package/design-tokens/pt-2022/tokens.d.ts +8696 -0
  108. package/design-tokens/public-api.d.ts +3 -1
  109. package/design-tokens/style-dictionary/build.js +6 -0
  110. package/design-tokens/style-dictionary/configs/index.js +2 -1
  111. package/divider/README.md +0 -0
  112. package/divider/package.json +5 -5
  113. package/dropdown/dropdown-item.component.d.ts +1 -0
  114. package/dropdown/package.json +5 -5
  115. package/esm2020/autocomplete/autocomplete-origin.directive.mjs +21 -0
  116. package/esm2020/autocomplete/autocomplete-trigger.directive.mjs +555 -0
  117. package/esm2020/autocomplete/autocomplete.component.mjs +154 -0
  118. package/esm2020/autocomplete/autocomplete.module.mjs +34 -0
  119. package/{esm2015/autocomplete/index.js → esm2020/autocomplete/index.mjs} +0 -0
  120. package/{esm2015/autocomplete/ptsecurity-mosaic-autocomplete.js → esm2020/autocomplete/ptsecurity-mosaic-autocomplete.mjs} +0 -0
  121. package/{esm2015/autocomplete/public-api.js → esm2020/autocomplete/public-api.mjs} +0 -0
  122. package/esm2020/button/button.component.mjs +129 -0
  123. package/esm2020/button/button.module.mjs +38 -0
  124. package/{esm2015/button/index.js → esm2020/button/index.mjs} +0 -0
  125. package/{esm2015/button/ptsecurity-mosaic-button.js → esm2020/button/ptsecurity-mosaic-button.mjs} +0 -0
  126. package/{esm2015/button/public-api.js → esm2020/button/public-api.mjs} +0 -0
  127. package/esm2020/button-toggle/button-toggle.component.mjs +362 -0
  128. package/esm2020/button-toggle/button-toggle.module.mjs +19 -0
  129. package/{esm2015/button-toggle/index.js → esm2020/button-toggle/index.mjs} +0 -0
  130. package/{esm2015/button-toggle/ptsecurity-mosaic-button-toggle.js → esm2020/button-toggle/ptsecurity-mosaic-button-toggle.mjs} +0 -0
  131. package/{esm2015/button-toggle/public-api.js → esm2020/button-toggle/public-api.mjs} +0 -0
  132. package/esm2020/card/card.component.mjs +80 -0
  133. package/esm2020/card/card.module.mjs +30 -0
  134. package/{esm2015/card/index.js → esm2020/card/index.mjs} +0 -0
  135. package/{esm2015/card/ptsecurity-mosaic-card.js → esm2020/card/ptsecurity-mosaic-card.mjs} +0 -0
  136. package/{esm2015/card/public-api.js → esm2020/card/public-api.mjs} +0 -0
  137. package/{esm2015/checkbox/checkbox-config.js → esm2020/checkbox/checkbox-config.mjs} +0 -0
  138. package/esm2020/checkbox/checkbox-module.mjs +19 -0
  139. package/esm2020/checkbox/checkbox-required-validator.mjs +27 -0
  140. package/esm2020/checkbox/checkbox.mjs +315 -0
  141. package/{esm2015/checkbox/index.js → esm2020/checkbox/index.mjs} +0 -0
  142. package/{esm2015/checkbox/ptsecurity-mosaic-checkbox.js → esm2020/checkbox/ptsecurity-mosaic-checkbox.mjs} +0 -0
  143. package/{esm2015/checkbox/public-api.js → esm2020/checkbox/public-api.mjs} +0 -0
  144. package/{esm2015/core/animation/animation.js → esm2020/core/animation/animation.mjs} +0 -0
  145. package/{esm2015/core/animation/fade-animations.js → esm2020/core/animation/fade-animations.mjs} +0 -0
  146. package/{esm2015/core/animation/index.js → esm2020/core/animation/index.mjs} +0 -0
  147. package/{esm2015/core/animation/select-animations.js → esm2020/core/animation/select-animations.mjs} +0 -0
  148. package/{esm2015/core/common-behaviors/color.js → esm2020/core/common-behaviors/color.mjs} +0 -0
  149. package/esm2020/core/common-behaviors/common-module.mjs +83 -0
  150. package/{esm2015/core/common-behaviors/constructor.js → esm2020/core/common-behaviors/constructor.mjs} +0 -0
  151. package/{esm2015/core/common-behaviors/disabled.js → esm2020/core/common-behaviors/disabled.mjs} +0 -0
  152. package/{esm2015/core/common-behaviors/error-state.js → esm2020/core/common-behaviors/error-state.mjs} +0 -0
  153. package/{esm2015/core/common-behaviors/index.js → esm2020/core/common-behaviors/index.mjs} +0 -0
  154. package/{esm2015/core/common-behaviors/tabindex.js → esm2020/core/common-behaviors/tabindex.mjs} +0 -0
  155. package/esm2020/core/error/error-options.mjs +26 -0
  156. package/esm2020/core/formatters/date/formatter.mjs +359 -0
  157. package/esm2020/core/formatters/date/templates/en-US.mjs +281 -0
  158. package/esm2020/core/formatters/date/templates/ru-RU.mjs +281 -0
  159. package/esm2020/core/formatters/index.mjs +20 -0
  160. package/esm2020/core/formatters/number/formatter.mjs +105 -0
  161. package/esm2020/core/forms/forms-module.mjs +24 -0
  162. package/esm2020/core/forms/forms.directive.mjs +66 -0
  163. package/{esm2015/core/forms/index.js → esm2020/core/forms/index.mjs} +0 -0
  164. package/esm2020/core/highlight/highlight.pipe.mjs +17 -0
  165. package/esm2020/core/highlight/index.mjs +19 -0
  166. package/{esm2015/core/index.js → esm2020/core/index.mjs} +0 -0
  167. package/{esm2015/core/label/label-options.js → esm2020/core/label/label-options.mjs} +0 -0
  168. package/esm2020/core/line/line.mjs +70 -0
  169. package/esm2020/core/option/action.mjs +121 -0
  170. package/{esm2015/core/option/index.js → esm2020/core/option/index.mjs} +0 -0
  171. package/esm2020/core/option/optgroup.mjs +31 -0
  172. package/esm2020/core/option/option-module.mjs +21 -0
  173. package/esm2020/core/option/option.mjs +254 -0
  174. package/{esm2015/core/overlay/overlay-position-map.js → esm2020/core/overlay/overlay-position-map.mjs} +0 -0
  175. package/{esm2015/core/pop-up/constants.js → esm2020/core/pop-up/constants.mjs} +0 -0
  176. package/{esm2015/core/pop-up/index.js → esm2020/core/pop-up/index.mjs} +0 -0
  177. package/esm2020/core/pop-up/pop-up-trigger.mjs +244 -0
  178. package/esm2020/core/pop-up/pop-up.mjs +91 -0
  179. package/{esm2015/core/ptsecurity-mosaic-core.js → esm2020/core/ptsecurity-mosaic-core.mjs} +0 -0
  180. package/esm2020/core/public-api.mjs +18 -0
  181. package/{esm2015/core/select/constants.js → esm2020/core/select/constants.mjs} +0 -0
  182. package/{esm2015/core/select/errors.js → esm2020/core/select/errors.mjs} +0 -0
  183. package/{esm2015/core/select/events.js → esm2020/core/select/events.mjs} +0 -0
  184. package/{esm2015/core/select/index.js → esm2020/core/select/index.mjs} +0 -0
  185. package/{esm2015/core/selection/constants.js → esm2020/core/selection/constants.mjs} +0 -0
  186. package/{esm2015/core/selection/index.js → esm2020/core/selection/index.mjs} +0 -0
  187. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +37 -0
  188. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +18 -0
  189. package/esm2020/core/services/measure-scrollbar.service.mjs +48 -0
  190. package/{esm2015/core/utils/index.js → esm2020/core/utils/index.mjs} +0 -0
  191. package/{esm2015/core/utils/public-api.js → esm2020/core/utils/public-api.mjs} +0 -0
  192. package/{esm2015/core/utils/utils.js → esm2020/core/utils/utils.mjs} +0 -0
  193. package/{esm2015/core/validation/index.js → esm2020/core/validation/index.mjs} +0 -0
  194. package/{esm2015/core/validation/validation.js → esm2020/core/validation/validation.mjs} +0 -0
  195. package/esm2020/core/version.mjs +3 -0
  196. package/esm2020/datepicker/calendar-body.component.mjs +106 -0
  197. package/esm2020/datepicker/calendar.component.mjs +362 -0
  198. package/{esm2015/datepicker/datepicker-animations.js → esm2020/datepicker/datepicker-animations.mjs} +0 -0
  199. package/{esm2015/datepicker/datepicker-errors.js → esm2020/datepicker/datepicker-errors.mjs} +0 -0
  200. package/esm2020/datepicker/datepicker-input.directive.mjs +900 -0
  201. package/esm2020/datepicker/datepicker-intl.mjs +40 -0
  202. package/esm2020/datepicker/datepicker-module.mjs +107 -0
  203. package/esm2020/datepicker/datepicker-toggle.component.mjs +86 -0
  204. package/esm2020/datepicker/datepicker.component.mjs +408 -0
  205. package/{esm2015/datepicker/index.js → esm2020/datepicker/index.mjs} +0 -0
  206. package/esm2020/datepicker/month-view.component.mjs +257 -0
  207. package/esm2020/datepicker/multi-year-view.component.mjs +218 -0
  208. package/{esm2015/datepicker/ptsecurity-mosaic-datepicker.js → esm2020/datepicker/ptsecurity-mosaic-datepicker.mjs} +0 -0
  209. package/{esm2015/datepicker/public-api.js → esm2020/datepicker/public-api.mjs} +0 -0
  210. package/esm2020/datepicker/year-view.component.mjs +253 -0
  211. package/{esm2015/design-tokens/index.js → esm2020/design-tokens/index.mjs} +0 -0
  212. package/esm2020/design-tokens/legacy-2017/tokens.mjs +953 -0
  213. package/esm2020/design-tokens/pt-2022/tokens.mjs +1013 -0
  214. package/{esm2015/design-tokens/ptsecurity-mosaic-design-tokens.js → esm2020/design-tokens/ptsecurity-mosaic-design-tokens.mjs} +0 -0
  215. package/esm2020/design-tokens/public-api.mjs +4 -0
  216. package/esm2020/divider/divider.component.mjs +39 -0
  217. package/esm2020/divider/divider.module.mjs +18 -0
  218. package/{esm2015/divider/index.js → esm2020/divider/index.mjs} +0 -0
  219. package/{esm2015/divider/ptsecurity-mosaic-divider.js → esm2020/divider/ptsecurity-mosaic-divider.mjs} +0 -0
  220. package/{esm2015/divider/public-api.js → esm2020/divider/public-api.mjs} +0 -0
  221. package/{esm2015/dropdown/dropdown-animations.js → esm2020/dropdown/dropdown-animations.mjs} +0 -0
  222. package/esm2020/dropdown/dropdown-content.directive.mjs +64 -0
  223. package/{esm2015/dropdown/dropdown-errors.js → esm2020/dropdown/dropdown-errors.mjs} +0 -0
  224. package/esm2020/dropdown/dropdown-item.component.mjs +139 -0
  225. package/esm2020/dropdown/dropdown-trigger.directive.mjs +485 -0
  226. package/esm2020/dropdown/dropdown.component.mjs +292 -0
  227. package/esm2020/dropdown/dropdown.module.mjs +50 -0
  228. package/{esm2015/dropdown/dropdown.types.js → esm2020/dropdown/dropdown.types.mjs} +0 -0
  229. package/{esm2015/dropdown/index.js → esm2020/dropdown/index.mjs} +0 -0
  230. package/{esm2015/dropdown/ptsecurity-mosaic-dropdown.js → esm2020/dropdown/ptsecurity-mosaic-dropdown.mjs} +0 -0
  231. package/{esm2015/dropdown/public-api.js → esm2020/dropdown/public-api.mjs} +0 -0
  232. package/esm2020/form-field/cleaner.mjs +23 -0
  233. package/{esm2015/form-field/form-field-control.js → esm2020/form-field/form-field-control.mjs} +0 -0
  234. package/{esm2015/form-field/form-field-errors.js → esm2020/form-field/form-field-errors.mjs} +0 -0
  235. package/esm2020/form-field/form-field.mjs +205 -0
  236. package/esm2020/form-field/form-field.module.mjs +52 -0
  237. package/esm2020/form-field/hint.mjs +23 -0
  238. package/{esm2015/form-field/index.js → esm2020/form-field/index.mjs} +0 -0
  239. package/esm2020/form-field/prefix.mjs +13 -0
  240. package/{esm2015/form-field/ptsecurity-mosaic-form-field.js → esm2020/form-field/ptsecurity-mosaic-form-field.mjs} +0 -0
  241. package/{esm2015/form-field/public-api.js → esm2020/form-field/public-api.mjs} +0 -0
  242. package/esm2020/form-field/stepper.mjs +55 -0
  243. package/esm2020/form-field/suffix.mjs +13 -0
  244. package/esm2020/icon/icon.component.mjs +44 -0
  245. package/esm2020/icon/icon.module.mjs +38 -0
  246. package/{esm2015/icon/index.js → esm2020/icon/index.mjs} +0 -0
  247. package/{esm2015/icon/ptsecurity-mosaic-icon.js → esm2020/icon/ptsecurity-mosaic-icon.mjs} +0 -0
  248. package/{esm2015/icon/public-api.js → esm2020/icon/public-api.mjs} +0 -0
  249. package/{esm2015/index.js → esm2020/index.mjs} +0 -0
  250. package/{esm2015/input/index.js → esm2020/input/index.mjs} +0 -0
  251. package/{esm2015/input/input-errors.js → esm2020/input/input-errors.mjs} +0 -0
  252. package/esm2020/input/input-number-validators.mjs +92 -0
  253. package/esm2020/input/input-number.mjs +163 -0
  254. package/{esm2015/input/input-value-accessor.js → esm2020/input/input-value-accessor.mjs} +0 -0
  255. package/esm2020/input/input.mjs +333 -0
  256. package/esm2020/input/input.module.mjs +23 -0
  257. package/{esm2015/input/ptsecurity-mosaic-input.js → esm2020/input/ptsecurity-mosaic-input.mjs} +0 -0
  258. package/{esm2015/input/public-api.js → esm2020/input/public-api.mjs} +0 -0
  259. package/{esm2015/link/index.js → esm2020/link/index.mjs} +0 -0
  260. package/esm2020/link/link.component.mjs +107 -0
  261. package/esm2020/link/link.module.mjs +26 -0
  262. package/{esm2015/link/ptsecurity-mosaic-link.js → esm2020/link/ptsecurity-mosaic-link.mjs} +0 -0
  263. package/{esm2015/link/public-api.js → esm2020/link/public-api.mjs} +0 -0
  264. package/{esm2015/list/index.js → esm2020/list/index.mjs} +0 -0
  265. package/esm2020/list/list-selection.component.mjs +687 -0
  266. package/esm2020/list/list.component.mjs +44 -0
  267. package/esm2020/list/list.module.mjs +55 -0
  268. package/{esm2015/list/ptsecurity-mosaic-list.js → esm2020/list/ptsecurity-mosaic-list.mjs} +0 -0
  269. package/{esm2015/list/public-api.js → esm2020/list/public-api.mjs} +0 -0
  270. package/esm2020/modal/css-unit.pipe.mjs +17 -0
  271. package/{esm2015/modal/index.js → esm2020/modal/index.mjs} +0 -0
  272. package/esm2020/modal/modal-control.service.mjs +85 -0
  273. package/{esm2015/modal/modal-ref.class.js → esm2020/modal/modal-ref.class.mjs} +0 -0
  274. package/{esm2015/modal/modal-util.js → esm2020/modal/modal-util.mjs} +0 -0
  275. package/esm2020/modal/modal.component.mjs +501 -0
  276. package/esm2020/modal/modal.directive.mjs +52 -0
  277. package/esm2020/modal/modal.module.mjs +72 -0
  278. package/esm2020/modal/modal.service.mjs +124 -0
  279. package/{esm2015/modal/modal.type.js → esm2020/modal/modal.type.mjs} +0 -0
  280. package/{esm2015/modal/ptsecurity-mosaic-modal.js → esm2020/modal/ptsecurity-mosaic-modal.mjs} +0 -0
  281. package/{esm2015/modal/public-api.js → esm2020/modal/public-api.mjs} +0 -0
  282. package/{esm2015/navbar/index.js → esm2020/navbar/index.mjs} +0 -0
  283. package/esm2020/navbar/navbar-item.component.mjs +577 -0
  284. package/esm2020/navbar/navbar.component.mjs +237 -0
  285. package/esm2020/navbar/navbar.module.mjs +92 -0
  286. package/{esm2015/navbar/ptsecurity-mosaic-navbar.js → esm2020/navbar/ptsecurity-mosaic-navbar.mjs} +0 -0
  287. package/{esm2015/navbar/public-api.js → esm2020/navbar/public-api.mjs} +0 -0
  288. package/esm2020/navbar/vertical-navbar.animation.mjs +10 -0
  289. package/esm2020/navbar/vertical-navbar.component.mjs +114 -0
  290. package/{esm2015/popover/index.js → esm2020/popover/index.mjs} +0 -0
  291. package/{esm2015/popover/popover-animations.js → esm2020/popover/popover-animations.mjs} +0 -0
  292. package/esm2020/popover/popover-confirm.component.mjs +108 -0
  293. package/esm2020/popover/popover.component.mjs +253 -0
  294. package/esm2020/popover/popover.module.mjs +24 -0
  295. package/{esm2015/popover/ptsecurity-mosaic-popover.js → esm2020/popover/ptsecurity-mosaic-popover.mjs} +0 -0
  296. package/{esm2015/popover/public-api.js → esm2020/popover/public-api.mjs} +0 -0
  297. package/{esm2015/progress-bar/index.js → esm2020/progress-bar/index.mjs} +0 -0
  298. package/esm2020/progress-bar/progress-bar.component.mjs +42 -0
  299. package/esm2020/progress-bar/progress-bar.module.mjs +30 -0
  300. package/{esm2015/progress-bar/ptsecurity-mosaic-progress-bar.js → esm2020/progress-bar/ptsecurity-mosaic-progress-bar.mjs} +0 -0
  301. package/{esm2015/progress-bar/public-api.js → esm2020/progress-bar/public-api.mjs} +0 -0
  302. package/{esm2015/progress-spinner/index.js → esm2020/progress-spinner/index.mjs} +0 -0
  303. package/esm2020/progress-spinner/progress-spinner.component.mjs +46 -0
  304. package/esm2020/progress-spinner/progress-spinner.module.mjs +30 -0
  305. package/{esm2015/progress-spinner/ptsecurity-mosaic-progress-spinner.js → esm2020/progress-spinner/ptsecurity-mosaic-progress-spinner.mjs} +0 -0
  306. package/{esm2015/progress-spinner/public-api.js → esm2020/progress-spinner/public-api.mjs} +0 -0
  307. package/{esm2015/ptsecurity-mosaic.js → esm2020/ptsecurity-mosaic.mjs} +0 -0
  308. package/{esm2015/public-api.js → esm2020/public-api.mjs} +0 -0
  309. package/{esm2015/radio/index.js → esm2020/radio/index.mjs} +0 -0
  310. package/{esm2015/radio/ptsecurity-mosaic-radio.js → esm2020/radio/ptsecurity-mosaic-radio.mjs} +0 -0
  311. package/{esm2015/radio/public-api.js → esm2020/radio/public-api.mjs} +0 -0
  312. package/esm2020/radio/radio.component.mjs +458 -0
  313. package/esm2020/radio/radio.module.mjs +20 -0
  314. package/{esm2015/select/index.js → esm2020/select/index.mjs} +0 -0
  315. package/{esm2015/select/ptsecurity-mosaic-select.js → esm2020/select/ptsecurity-mosaic-select.mjs} +0 -0
  316. package/{esm2015/select/public-api.js → esm2020/select/public-api.mjs} +0 -0
  317. package/esm2020/select/select.component.mjs +1110 -0
  318. package/esm2020/select/select.module.mjs +64 -0
  319. package/{esm2015/sidebar/index.js → esm2020/sidebar/index.mjs} +0 -0
  320. package/{esm2015/sidebar/ptsecurity-mosaic-sidebar.js → esm2020/sidebar/ptsecurity-mosaic-sidebar.mjs} +0 -0
  321. package/{esm2015/sidebar/public-api.js → esm2020/sidebar/public-api.mjs} +0 -0
  322. package/{esm2015/sidebar/sidebar-animations.js → esm2020/sidebar/sidebar-animations.mjs} +0 -0
  323. package/esm2020/sidebar/sidebar.component.mjs +146 -0
  324. package/esm2020/sidebar/sidebar.module.mjs +30 -0
  325. package/{esm2015/sidepanel/index.js → esm2020/sidepanel/index.mjs} +0 -0
  326. package/{esm2015/sidepanel/ptsecurity-mosaic-sidepanel.js → esm2020/sidepanel/ptsecurity-mosaic-sidepanel.mjs} +0 -0
  327. package/{esm2015/sidepanel/public-api.js → esm2020/sidepanel/public-api.mjs} +0 -0
  328. package/{esm2015/sidepanel/sidepanel-animations.js → esm2020/sidepanel/sidepanel-animations.mjs} +0 -0
  329. package/{esm2015/sidepanel/sidepanel-config.js → esm2020/sidepanel/sidepanel-config.mjs} +0 -0
  330. package/esm2020/sidepanel/sidepanel-container.component.mjs +106 -0
  331. package/esm2020/sidepanel/sidepanel-directives.mjs +159 -0
  332. package/{esm2015/sidepanel/sidepanel-ref.js → esm2020/sidepanel/sidepanel-ref.mjs} +0 -0
  333. package/esm2020/sidepanel/sidepanel.module.mjs +74 -0
  334. package/esm2020/sidepanel/sidepanel.service.mjs +167 -0
  335. package/{esm2015/splitter/index.js → esm2020/splitter/index.mjs} +0 -0
  336. package/{esm2015/splitter/ptsecurity-mosaic-splitter.js → esm2020/splitter/ptsecurity-mosaic-splitter.mjs} +0 -0
  337. package/{esm2015/splitter/public-api.js → esm2020/splitter/public-api.mjs} +0 -0
  338. package/esm2020/splitter/splitter.component.mjs +480 -0
  339. package/esm2020/splitter/splitter.module.mjs +40 -0
  340. package/{esm2015/table/index.js → esm2020/table/index.mjs} +0 -0
  341. package/{esm2015/table/ptsecurity-mosaic-table.js → esm2020/table/ptsecurity-mosaic-table.mjs} +0 -0
  342. package/{esm2015/table/public-api.js → esm2020/table/public-api.mjs} +0 -0
  343. package/esm2020/table/table.component.mjs +16 -0
  344. package/esm2020/table/table.module.mjs +30 -0
  345. package/{esm2015/tabs/index.js → esm2020/tabs/index.mjs} +0 -0
  346. package/esm2020/tabs/paginated-tab-header.mjs +479 -0
  347. package/{esm2015/tabs/ptsecurity-mosaic-tabs.js → esm2020/tabs/ptsecurity-mosaic-tabs.mjs} +0 -0
  348. package/{esm2015/tabs/public-api.js → esm2020/tabs/public-api.mjs} +0 -0
  349. package/esm2020/tabs/tab-body.component.mjs +178 -0
  350. package/esm2020/tabs/tab-content.directive.mjs +15 -0
  351. package/esm2020/tabs/tab-group.component.mjs +350 -0
  352. package/esm2020/tabs/tab-header.component.mjs +67 -0
  353. package/esm2020/tabs/tab-label-wrapper.directive.mjs +78 -0
  354. package/esm2020/tabs/tab-label.directive.mjs +17 -0
  355. package/{esm2015/tabs/tab-nav-bar/index.js → esm2020/tabs/tab-nav-bar/index.mjs} +0 -0
  356. package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +110 -0
  357. package/esm2020/tabs/tab.component.mjs +133 -0
  358. package/{esm2015/tabs/tabs-animations.js → esm2020/tabs/tabs-animations.mjs} +0 -0
  359. package/esm2020/tabs/tabs.module.mjs +104 -0
  360. package/{esm2015/tags/index.js → esm2020/tags/index.mjs} +0 -0
  361. package/{esm2015/tags/ptsecurity-mosaic-tags.js → esm2020/tags/ptsecurity-mosaic-tags.mjs} +0 -0
  362. package/{esm2015/tags/public-api.js → esm2020/tags/public-api.mjs} +0 -0
  363. package/{esm2015/tags/tag-default-options.js → esm2020/tags/tag-default-options.mjs} +0 -0
  364. package/esm2020/tags/tag-input.mjs +229 -0
  365. package/esm2020/tags/tag-list.component.mjs +722 -0
  366. package/{esm2015/tags/tag-text-control.js → esm2020/tags/tag-text-control.mjs} +0 -0
  367. package/esm2020/tags/tag.component.mjs +377 -0
  368. package/esm2020/tags/tag.module.mjs +56 -0
  369. package/{esm2015/textarea/index.js → esm2020/textarea/index.mjs} +0 -0
  370. package/{esm2015/textarea/ptsecurity-mosaic-textarea.js → esm2020/textarea/ptsecurity-mosaic-textarea.mjs} +0 -0
  371. package/{esm2015/textarea/public-api.js → esm2020/textarea/public-api.mjs} +0 -0
  372. package/esm2020/textarea/textarea.component.mjs +268 -0
  373. package/esm2020/textarea/textarea.module.mjs +21 -0
  374. package/{esm2015/timepicker/index.js → esm2020/timepicker/index.mjs} +0 -0
  375. package/{esm2015/timepicker/ptsecurity-mosaic-timepicker.js → esm2020/timepicker/ptsecurity-mosaic-timepicker.mjs} +0 -0
  376. package/{esm2015/timepicker/public-api.js → esm2020/timepicker/public-api.mjs} +0 -0
  377. package/{esm2015/timepicker/timepicker.constants.js → esm2020/timepicker/timepicker.constants.mjs} +0 -0
  378. package/esm2020/timepicker/timepicker.directive.mjs +653 -0
  379. package/esm2020/timepicker/timepicker.module.mjs +34 -0
  380. package/{esm2015/toggle/index.js → esm2020/toggle/index.mjs} +0 -0
  381. package/{esm2015/toggle/ptsecurity-mosaic-toggle.js → esm2020/toggle/ptsecurity-mosaic-toggle.mjs} +0 -0
  382. package/{esm2015/toggle/public-api.js → esm2020/toggle/public-api.mjs} +0 -0
  383. package/esm2020/toggle/toggle.component.mjs +158 -0
  384. package/esm2020/toggle/toggle.module.mjs +20 -0
  385. package/{esm2015/tooltip/index.js → esm2020/tooltip/index.mjs} +0 -0
  386. package/{esm2015/tooltip/ptsecurity-mosaic-tooltip.js → esm2020/tooltip/ptsecurity-mosaic-tooltip.mjs} +0 -0
  387. package/{esm2015/tooltip/public-api.js → esm2020/tooltip/public-api.mjs} +0 -0
  388. package/{esm2015/tooltip/tooltip.animations.js → esm2020/tooltip/tooltip.animations.mjs} +0 -0
  389. package/esm2020/tooltip/tooltip.component.mjs +291 -0
  390. package/esm2020/tooltip/tooltip.module.mjs +43 -0
  391. package/{esm2015/tree/control/base-tree-control.js → esm2020/tree/control/base-tree-control.mjs} +0 -0
  392. package/{esm2015/tree/control/flat-tree-control.js → esm2020/tree/control/flat-tree-control.mjs} +0 -0
  393. package/{esm2015/tree/control/nested-tree-control.js → esm2020/tree/control/nested-tree-control.mjs} +0 -0
  394. package/{esm2015/tree/control/tree-control.js → esm2020/tree/control/tree-control.mjs} +0 -0
  395. package/esm2020/tree/data-source/flat-data-source.mjs +162 -0
  396. package/{esm2015/tree/data-source/nested-data-source.js → esm2020/tree/data-source/nested-data-source.mjs} +0 -0
  397. package/{esm2015/tree/index.js → esm2020/tree/index.mjs} +0 -0
  398. package/esm2020/tree/node.mjs +31 -0
  399. package/esm2020/tree/outlet.mjs +15 -0
  400. package/esm2020/tree/padding.directive.mjs +110 -0
  401. package/{esm2015/tree/ptsecurity-mosaic-tree.js → esm2020/tree/ptsecurity-mosaic-tree.mjs} +0 -0
  402. package/{esm2015/tree/public-api.js → esm2020/tree/public-api.mjs} +0 -0
  403. package/esm2020/tree/toggle.mjs +80 -0
  404. package/esm2020/tree/tree-base.mjs +243 -0
  405. package/{esm2015/tree/tree-errors.js → esm2020/tree/tree-errors.mjs} +0 -0
  406. package/esm2020/tree/tree-option.component.mjs +234 -0
  407. package/esm2020/tree/tree-selection.component.mjs +533 -0
  408. package/esm2020/tree/tree.mjs +15 -0
  409. package/esm2020/tree/tree.module.mjs +53 -0
  410. package/{esm2015/tree-select/index.js → esm2020/tree-select/index.mjs} +0 -0
  411. package/{esm2015/tree-select/ptsecurity-mosaic-tree-select.js → esm2020/tree-select/ptsecurity-mosaic-tree-select.mjs} +0 -0
  412. package/{esm2015/tree-select/public-api.js → esm2020/tree-select/public-api.mjs} +0 -0
  413. package/esm2020/tree-select/tree-select.component.mjs +925 -0
  414. package/esm2020/tree-select/tree-select.module.mjs +47 -0
  415. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs +756 -0
  416. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs.map +1 -0
  417. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +385 -0
  418. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs.map +1 -0
  419. package/fesm2015/ptsecurity-mosaic-button.mjs +170 -0
  420. package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -0
  421. package/fesm2015/ptsecurity-mosaic-card.mjs +113 -0
  422. package/fesm2015/ptsecurity-mosaic-card.mjs.map +1 -0
  423. package/fesm2015/ptsecurity-mosaic-checkbox.mjs +366 -0
  424. package/fesm2015/ptsecurity-mosaic-checkbox.mjs.map +1 -0
  425. package/fesm2015/ptsecurity-mosaic-core.mjs +2706 -0
  426. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -0
  427. package/fesm2015/ptsecurity-mosaic-datepicker.mjs +2700 -0
  428. package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -0
  429. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +2925 -0
  430. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -0
  431. package/fesm2015/ptsecurity-mosaic-divider.mjs +61 -0
  432. package/fesm2015/ptsecurity-mosaic-divider.mjs.map +1 -0
  433. package/fesm2015/ptsecurity-mosaic-dropdown.mjs +1106 -0
  434. package/fesm2015/ptsecurity-mosaic-dropdown.mjs.map +1 -0
  435. package/fesm2015/ptsecurity-mosaic-form-field.mjs +378 -0
  436. package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -0
  437. package/fesm2015/ptsecurity-mosaic-icon.mjs +88 -0
  438. package/fesm2015/ptsecurity-mosaic-icon.mjs.map +1 -0
  439. package/fesm2015/ptsecurity-mosaic-input.mjs +609 -0
  440. package/fesm2015/ptsecurity-mosaic-input.mjs.map +1 -0
  441. package/fesm2015/ptsecurity-mosaic-link.mjs +137 -0
  442. package/fesm2015/ptsecurity-mosaic-link.mjs.map +1 -0
  443. package/fesm2015/ptsecurity-mosaic-list.mjs +791 -0
  444. package/fesm2015/ptsecurity-mosaic-list.mjs.map +1 -0
  445. package/fesm2015/ptsecurity-mosaic-modal.mjs +864 -0
  446. package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -0
  447. package/fesm2015/ptsecurity-mosaic-navbar.mjs +1025 -0
  448. package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -0
  449. package/fesm2015/ptsecurity-mosaic-popover.mjs +393 -0
  450. package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -0
  451. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs +76 -0
  452. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs.map +1 -0
  453. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +80 -0
  454. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs.map +1 -0
  455. package/fesm2015/ptsecurity-mosaic-radio.mjs +481 -0
  456. package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -0
  457. package/fesm2015/ptsecurity-mosaic-select.mjs +1175 -0
  458. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -0
  459. package/fesm2015/ptsecurity-mosaic-sidebar.mjs +202 -0
  460. package/fesm2015/ptsecurity-mosaic-sidebar.mjs.map +1 -0
  461. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +592 -0
  462. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -0
  463. package/fesm2015/ptsecurity-mosaic-splitter.mjs +524 -0
  464. package/fesm2015/ptsecurity-mosaic-splitter.mjs.map +1 -0
  465. package/fesm2015/ptsecurity-mosaic-table.mjs +50 -0
  466. package/fesm2015/ptsecurity-mosaic-table.mjs.map +1 -0
  467. package/fesm2015/ptsecurity-mosaic-tabs.mjs +1511 -0
  468. package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -0
  469. package/fesm2015/ptsecurity-mosaic-tags.mjs +1377 -0
  470. package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -0
  471. package/fesm2015/ptsecurity-mosaic-textarea.mjs +293 -0
  472. package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -0
  473. package/fesm2015/ptsecurity-mosaic-timepicker.mjs +715 -0
  474. package/fesm2015/ptsecurity-mosaic-timepicker.mjs.map +1 -0
  475. package/fesm2015/ptsecurity-mosaic-toggle.mjs +180 -0
  476. package/fesm2015/ptsecurity-mosaic-toggle.mjs.map +1 -0
  477. package/fesm2015/ptsecurity-mosaic-tooltip.mjs +362 -0
  478. package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -0
  479. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +972 -0
  480. package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -0
  481. package/fesm2015/ptsecurity-mosaic-tree.mjs +1718 -0
  482. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -0
  483. package/fesm2015/ptsecurity-mosaic.mjs +4 -0
  484. package/fesm2015/ptsecurity-mosaic.mjs.map +1 -0
  485. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs +752 -0
  486. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs.map +1 -0
  487. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +383 -0
  488. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -0
  489. package/fesm2020/ptsecurity-mosaic-button.mjs +170 -0
  490. package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -0
  491. package/fesm2020/ptsecurity-mosaic-card.mjs +113 -0
  492. package/fesm2020/ptsecurity-mosaic-card.mjs.map +1 -0
  493. package/fesm2020/ptsecurity-mosaic-checkbox.mjs +364 -0
  494. package/fesm2020/ptsecurity-mosaic-checkbox.mjs.map +1 -0
  495. package/fesm2020/ptsecurity-mosaic-core.mjs +2735 -0
  496. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -0
  497. package/fesm2020/ptsecurity-mosaic-datepicker.mjs +2687 -0
  498. package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -0
  499. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +2925 -0
  500. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -0
  501. package/fesm2020/ptsecurity-mosaic-divider.mjs +61 -0
  502. package/fesm2020/ptsecurity-mosaic-divider.mjs.map +1 -0
  503. package/fesm2020/ptsecurity-mosaic-dropdown.mjs +1093 -0
  504. package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -0
  505. package/fesm2020/ptsecurity-mosaic-form-field.mjs +377 -0
  506. package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -0
  507. package/fesm2020/ptsecurity-mosaic-icon.mjs +86 -0
  508. package/fesm2020/ptsecurity-mosaic-icon.mjs.map +1 -0
  509. package/fesm2020/ptsecurity-mosaic-input.mjs +605 -0
  510. package/fesm2020/ptsecurity-mosaic-input.mjs.map +1 -0
  511. package/fesm2020/ptsecurity-mosaic-link.mjs +136 -0
  512. package/fesm2020/ptsecurity-mosaic-link.mjs.map +1 -0
  513. package/fesm2020/ptsecurity-mosaic-list.mjs +784 -0
  514. package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -0
  515. package/fesm2020/ptsecurity-mosaic-modal.mjs +860 -0
  516. package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -0
  517. package/fesm2020/ptsecurity-mosaic-navbar.mjs +1009 -0
  518. package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -0
  519. package/fesm2020/ptsecurity-mosaic-popover.mjs +389 -0
  520. package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -0
  521. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs +76 -0
  522. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs.map +1 -0
  523. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +80 -0
  524. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs.map +1 -0
  525. package/fesm2020/ptsecurity-mosaic-radio.mjs +479 -0
  526. package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -0
  527. package/fesm2020/ptsecurity-mosaic-select.mjs +1173 -0
  528. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -0
  529. package/fesm2020/ptsecurity-mosaic-sidebar.mjs +202 -0
  530. package/fesm2020/ptsecurity-mosaic-sidebar.mjs.map +1 -0
  531. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +589 -0
  532. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -0
  533. package/fesm2020/ptsecurity-mosaic-splitter.mjs +524 -0
  534. package/fesm2020/ptsecurity-mosaic-splitter.mjs.map +1 -0
  535. package/fesm2020/ptsecurity-mosaic-table.mjs +50 -0
  536. package/fesm2020/ptsecurity-mosaic-table.mjs.map +1 -0
  537. package/fesm2020/ptsecurity-mosaic-tabs.mjs +1496 -0
  538. package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -0
  539. package/fesm2020/ptsecurity-mosaic-tags.mjs +1370 -0
  540. package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -0
  541. package/fesm2020/ptsecurity-mosaic-textarea.mjs +291 -0
  542. package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -0
  543. package/fesm2020/ptsecurity-mosaic-timepicker.mjs +713 -0
  544. package/fesm2020/ptsecurity-mosaic-timepicker.mjs.map +1 -0
  545. package/fesm2020/ptsecurity-mosaic-toggle.mjs +180 -0
  546. package/fesm2020/ptsecurity-mosaic-toggle.mjs.map +1 -0
  547. package/fesm2020/ptsecurity-mosaic-tooltip.mjs +354 -0
  548. package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -0
  549. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +970 -0
  550. package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -0
  551. package/fesm2020/ptsecurity-mosaic-tree.mjs +1705 -0
  552. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -0
  553. package/fesm2020/ptsecurity-mosaic.mjs +4 -0
  554. package/fesm2020/ptsecurity-mosaic.mjs.map +1 -0
  555. package/form-field/README.md +0 -0
  556. package/form-field/package.json +5 -5
  557. package/icon/README.md +0 -0
  558. package/icon/package.json +5 -5
  559. package/input/package.json +5 -5
  560. package/link/README.md +0 -0
  561. package/link/package.json +5 -5
  562. package/list/README.md +0 -0
  563. package/list/package.json +5 -5
  564. package/modal/README.md +34 -0
  565. package/modal/modal-control.service.d.ts +1 -0
  566. package/modal/package.json +5 -5
  567. package/navbar/README.md +41 -0
  568. package/navbar/navbar-item.component.d.ts +122 -34
  569. package/navbar/navbar.component.d.ts +37 -9
  570. package/navbar/navbar.module.d.ts +2 -1
  571. package/navbar/package.json +5 -5
  572. package/navbar/vertical-navbar.component.d.ts +15 -26
  573. package/package.json +299 -14
  574. package/popover/README.md +32 -0
  575. package/popover/package.json +5 -5
  576. package/popover/popover.component.d.ts +2 -0
  577. package/popover/popover.module.d.ts +2 -1
  578. package/prebuilt-themes/dark-theme.css +1 -1
  579. package/prebuilt-themes/default-theme.css +1 -1
  580. package/prebuilt-visual/default-visual.css +1 -1
  581. package/progress-bar/README.md +0 -0
  582. package/progress-bar/package.json +5 -5
  583. package/progress-spinner/README.md +0 -0
  584. package/progress-spinner/package.json +5 -5
  585. package/radio/package.json +5 -5
  586. package/schematics/README.md +35 -0
  587. package/schematics/ng-update/data/index.d.ts +1 -0
  588. package/schematics/ng-update/data/index.js +10 -9
  589. package/schematics/ng-update/data/index.js.map +1 -1
  590. package/schematics/ng-update/data/symbol-removal.d.ts +2 -0
  591. package/schematics/ng-update/data/symbol-removal.js +5 -0
  592. package/schematics/ng-update/data/symbol-removal.js.map +1 -0
  593. package/schematics/ng-update/index.js +3 -3
  594. package/schematics/ng-update/index.js.map +1 -1
  595. package/schematics/ng-update/update-9.0.0/secondary-entry-points-migration.js +1 -2
  596. package/schematics/ng-update/update-9.0.0/secondary-entry-points-migration.js.map +1 -1
  597. package/schematics/ng-update/upgrade-data.js +2 -1
  598. package/schematics/ng-update/upgrade-data.js.map +1 -1
  599. package/schematics/tsconfig.lib.json +2 -2
  600. package/select/README.md +0 -0
  601. package/select/package.json +5 -5
  602. package/sidebar/package.json +5 -5
  603. package/sidepanel/package.json +5 -5
  604. package/splitter/package.json +5 -5
  605. package/splitter/splitter.component.d.ts +46 -5
  606. package/splitter/splitter.module.d.ts +1 -1
  607. package/table/README.md +0 -0
  608. package/table/package.json +5 -5
  609. package/tabs/README.md +0 -0
  610. package/tabs/package.json +5 -5
  611. package/tags/README.md +0 -0
  612. package/tags/package.json +5 -5
  613. package/tags/tag.component.d.ts +20 -20
  614. package/textarea/README.md +0 -0
  615. package/textarea/package.json +5 -5
  616. package/timepicker/README.md +0 -0
  617. package/timepicker/package.json +5 -5
  618. package/toggle/package.json +5 -5
  619. package/tooltip/package.json +5 -5
  620. package/tree/data-source/flat-data-source.d.ts +2 -2
  621. package/tree/package.json +5 -5
  622. package/tree/toggle.d.ts +1 -1
  623. package/tree/tree-option.component.d.ts +5 -3
  624. package/tree/tree-selection.component.d.ts +1 -0
  625. package/tree-select/README.md +0 -0
  626. package/tree-select/package.json +5 -5
  627. package/tree-select/tree-select.component.d.ts +9 -1
  628. package/tree-select/tree-select.module.d.ts +2 -1
  629. package/bundles/ptsecurity-mosaic-autocomplete.umd.js +0 -1160
  630. package/bundles/ptsecurity-mosaic-autocomplete.umd.js.map +0 -1
  631. package/bundles/ptsecurity-mosaic-button-toggle.umd.js +0 -755
  632. package/bundles/ptsecurity-mosaic-button-toggle.umd.js.map +0 -1
  633. package/bundles/ptsecurity-mosaic-button.umd.js +0 -533
  634. package/bundles/ptsecurity-mosaic-button.umd.js.map +0 -1
  635. package/bundles/ptsecurity-mosaic-card.umd.js +0 -479
  636. package/bundles/ptsecurity-mosaic-card.umd.js.map +0 -1
  637. package/bundles/ptsecurity-mosaic-checkbox.umd.js +0 -762
  638. package/bundles/ptsecurity-mosaic-checkbox.umd.js.map +0 -1
  639. package/bundles/ptsecurity-mosaic-core.umd.js +0 -2843
  640. package/bundles/ptsecurity-mosaic-core.umd.js.map +0 -1
  641. package/bundles/ptsecurity-mosaic-datepicker.umd.js +0 -3355
  642. package/bundles/ptsecurity-mosaic-datepicker.umd.js.map +0 -1
  643. package/bundles/ptsecurity-mosaic-design-tokens.umd.js +0 -1872
  644. package/bundles/ptsecurity-mosaic-design-tokens.umd.js.map +0 -1
  645. package/bundles/ptsecurity-mosaic-divider.umd.js +0 -106
  646. package/bundles/ptsecurity-mosaic-divider.umd.js.map +0 -1
  647. package/bundles/ptsecurity-mosaic-dropdown.umd.js +0 -1517
  648. package/bundles/ptsecurity-mosaic-dropdown.umd.js.map +0 -1
  649. package/bundles/ptsecurity-mosaic-form-field.umd.js +0 -788
  650. package/bundles/ptsecurity-mosaic-form-field.umd.js.map +0 -1
  651. package/bundles/ptsecurity-mosaic-icon.umd.js +0 -450
  652. package/bundles/ptsecurity-mosaic-icon.umd.js.map +0 -1
  653. package/bundles/ptsecurity-mosaic-input.umd.js +0 -1008
  654. package/bundles/ptsecurity-mosaic-input.umd.js.map +0 -1
  655. package/bundles/ptsecurity-mosaic-link.umd.js +0 -515
  656. package/bundles/ptsecurity-mosaic-link.umd.js.map +0 -1
  657. package/bundles/ptsecurity-mosaic-list.umd.js +0 -1256
  658. package/bundles/ptsecurity-mosaic-list.umd.js.map +0 -1
  659. package/bundles/ptsecurity-mosaic-modal.umd.js +0 -1305
  660. package/bundles/ptsecurity-mosaic-modal.umd.js.map +0 -1
  661. package/bundles/ptsecurity-mosaic-navbar.umd.js +0 -930
  662. package/bundles/ptsecurity-mosaic-navbar.umd.js.map +0 -1
  663. package/bundles/ptsecurity-mosaic-popover.umd.js +0 -830
  664. package/bundles/ptsecurity-mosaic-popover.umd.js.map +0 -1
  665. package/bundles/ptsecurity-mosaic-progress-bar.umd.js +0 -440
  666. package/bundles/ptsecurity-mosaic-progress-bar.umd.js.map +0 -1
  667. package/bundles/ptsecurity-mosaic-progress-spinner.umd.js +0 -448
  668. package/bundles/ptsecurity-mosaic-progress-spinner.umd.js.map +0 -1
  669. package/bundles/ptsecurity-mosaic-radio.umd.js +0 -901
  670. package/bundles/ptsecurity-mosaic-radio.umd.js.map +0 -1
  671. package/bundles/ptsecurity-mosaic-select.umd.js +0 -1606
  672. package/bundles/ptsecurity-mosaic-select.umd.js.map +0 -1
  673. package/bundles/ptsecurity-mosaic-sidebar.umd.js +0 -254
  674. package/bundles/ptsecurity-mosaic-sidebar.umd.js.map +0 -1
  675. package/bundles/ptsecurity-mosaic-sidepanel.umd.js +0 -954
  676. package/bundles/ptsecurity-mosaic-sidepanel.umd.js.map +0 -1
  677. package/bundles/ptsecurity-mosaic-splitter.umd.js +0 -436
  678. package/bundles/ptsecurity-mosaic-splitter.umd.js.map +0 -1
  679. package/bundles/ptsecurity-mosaic-table.umd.js +0 -81
  680. package/bundles/ptsecurity-mosaic-table.umd.js.map +0 -1
  681. package/bundles/ptsecurity-mosaic-tabs.umd.js +0 -2013
  682. package/bundles/ptsecurity-mosaic-tabs.umd.js.map +0 -1
  683. package/bundles/ptsecurity-mosaic-tags.umd.js +0 -1911
  684. package/bundles/ptsecurity-mosaic-tags.umd.js.map +0 -1
  685. package/bundles/ptsecurity-mosaic-textarea.umd.js +0 -664
  686. package/bundles/ptsecurity-mosaic-textarea.umd.js.map +0 -1
  687. package/bundles/ptsecurity-mosaic-timepicker.umd.js +0 -820
  688. package/bundles/ptsecurity-mosaic-timepicker.umd.js.map +0 -1
  689. package/bundles/ptsecurity-mosaic-toggle.umd.js +0 -557
  690. package/bundles/ptsecurity-mosaic-toggle.umd.js.map +0 -1
  691. package/bundles/ptsecurity-mosaic-tooltip.umd.js +0 -777
  692. package/bundles/ptsecurity-mosaic-tooltip.umd.js.map +0 -1
  693. package/bundles/ptsecurity-mosaic-tree-select.umd.js +0 -1368
  694. package/bundles/ptsecurity-mosaic-tree-select.umd.js.map +0 -1
  695. package/bundles/ptsecurity-mosaic-tree.umd.js +0 -2301
  696. package/bundles/ptsecurity-mosaic-tree.umd.js.map +0 -1
  697. package/bundles/ptsecurity-mosaic.umd.js +0 -11
  698. package/bundles/ptsecurity-mosaic.umd.js.map +0 -1
  699. package/design-tokens/tokens/components/checkbox.json5 +0 -39
  700. package/design-tokens/tokens/components/modal.json5 +0 -67
  701. package/design-tokens/tokens/components/navbar.json5 +0 -64
  702. package/design-tokens/tokens/components/radio.json5 +0 -45
  703. package/design-tokens/tokens/components/tags.json5 +0 -126
  704. package/design-tokens/tokens/components/toggle.json5 +0 -55
  705. package/design-tokens/tokens.d.ts +0 -7637
  706. package/esm2015/autocomplete/autocomplete-origin.directive.js +0 -21
  707. package/esm2015/autocomplete/autocomplete-trigger.directive.js +0 -555
  708. package/esm2015/autocomplete/autocomplete.component.js +0 -163
  709. package/esm2015/autocomplete/autocomplete.module.js +0 -34
  710. package/esm2015/button/button.component.js +0 -129
  711. package/esm2015/button/button.module.js +0 -42
  712. package/esm2015/button-toggle/button-toggle.component.js +0 -370
  713. package/esm2015/button-toggle/button-toggle.module.js +0 -19
  714. package/esm2015/card/card.component.js +0 -88
  715. package/esm2015/card/card.module.js +0 -30
  716. package/esm2015/checkbox/checkbox-module.js +0 -19
  717. package/esm2015/checkbox/checkbox-required-validator.js +0 -27
  718. package/esm2015/checkbox/checkbox.js +0 -325
  719. package/esm2015/core/common-behaviors/common-module.js +0 -83
  720. package/esm2015/core/error/error-options.js +0 -26
  721. package/esm2015/core/formatters/date/formatter.js +0 -288
  722. package/esm2015/core/formatters/date/templates/en-US.js +0 -280
  723. package/esm2015/core/formatters/date/templates/ru-RU.js +0 -280
  724. package/esm2015/core/formatters/index.js +0 -20
  725. package/esm2015/core/formatters/number/formatter.js +0 -99
  726. package/esm2015/core/forms/forms-module.js +0 -24
  727. package/esm2015/core/forms/forms.directive.js +0 -66
  728. package/esm2015/core/highlight/highlight.pipe.js +0 -17
  729. package/esm2015/core/highlight/index.js +0 -19
  730. package/esm2015/core/line/line.js +0 -70
  731. package/esm2015/core/option/action.js +0 -131
  732. package/esm2015/core/option/optgroup.js +0 -40
  733. package/esm2015/core/option/option-module.js +0 -21
  734. package/esm2015/core/option/option.js +0 -262
  735. package/esm2015/core/pop-up/pop-up-trigger.js +0 -241
  736. package/esm2015/core/pop-up/pop-up.js +0 -87
  737. package/esm2015/core/public-api.js +0 -17
  738. package/esm2015/core/selection/pseudo-checkbox/pseudo-checkbox.js +0 -45
  739. package/esm2015/core/selection/pseudo-checkbox/pseudo-checkbox.module.js +0 -18
  740. package/esm2015/core/services/measure-scrollbar.service.js +0 -48
  741. package/esm2015/datepicker/calendar-body.component.js +0 -114
  742. package/esm2015/datepicker/calendar.component.js +0 -377
  743. package/esm2015/datepicker/datepicker-input.directive.js +0 -885
  744. package/esm2015/datepicker/datepicker-intl.js +0 -40
  745. package/esm2015/datepicker/datepicker-module.js +0 -107
  746. package/esm2015/datepicker/datepicker-toggle.component.js +0 -94
  747. package/esm2015/datepicker/datepicker.component.js +0 -418
  748. package/esm2015/datepicker/month-view.component.js +0 -263
  749. package/esm2015/datepicker/multi-year-view.component.js +0 -224
  750. package/esm2015/datepicker/year-view.component.js +0 -259
  751. package/esm2015/design-tokens/public-api.js +0 -2
  752. package/esm2015/design-tokens/tokens.js +0 -931
  753. package/esm2015/divider/divider.component.js +0 -46
  754. package/esm2015/divider/divider.module.js +0 -18
  755. package/esm2015/dropdown/dropdown-content.directive.js +0 -66
  756. package/esm2015/dropdown/dropdown-item.component.js +0 -142
  757. package/esm2015/dropdown/dropdown-trigger.directive.js +0 -478
  758. package/esm2015/dropdown/dropdown.component.js +0 -302
  759. package/esm2015/dropdown/dropdown.module.js +0 -50
  760. package/esm2015/form-field/cleaner.js +0 -23
  761. package/esm2015/form-field/form-field.js +0 -224
  762. package/esm2015/form-field/form-field.module.js +0 -52
  763. package/esm2015/form-field/hint.js +0 -23
  764. package/esm2015/form-field/prefix.js +0 -13
  765. package/esm2015/form-field/stepper.js +0 -55
  766. package/esm2015/form-field/suffix.js +0 -13
  767. package/esm2015/icon/icon.component.js +0 -51
  768. package/esm2015/icon/icon.module.js +0 -38
  769. package/esm2015/input/input-number-validators.js +0 -92
  770. package/esm2015/input/input-number.js +0 -163
  771. package/esm2015/input/input.js +0 -333
  772. package/esm2015/input/input.module.js +0 -23
  773. package/esm2015/link/link.component.js +0 -108
  774. package/esm2015/link/link.module.js +0 -26
  775. package/esm2015/list/list-selection.component.js +0 -716
  776. package/esm2015/list/list.component.js +0 -58
  777. package/esm2015/list/list.module.js +0 -55
  778. package/esm2015/modal/css-unit.pipe.js +0 -17
  779. package/esm2015/modal/modal-control.service.js +0 -63
  780. package/esm2015/modal/modal.component.js +0 -508
  781. package/esm2015/modal/modal.directive.js +0 -52
  782. package/esm2015/modal/modal.module.js +0 -72
  783. package/esm2015/modal/modal.service.js +0 -117
  784. package/esm2015/navbar/navbar-item.component.js +0 -209
  785. package/esm2015/navbar/navbar.component.js +0 -118
  786. package/esm2015/navbar/navbar.module.js +0 -76
  787. package/esm2015/navbar/vertical-navbar.animation.js +0 -10
  788. package/esm2015/navbar/vertical-navbar.component.js +0 -140
  789. package/esm2015/popover/popover-confirm.component.js +0 -115
  790. package/esm2015/popover/popover.component.js +0 -256
  791. package/esm2015/popover/popover.module.js +0 -23
  792. package/esm2015/progress-bar/progress-bar.component.js +0 -50
  793. package/esm2015/progress-bar/progress-bar.module.js +0 -30
  794. package/esm2015/progress-spinner/progress-spinner.component.js +0 -54
  795. package/esm2015/progress-spinner/progress-spinner.module.js +0 -30
  796. package/esm2015/radio/radio.component.js +0 -467
  797. package/esm2015/radio/radio.module.js +0 -20
  798. package/esm2015/select/select.component.js +0 -1122
  799. package/esm2015/select/select.module.js +0 -64
  800. package/esm2015/sidebar/sidebar.component.js +0 -155
  801. package/esm2015/sidebar/sidebar.module.js +0 -30
  802. package/esm2015/sidepanel/sidepanel-container.component.js +0 -114
  803. package/esm2015/sidepanel/sidepanel-directives.js +0 -159
  804. package/esm2015/sidepanel/sidepanel.module.js +0 -74
  805. package/esm2015/sidepanel/sidepanel.service.js +0 -164
  806. package/esm2015/splitter/splitter.component.js +0 -331
  807. package/esm2015/splitter/splitter.module.js +0 -38
  808. package/esm2015/table/table.component.js +0 -16
  809. package/esm2015/table/table.module.js +0 -30
  810. package/esm2015/tabs/paginated-tab-header.js +0 -482
  811. package/esm2015/tabs/tab-body.component.js +0 -186
  812. package/esm2015/tabs/tab-content.directive.js +0 -15
  813. package/esm2015/tabs/tab-group.component.js +0 -359
  814. package/esm2015/tabs/tab-header.component.js +0 -76
  815. package/esm2015/tabs/tab-label-wrapper.directive.js +0 -78
  816. package/esm2015/tabs/tab-label.directive.js +0 -17
  817. package/esm2015/tabs/tab-nav-bar/tab-nav-bar.js +0 -118
  818. package/esm2015/tabs/tab.component.js +0 -133
  819. package/esm2015/tabs/tabs.module.js +0 -104
  820. package/esm2015/tags/tag-input.js +0 -229
  821. package/esm2015/tags/tag-list.component.js +0 -732
  822. package/esm2015/tags/tag.component.js +0 -382
  823. package/esm2015/tags/tag.module.js +0 -56
  824. package/esm2015/textarea/textarea.component.js +0 -268
  825. package/esm2015/textarea/textarea.module.js +0 -21
  826. package/esm2015/timepicker/timepicker.directive.js +0 -652
  827. package/esm2015/timepicker/timepicker.module.js +0 -34
  828. package/esm2015/toggle/toggle.component.js +0 -169
  829. package/esm2015/toggle/toggle.module.js +0 -20
  830. package/esm2015/tooltip/tooltip.component.js +0 -299
  831. package/esm2015/tooltip/tooltip.module.js +0 -43
  832. package/esm2015/tree/data-source/flat-data-source.js +0 -162
  833. package/esm2015/tree/node.js +0 -31
  834. package/esm2015/tree/outlet.js +0 -15
  835. package/esm2015/tree/padding.directive.js +0 -111
  836. package/esm2015/tree/toggle.js +0 -89
  837. package/esm2015/tree/tree-base.js +0 -243
  838. package/esm2015/tree/tree-option.component.js +0 -238
  839. package/esm2015/tree/tree-selection.component.js +0 -541
  840. package/esm2015/tree/tree.js +0 -23
  841. package/esm2015/tree/tree.module.js +0 -53
  842. package/esm2015/tree-select/tree-select.component.js +0 -900
  843. package/esm2015/tree-select/tree-select.module.js +0 -43
  844. package/fesm2015/ptsecurity-mosaic-autocomplete.js +0 -761
  845. package/fesm2015/ptsecurity-mosaic-autocomplete.js.map +0 -1
  846. package/fesm2015/ptsecurity-mosaic-button-toggle.js +0 -391
  847. package/fesm2015/ptsecurity-mosaic-button-toggle.js.map +0 -1
  848. package/fesm2015/ptsecurity-mosaic-button.js +0 -174
  849. package/fesm2015/ptsecurity-mosaic-button.js.map +0 -1
  850. package/fesm2015/ptsecurity-mosaic-card.js +0 -121
  851. package/fesm2015/ptsecurity-mosaic-card.js.map +0 -1
  852. package/fesm2015/ptsecurity-mosaic-checkbox.js +0 -374
  853. package/fesm2015/ptsecurity-mosaic-checkbox.js.map +0 -1
  854. package/fesm2015/ptsecurity-mosaic-core.js +0 -2682
  855. package/fesm2015/ptsecurity-mosaic-core.js.map +0 -1
  856. package/fesm2015/ptsecurity-mosaic-datepicker.js +0 -2731
  857. package/fesm2015/ptsecurity-mosaic-datepicker.js.map +0 -1
  858. package/fesm2015/ptsecurity-mosaic-design-tokens.js +0 -937
  859. package/fesm2015/ptsecurity-mosaic-design-tokens.js.map +0 -1
  860. package/fesm2015/ptsecurity-mosaic-divider.js +0 -68
  861. package/fesm2015/ptsecurity-mosaic-divider.js.map +0 -1
  862. package/fesm2015/ptsecurity-mosaic-dropdown.js +0 -1101
  863. package/fesm2015/ptsecurity-mosaic-dropdown.js.map +0 -1
  864. package/fesm2015/ptsecurity-mosaic-form-field.js +0 -396
  865. package/fesm2015/ptsecurity-mosaic-form-field.js.map +0 -1
  866. package/fesm2015/ptsecurity-mosaic-icon.js +0 -93
  867. package/fesm2015/ptsecurity-mosaic-icon.js.map +0 -1
  868. package/fesm2015/ptsecurity-mosaic-input.js +0 -605
  869. package/fesm2015/ptsecurity-mosaic-input.js.map +0 -1
  870. package/fesm2015/ptsecurity-mosaic-link.js +0 -137
  871. package/fesm2015/ptsecurity-mosaic-link.js.map +0 -1
  872. package/fesm2015/ptsecurity-mosaic-list.js +0 -827
  873. package/fesm2015/ptsecurity-mosaic-list.js.map +0 -1
  874. package/fesm2015/ptsecurity-mosaic-modal.js +0 -838
  875. package/fesm2015/ptsecurity-mosaic-modal.js.map +0 -1
  876. package/fesm2015/ptsecurity-mosaic-navbar.js +0 -539
  877. package/fesm2015/ptsecurity-mosaic-navbar.js.map +0 -1
  878. package/fesm2015/ptsecurity-mosaic-popover.js +0 -399
  879. package/fesm2015/ptsecurity-mosaic-popover.js.map +0 -1
  880. package/fesm2015/ptsecurity-mosaic-progress-bar.js +0 -84
  881. package/fesm2015/ptsecurity-mosaic-progress-bar.js.map +0 -1
  882. package/fesm2015/ptsecurity-mosaic-progress-spinner.js +0 -88
  883. package/fesm2015/ptsecurity-mosaic-progress-spinner.js.map +0 -1
  884. package/fesm2015/ptsecurity-mosaic-radio.js +0 -488
  885. package/fesm2015/ptsecurity-mosaic-radio.js.map +0 -1
  886. package/fesm2015/ptsecurity-mosaic-select.js +0 -1185
  887. package/fesm2015/ptsecurity-mosaic-select.js.map +0 -1
  888. package/fesm2015/ptsecurity-mosaic-sidebar.js +0 -211
  889. package/fesm2015/ptsecurity-mosaic-sidebar.js.map +0 -1
  890. package/fesm2015/ptsecurity-mosaic-sidepanel.js +0 -594
  891. package/fesm2015/ptsecurity-mosaic-sidepanel.js.map +0 -1
  892. package/fesm2015/ptsecurity-mosaic-splitter.js +0 -373
  893. package/fesm2015/ptsecurity-mosaic-splitter.js.map +0 -1
  894. package/fesm2015/ptsecurity-mosaic-table.js +0 -50
  895. package/fesm2015/ptsecurity-mosaic-table.js.map +0 -1
  896. package/fesm2015/ptsecurity-mosaic-tabs.js +0 -1533
  897. package/fesm2015/ptsecurity-mosaic-tabs.js.map +0 -1
  898. package/fesm2015/ptsecurity-mosaic-tags.js +0 -1385
  899. package/fesm2015/ptsecurity-mosaic-tags.js.map +0 -1
  900. package/fesm2015/ptsecurity-mosaic-textarea.js +0 -291
  901. package/fesm2015/ptsecurity-mosaic-textarea.js.map +0 -1
  902. package/fesm2015/ptsecurity-mosaic-timepicker.js +0 -712
  903. package/fesm2015/ptsecurity-mosaic-timepicker.js.map +0 -1
  904. package/fesm2015/ptsecurity-mosaic-toggle.js +0 -191
  905. package/fesm2015/ptsecurity-mosaic-toggle.js.map +0 -1
  906. package/fesm2015/ptsecurity-mosaic-tooltip.js +0 -362
  907. package/fesm2015/ptsecurity-mosaic-tooltip.js.map +0 -1
  908. package/fesm2015/ptsecurity-mosaic-tree-select.js +0 -942
  909. package/fesm2015/ptsecurity-mosaic-tree-select.js.map +0 -1
  910. package/fesm2015/ptsecurity-mosaic-tree.js +0 -1735
  911. package/fesm2015/ptsecurity-mosaic-tree.js.map +0 -1
  912. package/fesm2015/ptsecurity-mosaic.js +0 -4
  913. package/fesm2015/ptsecurity-mosaic.js.map +0 -1
package/_theming.scss CHANGED
@@ -1,4 +1,6 @@
1
1
  // Import all the theming
2
+ @use '../../../node_modules/@angular/cdk/overlay/index' as overlay;
3
+
2
4
  @keyframes mc-progress {
3
5
  from {
4
6
  background-position: 0 0;
@@ -96,65 +98,68 @@
96
98
 
97
99
 
98
100
  // Do not edit directly
99
- // Generated on Thu, 28 Oct 2021 12:33:10 GMT
100
-
101
- $light-color-scheme-primary-default: #338FCC;
102
- $light-color-scheme-second-default: #B3B3B3;
103
- $light-color-scheme-error-default: #E76E5C;
104
- $light-color-scheme-info-default: #AAD1EC;
105
- $light-color-scheme-success-default: #B4DEA4;
106
- $light-color-scheme-warning-default: #F0D49B;
107
- $light-color-scheme-foreground-text: #4D4D4D;
108
- $light-color-scheme-foreground-text-less-contrast: #999999;
109
- $light-color-scheme-foreground-text-disabled: #B3B3B3;
110
- $light-color-scheme-foreground-divider: #E6E6E6;
111
- $light-color-scheme-foreground-border: #B3B3B3;
112
- $light-color-scheme-foreground-icon: #999999;
101
+
102
+ $light-color-scheme-primary-default: #0374eb;
103
+ $light-color-scheme-second-default: #6d7a86;
104
+ $light-color-scheme-error-default: #db3c55;
105
+ $light-color-scheme-info-default: #0374eb;
106
+ $light-color-scheme-success-default: #028b49;
107
+ $light-color-scheme-warning-default: #a26e0c;
108
+ $light-color-scheme-foreground-text: #19252f;
109
+ $light-color-scheme-foreground-text-less-contrast: #6d7a86;
110
+ $light-color-scheme-foreground-text-disabled: #8c99a5;
111
+ $light-color-scheme-foreground-divider: #d7dee4;
112
+ $light-color-scheme-foreground-border: #bdc7d1;
113
+ $light-color-scheme-foreground-icon: #8c99a5;
113
114
  $light-color-scheme-background-background: white;
114
- $light-color-scheme-background-background-disabled: #F0F0F0;
115
+ $light-color-scheme-background-background-disabled: #f2f5f9;
115
116
  $light-color-scheme-background-overlay-hover: rgba(black, 0.05);
116
117
  $light-color-scheme-background-overlay-active: rgba(black, 0.1);
117
118
  $light-color-scheme-background-overlay-disabled: rgba(white, 0.3);
118
- $light-color-scheme-states-focused-color: #338FCC;
119
- $light-color-scheme-states-selected-color: #D8EAF7;
119
+ $light-color-scheme-states-focused-color: #0374eb;
120
+ $light-color-scheme-states-focused-color-error: #db3c55;
121
+ $light-color-scheme-states-selected-color: #e7f1ff;
120
122
  $light-color-scheme-states-pressed-shadow: inset 0 1px 2px 0 rgba(black, 0.2);
121
123
  $light-color-scheme-states-disabled-opacity: 0.3;
122
- $dark-color-scheme-primary-default: #57A4D7;
123
- $dark-color-scheme-second-default: #999999;
124
- $dark-color-scheme-error-default: #E76E5C;
125
- $dark-color-scheme-info-default: #57A4D7;
126
- $dark-color-scheme-success-default: #6FBA53;
127
- $dark-color-scheme-warning-default: #DFA739;
128
- $dark-color-scheme-foreground-text: #F0F0F0;
129
- $dark-color-scheme-foreground-text-less-contrast: #999999;
130
- $dark-color-scheme-foreground-text-disabled: #999999;
131
- $dark-color-scheme-foreground-divider: #666666;
132
- $dark-color-scheme-foreground-border: #808080;
133
- $dark-color-scheme-foreground-icon: #999999;
134
- $dark-color-scheme-background-background: #333333;
135
- $dark-color-scheme-background-background-disabled: #666666;
124
+ $dark-color-scheme-primary-default: #0059b8;
125
+ $dark-color-scheme-second-default: #515e69;
126
+ $dark-color-scheme-error-default: #b9023a;
127
+ $dark-color-scheme-info-default: #0c6579;
128
+ $dark-color-scheme-success-default: #016b37;
129
+ $dark-color-scheme-warning-default: #7e5406;
130
+ $dark-color-scheme-foreground-text: #f2f5f9;
131
+ $dark-color-scheme-foreground-text-less-contrast: #8c99a5;
132
+ $dark-color-scheme-foreground-text-disabled: #6d7a86;
133
+ $dark-color-scheme-foreground-divider: #333f4a;
134
+ $dark-color-scheme-foreground-border: #515e69;
135
+ $dark-color-scheme-foreground-icon: #8c99a5;
136
+ $dark-color-scheme-background-background: #19252f;
137
+ $dark-color-scheme-background-background-disabled: #333f4a;
136
138
  $dark-color-scheme-background-overlay-hover: rgba(black, 0.05);
137
139
  $dark-color-scheme-background-overlay-active: rgba(black, 0.1);
138
- $dark-color-scheme-background-overlay-disabled: rgba(white, 0.2);
139
- $dark-color-scheme-states-focused-color: #57A4D7;
140
- $dark-color-scheme-states-selected-color: #114E77;
140
+ $dark-color-scheme-background-overlay-disabled: rgba(black, 0.2);
141
+ $dark-color-scheme-states-focused-color: #4187ff;
142
+ $dark-color-scheme-states-focused-color-error: #b9023a;
143
+ $dark-color-scheme-states-selected-color: #014b9d;
141
144
  $dark-color-scheme-states-pressed-shadow: inset 1px 2px 2px 0 rgba(black, 0.2);
142
145
  $dark-color-scheme-states-disabled-opacity: 0.3;
143
- $font-family-base: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
146
+ $font-family-accent: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
147
+ $font-family-base: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
144
148
  $font-family-monospace: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
145
- $palette-blue-40: #F5FAFD;
146
- $palette-blue-60: #EBF4FB;
147
- $palette-blue-100: #D8EAF7;
148
- $palette-blue-200: #AAD1EC;
149
- $palette-blue-300: #7FBAE1;
150
- $palette-blue-400: #57A4D7;
151
- $palette-blue-500: #338FCC;
152
- $palette-blue-560: #277BB3;
153
- $palette-blue-600: #206EA2;
154
- $palette-blue-700: #114E77;
155
- $palette-blue-800: #07314D;
156
- $palette-blue-a100: rgba(0, 153, 255, 0.15);
157
- $palette-blue-a200: rgba(0, 153, 255, 0.3);
149
+ $palette-blue-40: #eff6ff;
150
+ $palette-blue-60: #e7f1ff;
151
+ $palette-blue-100: #c8dfff;
152
+ $palette-blue-200: #a2c7fe;
153
+ $palette-blue-300: #5697ff;
154
+ $palette-blue-400: #4187ff;
155
+ $palette-blue-500: #0374eb;
156
+ $palette-blue-560: #0059b8;
157
+ $palette-blue-600: #014b9d;
158
+ $palette-blue-700: #023c7f;
159
+ $palette-blue-800: #193060;
160
+ $palette-blue-900: #00224f;
161
+ $palette-blue-a100: rgba(3, 116, 235, 0.15);
162
+ $palette-blue-a200: rgba(3, 116, 235, 0.3);
158
163
  $palette-blue-contrast-40: #4D4D4D;
159
164
  $palette-blue-contrast-60: #4D4D4D;
160
165
  $palette-blue-contrast-100: #4D4D4D;
@@ -168,18 +173,19 @@ $palette-blue-contrast-700: white;
168
173
  $palette-blue-contrast-800: white;
169
174
  $palette-blue-contrast-a100: #4D4D4D;
170
175
  $palette-blue-contrast-a200: white;
171
- $palette-green-40: #F6FBF4;
172
- $palette-green-60: #EDF8E9;
173
- $palette-green-100: #DCF1D4;
174
- $palette-green-200: #B4DEA4;
175
- $palette-green-300: #8FCC79;
176
- $palette-green-400: #6FBA53;
177
- $palette-green-500: #52A832;
178
- $palette-green-560: #449327;
179
- $palette-green-600: #3B8520;
180
- $palette-green-700: #276211;
181
- $palette-green-800: #163F07;
182
- $palette-green-a100: rgba(68, 255, 0, 0.15);
176
+ $palette-green-40: #ecf9ef;
177
+ $palette-green-60: #d2f7db;
178
+ $palette-green-100: #b6ebc3;
179
+ $palette-green-200: #8ed5a1;
180
+ $palette-green-300: #4ba96c;
181
+ $palette-green-400: #319d5c;
182
+ $palette-green-500: #028b49;
183
+ $palette-green-560: #016b37;
184
+ $palette-green-600: #015a2d;
185
+ $palette-green-700: #004823;
186
+ $palette-green-800: #103920;
187
+ $palette-green-900: #002a12;
188
+ $palette-green-a100: rgba(2, 139, 73, 0.15);
183
189
  $palette-green-contrast-40: #4D4D4D;
184
190
  $palette-green-contrast-60: #4D4D4D;
185
191
  $palette-green-contrast-100: #4D4D4D;
@@ -192,18 +198,19 @@ $palette-green-contrast-600: white;
192
198
  $palette-green-contrast-700: white;
193
199
  $palette-green-contrast-800: white;
194
200
  $palette-green-contrast-a100: #4D4D4D;
195
- $palette-red-40: #FEF7F6;
196
- $palette-red-60: #FCEFEC;
197
- $palette-red-100: #FADEDA;
198
- $palette-red-200: #F4B7AE;
199
- $palette-red-300: #ED9284;
200
- $palette-red-400: #E76E5C;
201
- $palette-red-500: #E04D36;
202
- $palette-red-560: #C43E29;
203
- $palette-red-600: #B23522;
204
- $palette-red-700: #832112;
205
- $palette-red-800: #541208;
206
- $palette-red-a100: rgba(224, 79, 56, 0.15);
201
+ $palette-red-40: #fff3f3;
202
+ $palette-red-60: #ffeaea;
203
+ $palette-red-100: #fbd6d6;
204
+ $palette-red-200: #fcb2b4;
205
+ $palette-red-300: #ee6f79;
206
+ $palette-red-400: #ea5868;
207
+ $palette-red-500: #db3c55;
208
+ $palette-red-560: #b9023a;
209
+ $palette-red-600: #9e0130;
210
+ $palette-red-700: #800025;
211
+ $palette-red-800: #621420;
212
+ $palette-red-900: #500013;
213
+ $palette-red-a100: rgba(219, 60, 85, 0.15);
207
214
  $palette-red-contrast-40: #4D4D4D;
208
215
  $palette-red-contrast-60: #4D4D4D;
209
216
  $palette-red-contrast-100: #4D4D4D;
@@ -216,23 +223,24 @@ $palette-red-contrast-600: white;
216
223
  $palette-red-contrast-700: white;
217
224
  $palette-red-contrast-800: white;
218
225
  $palette-red-contrast-a100: #4D4D4D;
219
- $palette-grey-40: #F5F5F5;
220
- $palette-grey-60: #F0F0F0;
221
- $palette-grey-100: #E6E6E6;
222
- $palette-grey-200: #CCCCCC;
223
- $palette-grey-300: #B3B3B3;
224
- $palette-grey-400: #999999;
225
- $palette-grey-500: #808080;
226
- $palette-grey-560: #707070;
227
- $palette-grey-600: #666666;
228
- $palette-grey-700: #4D4D4D;
229
- $palette-grey-800: #333333;
230
- $palette-grey-a40: rgba(0, 0, 0, 0.04);
231
- $palette-grey-a60: rgba(0, 0, 0, 0.06);
232
- $palette-grey-a100: rgba(0, 0, 0, 0.1);
233
- $palette-grey-a200: rgba(0, 0, 0, 0.2);
234
- $palette-grey-a300: rgba(0, 0, 0, 0.3);
235
- $palette-grey-a500: rgba(0, 0, 0, 0.5);
226
+ $palette-grey-40: #f2f5f9;
227
+ $palette-grey-60: #ebeef2;
228
+ $palette-grey-100: #d7dee4;
229
+ $palette-grey-200: #bdc7d1;
230
+ $palette-grey-300: #8c99a5;
231
+ $palette-grey-400: #7f8c98;
232
+ $palette-grey-500: #6d7a86;
233
+ $palette-grey-560: #515e69;
234
+ $palette-grey-600: #434f5a;
235
+ $palette-grey-700: #333f4a;
236
+ $palette-grey-800: #27333e;
237
+ $palette-grey-900: #19252f;
238
+ $palette-grey-a40: rgba(25, 37, 47, 0.04);
239
+ $palette-grey-a60: rgba(25, 37, 47, 0.06);
240
+ $palette-grey-a100: rgba(25, 37, 47, 0.1);
241
+ $palette-grey-a200: rgba(25, 37, 47, 0.2);
242
+ $palette-grey-a300: rgba(25, 37, 47, 0.3);
243
+ $palette-grey-a500: rgba(25, 37, 47, 0.5);
236
244
  $palette-grey-contrast-40: #4D4D4D;
237
245
  $palette-grey-contrast-60: #4D4D4D;
238
246
  $palette-grey-contrast-100: #4D4D4D;
@@ -244,18 +252,19 @@ $palette-grey-contrast-560: white;
244
252
  $palette-grey-contrast-600: white;
245
253
  $palette-grey-contrast-700: white;
246
254
  $palette-grey-contrast-800: white;
247
- $palette-yellow-40: #FDFAF3;
248
- $palette-yellow-60: #FCF5E8;
249
- $palette-yellow-100: #F8EBD1;
250
- $palette-yellow-200: #F0D49B;
251
- $palette-yellow-300: #E7BD68;
252
- $palette-yellow-400: #DFA739;
253
- $palette-yellow-500: #D6930D;
254
- $palette-yellow-560: #BB800A;
255
- $palette-yellow-600: #AA7408;
256
- $palette-yellow-700: #7D5504;
257
- $palette-yellow-800: #503602;
258
- $palette-yellow-a100: rgba(255, 170, 0, 0.15);
255
+ $palette-yellow-40: #fff4dd;
256
+ $palette-yellow-60: #ffecce;
257
+ $palette-yellow-100: #fcdda6;
258
+ $palette-yellow-200: #f5c23c;
259
+ $palette-yellow-300: #e19f12;
260
+ $palette-yellow-400: #c78816;
261
+ $palette-yellow-500: #a26e0c;
262
+ $palette-yellow-560: #7e5406;
263
+ $palette-yellow-600: #6b4804;
264
+ $palette-yellow-700: #543803;
265
+ $palette-yellow-800: #3e3015;
266
+ $palette-yellow-900: #312001;
267
+ $palette-yellow-a100: rgba(255, 159, 18, 0.15);
259
268
  $palette-yellow-contrast-40: #4D4D4D;
260
269
  $palette-yellow-contrast-60: #4D4D4D;
261
270
  $palette-yellow-contrast-100: #4D4D4D;
@@ -268,36 +277,86 @@ $palette-yellow-contrast-600: white;
268
277
  $palette-yellow-contrast-700: white;
269
278
  $palette-yellow-contrast-800: white;
270
279
  $palette-yellow-contrast-a100: #4D4D4D;
271
- $alert-light-color-scheme-error-background: #FCEFEC;
272
- $alert-light-color-scheme-error-border: #E76E5C;
273
- $alert-light-color-scheme-error-icon: #E76E5C;
274
- $alert-light-color-scheme-warning-background: #FCF5E8;
275
- $alert-light-color-scheme-warning-border: #F0D49B;
276
- $alert-light-color-scheme-warning-icon: #DFA739;
277
- $alert-light-color-scheme-success-background: #EDF8E9;
278
- $alert-light-color-scheme-success-border: #B4DEA4;
279
- $alert-light-color-scheme-success-icon: #6FBA53;
280
- $alert-light-color-scheme-info-background: #EBF4FB;
281
- $alert-light-color-scheme-info-border: #AAD1EC;
282
- $alert-light-color-scheme-info-icon: #57A4D7;
283
- $alert-light-color-scheme-default-background: #F0F0F0;
284
- $alert-light-color-scheme-default-border: #B3B3B3;
285
- $alert-light-color-scheme-default-icon: #CCCCCC;
286
- $alert-dark-color-scheme-error-background: #832112;
287
- $alert-dark-color-scheme-error-border: #832112;
288
- $alert-dark-color-scheme-error-icon: #E76E5C;
289
- $alert-dark-color-scheme-warning-background: #7D5504;
290
- $alert-dark-color-scheme-warning-border: #7D5504;
291
- $alert-dark-color-scheme-warning-icon: #DFA739;
292
- $alert-dark-color-scheme-success-background: #276211;
293
- $alert-dark-color-scheme-success-border: #276211;
294
- $alert-dark-color-scheme-success-icon: #6FBA53;
295
- $alert-dark-color-scheme-info-background: #114E77;
296
- $alert-dark-color-scheme-info-border: #114E77;
297
- $alert-dark-color-scheme-info-icon: #57A4D7;
298
- $alert-dark-color-scheme-default-background: #4D4D4D;
299
- $alert-dark-color-scheme-default-border: #4D4D4D;
300
- $alert-dark-color-scheme-default-icon: #999999;
280
+ $palette-teal-40: #ebf8fd;
281
+ $palette-teal-60: #d9f3fd;
282
+ $palette-teal-100: #afe6f9;
283
+ $palette-teal-200: #6ed3f2;
284
+ $palette-teal-300: #18a5c5;
285
+ $palette-teal-400: #2099b7;
286
+ $palette-teal-500: #218ca8;
287
+ $palette-teal-560: #0c6579;
288
+ $palette-teal-600: #0c5567;
289
+ $palette-teal-700: #084453;
290
+ $palette-teal-800: #143641;
291
+ $palette-teal-900: #022731;
292
+ $palette-teal-contrast-40: #4D4D4D;
293
+ $palette-teal-contrast-60: #4D4D4D;
294
+ $palette-teal-contrast-100: #4D4D4D;
295
+ $palette-teal-contrast-200: #4D4D4D;
296
+ $palette-teal-contrast-300: #4D4D4D;
297
+ $palette-teal-contrast-400: white;
298
+ $palette-teal-contrast-500: white;
299
+ $palette-teal-contrast-560: white;
300
+ $palette-teal-contrast-600: white;
301
+ $palette-teal-contrast-700: white;
302
+ $palette-teal-contrast-800: white;
303
+ $palette-teal-contrast-a100: #4D4D4D;
304
+ $palette-teal-contrast-a200: white;
305
+ $palette-purple-40: #fff3fb;
306
+ $palette-purple-60: #ffe9f8;
307
+ $palette-purple-100: #f2d4e8;
308
+ $palette-purple-200: #e4bbd7;
309
+ $palette-purple-300: #c692b5;
310
+ $palette-purple-400: #bb78a7;
311
+ $palette-purple-500: #a65d92;
312
+ $palette-purple-560: #864775;
313
+ $palette-purple-600: #753865;
314
+ $palette-purple-700: #612853;
315
+ $palette-purple-800: #48273f;
316
+ $palette-purple-900: #36172e;
317
+ $palette-purple-contrast-40: #4D4D4D;
318
+ $palette-purple-contrast-60: #4D4D4D;
319
+ $palette-purple-contrast-100: #4D4D4D;
320
+ $palette-purple-contrast-200: #4D4D4D;
321
+ $palette-purple-contrast-300: #4D4D4D;
322
+ $palette-purple-contrast-400: white;
323
+ $palette-purple-contrast-500: white;
324
+ $palette-purple-contrast-560: white;
325
+ $palette-purple-contrast-600: white;
326
+ $palette-purple-contrast-700: white;
327
+ $palette-purple-contrast-800: white;
328
+ $palette-purple-contrast-a100: #4D4D4D;
329
+ $palette-purple-contrast-a200: white;
330
+ $alert-light-color-scheme-error-background: #fff3f3;
331
+ $alert-light-color-scheme-error-border: #fbd6d6;
332
+ $alert-light-color-scheme-error-icon: #ee6f79;
333
+ $alert-light-color-scheme-warning-background: #fff4dd;
334
+ $alert-light-color-scheme-warning-border: #fcdda6;
335
+ $alert-light-color-scheme-warning-icon: #e19f12;
336
+ $alert-light-color-scheme-success-background: #ecf9ef;
337
+ $alert-light-color-scheme-success-border: #b6ebc3;
338
+ $alert-light-color-scheme-success-icon: #4ba96c;
339
+ $alert-light-color-scheme-info-background: #ebf8fd;
340
+ $alert-light-color-scheme-info-border: #afe6f9;
341
+ $alert-light-color-scheme-info-icon: #18a5c5;
342
+ $alert-light-color-scheme-default-background: #f2f5f9;
343
+ $alert-light-color-scheme-default-border: #d7dee4;
344
+ $alert-light-color-scheme-default-icon: #8c99a5;
345
+ $alert-dark-color-scheme-error-background: #500013;
346
+ $alert-dark-color-scheme-error-border: #800025;
347
+ $alert-dark-color-scheme-error-icon: #ee6f79;
348
+ $alert-dark-color-scheme-warning-background: #3e3015;
349
+ $alert-dark-color-scheme-warning-border: #543803;
350
+ $alert-dark-color-scheme-warning-icon: #e19f12;
351
+ $alert-dark-color-scheme-success-background: #103920;
352
+ $alert-dark-color-scheme-success-border: #004823;
353
+ $alert-dark-color-scheme-success-icon: #4ba96c;
354
+ $alert-dark-color-scheme-info-background: #143641;
355
+ $alert-dark-color-scheme-info-border: #084453;
356
+ $alert-dark-color-scheme-info-icon: #18a5c5;
357
+ $alert-dark-color-scheme-default-background: #27333e;
358
+ $alert-dark-color-scheme-default-border: #333f4a;
359
+ $alert-dark-color-scheme-default-icon: #8c99a5;
301
360
  $alert-size-border-width: 1px;
302
361
  $alert-size-border-radius: 4px;
303
362
  $alert-size-horizontal-padding: 16px;
@@ -334,136 +393,136 @@ $badge-font-default-mono: caption-mono;
334
393
  $badge-font-mini-default: extra-small-text;
335
394
  $badge-font-mini-caps: extra-small-text-caps;
336
395
  $badge-font-mini-mono: extra-small-text-mono;
337
- $badge-light-color-scheme-solid-primary-background: #338FCC;
396
+ $badge-light-color-scheme-solid-primary-background: #4187ff;
397
+ $badge-light-color-scheme-solid-primary-border: #4187ff;
338
398
  $badge-light-color-scheme-solid-primary-color: white;
339
- $badge-light-color-scheme-solid-primary-border: #338FCC;
340
- $badge-light-color-scheme-solid-info-border: #338FCC;
341
- $badge-light-color-scheme-solid-info-background: #338FCC;
399
+ $badge-light-color-scheme-solid-info-background: #2099b7;
400
+ $badge-light-color-scheme-solid-info-border: #2099b7;
342
401
  $badge-light-color-scheme-solid-info-color: white;
343
- $badge-light-color-scheme-solid-success-border: #52A832;
344
- $badge-light-color-scheme-solid-success-background: #52A832;
402
+ $badge-light-color-scheme-solid-success-background: #319d5c;
403
+ $badge-light-color-scheme-solid-success-border: #319d5c;
345
404
  $badge-light-color-scheme-solid-success-color: white;
346
- $badge-light-color-scheme-solid-warning-border: #D6930D;
347
- $badge-light-color-scheme-solid-warning-background: #D6930D;
405
+ $badge-light-color-scheme-solid-warning-background: #c78816;
406
+ $badge-light-color-scheme-solid-warning-border: #c78816;
348
407
  $badge-light-color-scheme-solid-warning-color: white;
349
- $badge-light-color-scheme-solid-error-border: #E04D36;
350
- $badge-light-color-scheme-solid-error-background: #E04D36;
408
+ $badge-light-color-scheme-solid-error-background: #ea5868;
409
+ $badge-light-color-scheme-solid-error-border: #ea5868;
351
410
  $badge-light-color-scheme-solid-error-color: white;
352
- $badge-light-color-scheme-solid-transparent-border: #CCCCCC;
353
- $badge-light-color-scheme-solid-transparent-color: #4D4D4D;
354
411
  $badge-light-color-scheme-solid-transparent-background: transparent;
355
- $badge-light-color-scheme-solid-light-border: #E6E6E6;
356
- $badge-light-color-scheme-solid-light-background: #E6E6E6;
357
- $badge-light-color-scheme-solid-light-color: #4D4D4D;
358
- $badge-light-color-scheme-solid-second-border: #666666;
359
- $badge-light-color-scheme-solid-second-background: #666666;
412
+ $badge-light-color-scheme-solid-transparent-border: #bdc7d1;
413
+ $badge-light-color-scheme-solid-transparent-color: #19252f;
414
+ $badge-light-color-scheme-solid-light-background: #d7dee4;
415
+ $badge-light-color-scheme-solid-light-border: #d7dee4;
416
+ $badge-light-color-scheme-solid-light-color: #19252f;
417
+ $badge-light-color-scheme-solid-second-background: #7f8c98;
418
+ $badge-light-color-scheme-solid-second-border: #7f8c98;
360
419
  $badge-light-color-scheme-solid-second-color: white;
361
- $badge-light-color-scheme-pastel-primary-background: #F5FAFD;
362
- $badge-light-color-scheme-pastel-primary-border: #AAD1EC;
363
- $badge-light-color-scheme-pastel-primary-color: #338FCC;
364
- $badge-light-color-scheme-pastel-info-background: #F5FAFD;
365
- $badge-light-color-scheme-pastel-info-border: #AAD1EC;
366
- $badge-light-color-scheme-pastel-info-color: #338FCC;
367
- $badge-light-color-scheme-pastel-success-background: #F6FBF4;
368
- $badge-light-color-scheme-pastel-success-border: #B4DEA4;
369
- $badge-light-color-scheme-pastel-success-color: #449327;
370
- $badge-light-color-scheme-pastel-warning-background: #FDFAF3;
371
- $badge-light-color-scheme-pastel-warning-border: #F0D49B;
372
- $badge-light-color-scheme-pastel-warning-color: #BB800A;
373
- $badge-light-color-scheme-pastel-error-background: #FEF7F6;
374
- $badge-light-color-scheme-pastel-error-border: #F4B7AE;
375
- $badge-light-color-scheme-pastel-error-color: #E04D36;
376
- $badge-dark-color-scheme-pastel-primary-background: rgba(0, 153, 255, 0.15);
377
- $badge-dark-color-scheme-pastel-primary-color: #D8EAF7;
378
- $badge-dark-color-scheme-pastel-primary-border: #114E77;
379
- $badge-dark-color-scheme-pastel-info-background: #D8EAF7;
380
- $badge-dark-color-scheme-pastel-info-color: #D8EAF7;
381
- $badge-dark-color-scheme-pastel-info-border: rgba(0, 153, 255, 0.15);
382
- $badge-dark-color-scheme-pastel-success-border: #276211;
383
- $badge-dark-color-scheme-pastel-success-background: rgba(68, 255, 0, 0.15);
384
- $badge-dark-color-scheme-pastel-success-color: #DCF1D4;
385
- $badge-dark-color-scheme-pastel-warning-border: #7D5504;
386
- $badge-dark-color-scheme-pastel-warning-background: rgba(255, 170, 0, 0.15);
387
- $badge-dark-color-scheme-pastel-warning-color: #F8EBD1;
388
- $badge-dark-color-scheme-pastel-error-border: #832112;
389
- $badge-dark-color-scheme-pastel-error-background: rgba(224, 79, 56, 0.15);
390
- $badge-dark-color-scheme-pastel-error-color: #FADEDA;
391
- $badge-dark-color-scheme-solid-primary-background: #114E77;
420
+ $badge-light-color-scheme-pastel-primary-background: #eff6ff;
421
+ $badge-light-color-scheme-pastel-primary-border: #a2c7fe;
422
+ $badge-light-color-scheme-pastel-primary-color: #4187ff;
423
+ $badge-light-color-scheme-pastel-info-background: #ebf8fd;
424
+ $badge-light-color-scheme-pastel-info-border: #a2c7fe;
425
+ $badge-light-color-scheme-pastel-info-color: #2099b7;
426
+ $badge-light-color-scheme-pastel-success-background: #ecf9ef;
427
+ $badge-light-color-scheme-pastel-success-border: #8ed5a1;
428
+ $badge-light-color-scheme-pastel-success-color: #028b49;
429
+ $badge-light-color-scheme-pastel-warning-background: #fff4dd;
430
+ $badge-light-color-scheme-pastel-warning-border: #f5c23c;
431
+ $badge-light-color-scheme-pastel-warning-color: #a26e0c;
432
+ $badge-light-color-scheme-pastel-error-background: #fff3f3;
433
+ $badge-light-color-scheme-pastel-error-border: #fcb2b4;
434
+ $badge-light-color-scheme-pastel-error-color: #db3c55;
435
+ $badge-dark-color-scheme-pastel-primary-background: #193060;
436
+ $badge-dark-color-scheme-pastel-primary-border: #014b9d;
437
+ $badge-dark-color-scheme-pastel-primary-color: #a2c7fe;
438
+ $badge-dark-color-scheme-pastel-info-background: #143641;
439
+ $badge-dark-color-scheme-pastel-info-border: #0c5567;
440
+ $badge-dark-color-scheme-pastel-info-color: #6ed3f2;
441
+ $badge-dark-color-scheme-pastel-success-background: #103920;
442
+ $badge-dark-color-scheme-pastel-success-border: #015a2d;
443
+ $badge-dark-color-scheme-pastel-success-color: #8ed5a1;
444
+ $badge-dark-color-scheme-pastel-warning-background: #3e3015;
445
+ $badge-dark-color-scheme-pastel-warning-border: #6b4804;
446
+ $badge-dark-color-scheme-pastel-warning-color: #f5c23c;
447
+ $badge-dark-color-scheme-pastel-error-background: #621420;
448
+ $badge-dark-color-scheme-pastel-error-border: #9e0130;
449
+ $badge-dark-color-scheme-pastel-error-color: #fcb2b4;
450
+ $badge-dark-color-scheme-solid-primary-background: #0059b8;
451
+ $badge-dark-color-scheme-solid-primary-border: #0059b8;
392
452
  $badge-dark-color-scheme-solid-primary-color: white;
393
- $badge-dark-color-scheme-solid-primary-border: #114E77;
394
- $badge-dark-color-scheme-solid-info-border: #07314D;
395
- $badge-dark-color-scheme-solid-info-background: #07314D;
453
+ $badge-dark-color-scheme-solid-info-background: #0c6579;
454
+ $badge-dark-color-scheme-solid-info-border: #0c6579;
396
455
  $badge-dark-color-scheme-solid-info-color: white;
397
- $badge-dark-color-scheme-solid-success-border: #276211;
398
- $badge-dark-color-scheme-solid-success-background: #276211;
456
+ $badge-dark-color-scheme-solid-success-background: #016b37;
457
+ $badge-dark-color-scheme-solid-success-border: #016b37;
399
458
  $badge-dark-color-scheme-solid-success-color: white;
400
- $badge-dark-color-scheme-solid-warning-border: #7D5504;
401
- $badge-dark-color-scheme-solid-warning-background: #7D5504;
459
+ $badge-dark-color-scheme-solid-warning-background: #7e5406;
460
+ $badge-dark-color-scheme-solid-warning-border: #7e5406;
402
461
  $badge-dark-color-scheme-solid-warning-color: white;
403
- $badge-dark-color-scheme-solid-error-border: #832112;
404
- $badge-dark-color-scheme-solid-error-background: #832112;
462
+ $badge-dark-color-scheme-solid-error-background: #b9023a;
463
+ $badge-dark-color-scheme-solid-error-border: #b9023a;
405
464
  $badge-dark-color-scheme-solid-error-color: white;
406
- $badge-dark-color-scheme-solid-transparent-border: #808080;
407
- $badge-dark-color-scheme-solid-transparent-color: #F5F5F5;
408
465
  $badge-dark-color-scheme-solid-transparent-background: transparent;
409
- $badge-dark-color-scheme-solid-light-border: #999999;
410
- $badge-dark-color-scheme-solid-light-background: #999999;
466
+ $badge-dark-color-scheme-solid-transparent-border: #515e69;
467
+ $badge-dark-color-scheme-solid-transparent-color: white;
468
+ $badge-dark-color-scheme-solid-light-background: #7f8c98;
469
+ $badge-dark-color-scheme-solid-light-border: #7f8c98;
411
470
  $badge-dark-color-scheme-solid-light-color: white;
412
- $badge-dark-color-scheme-solid-second-border: #4D4D4D;
413
- $badge-dark-color-scheme-solid-second-background: #4D4D4D;
471
+ $badge-dark-color-scheme-solid-second-background: #515e69;
472
+ $badge-dark-color-scheme-solid-second-border: #515e69;
414
473
  $badge-dark-color-scheme-solid-second-color: white;
415
474
  $button-toggle-size-border-size: 1px;
416
475
  $button-toggle-size-border-radius: 3px;
417
476
  $button-light-color-scheme-active-shadow: inset 0 1px 2px 0 rgba(black, 0.2);
418
477
  $button-light-color-scheme-primary-color: white;
419
- $button-light-color-scheme-primary-border: #277BB3;
420
- $button-light-color-scheme-primary-background: #338FCC;
478
+ $button-light-color-scheme-primary-border: #0374eb;
479
+ $button-light-color-scheme-primary-background: #0374eb;
421
480
  $button-light-color-scheme-primary-icon: white;
422
- $button-light-color-scheme-primary-states-active-border: darken(#277BB3, 5);
423
- $button-light-color-scheme-primary-states-active-background: darken(#338FCC, 5);
424
- $button-light-color-scheme-primary-transparent-color: #338FCC;
425
- $button-light-color-scheme-primary-transparent-icon: #338FCC;
426
- $button-light-color-scheme-primary-transparent-states-hover-color: #206EA2;
427
- $button-light-color-scheme-primary-transparent-states-hover-icon: #206EA2;
428
- $button-light-color-scheme-primary-transparent-states-active-color: #114E77;
429
- $button-light-color-scheme-primary-transparent-states-active-icon: #114E77;
430
- $button-light-color-scheme-second-border: #B3B3B3;
431
- $button-light-color-scheme-second-background: #F0F0F0;
432
- $button-light-color-scheme-second-color: #4D4D4D;
433
- $button-light-color-scheme-second-icon: #999999;
434
- $button-light-color-scheme-second-states-active-border: darken(#B3B3B3, 5);
435
- $button-light-color-scheme-second-states-active-background: darken(#F0F0F0, 5);
436
- $button-light-color-scheme-error-border: #B3B3B3;
437
- $button-light-color-scheme-error-background: #F0F0F0;
438
- $button-light-color-scheme-error-color: #E76E5C;
439
- $button-light-color-scheme-error-icon: #E76E5C;
440
- $button-light-color-scheme-error-states-active-border: darken(#B3B3B3, 5);
441
- $button-light-color-scheme-error-states-active-background: darken(#F0F0F0, 5);
481
+ $button-light-color-scheme-primary-states-active-border: #0059b8;
482
+ $button-light-color-scheme-primary-states-active-background: #0059b8;
483
+ $button-light-color-scheme-primary-transparent-color: #0374eb;
484
+ $button-light-color-scheme-primary-transparent-icon: #0374eb;
485
+ $button-light-color-scheme-primary-transparent-states-hover-color: #0059b8;
486
+ $button-light-color-scheme-primary-transparent-states-hover-icon: #0059b8;
487
+ $button-light-color-scheme-primary-transparent-states-active-color: #014b9d;
488
+ $button-light-color-scheme-primary-transparent-states-active-icon: #014b9d;
489
+ $button-light-color-scheme-second-border: #d7dee4;
490
+ $button-light-color-scheme-second-background: #d7dee4;
491
+ $button-light-color-scheme-second-color: #19252f;
492
+ $button-light-color-scheme-second-icon: #8c99a5;
493
+ $button-light-color-scheme-second-states-active-border: #bdc7d1;
494
+ $button-light-color-scheme-second-states-active-background: #bdc7d1;
495
+ $button-light-color-scheme-error-border: #d7dee4;
496
+ $button-light-color-scheme-error-background: #d7dee4;
497
+ $button-light-color-scheme-error-color: #ea5868;
498
+ $button-light-color-scheme-error-icon: #ea5868;
499
+ $button-light-color-scheme-error-states-active-border: #bdc7d1;
500
+ $button-light-color-scheme-error-states-active-background: #bdc7d1;
442
501
  $button-dark-color-scheme-active-shadow: inset 1px 2px 2px 0 rgba(black, 0.2);
443
502
  $button-dark-color-scheme-primary-color: white;
444
- $button-dark-color-scheme-primary-border: #277BB3;
445
- $button-dark-color-scheme-primary-background: #338FCC;
503
+ $button-dark-color-scheme-primary-border: #0059b8;
504
+ $button-dark-color-scheme-primary-background: #0059b8;
446
505
  $button-dark-color-scheme-primary-icon: white;
447
- $button-dark-color-scheme-primary-states-active-border: darken(#277BB3, 5);
448
- $button-dark-color-scheme-primary-states-active-background: darken(#57A4D7, 5);
449
- $button-dark-color-scheme-primary-transparent-color: #338FCC;
450
- $button-dark-color-scheme-primary-transparent-icon: #338FCC;
451
- $button-dark-color-scheme-primary-transparent-states-hover-color: #206EA2;
452
- $button-dark-color-scheme-primary-transparent-states-hover-icon: #206EA2;
453
- $button-dark-color-scheme-primary-transparent-states-active-color: #114E77;
454
- $button-dark-color-scheme-primary-transparent-states-active-icon: #114E77;
455
- $button-dark-color-scheme-second-border: #808080;
456
- $button-dark-color-scheme-second-background: #666666;
457
- $button-dark-color-scheme-second-color: #F0F0F0;
458
- $button-dark-color-scheme-second-icon: #999999;
459
- $button-dark-color-scheme-second-states-active-border: darken(#808080, 5);
460
- $button-dark-color-scheme-second-states-active-background: darken(#666666, 5);
461
- $button-dark-color-scheme-error-border: #808080;
462
- $button-dark-color-scheme-error-background: #666666;
463
- $button-dark-color-scheme-error-color: #E76E5C;
464
- $button-dark-color-scheme-error-icon: #E76E5C;
465
- $button-dark-color-scheme-error-states-active-border: darken(#808080, 5);
466
- $button-dark-color-scheme-error-states-active-background: darken(#666666, 5);
506
+ $button-dark-color-scheme-primary-states-active-border: darken(#014b9d, 5);
507
+ $button-dark-color-scheme-primary-states-active-background: darken(#014b9d, 5);
508
+ $button-dark-color-scheme-primary-transparent-color: #0374eb;
509
+ $button-dark-color-scheme-primary-transparent-icon: #0374eb;
510
+ $button-dark-color-scheme-primary-transparent-states-hover-color: #014b9d;
511
+ $button-dark-color-scheme-primary-transparent-states-hover-icon: #014b9d;
512
+ $button-dark-color-scheme-primary-transparent-states-active-color: #023c7f;
513
+ $button-dark-color-scheme-primary-transparent-states-active-icon: #023c7f;
514
+ $button-dark-color-scheme-second-border: #515e69;
515
+ $button-dark-color-scheme-second-background: #515e69;
516
+ $button-dark-color-scheme-second-color: #f2f5f9;
517
+ $button-dark-color-scheme-second-icon: #8c99a5;
518
+ $button-dark-color-scheme-second-states-active-border: #333f4a;
519
+ $button-dark-color-scheme-second-states-active-background: #333f4a;
520
+ $button-dark-color-scheme-error-border: #515e69;
521
+ $button-dark-color-scheme-error-background: #515e69;
522
+ $button-dark-color-scheme-error-color: #ea5868;
523
+ $button-dark-color-scheme-error-icon: #ea5868;
524
+ $button-dark-color-scheme-error-states-active-border: #333f4a;
525
+ $button-dark-color-scheme-error-states-active-background: #333f4a;
467
526
  $button-size-border-width: 1px;
468
527
  $button-size-border-radius: 3px;
469
528
  $button-size-vertical-padding: 6px;
@@ -474,41 +533,41 @@ $button-font-primary-transparent: body;
474
533
  $icon-button-size-vertical-padding: 6px;
475
534
  $icon-button-size-horizontal-padding: 8px;
476
535
  $icon-button-size-icon-horizontal-padding: 16px;
477
- $card-light-color-scheme-error-vertical-line: #E76E5C;
478
- $card-light-color-scheme-error-background: #FCEFEC;
479
- $card-light-color-scheme-error-shadow: #E6E6E6;
480
- $card-light-color-scheme-warning-vertical-line: #F0D49B;
481
- $card-light-color-scheme-warning-background: #FCF5E8;
482
- $card-light-color-scheme-warning-shadow: #E6E6E6;
483
- $card-light-color-scheme-success-vertical-line: #B4DEA4;
484
- $card-light-color-scheme-success-background: #EDF8E9;
485
- $card-light-color-scheme-success-shadow: #E6E6E6;
486
- $card-light-color-scheme-info-vertical-line: #AAD1EC;
487
- $card-light-color-scheme-info-background: #EBF4FB;
488
- $card-light-color-scheme-info-shadow: #E6E6E6;
489
- $card-dark-color-scheme-error-vertical-line: #E76E5C;
490
- $card-dark-color-scheme-error-background: #832112;
491
- $card-dark-color-scheme-error-shadow: #4D4D4D;
492
- $card-dark-color-scheme-warning-vertical-line: #DFA739;
493
- $card-dark-color-scheme-warning-background: #7D5504;
494
- $card-dark-color-scheme-warning-shadow: #4D4D4D;
495
- $card-dark-color-scheme-success-vertical-line: #6FBA53;
496
- $card-dark-color-scheme-success-background: #276211;
497
- $card-dark-color-scheme-success-shadow: #4D4D4D;
498
- $card-dark-color-scheme-info-vertical-line: #57A4D7;
499
- $card-dark-color-scheme-info-background: #114E77;
500
- $card-dark-color-scheme-info-shadow: #4D4D4D;
536
+ $card-light-color-scheme-error-vertical-line: #fbd6d6;
537
+ $card-light-color-scheme-error-background: #fff3f3;
538
+ $card-light-color-scheme-error-shadow: #fbd6d6;
539
+ $card-light-color-scheme-warning-vertical-line: #fcdda6;
540
+ $card-light-color-scheme-warning-background: #fff4dd;
541
+ $card-light-color-scheme-warning-shadow: #fcdda6;
542
+ $card-light-color-scheme-success-vertical-line: #b6ebc3;
543
+ $card-light-color-scheme-success-background: #ecf9ef;
544
+ $card-light-color-scheme-success-shadow: #b6ebc3;
545
+ $card-light-color-scheme-info-vertical-line: #afe6f9;
546
+ $card-light-color-scheme-info-background: #ebf8fd;
547
+ $card-light-color-scheme-info-shadow: #afe6f9;
548
+ $card-dark-color-scheme-error-vertical-line: #800025;
549
+ $card-dark-color-scheme-error-background: #500013;
550
+ $card-dark-color-scheme-error-shadow: #800025;
551
+ $card-dark-color-scheme-warning-vertical-line: #543803;
552
+ $card-dark-color-scheme-warning-background: #3e3015;
553
+ $card-dark-color-scheme-warning-shadow: #543803;
554
+ $card-dark-color-scheme-success-vertical-line: #004823;
555
+ $card-dark-color-scheme-success-background: #103920;
556
+ $card-dark-color-scheme-success-shadow: #004823;
557
+ $card-dark-color-scheme-info-vertical-line: #084453;
558
+ $card-dark-color-scheme-info-background: #143641;
559
+ $card-dark-color-scheme-info-shadow: #084453;
501
560
  $card-size-vertical-line: 4px;
502
- $checkbox-light-color-scheme-border: #B3B3B3;
503
- $checkbox-light-color-scheme-states-checked-border: #206EA2;
504
- $checkbox-light-color-scheme-states-checked-background: #338FCC;
505
- $checkbox-light-color-scheme-states-focused-border: #206EA2;
506
- $checkbox-light-color-scheme-states-focused-shadow: inset 0 0 0 1px white, 0 0 0 1px #206EA2;
507
- $checkbox-dark-color-scheme-border: #999999;
508
- $checkbox-dark-color-scheme-states-checked-border: #57A4D7;
509
- $checkbox-dark-color-scheme-states-checked-background: #206EA2;
510
- $checkbox-dark-color-scheme-states-focused-border: #57A4D7;
511
- $checkbox-dark-color-scheme-states-focused-shadow: inset 0 0 0 1px #333333, 0 0 0 1px #57A4D7;
561
+ $checkbox-light-color-scheme-border: #bdc7d1;
562
+ $checkbox-light-color-scheme-states-checked-border: #0374eb;
563
+ $checkbox-light-color-scheme-states-checked-background: #0374eb;
564
+ $checkbox-light-color-scheme-states-focused-border: #0374eb;
565
+ $checkbox-light-color-scheme-states-focused-shadow: 0 0 0 1px #0374eb;
566
+ $checkbox-dark-color-scheme-border: #515e69;
567
+ $checkbox-dark-color-scheme-states-checked-border: #0059b8;
568
+ $checkbox-dark-color-scheme-states-checked-background: #0059b8;
569
+ $checkbox-dark-color-scheme-states-focused-border: #4187ff;
570
+ $checkbox-dark-color-scheme-states-focused-shadow: 0 0 0 1px #4187ff;
512
571
  $checkbox-size-width: 16px;
513
572
  $checkbox-size-label-margin: 8px;
514
573
  $checkbox-size-border-width: 1px;
@@ -516,10 +575,10 @@ $checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2);
516
575
  $checkbox-font-default: body;
517
576
  $datepicker-toggle-size-width: 30px;
518
577
  $datepicker-toggle-size-height: 30px;
519
- $datepicker-body-light-color-scheme-states-selected-color: #338FCC;
520
- $datepicker-body-light-color-scheme-states-selected-background: #D8EAF7;
521
- $datepicker-body-dark-color-scheme-states-selected-color: #338FCC;
522
- $datepicker-body-dark-color-scheme-states-selected-background: #114E77;
578
+ $datepicker-body-light-color-scheme-states-selected-color: #0374eb;
579
+ $datepicker-body-light-color-scheme-states-selected-background: #e7f1ff;
580
+ $datepicker-body-dark-color-scheme-states-selected-color: #4187ff;
581
+ $datepicker-body-dark-color-scheme-states-selected-background: #014b9d;
523
582
  $datepicker-body-size-label-paddings: 8px 28px 12px 12px;
524
583
  $datepicker-body-size-cell-min-size: 32px;
525
584
  $datepicker-body-size-cell-margin: 5%;
@@ -555,15 +614,15 @@ $dropdown-panel-size-max-width: 640px;
555
614
  $dropdown-panel-size-padding: 4px 0;
556
615
  $dropdown-panel-size-border-width: 1px;
557
616
  $dropdown-panel-size-border-radius: 3px;
558
- $form-field-light-color-scheme-border: #B3B3B3;
617
+ $form-field-light-color-scheme-border: #bdc7d1;
559
618
  $form-field-light-color-scheme-background: white;
560
- $form-field-light-color-scheme-states-hover-border: #999999;
561
- $form-field-light-color-scheme-states-invalid-border: #E76E5C;
619
+ $form-field-light-color-scheme-states-hover-border: #bdc7d1;
620
+ $form-field-light-color-scheme-states-invalid-border: #db3c55;
562
621
  $form-field-light-color-scheme-states-invalid-background: transparent;
563
- $form-field-dark-color-scheme-border: #999999;
564
- $form-field-dark-color-scheme-background: #333333;
565
- $form-field-dark-color-scheme-states-hover-border: #CCCCCC;
566
- $form-field-dark-color-scheme-states-invalid-border: #E76E5C;
622
+ $form-field-dark-color-scheme-border: #515e69;
623
+ $form-field-dark-color-scheme-background: transparent;
624
+ $form-field-dark-color-scheme-states-hover-border: #515e69;
625
+ $form-field-dark-color-scheme-states-invalid-border: #b9023a;
567
626
  $form-field-dark-color-scheme-states-invalid-background: transparent;
568
627
  $form-field-size-border-width: 1px;
569
628
  $form-field-size-border-radius: 3px;
@@ -571,10 +630,10 @@ $form-field-size-button-width: 32px;
571
630
  $form-field-font-default: body;
572
631
  $form-field-hint-size-margin-top: 4px;
573
632
  $form-field-hint-font-default: caption;
574
- $forms-light-color-scheme-label: #999999;
575
- $forms-light-color-scheme-legend: #4D4D4D;
576
- $forms-dark-color-scheme-label: #999999;
577
- $forms-dark-color-scheme-legend: #F0F0F0;
633
+ $forms-light-color-scheme-label: #6d7a86;
634
+ $forms-light-color-scheme-legend: #19252f;
635
+ $forms-dark-color-scheme-label: #8c99a5;
636
+ $forms-dark-color-scheme-legend: #f2f5f9;
578
637
  $forms-size-horizontal-row-margin-bottom: 20px;
579
638
  $forms-size-horizontal-label-padding-top: 6px;
580
639
  $forms-size-horizontal-label-padding-bottom: 0;
@@ -594,22 +653,22 @@ $input-size-width: 100%;
594
653
  $input-size-min-height: 30px;
595
654
  $input-font-default: body;
596
655
  $input-font-monospace: body-mono;
597
- $link-light-color-scheme-text: #338FCC;
598
- $link-light-color-scheme-border-bottom: rgba(#338FCC, 0.32);
599
- $link-light-color-scheme-state-visited-text: #6A2795;
600
- $link-light-color-scheme-state-visited-border-bottom: rgba(106, 39, 149, 0.32);
601
- $link-light-color-scheme-state-hover-text: #206EA2;
602
- $link-light-color-scheme-state-hover-border-bottom: rgba(#206EA2, 0.32);
603
- $link-light-color-scheme-state-active: #114E77;
604
- $link-light-color-scheme-state-focused-outline: #338FCC;
605
- $link-dark-color-scheme-text: #57A4D7;
606
- $link-dark-color-scheme-border-bottom: rgba(#57A4D7, 0.32);
607
- $link-dark-color-scheme-state-visited-text: #a23ee2;
608
- $link-dark-color-scheme-state-visited-border-bottom: rgba(162, 62, 226, 0.32);
609
- $link-dark-color-scheme-state-hover-text: #7FBAE1;
610
- $link-dark-color-scheme-state-hover-border-bottom: rgba(#7FBAE1, 0.32);
611
- $link-dark-color-scheme-state-active: #7FBAE1;
612
- $link-dark-color-scheme-state-focused-outline: #57A4D7;
656
+ $link-light-color-scheme-text: #0374eb;
657
+ $link-light-color-scheme-border-bottom: rgba(#0374eb, 0.32);
658
+ $link-light-color-scheme-state-visited-text: #864775;
659
+ $link-light-color-scheme-state-visited-border-bottom: rgba(#864775, 0.32);
660
+ $link-light-color-scheme-state-hover-text: #0059b8;
661
+ $link-light-color-scheme-state-hover-border-bottom: rgba(#0059b8, 0.32);
662
+ $link-light-color-scheme-state-active: #014b9d;
663
+ $link-light-color-scheme-state-focused-outline: #0374eb;
664
+ $link-dark-color-scheme-text: #4187ff;
665
+ $link-dark-color-scheme-border-bottom: rgba(#4187ff, 0.32);
666
+ $link-dark-color-scheme-state-visited-text: #bb78a7;
667
+ $link-dark-color-scheme-state-visited-border-bottom: rgba(#bb78a7, 0.32);
668
+ $link-dark-color-scheme-state-hover-text: #0374eb;
669
+ $link-dark-color-scheme-state-hover-border-bottom: rgba(#0374eb, 0.32);
670
+ $link-dark-color-scheme-state-active: #0059b8;
671
+ $link-dark-color-scheme-state-focused-outline: #4187ff;
613
672
  $link-size-icon-margin: 4px;
614
673
  $link-size-state-focused-outline-offset: 2px;
615
674
  $link-size-state-focused-outline-width: 2px;
@@ -621,11 +680,11 @@ $list-size-icon-padding: 4px;
621
680
  $list-size-item-height: 32px;
622
681
  $list-size-icon-width: 24px;
623
682
  $list-font-item: body;
624
- $modal-light-color-scheme-shadow: (0 0 0 1px #B3B3B3, 0 6px 12px 0 rgba(0, 0, 0, 0.5));
625
- $modal-light-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
626
- $modal-light-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16);
627
- $modal-light-color-scheme-background-mask: rgba(0, 0, 0, 0.5);
628
- $modal-dark-color-scheme-shadow: (0 0 0 1px #333333, 0 6px 12px 0 rgba(0, 0, 0, 0.5));
683
+ $modal-light-color-scheme-shadow: (0 0 0 1px #d7dee4, 0 6px 12px 0 rgba(39, 51, 62, 0.5));
684
+ $modal-light-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.16);
685
+ $modal-light-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(39, 51, 62, 0.16);
686
+ $modal-light-color-scheme-background-mask: rgba(39, 51, 62, 0.5);
687
+ $modal-dark-color-scheme-shadow: (0 0 0 1px #19252f, 0 6px 12px 0 rgba(0, 0, 0, 0.5));
629
688
  $modal-dark-color-scheme-body-top-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
630
689
  $modal-dark-color-scheme-body-bottom-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16);
631
690
  $modal-dark-color-scheme-background-mask: rgba(0, 0, 0, 0.5);
@@ -636,36 +695,45 @@ $modal-size-top: 48px;
636
695
  $modal-size-close-width: 56px;
637
696
  $modal-size-border-radius: 4px;
638
697
  $modal-size-border-width: 1px;
698
+ $modal-header-light-color-scheme-border: #d7dee4;
699
+ $modal-header-dark-color-scheme-border: #333f4a;
639
700
  $modal-header-size-border-radius: 4px 4px 0 0;
640
701
  $modal-header-size-padding: 14px 16px;
641
702
  $modal-header-font-default: title;
642
703
  $modal-body-size-max-height: calc(100vh - 260px);
643
704
  $modal-body-size-padding: 16px 24px 24px;
644
705
  $modal-body-font-default: body;
706
+ $modal-footer-light-color-scheme-border: #f2f5f9;
707
+ $modal-footer-dark-color-scheme-border: #333f4a;
645
708
  $modal-footer-size-border-radius: 0 0 4px 4px;
646
709
  $modal-footer-size-padding: 16px 16px;
647
710
  $modal-confirm-size-padding: 24px;
648
- $navbar-light-color-scheme-background: #114E77;
649
- $navbar-light-color-scheme-divider-background: rgba(255, 255, 255, 0.3);
650
- $navbar-dark-color-scheme-background: #114E77;
651
- $navbar-dark-color-scheme-divider-background: rgba(255, 255, 255, 0.3);
652
- $navbar-size-icon-margin: 4px;
711
+ $navbar-light-color-scheme-background: #19252f;
712
+ $navbar-light-color-scheme-divider-background: #515e69;
713
+ $navbar-dark-color-scheme-background: #333f4a;
714
+ $navbar-dark-color-scheme-divider-background: #515e69;
715
+ $navbar-size-icon-margin: 6px;
653
716
  $navbar-font-title: body;
654
- $vertical-navbar-size-states-opened-width: 240px;
655
- $vertical-navbar-size-states-closed-width: 48px;
656
- $vertical-navbar-size-icon-margin: 10px;
657
- $navbar-item-light-color-scheme-text: #D8EAF7;
658
- $navbar-item-light-color-scheme-states-active: #206EA2;
659
- $navbar-item-light-color-scheme-states-hover: #206EA2;
660
- $navbar-item-light-color-scheme-states-progress: #07314D;
717
+ $vertical-navbar-size-states-expanded-width: 240px;
718
+ $vertical-navbar-size-states-collapsed-width: 56px;
719
+ $vertical-navbar-size-icon-margin: 16px;
720
+ $navbar-item-light-color-scheme-text: #f2f5f9;
721
+ $navbar-item-light-color-scheme-icon: #bdc7d1;
722
+ $navbar-item-light-color-scheme-states-active: rgba(0, 0, 0, 0.1);
723
+ $navbar-item-light-color-scheme-states-selected: #333f4a;
724
+ $navbar-item-light-color-scheme-states-hover: rgba(255, 255, 255, 0.1);
725
+ $navbar-item-light-color-scheme-states-progress: #333f4a;
661
726
  $navbar-item-light-color-scheme-states-disabled-opacity: 0.3;
662
- $navbar-item-dark-color-scheme-text: #D8EAF7;
663
- $navbar-item-dark-color-scheme-states-active: #114E77;
664
- $navbar-item-dark-color-scheme-states-hover: #114E77;
665
- $navbar-item-dark-color-scheme-states-progress: #07314D;
727
+ $navbar-item-dark-color-scheme-text: #f2f5f9;
728
+ $navbar-item-dark-color-scheme-icon: #bdc7d1;
729
+ $navbar-item-dark-color-scheme-states-active: rgba(0, 0, 0, 0.1);
730
+ $navbar-item-dark-color-scheme-states-selected: #434f5a;
731
+ $navbar-item-dark-color-scheme-states-hover: rgba(255, 255, 255, 0.1);
732
+ $navbar-item-dark-color-scheme-states-progress: #333f4a;
666
733
  $navbar-item-dark-color-scheme-states-disabled-opacity: 0.3;
667
734
  $navbar-item-size-padding: 16px;
668
735
  $navbar-item-size-height: 48px;
736
+ $navbar-item-size-height-vertical: 56px;
669
737
  $navbar-brand-size-padding: 12px;
670
738
  $navbar-brand-size-margin-right: 24px;
671
739
  $navbar-brand-font-title: title;
@@ -676,13 +744,13 @@ $option-size-height: 32px;
676
744
  $option-size-border-width: 2px;
677
745
  $option-font-default: body;
678
746
  $popover-light-color-scheme-background: white;
679
- $popover-light-color-scheme-text: #4D4D4D;
680
- $popover-light-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
681
- $popover-light-color-scheme-border: #B3B3B3;
682
- $popover-dark-color-scheme-background: #4D4D4D;
683
- $popover-dark-color-scheme-text: #F0F0F0;
684
- $popover-dark-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
685
- $popover-dark-color-scheme-border: #4D4D4D;
747
+ $popover-light-color-scheme-text: #19252f;
748
+ $popover-light-color-scheme-shadow: 0 3px 8px 0 rgba(39, 51, 62, 0.2);
749
+ $popover-light-color-scheme-border: #d7dee4;
750
+ $popover-dark-color-scheme-background: #333f4a;
751
+ $popover-dark-color-scheme-text: #f2f5f9;
752
+ $popover-dark-color-scheme-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
753
+ $popover-dark-color-scheme-border: #333f4a;
686
754
  $popover-size-max-height: 480px;
687
755
  $popover-size-padding: 16px;
688
756
  $popover-size-border-radius: 3px;
@@ -692,51 +760,51 @@ $popover-size-small-width: 200px;
692
760
  $popover-size-normal-width: 400px;
693
761
  $popover-size-large-width: 640px;
694
762
  $popover-font-default: body;
695
- $popover-header-light-color-scheme-border: #E6E6E6;
696
- $popover-header-light-color-scheme-text: #4D4D4D;
763
+ $popover-header-light-color-scheme-border: #d7dee4;
764
+ $popover-header-light-color-scheme-text: #19252f;
697
765
  $popover-header-light-color-scheme-background: white;
698
- $popover-header-dark-color-scheme-border: transparent;
699
- $popover-header-dark-color-scheme-text: #F0F0F0;
700
- $popover-header-dark-color-scheme-background: #4D4D4D;
766
+ $popover-header-dark-color-scheme-border: #434f5a;
767
+ $popover-header-dark-color-scheme-text: #f2f5f9;
768
+ $popover-header-dark-color-scheme-background: #333f4a;
701
769
  $popover-header-size-height: 10px 16px;
702
770
  $popover-header-size-padding: 10px 16px;
703
771
  $popover-header-font-default: subheading;
704
- $popover-footer-light-color-scheme-border: #F0F0F0;
705
- $popover-footer-light-color-scheme-background: #F0F0F0;
706
- $popover-footer-dark-color-scheme-border: transparent;
707
- $popover-footer-dark-color-scheme-background: transparent;
772
+ $popover-footer-light-color-scheme-border: #f2f5f9;
773
+ $popover-footer-light-color-scheme-background: #f2f5f9;
774
+ $popover-footer-dark-color-scheme-border: #434f5a;
775
+ $popover-footer-dark-color-scheme-background: #333f4a;
708
776
  $popover-footer-size-margin-top: 8px;
709
777
  $popover-footer-size-padding: 12px 16px;
710
778
  $popover-footer-size-height: 56px;
711
779
  $popover-footer-font-default: body;
712
- $popup-light-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
713
- $popup-light-color-scheme-border: #B3B3B3;
714
- $popup-light-color-scheme-divider: #CCCCCC;
780
+ $popup-light-color-scheme-shadow: 0 3px 8px 0 rgba(39, 51, 62, 0.2);
781
+ $popup-light-color-scheme-border: #d7dee4;
782
+ $popup-light-color-scheme-divider: #d7dee4;
715
783
  $popup-light-color-scheme-background: white;
716
- $popup-light-color-scheme-footer-background: #F0F0F0;
717
- $popup-dark-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
718
- $popup-dark-color-scheme-border: #999999;
719
- $popup-dark-color-scheme-divider: #666666;
720
- $popup-dark-color-scheme-background: #4D4D4D;
784
+ $popup-light-color-scheme-footer-background: #f2f5f9;
785
+ $popup-dark-color-scheme-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
786
+ $popup-dark-color-scheme-border: #333f4a;
787
+ $popup-dark-color-scheme-divider: #434f5a;
788
+ $popup-dark-color-scheme-background: #333f4a;
721
789
  $popup-dark-color-scheme-footer-background: transparent;
722
- $progress-bar-light-color-scheme-background: #F0F0F0;
723
- $progress-bar-dark-color-scheme-background: #666666;
790
+ $progress-bar-light-color-scheme-background: rgba(25, 37, 47, 0.06);
791
+ $progress-bar-dark-color-scheme-background: rgba(white,0.06);
724
792
  $progress-bar-size-height: 4px;
725
793
  $progress-spinner-size-size: 16px;
726
- $radio-light-color-scheme-outer-circle-border: #B3B3B3;
794
+ $radio-light-color-scheme-outer-circle-border: #bdc7d1;
727
795
  $radio-light-color-scheme-inner-circle-border: transparent;
728
- $radio-light-color-scheme-states-checked-outer-circle-border: #338FCC;
729
- $radio-light-color-scheme-states-checked-inner-circle-border: #338FCC;
730
- $radio-light-color-scheme-states-focused-outer-circle-border: #338FCC;
731
- $radio-light-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #B3B3B3;
796
+ $radio-light-color-scheme-states-checked-outer-circle-border: #0374eb;
797
+ $radio-light-color-scheme-states-checked-inner-circle-border: #0374eb;
798
+ $radio-light-color-scheme-states-focused-outer-circle-border: #0374eb;
799
+ $radio-light-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #0374eb;
732
800
  $radio-light-color-scheme-states-focused-inner-circle-shadow: 0 0 0 1px white;
733
- $radio-dark-color-scheme-outer-circle-border: #999999;
801
+ $radio-dark-color-scheme-outer-circle-border: #515e69;
734
802
  $radio-dark-color-scheme-inner-circle-border: transparent;
735
- $radio-dark-color-scheme-states-checked-outer-circle-border: #57A4D7;
736
- $radio-dark-color-scheme-states-checked-inner-circle-border: #206EA2;
737
- $radio-dark-color-scheme-states-focused-outer-circle-border: #57A4D7;
738
- $radio-dark-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #57A4D7;
739
- $radio-dark-color-scheme-states-focused-inner-circle-shadow: 0 0 0 1px #333333;
803
+ $radio-dark-color-scheme-states-checked-outer-circle-border: #0059b8;
804
+ $radio-dark-color-scheme-states-checked-inner-circle-border: #0059b8;
805
+ $radio-dark-color-scheme-states-focused-outer-circle-border: #4187ff;
806
+ $radio-dark-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #4187ff;
807
+ $radio-dark-color-scheme-states-focused-inner-circle-shadow: 0 0 0 1px #19252f;
740
808
  $radio-size-size: 14px;
741
809
  $radio-size-label-margin: 8px;
742
810
  $radio-font-default: body;
@@ -751,8 +819,8 @@ $select-panel-size-vertical-padding: 4px;
751
819
  $select-panel-size-border-width: 1px;
752
820
  $select-panel-size-border-radius: 3px;
753
821
  $select-panel-font-default: body;
754
- $sidepanel-light-color-scheme-border: #B3B3B3;
755
- $sidepanel-dark-color-scheme-border: #333333;
822
+ $sidepanel-light-color-scheme-border: #bdc7d1;
823
+ $sidepanel-dark-color-scheme-border: #19252f;
756
824
  $sidepanel-font-default: body;
757
825
  $sidepanel-header-size-padding: 14px 16px;
758
826
  $sidepanel-header-size-close-padding: 0 0 0 8px;
@@ -764,12 +832,12 @@ $table-size-row-padding-vertical: 8px;
764
832
  $table-size-row-padding-horizontal: 16px;
765
833
  $table-font-header: caption;
766
834
  $table-font-body: body;
767
- $tabs-light-color-scheme-border: #B3B3B3;
768
- $tabs-light-color-scheme-state-active: #338FCC;
769
- $tabs-light-color-scheme-state-disabled-overlay: rgba(white, 0.5);
770
- $tabs-dark-color-scheme-border: #B3B3B3;
771
- $tabs-dark-color-scheme-state-active: #57A4D7;
772
- $tabs-dark-color-scheme-state-disabled-overlay: rgba(white, 0.5);
835
+ $tabs-light-color-scheme-border: #d7dee4;
836
+ $tabs-light-color-scheme-state-active: #0374eb;
837
+ $tabs-light-color-scheme-state-disabled-overlay: rgba(white, 0.3);
838
+ $tabs-dark-color-scheme-border: #333f4a;
839
+ $tabs-dark-color-scheme-state-active: #0059b8;
840
+ $tabs-dark-color-scheme-state-disabled-overlay: rgba(black, 0.2);
773
841
  $tabs-size-height: 40px;
774
842
  $tabs-size-highlight-height: 4px;
775
843
  $tabs-size-padding-horizontal: 16px;
@@ -777,48 +845,54 @@ $tabs-size-border-width: 1px;
777
845
  $tabs-size-border-radius: 3px;
778
846
  $tabs-size-label-icon-margin: 8px;
779
847
  $tabs-font-default: body;
780
- $tags-light-color-scheme-primary-background: #D8EAF7;
781
- $tags-light-color-scheme-primary-border: #D8EAF7;
782
- $tags-light-color-scheme-primary-icon: mix(#57A4D7, rgba(black, 0.05));
783
- $tags-light-color-scheme-primary-states-hover-icon: #206EA2;
784
- $tags-light-color-scheme-primary-states-focused: #338FCC;
785
- $tags-light-color-scheme-primary-states-disabled-text: mix(#338FCC, transparent, 50%);
786
- $tags-light-color-scheme-primary-states-disabled-background: mix(#338FCC, transparent, 10%);
787
- $tags-light-color-scheme-second-background: #E6E6E6;
788
- $tags-light-color-scheme-second-border: #E6E6E6;
789
- $tags-light-color-scheme-second-icon: mix(#999999, rgba(black, 0.05));
790
- $tags-light-color-scheme-second-states-hover-icon: #999999;
791
- $tags-light-color-scheme-second-states-focused: #338FCC;
792
- $tags-light-color-scheme-second-states-disabled-text: mix(#B3B3B3, transparent, 50%);
793
- $tags-light-color-scheme-second-states-disabled-background: mix(#B3B3B3, transparent, 10%);
794
- $tags-light-color-scheme-error-background: #FADEDA;
795
- $tags-light-color-scheme-error-border: #FADEDA;
796
- $tags-light-color-scheme-error-icon: mix(#E76E5C, rgba(black, 0.05));
797
- $tags-light-color-scheme-error-states-hover-icon: #E04D36;
798
- $tags-light-color-scheme-error-states-focused: #E76E5C;
799
- $tags-light-color-scheme-error-states-disabled-text: mix(#E76E5C, transparent, 50%);
800
- $tags-light-color-scheme-error-states-disabled-background: mix(#E76E5C, transparent, 10%);
801
- $tags-dark-color-scheme-primary-background: #114E77;
802
- $tags-dark-color-scheme-primary-border: #114E77;
803
- $tags-dark-color-scheme-primary-icon: mix(#57A4D7, rgba(black, 0.05));
804
- $tags-dark-color-scheme-primary-states-hover-icon: #338FCC;
805
- $tags-dark-color-scheme-primary-states-focused: #57A4D7;
806
- $tags-dark-color-scheme-primary-states-disabled-text: mix(#57A4D7, transparent, 50%);
807
- $tags-dark-color-scheme-primary-states-disabled-background: mix(#57A4D7, transparent, 10%);
808
- $tags-dark-color-scheme-second-background: #4D4D4D;
809
- $tags-dark-color-scheme-second-border: #4D4D4D;
810
- $tags-dark-color-scheme-second-icon: mix(#999999, rgba(black, 0.05));
811
- $tags-dark-color-scheme-second-states-hover-icon: #E6E6E6;
812
- $tags-dark-color-scheme-second-states-focused: #57A4D7;
813
- $tags-dark-color-scheme-second-states-disabled-text: mix(#999999, transparent, 50%);
814
- $tags-dark-color-scheme-second-states-disabled-background: mix(#999999, transparent, 10%);
815
- $tags-dark-color-scheme-error-background: #832112;
816
- $tags-dark-color-scheme-error-border: #832112;
817
- $tags-dark-color-scheme-error-icon: mix(#E76E5C, rgba(black, 0.05));
818
- $tags-dark-color-scheme-error-states-hover-icon: #F4B7AE;
819
- $tags-dark-color-scheme-error-states-focused: #E76E5C;
820
- $tags-dark-color-scheme-error-states-disabled-text: mix(#E76E5C, transparent, 50%);
821
- $tags-dark-color-scheme-error-states-disabled-background: mix(#E76E5C, transparent, 10%);
848
+ $tags-light-color-scheme-primary-background: #e7f1ff;
849
+ $tags-light-color-scheme-primary-border: #e7f1ff;
850
+ $tags-light-color-scheme-primary-text: #0374eb;
851
+ $tags-light-color-scheme-primary-icon: mix(#5697ff, rgba(black, 0.05));
852
+ $tags-light-color-scheme-primary-states-hover-icon: #0059b8;
853
+ $tags-light-color-scheme-primary-states-focused: #0374eb;
854
+ $tags-light-color-scheme-primary-states-disabled-text: mix(#0374eb, transparent, 50%);
855
+ $tags-light-color-scheme-primary-states-disabled-background: mix(#0374eb, transparent, 10%);
856
+ $tags-light-color-scheme-second-background: #d7dee4;
857
+ $tags-light-color-scheme-second-border: #d7dee4;
858
+ $tags-light-color-scheme-second-text: #19252f;
859
+ $tags-light-color-scheme-second-icon: mix(#8c99a5, rgba(black, 0.05));
860
+ $tags-light-color-scheme-second-states-hover-icon: #515e69;
861
+ $tags-light-color-scheme-second-states-focused: #0374eb;
862
+ $tags-light-color-scheme-second-states-disabled-text: mix(#8c99a5, transparent, 50%);
863
+ $tags-light-color-scheme-second-states-disabled-background: mix(#8c99a5, transparent, 10%);
864
+ $tags-light-color-scheme-error-background: #ffeaea;
865
+ $tags-light-color-scheme-error-border: #ffeaea;
866
+ $tags-light-color-scheme-error-text: #db3c55;
867
+ $tags-light-color-scheme-error-icon: mix(#ee6f79, rgba(black, 0.05));
868
+ $tags-light-color-scheme-error-states-hover-icon: #db3c55;
869
+ $tags-light-color-scheme-error-states-focused: #db3c55;
870
+ $tags-light-color-scheme-error-states-disabled-text: mix(#ea5868, transparent, 50%);
871
+ $tags-light-color-scheme-error-states-disabled-background: mix(#ea5868, transparent, 10%);
872
+ $tags-dark-color-scheme-primary-background: #023c7f;
873
+ $tags-dark-color-scheme-primary-border: #023c7f;
874
+ $tags-dark-color-scheme-primary-text: #a2c7fe;
875
+ $tags-dark-color-scheme-primary-icon: mix(#a2c7fe, rgba(black, 0.05));
876
+ $tags-dark-color-scheme-primary-states-hover-icon: #0374eb;
877
+ $tags-dark-color-scheme-primary-states-focused: #4187ff;
878
+ $tags-dark-color-scheme-primary-states-disabled-text: mix(#5697ff, transparent, 50%);
879
+ $tags-dark-color-scheme-primary-states-disabled-background: mix(#5697ff, transparent, 10%);
880
+ $tags-dark-color-scheme-second-background: #333f4a;
881
+ $tags-dark-color-scheme-second-border: #333f4a;
882
+ $tags-dark-color-scheme-second-text: #bdc7d1;
883
+ $tags-dark-color-scheme-second-icon: mix(#8c99a5, rgba(black, 0.05));
884
+ $tags-dark-color-scheme-second-states-hover-icon: #d7dee4;
885
+ $tags-dark-color-scheme-second-states-focused: #4187ff;
886
+ $tags-dark-color-scheme-second-states-disabled-text: mix(#7f8c98, transparent, 50%);
887
+ $tags-dark-color-scheme-second-states-disabled-background: mix(#7f8c98, transparent, 10%);
888
+ $tags-dark-color-scheme-error-background: #800025;
889
+ $tags-dark-color-scheme-error-border: #800025;
890
+ $tags-dark-color-scheme-error-text: #fcb2b4;
891
+ $tags-dark-color-scheme-error-icon: mix(#ee6f79, rgba(black, 0.05));
892
+ $tags-dark-color-scheme-error-states-hover-icon: #ee6f79;
893
+ $tags-dark-color-scheme-error-states-focused: #b9023a;
894
+ $tags-dark-color-scheme-error-states-disabled-text: mix(#ea5868, transparent, 50%);
895
+ $tags-dark-color-scheme-error-states-disabled-background: mix(#ea5868, transparent, 10%);
822
896
  $tags-size-margin: 2px;
823
897
  $tags-size-height: 24px;
824
898
  $tags-size-border-width: 1px;
@@ -838,16 +912,24 @@ $textarea-size-padding: 5px 16px;
838
912
  $textarea-font-default: body;
839
913
  $textarea-font-mono: body-mono;
840
914
  $timepicker-size-padding-right: 16px;
841
- $toggle-light-color-scheme-border: #B3B3B3;
842
- $toggle-light-color-scheme-background: linear-gradient(to bottom, #E6E6E6, #F0F0F0);
843
- $toggle-light-color-scheme-circle-border: #B3B3B3;
844
- $toggle-light-color-scheme-circle-background: linear-gradient(to bottom, white, #E6E6E6);
845
- $toggle-light-color-scheme-states-focused-shadow: inset 0 0 0 1px white, 0 0 0 2px #338FCC;
846
- $toggle-dark-color-scheme-border: #808080;
847
- $toggle-dark-color-scheme-background: #333333;
848
- $toggle-dark-color-scheme-circle-border: #808080;
849
- $toggle-dark-color-scheme-circle-background: white;
850
- $toggle-dark-color-scheme-states-focused-shadow: inset 0 0 0 1px #333333, 0 0 0 2px #57A4D7;
915
+ $toggle-light-color-scheme-border: #bdc7d1;
916
+ $toggle-light-color-scheme-background: white;
917
+ $toggle-light-color-scheme-circle-border: #bdc7d1;
918
+ $toggle-light-color-scheme-circle-background: #d7dee4;
919
+ $toggle-light-color-scheme-states-focused-shadow: inset 0 0 0 1px white, 0 0 0 2px #0374eb;
920
+ $toggle-light-color-scheme-primary-checked-border-color: #0374eb;
921
+ $toggle-light-color-scheme-primary-checked-background: #0374eb;
922
+ $toggle-light-color-scheme-error-checked-border-color: #db3c55;
923
+ $toggle-light-color-scheme-error-checked-background: #db3c55;
924
+ $toggle-dark-color-scheme-border: #515e69;
925
+ $toggle-dark-color-scheme-background: #19252f;
926
+ $toggle-dark-color-scheme-circle-border: #515e69;
927
+ $toggle-dark-color-scheme-circle-background: #6d7a86;
928
+ $toggle-dark-color-scheme-states-focused-shadow: inset 0 0 0 1px #19252f, 0 0 0 2px #4187ff;
929
+ $toggle-dark-color-scheme-primary-checked-border-color: #0059b8;
930
+ $toggle-dark-color-scheme-primary-checked-background: #0059b8;
931
+ $toggle-dark-color-scheme-error-checked-border-color: #b9023a;
932
+ $toggle-dark-color-scheme-error-checked-background: #b9023a;
851
933
  $toggle-size-height: 16px;
852
934
  $toggle-size-width: 28px;
853
935
  $toggle-size-border-radius: 9px;
@@ -857,20 +939,20 @@ $toggle-small-size-height: 14px;
857
939
  $toggle-small-size-width: 24px;
858
940
  $toggle-small-size-border-radius: 8px;
859
941
  $toggle-small-font-default: caption;
860
- $tooltip-light-color-scheme-background: #4D4D4D;
861
- $tooltip-light-color-scheme-text: white;
942
+ $tooltip-light-color-scheme-background: #333f4a;
943
+ $tooltip-light-color-scheme-text: #f2f5f9;
862
944
  $tooltip-light-color-scheme-border: transparent;
863
- $tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
864
- $tooltip-light-color-scheme-warning-background: #FCF5E8;
865
- $tooltip-light-color-scheme-warning-text: #4D4D4D;
866
- $tooltip-light-color-scheme-warning-border: #F0D49B;
867
- $tooltip-dark-color-scheme-background: #F5F5F5;
868
- $tooltip-dark-color-scheme-text: #4D4D4D;
945
+ $tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
946
+ $tooltip-light-color-scheme-warning-background: #fff4dd;
947
+ $tooltip-light-color-scheme-warning-text: #19252f;
948
+ $tooltip-light-color-scheme-warning-border: #fcdda6;
949
+ $tooltip-dark-color-scheme-background: white;
950
+ $tooltip-dark-color-scheme-text: #19252f;
869
951
  $tooltip-dark-color-scheme-border: transparent;
870
- $tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
871
- $tooltip-dark-color-scheme-warning-background: #FCF5E8;
872
- $tooltip-dark-color-scheme-warning-text: #4D4D4D;
873
- $tooltip-dark-color-scheme-warning-border: #F0D49B;
952
+ $tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
953
+ $tooltip-dark-color-scheme-warning-background: #7e5406;
954
+ $tooltip-dark-color-scheme-warning-text: #f2f5f9;
955
+ $tooltip-dark-color-scheme-warning-border: #7e5406;
874
956
  $tooltip-size-max-width: 300px;
875
957
  $tooltip-size-border-width: 1px;
876
958
  $tooltip-size-border-radius: 3px;
@@ -879,25 +961,25 @@ $tooltip-size-arrow-size: 12px;
879
961
  $tooltip-size-trigger-margin: 9px;
880
962
  $tooltip-font-default: caption;
881
963
  $extended-tooltip-light-color-scheme-background: white;
882
- $extended-tooltip-light-color-scheme-text: #4D4D4D;
883
- $extended-tooltip-light-color-scheme-border: #B3B3B3;
884
- $extended-tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
885
- $extended-tooltip-dark-color-scheme-background: #4D4D4D;
886
- $extended-tooltip-dark-color-scheme-text: #F0F0F0;
887
- $extended-tooltip-dark-color-scheme-border: #999999;
888
- $extended-tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
964
+ $extended-tooltip-light-color-scheme-text: #19252f;
965
+ $extended-tooltip-light-color-scheme-border: #d7dee4;
966
+ $extended-tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
967
+ $extended-tooltip-dark-color-scheme-background: #333f4a;
968
+ $extended-tooltip-dark-color-scheme-text: #f2f5f9;
969
+ $extended-tooltip-dark-color-scheme-border: #333f4a;
970
+ $extended-tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
889
971
  $extended-tooltip-size-border-radius: 3px;
890
972
  $extended-tooltip-size-arrow-size: 12px;
891
973
  $extended-tooltip-size-trigger-margin: 9px;
892
974
  $extended-tooltip-size-padding: 8px 16px;
893
975
  $extended-tooltip-size-max-height: 480px;
894
976
  $extended-tooltip-font-default: caption;
895
- $extended-tooltip-header-light-color-scheme-border: #E6E6E6;
896
- $extended-tooltip-header-light-color-scheme-text: #4D4D4D;
977
+ $extended-tooltip-header-light-color-scheme-border: #d7dee4;
978
+ $extended-tooltip-header-light-color-scheme-text: #19252f;
897
979
  $extended-tooltip-header-light-color-scheme-background: white;
898
- $extended-tooltip-header-dark-color-scheme-border: #F0F0F0;
899
- $extended-tooltip-header-dark-color-scheme-text: #F0F0F0;
900
- $extended-tooltip-header-dark-color-scheme-background: #4D4D4D;
980
+ $extended-tooltip-header-dark-color-scheme-border: #434f5a;
981
+ $extended-tooltip-header-dark-color-scheme-text: #f2f5f9;
982
+ $extended-tooltip-header-dark-color-scheme-background: #333f4a;
901
983
  $extended-tooltip-header-size-height: 40px;
902
984
  $extended-tooltip-header-size-padding: 10px 16px;
903
985
  $extended-tooltip-header-font-default: subheading;
@@ -906,19 +988,20 @@ $tree-size-padding-left: 8px;
906
988
  $tree-size-padding-right: 16px;
907
989
  $tree-font-node: body;
908
990
  $light-color-scheme-primary-palette: (
909
- 40: #F5FAFD,
910
- 60: #EBF4FB,
911
- 100: #D8EAF7,
912
- 200: #AAD1EC,
913
- 300: #7FBAE1,
914
- 400: #57A4D7,
915
- 500: #338FCC,
916
- 560: #277BB3,
917
- 600: #206EA2,
918
- 700: #114E77,
919
- 800: #07314D,
920
- A100: rgba(0, 153, 255, 0.15),
921
- A200: rgba(0, 153, 255, 0.3),
991
+ 40: #eff6ff,
992
+ 60: #e7f1ff,
993
+ 100: #c8dfff,
994
+ 200: #a2c7fe,
995
+ 300: #5697ff,
996
+ 400: #4187ff,
997
+ 500: #0374eb,
998
+ 560: #0059b8,
999
+ 600: #014b9d,
1000
+ 700: #023c7f,
1001
+ 800: #193060,
1002
+ 900: #00224f,
1003
+ A100: rgba(3, 116, 235, 0.15),
1004
+ A200: rgba(3, 116, 235, 0.3),
922
1005
  contrast: (
923
1006
  40: #4D4D4D,
924
1007
  60: #4D4D4D,
@@ -938,23 +1021,24 @@ A200: white,
938
1021
  );
939
1022
 
940
1023
  $light-color-scheme-second-palette: (
941
- 40: #F5F5F5,
942
- 60: #F0F0F0,
943
- 100: #E6E6E6,
944
- 200: #CCCCCC,
945
- 300: #B3B3B3,
946
- 400: #999999,
947
- 500: #808080,
948
- 560: #707070,
949
- 600: #666666,
950
- 700: #4D4D4D,
951
- 800: #333333,
952
- A40: rgba(0, 0, 0, 0.04),
953
- A60: rgba(0, 0, 0, 0.06),
954
- A100: rgba(0, 0, 0, 0.1),
955
- A200: rgba(0, 0, 0, 0.2),
956
- A300: rgba(0, 0, 0, 0.3),
957
- A500: rgba(0, 0, 0, 0.5),
1024
+ 40: #f2f5f9,
1025
+ 60: #ebeef2,
1026
+ 100: #d7dee4,
1027
+ 200: #bdc7d1,
1028
+ 300: #8c99a5,
1029
+ 400: #7f8c98,
1030
+ 500: #6d7a86,
1031
+ 560: #515e69,
1032
+ 600: #434f5a,
1033
+ 700: #333f4a,
1034
+ 800: #27333e,
1035
+ 900: #19252f,
1036
+ A40: rgba(25, 37, 47, 0.04),
1037
+ A60: rgba(25, 37, 47, 0.06),
1038
+ A100: rgba(25, 37, 47, 0.1),
1039
+ A200: rgba(25, 37, 47, 0.2),
1040
+ A300: rgba(25, 37, 47, 0.3),
1041
+ A500: rgba(25, 37, 47, 0.5),
958
1042
  contrast: (
959
1043
  40: #4D4D4D,
960
1044
  60: #4D4D4D,
@@ -972,18 +1056,19 @@ contrast: (
972
1056
  );
973
1057
 
974
1058
  $light-color-scheme-error-palette: (
975
- 40: #FEF7F6,
976
- 60: #FCEFEC,
977
- 100: #FADEDA,
978
- 200: #F4B7AE,
979
- 300: #ED9284,
980
- 400: #E76E5C,
981
- 500: #E04D36,
982
- 560: #C43E29,
983
- 600: #B23522,
984
- 700: #832112,
985
- 800: #541208,
986
- A100: rgba(224, 79, 56, 0.15),
1059
+ 40: #fff3f3,
1060
+ 60: #ffeaea,
1061
+ 100: #fbd6d6,
1062
+ 200: #fcb2b4,
1063
+ 300: #ee6f79,
1064
+ 400: #ea5868,
1065
+ 500: #db3c55,
1066
+ 560: #b9023a,
1067
+ 600: #9e0130,
1068
+ 700: #800025,
1069
+ 800: #621420,
1070
+ 900: #500013,
1071
+ A100: rgba(219, 60, 85, 0.15),
987
1072
  contrast: (
988
1073
  40: #4D4D4D,
989
1074
  60: #4D4D4D,
@@ -1002,19 +1087,18 @@ A100: #4D4D4D,
1002
1087
  );
1003
1088
 
1004
1089
  $light-color-scheme-info-palette: (
1005
- 40: #F5FAFD,
1006
- 60: #EBF4FB,
1007
- 100: #D8EAF7,
1008
- 200: #AAD1EC,
1009
- 300: #7FBAE1,
1010
- 400: #57A4D7,
1011
- 500: #338FCC,
1012
- 560: #277BB3,
1013
- 600: #206EA2,
1014
- 700: #114E77,
1015
- 800: #07314D,
1016
- A100: rgba(0, 153, 255, 0.15),
1017
- A200: rgba(0, 153, 255, 0.3),
1090
+ 40: #ebf8fd,
1091
+ 60: #d9f3fd,
1092
+ 100: #afe6f9,
1093
+ 200: #6ed3f2,
1094
+ 300: #18a5c5,
1095
+ 400: #2099b7,
1096
+ 500: #218ca8,
1097
+ 560: #0c6579,
1098
+ 600: #0c5567,
1099
+ 700: #084453,
1100
+ 800: #143641,
1101
+ 900: #022731,
1018
1102
  contrast: (
1019
1103
  40: #4D4D4D,
1020
1104
  60: #4D4D4D,
@@ -1034,18 +1118,19 @@ A200: white,
1034
1118
  );
1035
1119
 
1036
1120
  $light-color-scheme-success-palette: (
1037
- 40: #F6FBF4,
1038
- 60: #EDF8E9,
1039
- 100: #DCF1D4,
1040
- 200: #B4DEA4,
1041
- 300: #8FCC79,
1042
- 400: #6FBA53,
1043
- 500: #52A832,
1044
- 560: #449327,
1045
- 600: #3B8520,
1046
- 700: #276211,
1047
- 800: #163F07,
1048
- A100: rgba(68, 255, 0, 0.15),
1121
+ 40: #ecf9ef,
1122
+ 60: #d2f7db,
1123
+ 100: #b6ebc3,
1124
+ 200: #8ed5a1,
1125
+ 300: #4ba96c,
1126
+ 400: #319d5c,
1127
+ 500: #028b49,
1128
+ 560: #016b37,
1129
+ 600: #015a2d,
1130
+ 700: #004823,
1131
+ 800: #103920,
1132
+ 900: #002a12,
1133
+ A100: rgba(2, 139, 73, 0.15),
1049
1134
  contrast: (
1050
1135
  40: #4D4D4D,
1051
1136
  60: #4D4D4D,
@@ -1064,18 +1149,19 @@ A100: #4D4D4D,
1064
1149
  );
1065
1150
 
1066
1151
  $light-color-scheme-warning-palette: (
1067
- 40: #FDFAF3,
1068
- 60: #FCF5E8,
1069
- 100: #F8EBD1,
1070
- 200: #F0D49B,
1071
- 300: #E7BD68,
1072
- 400: #DFA739,
1073
- 500: #D6930D,
1074
- 560: #BB800A,
1075
- 600: #AA7408,
1076
- 700: #7D5504,
1077
- 800: #503602,
1078
- A100: rgba(255, 170, 0, 0.15),
1152
+ 40: #fff4dd,
1153
+ 60: #ffecce,
1154
+ 100: #fcdda6,
1155
+ 200: #f5c23c,
1156
+ 300: #e19f12,
1157
+ 400: #c78816,
1158
+ 500: #a26e0c,
1159
+ 560: #7e5406,
1160
+ 600: #6b4804,
1161
+ 700: #543803,
1162
+ 800: #3e3015,
1163
+ 900: #312001,
1164
+ A100: rgba(255, 159, 18, 0.15),
1079
1165
  contrast: (
1080
1166
  40: #4D4D4D,
1081
1167
  60: #4D4D4D,
@@ -1094,19 +1180,20 @@ A100: #4D4D4D,
1094
1180
  );
1095
1181
 
1096
1182
  $dark-color-scheme-primary-palette: (
1097
- 40: #F5FAFD,
1098
- 60: #EBF4FB,
1099
- 100: #D8EAF7,
1100
- 200: #AAD1EC,
1101
- 300: #7FBAE1,
1102
- 400: #57A4D7,
1103
- 500: #338FCC,
1104
- 560: #277BB3,
1105
- 600: #206EA2,
1106
- 700: #114E77,
1107
- 800: #07314D,
1108
- A100: rgba(0, 153, 255, 0.15),
1109
- A200: rgba(0, 153, 255, 0.3),
1183
+ 40: #eff6ff,
1184
+ 60: #e7f1ff,
1185
+ 100: #c8dfff,
1186
+ 200: #a2c7fe,
1187
+ 300: #5697ff,
1188
+ 400: #4187ff,
1189
+ 500: #0374eb,
1190
+ 560: #0059b8,
1191
+ 600: #014b9d,
1192
+ 700: #023c7f,
1193
+ 800: #193060,
1194
+ 900: #00224f,
1195
+ A100: rgba(3, 116, 235, 0.15),
1196
+ A200: rgba(3, 116, 235, 0.3),
1110
1197
  contrast: (
1111
1198
  40: #4D4D4D,
1112
1199
  60: #4D4D4D,
@@ -1126,23 +1213,24 @@ A200: white,
1126
1213
  );
1127
1214
 
1128
1215
  $dark-color-scheme-second-palette: (
1129
- 40: #F5F5F5,
1130
- 60: #F0F0F0,
1131
- 100: #E6E6E6,
1132
- 200: #CCCCCC,
1133
- 300: #B3B3B3,
1134
- 400: #999999,
1135
- 500: #808080,
1136
- 560: #707070,
1137
- 600: #666666,
1138
- 700: #4D4D4D,
1139
- 800: #333333,
1140
- A40: rgba(0, 0, 0, 0.04),
1141
- A60: rgba(0, 0, 0, 0.06),
1142
- A100: rgba(0, 0, 0, 0.1),
1143
- A200: rgba(0, 0, 0, 0.2),
1144
- A300: rgba(0, 0, 0, 0.3),
1145
- A500: rgba(0, 0, 0, 0.5),
1216
+ 40: #f2f5f9,
1217
+ 60: #ebeef2,
1218
+ 100: #d7dee4,
1219
+ 200: #bdc7d1,
1220
+ 300: #8c99a5,
1221
+ 400: #7f8c98,
1222
+ 500: #6d7a86,
1223
+ 560: #515e69,
1224
+ 600: #434f5a,
1225
+ 700: #333f4a,
1226
+ 800: #27333e,
1227
+ 900: #19252f,
1228
+ A40: rgba(25, 37, 47, 0.04),
1229
+ A60: rgba(25, 37, 47, 0.06),
1230
+ A100: rgba(25, 37, 47, 0.1),
1231
+ A200: rgba(25, 37, 47, 0.2),
1232
+ A300: rgba(25, 37, 47, 0.3),
1233
+ A500: rgba(25, 37, 47, 0.5),
1146
1234
  contrast: (
1147
1235
  40: #4D4D4D,
1148
1236
  60: #4D4D4D,
@@ -1160,18 +1248,19 @@ contrast: (
1160
1248
  );
1161
1249
 
1162
1250
  $dark-color-scheme-error-palette: (
1163
- 40: #FEF7F6,
1164
- 60: #FCEFEC,
1165
- 100: #FADEDA,
1166
- 200: #F4B7AE,
1167
- 300: #ED9284,
1168
- 400: #E76E5C,
1169
- 500: #E04D36,
1170
- 560: #C43E29,
1171
- 600: #B23522,
1172
- 700: #832112,
1173
- 800: #541208,
1174
- A100: rgba(224, 79, 56, 0.15),
1251
+ 40: #fff3f3,
1252
+ 60: #ffeaea,
1253
+ 100: #fbd6d6,
1254
+ 200: #fcb2b4,
1255
+ 300: #ee6f79,
1256
+ 400: #ea5868,
1257
+ 500: #db3c55,
1258
+ 560: #b9023a,
1259
+ 600: #9e0130,
1260
+ 700: #800025,
1261
+ 800: #621420,
1262
+ 900: #500013,
1263
+ A100: rgba(219, 60, 85, 0.15),
1175
1264
  contrast: (
1176
1265
  40: #4D4D4D,
1177
1266
  60: #4D4D4D,
@@ -1190,19 +1279,18 @@ A100: #4D4D4D,
1190
1279
  );
1191
1280
 
1192
1281
  $dark-color-scheme-info-palette: (
1193
- 40: #F5FAFD,
1194
- 60: #EBF4FB,
1195
- 100: #D8EAF7,
1196
- 200: #AAD1EC,
1197
- 300: #7FBAE1,
1198
- 400: #57A4D7,
1199
- 500: #338FCC,
1200
- 560: #277BB3,
1201
- 600: #206EA2,
1202
- 700: #114E77,
1203
- 800: #07314D,
1204
- A100: rgba(0, 153, 255, 0.15),
1205
- A200: rgba(0, 153, 255, 0.3),
1282
+ 40: #ebf8fd,
1283
+ 60: #d9f3fd,
1284
+ 100: #afe6f9,
1285
+ 200: #6ed3f2,
1286
+ 300: #18a5c5,
1287
+ 400: #2099b7,
1288
+ 500: #218ca8,
1289
+ 560: #0c6579,
1290
+ 600: #0c5567,
1291
+ 700: #084453,
1292
+ 800: #143641,
1293
+ 900: #022731,
1206
1294
  contrast: (
1207
1295
  40: #4D4D4D,
1208
1296
  60: #4D4D4D,
@@ -1222,18 +1310,19 @@ A200: white,
1222
1310
  );
1223
1311
 
1224
1312
  $dark-color-scheme-success-palette: (
1225
- 40: #F6FBF4,
1226
- 60: #EDF8E9,
1227
- 100: #DCF1D4,
1228
- 200: #B4DEA4,
1229
- 300: #8FCC79,
1230
- 400: #6FBA53,
1231
- 500: #52A832,
1232
- 560: #449327,
1233
- 600: #3B8520,
1234
- 700: #276211,
1235
- 800: #163F07,
1236
- A100: rgba(68, 255, 0, 0.15),
1313
+ 40: #ecf9ef,
1314
+ 60: #d2f7db,
1315
+ 100: #b6ebc3,
1316
+ 200: #8ed5a1,
1317
+ 300: #4ba96c,
1318
+ 400: #319d5c,
1319
+ 500: #028b49,
1320
+ 560: #016b37,
1321
+ 600: #015a2d,
1322
+ 700: #004823,
1323
+ 800: #103920,
1324
+ 900: #002a12,
1325
+ A100: rgba(2, 139, 73, 0.15),
1237
1326
  contrast: (
1238
1327
  40: #4D4D4D,
1239
1328
  60: #4D4D4D,
@@ -1252,18 +1341,19 @@ A100: #4D4D4D,
1252
1341
  );
1253
1342
 
1254
1343
  $dark-color-scheme-warning-palette: (
1255
- 40: #FDFAF3,
1256
- 60: #FCF5E8,
1257
- 100: #F8EBD1,
1258
- 200: #F0D49B,
1259
- 300: #E7BD68,
1260
- 400: #DFA739,
1261
- 500: #D6930D,
1262
- 560: #BB800A,
1263
- 600: #AA7408,
1264
- 700: #7D5504,
1265
- 800: #503602,
1266
- A100: rgba(255, 170, 0, 0.15),
1344
+ 40: #fff4dd,
1345
+ 60: #ffecce,
1346
+ 100: #fcdda6,
1347
+ 200: #f5c23c,
1348
+ 300: #e19f12,
1349
+ 400: #c78816,
1350
+ 500: #a26e0c,
1351
+ 560: #7e5406,
1352
+ 600: #6b4804,
1353
+ 700: #543803,
1354
+ 800: #3e3015,
1355
+ 900: #312001,
1356
+ A100: rgba(255, 159, 18, 0.15),
1267
1357
  contrast: (
1268
1358
  40: #4D4D4D,
1269
1359
  60: #4D4D4D,
@@ -1282,19 +1372,20 @@ A100: #4D4D4D,
1282
1372
  );
1283
1373
 
1284
1374
  $color-blue-palette: (
1285
- 40: #F5FAFD,
1286
- 60: #EBF4FB,
1287
- 100: #D8EAF7,
1288
- 200: #AAD1EC,
1289
- 300: #7FBAE1,
1290
- 400: #57A4D7,
1291
- 500: #338FCC,
1292
- 560: #277BB3,
1293
- 600: #206EA2,
1294
- 700: #114E77,
1295
- 800: #07314D,
1296
- A100: rgba(0, 153, 255, 0.15),
1297
- A200: rgba(0, 153, 255, 0.3),
1375
+ 40: #eff6ff,
1376
+ 60: #e7f1ff,
1377
+ 100: #c8dfff,
1378
+ 200: #a2c7fe,
1379
+ 300: #5697ff,
1380
+ 400: #4187ff,
1381
+ 500: #0374eb,
1382
+ 560: #0059b8,
1383
+ 600: #014b9d,
1384
+ 700: #023c7f,
1385
+ 800: #193060,
1386
+ 900: #00224f,
1387
+ A100: rgba(3, 116, 235, 0.15),
1388
+ A200: rgba(3, 116, 235, 0.3),
1298
1389
  contrast: (
1299
1390
  40: #4D4D4D,
1300
1391
  60: #4D4D4D,
@@ -1314,18 +1405,19 @@ A200: white,
1314
1405
  );
1315
1406
 
1316
1407
  $color-green-palette: (
1317
- 40: #F6FBF4,
1318
- 60: #EDF8E9,
1319
- 100: #DCF1D4,
1320
- 200: #B4DEA4,
1321
- 300: #8FCC79,
1322
- 400: #6FBA53,
1323
- 500: #52A832,
1324
- 560: #449327,
1325
- 600: #3B8520,
1326
- 700: #276211,
1327
- 800: #163F07,
1328
- A100: rgba(68, 255, 0, 0.15),
1408
+ 40: #ecf9ef,
1409
+ 60: #d2f7db,
1410
+ 100: #b6ebc3,
1411
+ 200: #8ed5a1,
1412
+ 300: #4ba96c,
1413
+ 400: #319d5c,
1414
+ 500: #028b49,
1415
+ 560: #016b37,
1416
+ 600: #015a2d,
1417
+ 700: #004823,
1418
+ 800: #103920,
1419
+ 900: #002a12,
1420
+ A100: rgba(2, 139, 73, 0.15),
1329
1421
  contrast: (
1330
1422
  40: #4D4D4D,
1331
1423
  60: #4D4D4D,
@@ -1344,18 +1436,19 @@ A100: #4D4D4D,
1344
1436
  );
1345
1437
 
1346
1438
  $color-red-palette: (
1347
- 40: #FEF7F6,
1348
- 60: #FCEFEC,
1349
- 100: #FADEDA,
1350
- 200: #F4B7AE,
1351
- 300: #ED9284,
1352
- 400: #E76E5C,
1353
- 500: #E04D36,
1354
- 560: #C43E29,
1355
- 600: #B23522,
1356
- 700: #832112,
1357
- 800: #541208,
1358
- A100: rgba(224, 79, 56, 0.15),
1439
+ 40: #fff3f3,
1440
+ 60: #ffeaea,
1441
+ 100: #fbd6d6,
1442
+ 200: #fcb2b4,
1443
+ 300: #ee6f79,
1444
+ 400: #ea5868,
1445
+ 500: #db3c55,
1446
+ 560: #b9023a,
1447
+ 600: #9e0130,
1448
+ 700: #800025,
1449
+ 800: #621420,
1450
+ 900: #500013,
1451
+ A100: rgba(219, 60, 85, 0.15),
1359
1452
  contrast: (
1360
1453
  40: #4D4D4D,
1361
1454
  60: #4D4D4D,
@@ -1374,23 +1467,24 @@ A100: #4D4D4D,
1374
1467
  );
1375
1468
 
1376
1469
  $color-grey-palette: (
1377
- 40: #F5F5F5,
1378
- 60: #F0F0F0,
1379
- 100: #E6E6E6,
1380
- 200: #CCCCCC,
1381
- 300: #B3B3B3,
1382
- 400: #999999,
1383
- 500: #808080,
1384
- 560: #707070,
1385
- 600: #666666,
1386
- 700: #4D4D4D,
1387
- 800: #333333,
1388
- A40: rgba(0, 0, 0, 0.04),
1389
- A60: rgba(0, 0, 0, 0.06),
1390
- A100: rgba(0, 0, 0, 0.1),
1391
- A200: rgba(0, 0, 0, 0.2),
1392
- A300: rgba(0, 0, 0, 0.3),
1393
- A500: rgba(0, 0, 0, 0.5),
1470
+ 40: #f2f5f9,
1471
+ 60: #ebeef2,
1472
+ 100: #d7dee4,
1473
+ 200: #bdc7d1,
1474
+ 300: #8c99a5,
1475
+ 400: #7f8c98,
1476
+ 500: #6d7a86,
1477
+ 560: #515e69,
1478
+ 600: #434f5a,
1479
+ 700: #333f4a,
1480
+ 800: #27333e,
1481
+ 900: #19252f,
1482
+ A40: rgba(25, 37, 47, 0.04),
1483
+ A60: rgba(25, 37, 47, 0.06),
1484
+ A100: rgba(25, 37, 47, 0.1),
1485
+ A200: rgba(25, 37, 47, 0.2),
1486
+ A300: rgba(25, 37, 47, 0.3),
1487
+ A500: rgba(25, 37, 47, 0.5),
1394
1488
  contrast: (
1395
1489
  40: #4D4D4D,
1396
1490
  60: #4D4D4D,
@@ -1408,18 +1502,19 @@ contrast: (
1408
1502
  );
1409
1503
 
1410
1504
  $color-yellow-palette: (
1411
- 40: #FDFAF3,
1412
- 60: #FCF5E8,
1413
- 100: #F8EBD1,
1414
- 200: #F0D49B,
1415
- 300: #E7BD68,
1416
- 400: #DFA739,
1417
- 500: #D6930D,
1418
- 560: #BB800A,
1419
- 600: #AA7408,
1420
- 700: #7D5504,
1421
- 800: #503602,
1422
- A100: rgba(255, 170, 0, 0.15),
1505
+ 40: #fff4dd,
1506
+ 60: #ffecce,
1507
+ 100: #fcdda6,
1508
+ 200: #f5c23c,
1509
+ 300: #e19f12,
1510
+ 400: #c78816,
1511
+ 500: #a26e0c,
1512
+ 560: #7e5406,
1513
+ 600: #6b4804,
1514
+ 700: #543803,
1515
+ 800: #3e3015,
1516
+ 900: #312001,
1517
+ A100: rgba(255, 159, 18, 0.15),
1423
1518
  contrast: (
1424
1519
  40: #4D4D4D,
1425
1520
  60: #4D4D4D,
@@ -1437,59 +1532,121 @@ A100: #4D4D4D,
1437
1532
  )
1438
1533
  );
1439
1534
 
1535
+ $color-teal-palette: (
1536
+ 40: #ebf8fd,
1537
+ 60: #d9f3fd,
1538
+ 100: #afe6f9,
1539
+ 200: #6ed3f2,
1540
+ 300: #18a5c5,
1541
+ 400: #2099b7,
1542
+ 500: #218ca8,
1543
+ 560: #0c6579,
1544
+ 600: #0c5567,
1545
+ 700: #084453,
1546
+ 800: #143641,
1547
+ 900: #022731,
1548
+ contrast: (
1549
+ 40: #4D4D4D,
1550
+ 60: #4D4D4D,
1551
+ 100: #4D4D4D,
1552
+ 200: #4D4D4D,
1553
+ 300: #4D4D4D,
1554
+ 400: white,
1555
+ 500: white,
1556
+ 560: white,
1557
+ 600: white,
1558
+ 700: white,
1559
+ 800: white,
1560
+ A100: #4D4D4D,
1561
+ A200: white,
1562
+
1563
+ )
1564
+ );
1565
+
1566
+ $color-purple-palette: (
1567
+ 40: #fff3fb,
1568
+ 60: #ffe9f8,
1569
+ 100: #f2d4e8,
1570
+ 200: #e4bbd7,
1571
+ 300: #c692b5,
1572
+ 400: #bb78a7,
1573
+ 500: #a65d92,
1574
+ 560: #864775,
1575
+ 600: #753865,
1576
+ 700: #612853,
1577
+ 800: #48273f,
1578
+ 900: #36172e,
1579
+ contrast: (
1580
+ 40: #4D4D4D,
1581
+ 60: #4D4D4D,
1582
+ 100: #4D4D4D,
1583
+ 200: #4D4D4D,
1584
+ 300: #4D4D4D,
1585
+ 400: white,
1586
+ 500: white,
1587
+ 560: white,
1588
+ 600: white,
1589
+ 700: white,
1590
+ 800: white,
1591
+ A100: #4D4D4D,
1592
+ A200: white,
1593
+
1594
+ )
1595
+ );
1596
+
1440
1597
  $typography-display-1-font-size: 56px;
1441
1598
  $typography-display-1-line-height: 76px;
1442
- $typography-display-1-letter-spacing: -0.4px;
1599
+ $typography-display-1-letter-spacing: normal;
1443
1600
  $typography-display-1-font-weight: normal;
1444
- $typography-display-1-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1601
+ $typography-display-1-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1445
1602
  $typography-display-1-text-transform: null;
1446
1603
  $typography-display-2-font-size: 45px;
1447
1604
  $typography-display-2-line-height: 56px;
1448
1605
  $typography-display-2-letter-spacing: normal;
1449
1606
  $typography-display-2-font-weight: normal;
1450
- $typography-display-2-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1607
+ $typography-display-2-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1451
1608
  $typography-display-2-text-transform: null;
1452
1609
  $typography-display-3-font-size: 34px;
1453
1610
  $typography-display-3-line-height: 44px;
1454
- $typography-display-3-letter-spacing: 0.25px;
1611
+ $typography-display-3-letter-spacing: normal;
1455
1612
  $typography-display-3-font-weight: normal;
1456
- $typography-display-3-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1613
+ $typography-display-3-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1457
1614
  $typography-display-3-text-transform: null;
1458
1615
  $typography-headline-font-size: 24px;
1459
1616
  $typography-headline-line-height: 32px;
1460
1617
  $typography-headline-letter-spacing: normal;
1461
1618
  $typography-headline-font-weight: normal;
1462
- $typography-headline-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1619
+ $typography-headline-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1463
1620
  $typography-headline-text-transform: null;
1464
1621
  $typography-title-font-size: 20px;
1465
1622
  $typography-title-line-height: 28px;
1466
- $typography-title-letter-spacing: 0.15px;
1467
- $typography-title-font-weight: 500;
1468
- $typography-title-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1623
+ $typography-title-letter-spacing: normal;
1624
+ $typography-title-font-weight: 600;
1625
+ $typography-title-font-family: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1469
1626
  $typography-title-text-transform: null;
1470
1627
  $typography-subheading-font-size: 15px;
1471
1628
  $typography-subheading-line-height: 20px;
1472
- $typography-subheading-letter-spacing: 0.15px;
1473
- $typography-subheading-font-weight: 700;
1474
- $typography-subheading-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1629
+ $typography-subheading-letter-spacing: -0.009em;
1630
+ $typography-subheading-font-weight: 600;
1631
+ $typography-subheading-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1475
1632
  $typography-subheading-text-transform: null;
1476
1633
  $typography-body-font-size: 15px;
1477
1634
  $typography-body-line-height: 20px;
1478
- $typography-body-letter-spacing: 0.15px;
1635
+ $typography-body-letter-spacing: -0.009em;
1479
1636
  $typography-body-font-weight: normal;
1480
- $typography-body-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1637
+ $typography-body-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1481
1638
  $typography-body-text-transform: null;
1482
1639
  $typography-body-strong-font-size: 15px;
1483
1640
  $typography-body-strong-line-height: 20px;
1484
- $typography-body-strong-letter-spacing: 0.15px;
1641
+ $typography-body-strong-letter-spacing: -0.009em;
1485
1642
  $typography-body-strong-font-weight: 500;
1486
- $typography-body-strong-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1643
+ $typography-body-strong-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1487
1644
  $typography-body-strong-text-transform: null;
1488
1645
  $typography-body-caps-font-size: 15px;
1489
1646
  $typography-body-caps-line-height: 20px;
1490
1647
  $typography-body-caps-letter-spacing: 1.7px;
1491
1648
  $typography-body-caps-font-weight: normal;
1492
- $typography-body-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1649
+ $typography-body-caps-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1493
1650
  $typography-body-caps-text-transform: uppercase;
1494
1651
  $typography-body-mono-font-size: 15px;
1495
1652
  $typography-body-mono-line-height: 20px;
@@ -1499,15 +1656,15 @@ $typography-body-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco',
1499
1656
  $typography-body-mono-text-transform: null;
1500
1657
  $typography-caption-font-size: 13px;
1501
1658
  $typography-caption-line-height: 16px;
1502
- $typography-caption-letter-spacing: 0.25px;
1659
+ $typography-caption-letter-spacing: -0.0025em;
1503
1660
  $typography-caption-font-weight: normal;
1504
- $typography-caption-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1661
+ $typography-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1505
1662
  $typography-caption-text-transform: null;
1506
1663
  $typography-caption-caps-font-size: 13px;
1507
1664
  $typography-caption-caps-line-height: 16px;
1508
1665
  $typography-caption-caps-letter-spacing: 1.5px;
1509
1666
  $typography-caption-caps-font-weight: normal;
1510
- $typography-caption-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1667
+ $typography-caption-caps-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1511
1668
  $typography-caption-caps-text-transform: uppercase;
1512
1669
  $typography-caption-mono-font-size: 13px;
1513
1670
  $typography-caption-mono-line-height: 16px;
@@ -1517,21 +1674,21 @@ $typography-caption-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monac
1517
1674
  $typography-caption-mono-text-transform: null;
1518
1675
  $typography-small-text-font-size: 13px;
1519
1676
  $typography-small-text-line-height: 16px;
1520
- $typography-small-text-letter-spacing: 0.25px;
1677
+ $typography-small-text-letter-spacing: -0.0025em;
1521
1678
  $typography-small-text-font-weight: normal;
1522
- $typography-small-text-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1679
+ $typography-small-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1523
1680
  $typography-small-text-text-transform: null;
1524
1681
  $typography-extra-small-text-font-size: 11px;
1525
1682
  $typography-extra-small-text-line-height: 16px;
1526
- $typography-extra-small-text-letter-spacing: 0.22px;
1683
+ $typography-extra-small-text-letter-spacing: 0.005em;
1527
1684
  $typography-extra-small-text-font-weight: normal;
1528
- $typography-extra-small-text-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1685
+ $typography-extra-small-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1529
1686
  $typography-extra-small-text-text-transform: null;
1530
1687
  $typography-extra-small-text-caps-font-size: 11px;
1531
1688
  $typography-extra-small-text-caps-line-height: 16px;
1532
1689
  $typography-extra-small-text-caps-letter-spacing: 1px;
1533
1690
  $typography-extra-small-text-caps-font-weight: normal;
1534
- $typography-extra-small-text-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1691
+ $typography-extra-small-text-caps-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1535
1692
  $typography-extra-small-text-caps-text-transform: uppercase;
1536
1693
  $typography-extra-small-text-mono-font-size: 11px;
1537
1694
  $typography-extra-small-text-mono-line-height: 16px;
@@ -2219,149 +2376,6 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
2219
2376
  }
2220
2377
  }
2221
2378
 
2222
- // We want overlays to always appear over user content, so set a baseline
2223
- // very high z-index for the overlay container, which is where we create the new
2224
- // stacking context for all overlays.
2225
- $cdk-z-index-overlay-container: 1000 !default;
2226
- $cdk-z-index-overlay: 1000 !default;
2227
- $cdk-z-index-overlay-backdrop: 1000 !default;
2228
-
2229
- // Background color for all of the backdrops
2230
- $cdk-overlay-dark-backdrop-background: rgba(0, 0, 0, 0.32) !default;
2231
-
2232
- // Default backdrop animation is based on the Material Design swift-ease-out.
2233
- $backdrop-animation-duration: 400ms !default;
2234
- $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
2235
-
2236
-
2237
- @mixin cdk-overlay() {
2238
- .cdk-overlay-container, .cdk-global-overlay-wrapper {
2239
- // Disable events from being captured on the overlay container.
2240
- pointer-events: none;
2241
-
2242
- // The container should be the size of the viewport.
2243
- top: 0;
2244
- left: 0;
2245
- height: 100%;
2246
- width: 100%;
2247
- }
2248
-
2249
- // The overlay-container is an invisible element which contains all individual overlays.
2250
- .cdk-overlay-container {
2251
- position: fixed;
2252
- z-index: $cdk-z-index-overlay-container;
2253
-
2254
- &:empty {
2255
- // Hide the element when it doesn't have any child nodes. This doesn't
2256
- // include overlays that have been detached, rather than disposed.
2257
- display: none;
2258
- }
2259
- }
2260
-
2261
- // We use an extra wrapper element in order to use make the overlay itself a flex item.
2262
- // This makes centering the overlay easy without running into the subpixel rendering
2263
- // problems tied to using `transform` and without interfering with the other position
2264
- // strategies.
2265
- .cdk-global-overlay-wrapper {
2266
- display: flex;
2267
- position: absolute;
2268
- z-index: $cdk-z-index-overlay;
2269
- }
2270
-
2271
- // A single overlay pane.
2272
- .cdk-overlay-pane {
2273
- // Note: it's important for this one to start off `absolute`,
2274
- // in order for us to be able to measure it correctly.
2275
- position: absolute;
2276
- pointer-events: auto;
2277
- box-sizing: border-box;
2278
- z-index: $cdk-z-index-overlay;
2279
-
2280
- // For connected-position overlays, we set `display: flex` in
2281
- // order to force `max-width` and `max-height` to take effect.
2282
- display: flex;
2283
- max-width: 100%;
2284
- max-height: 100%;
2285
- }
2286
-
2287
- .cdk-overlay-backdrop {
2288
- // TODO(jelbourn): reuse sidenav fullscreen mixin.
2289
- position: absolute;
2290
- top: 0;
2291
- bottom: 0;
2292
- left: 0;
2293
- right: 0;
2294
-
2295
- z-index: $cdk-z-index-overlay-backdrop;
2296
- pointer-events: auto;
2297
- -webkit-tap-highlight-color: transparent;
2298
- transition: opacity $backdrop-animation-duration $backdrop-animation-timing-function;
2299
- opacity: 0;
2300
-
2301
- &.cdk-overlay-backdrop-showing {
2302
- opacity: 1;
2303
-
2304
- // Note that we can't import and use the `high-contrast` mixin from `_a11y.scss`, because
2305
- // this file will be copied to the top-level `cdk` package when putting together the files
2306
- // for npm. Any relative import paths we use here will become invalid once the file is copied.
2307
- .cdk-high-contrast-active & {
2308
- // In high contrast mode the rgba background will become solid
2309
- // so we need to fall back to making it opaque using `opacity`.
2310
- opacity: 0.6;
2311
- }
2312
- }
2313
- }
2314
-
2315
- .cdk-overlay-dark-backdrop {
2316
- background: $cdk-overlay-dark-backdrop-background;
2317
- }
2318
-
2319
- .cdk-overlay-transparent-backdrop {
2320
- // Note: as of Firefox 57, having the backdrop be `background: none` will prevent it from
2321
- // capturing the user's mouse scroll events. Since we also can't use something like
2322
- // `rgba(0, 0, 0, 0)`, we work around the inconsistency by not setting the background at
2323
- // all and using `opacity` to make the element transparent.
2324
- &, &.cdk-overlay-backdrop-showing {
2325
- opacity: 0;
2326
- }
2327
- }
2328
-
2329
- // Overlay parent element used with the connected position strategy. Used to constrain the
2330
- // overlay element's size to fit within the viewport.
2331
- .cdk-overlay-connected-position-bounding-box {
2332
- position: absolute;
2333
- z-index: $cdk-z-index-overlay;
2334
-
2335
- // We use `display: flex` on this element exclusively for centering connected overlays.
2336
- // When *not* centering, a top/left/bottom/right will be set which overrides the normal
2337
- // flex layout.
2338
- display: flex;
2339
-
2340
- // We use the `column` direction here to avoid some flexbox issues in Edge
2341
- // when using the "grow after open" options.
2342
- flex-direction: column;
2343
-
2344
- // Add some dimensions so the element has an `innerText` which some people depend on in tests.
2345
- min-width: 1px;
2346
- min-height: 1px;
2347
- }
2348
-
2349
- // Used when disabling global scrolling.
2350
- .cdk-global-scrollblock {
2351
- position: fixed;
2352
-
2353
- // Necessary for the content not to lose its width. Note that we're using 100%, instead of
2354
- // 100vw, because 100vw includes the width plus the scrollbar, whereas 100% is the width
2355
- // that the element had before we made it `fixed`.
2356
- width: 100%;
2357
-
2358
- // Note: this will always add a scrollbar to whatever element it is on, which can
2359
- // potentially result in double scrollbars. It shouldn't be an issue, because we won't
2360
- // block scrolling on a page that doesn't have a scrollbar in the first place.
2361
- overflow-y: scroll;
2362
- }
2363
- }
2364
-
2365
2379
 
2366
2380
 
2367
2381
 
@@ -2588,8 +2602,10 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
2588
2602
  $modal: (
2589
2603
  background-mask: $modal-light-color-scheme-background-mask,
2590
2604
  shadow: $modal-light-color-scheme-shadow,
2605
+ header-border: $modal-header-light-color-scheme-border,
2591
2606
  body-top-shadow: $modal-light-color-scheme-body-top-shadow,
2592
- body-bottom-shadow: $modal-light-color-scheme-body-bottom-shadow
2607
+ body-bottom-shadow: $modal-light-color-scheme-body-bottom-shadow,
2608
+ footer-border: $modal-footer-light-color-scheme-border
2593
2609
  );
2594
2610
 
2595
2611
  $navbar: (
@@ -2600,8 +2616,10 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
2600
2616
 
2601
2617
  $navbar-item: (
2602
2618
  color: $navbar-item-light-color-scheme-text,
2619
+ icon-color: $navbar-item-light-color-scheme-icon,
2603
2620
 
2604
2621
  state-active: $navbar-item-light-color-scheme-states-active,
2622
+ state-selected: $navbar-item-light-color-scheme-states-selected,
2605
2623
  state-hover: $navbar-item-light-color-scheme-states-hover,
2606
2624
  state-progress: $navbar-item-light-color-scheme-states-progress,
2607
2625
  state-disabled-opacity: $navbar-item-light-color-scheme-states-disabled-opacity,
@@ -2654,28 +2672,31 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
2654
2672
  $tags: (
2655
2673
  primary: (
2656
2674
  border: $tags-light-color-scheme-primary-border,
2675
+ text: $tags-light-color-scheme-primary-text,
2657
2676
  background: $tags-light-color-scheme-primary-background,
2658
2677
  background_disabled: $tags-light-color-scheme-primary-states-disabled-background,
2659
2678
  icon: $tags-light-color-scheme-primary-icon,
2660
- icon_hover: $tags-light-color-scheme-primary-states-hover-icon,
2679
+ icon_hovered: $tags-light-color-scheme-primary-states-hover-icon,
2661
2680
  focused: $tags-light-color-scheme-primary-states-focused,
2662
2681
  disabled: $tags-light-color-scheme-primary-states-disabled-text
2663
2682
  ),
2664
2683
  second: (
2665
2684
  border: $tags-light-color-scheme-second-border,
2685
+ text: $tags-light-color-scheme-second-text,
2666
2686
  background: $tags-light-color-scheme-second-background,
2667
2687
  background_disabled: $tags-light-color-scheme-second-states-disabled-background,
2668
2688
  icon: $tags-light-color-scheme-second-icon,
2669
- icon_hover: $tags-light-color-scheme-second-states-hover-icon,
2689
+ icon_hovered: $tags-light-color-scheme-second-states-hover-icon,
2670
2690
  focused: $tags-light-color-scheme-second-states-focused,
2671
2691
  disabled: $tags-light-color-scheme-second-states-disabled-text
2672
2692
  ),
2673
2693
  error: (
2674
2694
  border: $tags-light-color-scheme-error-border,
2695
+ text: $tags-light-color-scheme-error-text,
2675
2696
  background: $tags-light-color-scheme-error-background,
2676
2697
  background_disabled: $tags-light-color-scheme-error-states-disabled-background,
2677
2698
  icon: $tags-light-color-scheme-error-icon,
2678
- icon_hover: $tags-light-color-scheme-error-states-hover-icon,
2699
+ icon_hovered: $tags-light-color-scheme-error-states-hover-icon,
2679
2700
  focused: $tags-light-color-scheme-error-states-focused,
2680
2701
  disabled: $tags-light-color-scheme-error-states-disabled-text
2681
2702
  )
@@ -2688,7 +2709,16 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
2688
2709
  circle_border: $toggle-light-color-scheme-circle-border,
2689
2710
  circle_background: $toggle-light-color-scheme-circle-background,
2690
2711
 
2691
- focused: $toggle-light-color-scheme-states-focused-shadow
2712
+ focused: $toggle-light-color-scheme-states-focused-shadow,
2713
+
2714
+ primary: (
2715
+ checked_border: $toggle-light-color-scheme-primary-checked-border-color,
2716
+ checked_background: $toggle-light-color-scheme-primary-checked-background,
2717
+ ),
2718
+ error: (
2719
+ checked_border: $toggle-light-color-scheme-error-checked-border-color,
2720
+ checked_background: $toggle-light-color-scheme-error-checked-background,
2721
+ )
2692
2722
  );
2693
2723
 
2694
2724
  $tooltip: (
@@ -2958,8 +2988,10 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
2958
2988
  $modal: (
2959
2989
  background-mask: $modal-dark-color-scheme-background-mask,
2960
2990
  shadow: $modal-dark-color-scheme-shadow,
2991
+ header-border: $modal-header-dark-color-scheme-border,
2961
2992
  body-top-shadow: $modal-dark-color-scheme-body-top-shadow,
2962
- body-bottom-shadow: $modal-dark-color-scheme-body-bottom-shadow
2993
+ body-bottom-shadow: $modal-dark-color-scheme-body-bottom-shadow,
2994
+ footer-border: $modal-footer-dark-color-scheme-border
2963
2995
  );
2964
2996
 
2965
2997
  $navbar: (
@@ -2970,8 +3002,10 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
2970
3002
 
2971
3003
  $navbar-item: (
2972
3004
  color: $navbar-item-dark-color-scheme-text,
3005
+ icon-color: $navbar-item-dark-color-scheme-icon,
2973
3006
 
2974
3007
  state-active: $navbar-item-dark-color-scheme-states-active,
3008
+ state-selected: $navbar-item-dark-color-scheme-states-selected,
2975
3009
  state-hover: $navbar-item-dark-color-scheme-states-hover,
2976
3010
  state-progress: $navbar-item-dark-color-scheme-states-progress,
2977
3011
  state-disabled-opacity: $navbar-item-dark-color-scheme-states-disabled-opacity,
@@ -3024,6 +3058,7 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
3024
3058
  $tags: (
3025
3059
  primary: (
3026
3060
  border: $tags-dark-color-scheme-primary-border,
3061
+ text: $tags-dark-color-scheme-primary-text,
3027
3062
  background: $tags-dark-color-scheme-primary-background,
3028
3063
  background_disabled: $tags-dark-color-scheme-primary-states-disabled-background,
3029
3064
  icon: $tags-dark-color-scheme-primary-icon,
@@ -3033,6 +3068,7 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
3033
3068
  ),
3034
3069
  second: (
3035
3070
  border: $tags-dark-color-scheme-second-border,
3071
+ text: $tags-dark-color-scheme-second-text,
3036
3072
  background: $tags-dark-color-scheme-second-background,
3037
3073
  background_disabled: $tags-dark-color-scheme-second-states-disabled-background,
3038
3074
  icon: $tags-dark-color-scheme-second-icon,
@@ -3042,6 +3078,7 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
3042
3078
  ),
3043
3079
  error: (
3044
3080
  border: $tags-dark-color-scheme-error-border,
3081
+ text: $tags-dark-color-scheme-error-text,
3045
3082
  background: $tags-dark-color-scheme-error-background,
3046
3083
  background_disabled: $tags-dark-color-scheme-error-states-disabled-background,
3047
3084
  icon: $tags-dark-color-scheme-error-icon,
@@ -3058,7 +3095,16 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
3058
3095
  circle_border: $toggle-dark-color-scheme-circle-border,
3059
3096
  circle_background: $toggle-dark-color-scheme-circle-background,
3060
3097
 
3061
- focused: $toggle-dark-color-scheme-states-focused-shadow
3098
+ focused: $toggle-dark-color-scheme-states-focused-shadow,
3099
+
3100
+ primary: (
3101
+ checked_border: $toggle-dark-color-scheme-primary-checked-border-color,
3102
+ checked_background: $toggle-dark-color-scheme-primary-checked-background,
3103
+ ),
3104
+ error: (
3105
+ checked_border: $toggle-dark-color-scheme-error-checked-border-color,
3106
+ checked_background: $toggle-dark-color-scheme-error-checked-background,
3107
+ )
3062
3108
  );
3063
3109
 
3064
3110
  $tooltip: (
@@ -3726,6 +3772,10 @@ $fonts: (
3726
3772
  @include mc-badge-color(map-get($badge, success_solid));
3727
3773
  }
3728
3774
 
3775
+ &.mc-badge_info {
3776
+ @include mc-badge-color(map-get($badge, info_solid));
3777
+ }
3778
+
3729
3779
  &.mc-badge_warning {
3730
3780
  @include mc-badge-color(map-get($badge, warning_solid));
3731
3781
  }
@@ -3832,7 +3882,7 @@ $fonts: (
3832
3882
  }
3833
3883
 
3834
3884
  &.mc-active {
3835
- border-color: mc-color($primary);
3885
+ border-color: map-get(map-get($theme, states), focused-color);
3836
3886
  }
3837
3887
 
3838
3888
  &.mc-selected {
@@ -3908,8 +3958,8 @@ $fonts: (
3908
3958
  color: map-get($params, icon);
3909
3959
  }
3910
3960
 
3911
- &:active,
3912
- &.mc-active {
3961
+ &:active:not([disabled]),
3962
+ &.mc-active:not([disabled]) {
3913
3963
  border-color: map-get($params, active_border);
3914
3964
  background: map-get($params, active_background);
3915
3965
  }
@@ -3922,21 +3972,22 @@ $fonts: (
3922
3972
  border-color: transparent;
3923
3973
  background-color: transparent;
3924
3974
 
3925
- &:hover,
3926
- &.mc-hover {
3975
+ &:hover:not([disabled]) {
3976
+ background-color: map-get($background, overlay-hover);
3977
+
3927
3978
  & .mc-button-overlay {
3928
- background: map-get($background, overlay-hover);
3979
+ background-color: transparent;
3929
3980
  }
3930
3981
  }
3931
3982
 
3932
- &:active,
3933
- &.mc-active {
3983
+ &:active:not([disabled]),
3984
+ &.mc-active:not([disabled]) {
3934
3985
  border-color: transparent;
3935
- background-color: transparent;
3986
+ background-color: map-get($background, overlay-active);
3936
3987
  box-shadow: none;
3937
3988
 
3938
3989
  & .mc-button-overlay {
3939
- background: map-get($background, overlay-active);
3990
+ background-color: transparent;
3940
3991
  }
3941
3992
  }
3942
3993
 
@@ -3992,15 +4043,14 @@ $fonts: (
3992
4043
  }
3993
4044
  }
3994
4045
 
3995
- &:hover,
3996
- &.mc-hover {
4046
+ &:hover:not([disabled]) {
3997
4047
  & .mc-button-overlay {
3998
4048
  background: map-get($background, overlay-hover);
3999
4049
  }
4000
4050
  }
4001
4051
 
4002
- &:active,
4003
- &.mc-active {
4052
+ &:active:not([disabled]),
4053
+ &.mc-active:not([disabled]) {
4004
4054
  box-shadow: map-get($button, active-shadow);
4005
4055
  }
4006
4056
 
@@ -4059,7 +4109,7 @@ $fonts: (
4059
4109
 
4060
4110
  & .mc-checkbox-checkmark,
4061
4111
  & .mc-checkbox-mixedmark {
4062
- color: white;
4112
+ color: map-get($background, background);
4063
4113
  }
4064
4114
  }
4065
4115
 
@@ -4263,6 +4313,10 @@ $mc-datepicker-today-fade-amount: 0.2;
4263
4313
  background: map-get($background, overlay-hover);
4264
4314
  }
4265
4315
 
4316
+ .mc-dropdown-item-overlay {
4317
+ background: transparent;
4318
+ }
4319
+
4266
4320
  .mc-dropdown__divider {
4267
4321
  background-color: map-get($foreground, divider);
4268
4322
  }
@@ -4642,8 +4696,6 @@ $mc-datepicker-today-fade-amount: 0.2;
4642
4696
  $modal: map-get(map-get($theme, components), modal);
4643
4697
  $popup: map-get(map-get($theme, components), popup);
4644
4698
 
4645
- $border-color: if(map-get($theme, is-dark), map-get($popup, divider), transparent);
4646
-
4647
4699
  .mc-modal {
4648
4700
  .mc-modal-content {
4649
4701
  // У модалки должен быть фон background. Чтобы поповеры и дропдауны было видно поверх модалки
@@ -4659,7 +4711,7 @@ $mc-datepicker-today-fade-amount: 0.2;
4659
4711
  .mc-modal-header {
4660
4712
  border-bottom-width: var(--mc-modal-size-border-width, $modal-size-border-width);
4661
4713
  border-bottom-style: solid;
4662
- border-bottom-color: map-get($popup, divider);
4714
+ border-bottom-color: map-get($modal, header-border);
4663
4715
  }
4664
4716
 
4665
4717
  .mc-modal-header.mc-modal-body_top-overflow {
@@ -4671,7 +4723,9 @@ $mc-datepicker-today-fade-amount: 0.2;
4671
4723
  }
4672
4724
 
4673
4725
  .mc-modal-footer {
4674
- border-top: var(--mc-modal-size-border-width, $modal-size-border-width) solid $border-color;
4726
+ border-top-width: var(--mc-modal-size-border-width, $modal-size-border-width);
4727
+ border-top-style: solid;
4728
+ border-top-color: map-get($modal, footer-border);
4675
4729
 
4676
4730
  background-color: map-get($popup, footer-background);
4677
4731
  }
@@ -4697,7 +4751,9 @@ $mc-datepicker-today-fade-amount: 0.2;
4697
4751
 
4698
4752
  .mc-confirm {
4699
4753
  .mc-confirm-btns {
4700
- border-top: var(--mc-modal-size-border-width, $modal-size-border-width) solid $border-color;
4754
+ border-top-width: var(--mc-modal-size-border-width, $modal-size-border-width);
4755
+ border-top-style: solid;
4756
+ border-top-color: map-get($modal, footer-border);
4701
4757
 
4702
4758
  background-color: map-get($popup, footer-background);
4703
4759
  }
@@ -4719,19 +4775,22 @@ $mc-datepicker-today-fade-amount: 0.2;
4719
4775
 
4720
4776
 
4721
4777
  @mixin mc-navbar-theme($theme) {
4778
+ $background: map-get($theme, background);
4779
+ $primary: map-get($theme, primary);
4780
+
4722
4781
  $navbar: map-get(map-get($theme, components), navbar);
4723
4782
  $navbar-item: map-get(map-get($theme, components), navbar-item);
4724
4783
 
4725
4784
  .mc-navbar,
4726
- .mc-vertical-navbar {
4785
+ .mc-vertical-navbar .mc-vertical-navbar__container {
4727
4786
  background-color: map-get($navbar, background);
4728
4787
  }
4729
4788
 
4730
- .mc-navbar-brand.mc-hovered:not(.mc-closed) {
4789
+ .mc-navbar-brand.mc-hovered:not(.mc-collapsed) {
4731
4790
  background-color: map-get($navbar-item, state-hover);
4732
4791
  }
4733
4792
 
4734
- .mc-navbar-brand.mc-vertical.mc-closed {
4793
+ .mc-navbar-brand.mc-vertical.mc-collapsed {
4735
4794
  & .mc-navbar-logo:hover {
4736
4795
  background-color: map-get($navbar-item, state-hover);
4737
4796
  }
@@ -4741,73 +4800,92 @@ $mc-datepicker-today-fade-amount: 0.2;
4741
4800
  color: map-get($navbar-item, color);
4742
4801
  }
4743
4802
 
4744
- .mc-navbar-item {
4745
- outline: 0;
4746
-
4803
+ .mc-navbar-item,
4804
+ .mc-navbar-brand,
4805
+ .mc-navbar-toggle {
4747
4806
  color: map-get($navbar-item, color);
4748
4807
 
4749
- & .mc-icon {
4750
- color: map-get($navbar-item, color);
4808
+ & > .mc-icon {
4809
+ color: map-get($navbar-item, icon-color);
4751
4810
  }
4752
4811
 
4753
- &.cdk-keyboard-focused {
4754
- outline: 0;
4755
- box-shadow: inset 0 0 0 2px map-get(map-get($theme, states), focused-color);
4812
+ & .mc-navbar-item__arrow-icon {
4813
+ color: map-get($navbar-item, color);
4756
4814
  }
4757
4815
 
4758
4816
  &.mc-active {
4759
- background-color: map-get($navbar-item, state-active);
4817
+ background: map-get($navbar-item, state-selected);
4760
4818
  }
4761
4819
 
4762
4820
  &:hover:not(.mc-navbar-item_button) {
4763
4821
  cursor: pointer;
4764
- background-color: map-get($navbar-item, state-hover);
4822
+
4823
+ & .mc-navbar-item__overlay {
4824
+ background-color: map-get($navbar-item, state-hover);
4825
+ }
4765
4826
  }
4766
4827
 
4767
- &.mc-progress:hover {
4768
- background-color: map-get($navbar-item, state-progress);
4828
+ &:active:not(.mc-navbar-item_button) {
4829
+ & .mc-navbar-item__overlay {
4830
+ background: map-get($navbar-item, state-active);
4831
+ }
4769
4832
  }
4770
4833
 
4771
4834
  &[disabled] {
4772
4835
  pointer-events: none;
4773
4836
  cursor: default;
4774
4837
 
4775
- .mc-navbar-title,
4838
+ .mc-navbar-item__title,
4776
4839
  .mc-icon {
4777
4840
  opacity: map-get($navbar-item, state-disabled-opacity);
4778
4841
  }
4779
4842
  }
4780
4843
  }
4781
4844
 
4782
- .mc-navbar-divider {
4783
- background-color: map-get($navbar, divider-background);
4784
- }
4785
- }
4845
+ .mc-navbar-focusable-item {
4846
+ outline: none;
4786
4847
 
4787
- @mixin mc-navbar-typography($config) {
4788
- .mc-navbar-item.mc-horizontal {
4789
- .mc-badge {
4790
- @include mc-typography-level-to-styles($config, extra-small-text);
4848
+ /* stylelint-disable no-descending-specificity */
4849
+ &.cdk-keyboard-focused .mc-navbar-item__overlay {
4850
+ box-shadow:
4851
+ inset 0 0 0 2px map-get(map-get($theme, states), focused-color),
4852
+ inset 0 0 0 3px map-get($background, background);
4791
4853
  }
4854
+ /* stylelint-enable no-descending-specificity */
4792
4855
  }
4793
4856
 
4794
- .mc-navbar-item.mc-vertical {
4795
- &.mc-opened .mc-badge {
4796
- @include mc-typography-level-to-styles($config, caption);
4797
- }
4857
+ .mc-navbar-divider {
4858
+ background-color: map-get($navbar, divider-background);
4859
+ }
4860
+ }
4798
4861
 
4799
- &.mc-closed .mc-badge {
4800
- @include mc-typography-level-to-styles($config, extra-small-text);
4801
- }
4862
+ button {
4863
+ &.mc-navbar-item,
4864
+ &.mc-navbar-brand,
4865
+ &.mc-navbar-toggle {
4866
+ background: transparent;
4867
+ border: none;
4802
4868
  }
4869
+ }
4803
4870
 
4871
+ @mixin mc-navbar-typography($config) {
4804
4872
  .mc-navbar-title {
4805
4873
  @include mc-typography-level-to-styles($config, $navbar-font-title);
4806
4874
  }
4807
4875
 
4876
+ .mc-navbar-subtitle {
4877
+ @include mc-typography-level-to-styles($config, extra-small-text);
4878
+ }
4879
+
4808
4880
  .mc-navbar-brand {
4809
4881
  .mc-navbar-title {
4810
4882
  @include mc-typography-level-to-styles($config, $navbar-brand-font-title);
4883
+
4884
+ &.mc-navbar-title_small {
4885
+ @include mc-typography-level-to-styles($config, subheading);
4886
+
4887
+ white-space: unset;
4888
+ }
4811
4889
  }
4812
4890
  }
4813
4891
  }
@@ -4954,7 +5032,6 @@ $mc-datepicker-today-fade-amount: 0.2;
4954
5032
  &.mc-selected {
4955
5033
  & .mc-radio-button__outer-circle {
4956
5034
  border-color: map-get($radio, outer-circle_checked-state_border);
4957
- background: white;
4958
5035
  }
4959
5036
 
4960
5037
  & .mc-radio-button__inner-circle {
@@ -5374,6 +5451,10 @@ $mc-datepicker-today-fade-amount: 0.2;
5374
5451
  background: map-get($params, background);
5375
5452
  border-color: map-get($params, border);
5376
5453
 
5454
+ & .mc-tag__text {
5455
+ color: map-get($params, text);
5456
+ }
5457
+
5377
5458
  &.mc-active,
5378
5459
  &.mc-focused {
5379
5460
  border-color: map-get($params, focused);
@@ -5384,7 +5465,6 @@ $mc-datepicker-today-fade-amount: 0.2;
5384
5465
  color: map-get($params, icon);
5385
5466
 
5386
5467
  &:hover {
5387
- cursor: pointer;
5388
5468
  color: map-get($params, icon_hovered);
5389
5469
  }
5390
5470
  }
@@ -5393,15 +5473,14 @@ $mc-datepicker-today-fade-amount: 0.2;
5393
5473
  border-color: map-get($params, background_disabled);
5394
5474
  background: map-get($params, background_disabled);
5395
5475
 
5396
- color: map-get($params, disabled);
5476
+ & .mc-icon,
5477
+ & .mc-tag__text {
5478
+ color: map-get($params, disabled);
5479
+ }
5397
5480
 
5398
5481
  & .mc-tag-overlay {
5399
5482
  background: transparent;
5400
5483
  }
5401
-
5402
- & .mc-icon {
5403
- color: inherit;
5404
- }
5405
5484
  }
5406
5485
  }
5407
5486
 
@@ -5417,8 +5496,6 @@ $mc-datepicker-today-fade-amount: 0.2;
5417
5496
  $tags: map-get(map-get($theme, components), tags);
5418
5497
 
5419
5498
  .mc-tag {
5420
- color: map-get($foreground, text);
5421
-
5422
5499
  &.mc-primary {
5423
5500
  @include mc-tag-color(map-get($tags, primary));
5424
5501
  }
@@ -5438,15 +5515,6 @@ $mc-datepicker-today-fade-amount: 0.2;
5438
5515
  }
5439
5516
  }
5440
5517
 
5441
- .mc-icon {
5442
- color: mc-color($foreground, icon);
5443
-
5444
- &:hover {
5445
- cursor: pointer;
5446
- color: inherit;
5447
- }
5448
- }
5449
-
5450
5518
  &.mc-disabled {
5451
5519
  color: map-get($foreground, text-disabled);
5452
5520
 
@@ -5457,11 +5525,6 @@ $mc-datepicker-today-fade-amount: 0.2;
5457
5525
  & .mc-tag-overlay {
5458
5526
  background: mc-color($background, overlay-disabled);
5459
5527
  }
5460
-
5461
- & .mc-icon {
5462
- color: mc-color($foreground, icon);
5463
- cursor: default;
5464
- }
5465
5528
  }
5466
5529
  }
5467
5530
 
@@ -5578,15 +5641,15 @@ $mc-datepicker-today-fade-amount: 0.2;
5578
5641
  &.mc-active {
5579
5642
  &.mc-primary {
5580
5643
  .mc-toggle-bar {
5581
- border-color: mc-color($primary);
5582
- background: mc-color($primary);
5644
+ border-color: map-get(map-get($toggle, primary), checked_border);
5645
+ background: map-get(map-get($toggle, primary), checked_background);
5583
5646
  }
5584
5647
  }
5585
5648
 
5586
5649
  &.mc-error {
5587
5650
  .mc-toggle-bar {
5588
- border-color: mc-color($error);
5589
- background: mc-color($error);
5651
+ border-color: map-get(map-get($toggle, error), checked_border);
5652
+ background: map-get(map-get($toggle, error), checked_background);
5590
5653
  }
5591
5654
  }
5592
5655
  }
@@ -5775,7 +5838,6 @@ $mc-datepicker-today-fade-amount: 0.2;
5775
5838
  $border-color: map-get($tooltip_extended, border-color);
5776
5839
 
5777
5840
  & .mc-tooltip__inner {
5778
- box-shadow: map-get($tooltip, shadow);
5779
5841
  border: 1px solid $border-color;
5780
5842
 
5781
5843
  color: map-get($tooltip_extended, color);
@@ -5808,7 +5870,6 @@ $mc-datepicker-today-fade-amount: 0.2;
5808
5870
  $border-color: map-get($tooltip_warning, border-color);
5809
5871
 
5810
5872
  & .mc-tooltip__inner {
5811
- box-shadow: map-get($tooltip, shadow);
5812
5873
  border: 1px solid $border-color;
5813
5874
 
5814
5875
  color: $color;
@@ -6050,7 +6111,7 @@ $mc-datepicker-today-fade-amount: 0.2;
6050
6111
  @mixin mc-core($typography-config: null) {
6051
6112
  @include mosaic-typography($typography-config);
6052
6113
  @include cdk-a11y();
6053
- @include cdk-overlay();
6114
+ @include overlay.overlay();
6054
6115
  }
6055
6116
 
6056
6117
  // Mixin that renders all of the core styles that depend on the theme.
@@ -6148,14 +6209,14 @@ $mc-datepicker-today-fade-amount: 0.2;
6148
6209
 
6149
6210
 
6150
6211
  @mixin mc-divider-theme($theme) {
6151
- $foreground: map-get($theme, foreground);
6212
+ $popup: map-get(map-get($theme, components), popup);
6152
6213
 
6153
6214
  .mc-divider_horizontal {
6154
- border-top-color: map-get($foreground, divider);
6215
+ border-top-color: map-get($popup, divider);
6155
6216
  }
6156
6217
 
6157
6218
  .mc-divider_vertical {
6158
- border-right-color: map-get($foreground, divider);
6219
+ border-right-color: map-get($popup, divider);
6159
6220
  }
6160
6221
  }
6161
6222
 
@@ -6334,6 +6395,10 @@ $mc-datepicker-today-fade-amount: 0.2;
6334
6395
  cursor: default;
6335
6396
  }
6336
6397
  }
6398
+
6399
+ .mc-gutter-ghost {
6400
+ background: mc-color($background, overlay-disabled);
6401
+ }
6337
6402
  }
6338
6403
 
6339
6404
 
@@ -6350,12 +6415,12 @@ $mc-datepicker-today-fade-amount: 0.2;
6350
6415
  & > td {
6351
6416
  padding: {
6352
6417
  top: var(--mc-table-size-row-padding-vertical, $table-size-row-padding-vertical);
6353
- right: (var(--mc-table-size-row-padding-horizontal, $table-size-row-padding-horizontal) / 2);
6418
+ right: calc((var(--mc-table-size-row-padding-horizontal, $table-size-row-padding-horizontal) / 2));
6354
6419
  bottom: (
6355
- var(--mc-table-size-row-padding-vertical, $table-size-row-padding-vertical) -
6356
- var(--mc-table-size-border-width, $table-size-border-width)
6420
+ calc(var(--mc-table-size-row-padding-vertical, $table-size-row-padding-vertical) -
6421
+ var(--mc-table-size-border-width, $table-size-border-width))
6357
6422
  );
6358
- left: (var(--mc-table-size-row-padding-horizontal, $table-size-row-padding-horizontal) / 2)
6423
+ left: calc((var(--mc-table-size-row-padding-horizontal, $table-size-row-padding-horizontal) / 2))
6359
6424
  };
6360
6425
 
6361
6426
  vertical-align: baseline;
@@ -6380,8 +6445,8 @@ $mc-datepicker-today-fade-amount: 0.2;
6380
6445
  padding: {
6381
6446
  top: var(--mc-table-size-row-padding-vertical, $table-size-row-padding-vertical);
6382
6447
  bottom: (
6383
- var(--mc-table-size-row-padding-vertical, $table-size-row-padding-vertical) -
6384
- var(--mc-table-size-border-width, $table-size-border-width)
6448
+ calc(var(--mc-table-size-row-padding-vertical, $table-size-row-padding-vertical) -
6449
+ var(--mc-table-size-border-width, $table-size-border-width))
6385
6450
  );
6386
6451
  }
6387
6452
 
@@ -6395,6 +6460,7 @@ $mc-datepicker-today-fade-amount: 0.2;
6395
6460
  border-bottom: var(--mc-table-size-border-width, $table-size-border-width) solid transparent;
6396
6461
  }
6397
6462
  }
6463
+
6398
6464
  /* stylelint-enable no-descending-specificity */
6399
6465
  }
6400
6466