@ptsecurity/mosaic 13.1.0 → 13.3.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 (423) hide show
  1. package/_theming.scss +466 -168
  2. package/_visual.scss +419 -239
  3. package/button/button.component.d.ts +1 -1
  4. package/core/option/option.d.ts +1 -0
  5. package/core/pop-up/pop-up.d.ts +1 -0
  6. package/core/validation/validation.d.ts +3 -3
  7. package/design-tokens/legacy-2017/tokens.d.ts +155 -56
  8. package/design-tokens/pt-2022/tokens.d.ts +151 -52
  9. package/dl/README.md +0 -0
  10. package/dl/dl.component.d.ts +26 -0
  11. package/dl/dl.module.d.ts +10 -0
  12. package/dl/index.d.ts +1 -0
  13. package/dl/package.json +10 -0
  14. package/dl/ptsecurity-mosaic-dl.d.ts +5 -0
  15. package/dl/public-api.d.ts +2 -0
  16. package/esm2020/autocomplete/autocomplete-origin.directive.mjs +3 -3
  17. package/esm2020/autocomplete/autocomplete-trigger.directive.mjs +3 -3
  18. package/esm2020/autocomplete/autocomplete.component.mjs +5 -5
  19. package/esm2020/autocomplete/autocomplete.module.mjs +4 -4
  20. package/esm2020/button/button.component.mjs +29 -21
  21. package/esm2020/button/button.module.mjs +4 -4
  22. package/esm2020/button-toggle/button-toggle.component.mjs +8 -8
  23. package/esm2020/button-toggle/button-toggle.module.mjs +4 -4
  24. package/esm2020/card/card.component.mjs +4 -4
  25. package/esm2020/card/card.module.mjs +4 -4
  26. package/esm2020/checkbox/checkbox-module.mjs +4 -4
  27. package/esm2020/checkbox/checkbox-required-validator.mjs +3 -3
  28. package/esm2020/checkbox/checkbox.mjs +4 -4
  29. package/esm2020/core/common-behaviors/common-module.mjs +4 -4
  30. package/esm2020/core/error/error-options.mjs +6 -6
  31. package/esm2020/core/formatters/date/formatter.mjs +3 -3
  32. package/esm2020/core/formatters/index.mjs +4 -4
  33. package/esm2020/core/formatters/number/formatter.mjs +4 -4
  34. package/esm2020/core/forms/forms-module.mjs +4 -4
  35. package/esm2020/core/forms/forms.directive.mjs +6 -6
  36. package/esm2020/core/highlight/highlight.pipe.mjs +3 -3
  37. package/esm2020/core/highlight/index.mjs +4 -4
  38. package/esm2020/core/line/line.mjs +7 -7
  39. package/esm2020/core/option/action.mjs +3 -3
  40. package/esm2020/core/option/optgroup.mjs +4 -4
  41. package/esm2020/core/option/option-module.mjs +4 -4
  42. package/esm2020/core/option/option.mjs +10 -7
  43. package/esm2020/core/pop-up/pop-up-trigger.mjs +7 -12
  44. package/esm2020/core/pop-up/pop-up.mjs +7 -4
  45. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +4 -4
  46. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +4 -4
  47. package/esm2020/core/services/measure-scrollbar.service.mjs +3 -3
  48. package/esm2020/core/validation/validation.mjs +10 -5
  49. package/esm2020/datepicker/calendar-body.component.mjs +4 -4
  50. package/esm2020/datepicker/calendar.component.mjs +7 -7
  51. package/esm2020/datepicker/datepicker-input.directive.mjs +3 -3
  52. package/esm2020/datepicker/datepicker-intl.mjs +3 -3
  53. package/esm2020/datepicker/datepicker-module.mjs +4 -4
  54. package/esm2020/datepicker/datepicker-toggle.component.mjs +7 -7
  55. package/esm2020/datepicker/datepicker.component.mjs +8 -8
  56. package/esm2020/datepicker/month-view.component.mjs +3 -3
  57. package/esm2020/datepicker/multi-year-view.component.mjs +3 -3
  58. package/esm2020/datepicker/year-view.component.mjs +3 -3
  59. package/esm2020/design-tokens/legacy-2017/tokens.mjs +156 -57
  60. package/esm2020/design-tokens/pt-2022/tokens.mjs +152 -53
  61. package/esm2020/divider/divider.component.mjs +4 -4
  62. package/esm2020/divider/divider.module.mjs +4 -4
  63. package/esm2020/dl/dl.component.mjs +78 -0
  64. package/esm2020/dl/dl.module.mjs +42 -0
  65. package/esm2020/dl/index.mjs +2 -0
  66. package/esm2020/dl/ptsecurity-mosaic-dl.mjs +5 -0
  67. package/esm2020/dl/public-api.mjs +3 -0
  68. package/esm2020/dropdown/dropdown-content.directive.mjs +3 -3
  69. package/esm2020/dropdown/dropdown-item.component.mjs +5 -5
  70. package/esm2020/dropdown/dropdown-trigger.directive.mjs +3 -3
  71. package/esm2020/dropdown/dropdown.component.mjs +6 -6
  72. package/esm2020/dropdown/dropdown.module.mjs +4 -4
  73. package/esm2020/form-field/cleaner.mjs +3 -3
  74. package/esm2020/form-field/form-field.mjs +48 -28
  75. package/esm2020/form-field/form-field.module.mjs +10 -5
  76. package/esm2020/form-field/hint.mjs +6 -6
  77. package/esm2020/form-field/password-hint.mjs +134 -0
  78. package/esm2020/form-field/prefix.mjs +3 -3
  79. package/esm2020/form-field/public-api.mjs +2 -1
  80. package/esm2020/form-field/stepper.mjs +3 -3
  81. package/esm2020/form-field/suffix.mjs +3 -3
  82. package/esm2020/icon/icon.component.mjs +6 -6
  83. package/esm2020/icon/icon.module.mjs +4 -4
  84. package/esm2020/input/input-number-validators.mjs +6 -6
  85. package/esm2020/input/input-number.mjs +3 -3
  86. package/esm2020/input/input-password.mjs +368 -0
  87. package/esm2020/input/input.mjs +12 -11
  88. package/esm2020/input/input.module.mjs +50 -8
  89. package/esm2020/input/public-api.mjs +2 -1
  90. package/esm2020/link/link.component.mjs +3 -3
  91. package/esm2020/link/link.module.mjs +4 -4
  92. package/esm2020/list/list-selection.component.mjs +11 -11
  93. package/esm2020/list/list.component.mjs +7 -7
  94. package/esm2020/list/list.module.mjs +4 -4
  95. package/esm2020/modal/css-unit.pipe.mjs +3 -3
  96. package/esm2020/modal/modal-control.service.mjs +3 -3
  97. package/esm2020/modal/modal.component.mjs +4 -4
  98. package/esm2020/modal/modal.directive.mjs +12 -12
  99. package/esm2020/modal/modal.module.mjs +4 -4
  100. package/esm2020/modal/modal.service.mjs +3 -3
  101. package/esm2020/navbar/navbar-item.component.mjs +86 -79
  102. package/esm2020/navbar/navbar.component.mjs +10 -10
  103. package/esm2020/navbar/navbar.module.mjs +4 -4
  104. package/esm2020/navbar/vertical-navbar.component.mjs +6 -6
  105. package/esm2020/popover/popover-confirm.component.mjs +8 -8
  106. package/esm2020/popover/popover.component.mjs +8 -8
  107. package/esm2020/popover/popover.module.mjs +4 -4
  108. package/esm2020/progress-bar/progress-bar.component.mjs +4 -4
  109. package/esm2020/progress-bar/progress-bar.module.mjs +4 -4
  110. package/esm2020/progress-spinner/progress-spinner.component.mjs +4 -4
  111. package/esm2020/progress-spinner/progress-spinner.module.mjs +4 -4
  112. package/esm2020/radio/radio.component.mjs +7 -7
  113. package/esm2020/radio/radio.module.mjs +4 -4
  114. package/esm2020/select/public-api.mjs +2 -1
  115. package/esm2020/select/select-option.directive.mjs +65 -0
  116. package/esm2020/select/select.component.mjs +16 -16
  117. package/esm2020/select/select.module.mjs +19 -10
  118. package/esm2020/sidebar/sidebar.component.mjs +9 -9
  119. package/esm2020/sidebar/sidebar.module.mjs +4 -4
  120. package/esm2020/sidepanel/sidepanel-container.component.mjs +5 -5
  121. package/esm2020/sidepanel/sidepanel-directives.mjs +18 -18
  122. package/esm2020/sidepanel/sidepanel.module.mjs +4 -4
  123. package/esm2020/sidepanel/sidepanel.service.mjs +3 -3
  124. package/esm2020/splitter/splitter.component.mjs +22 -20
  125. package/esm2020/splitter/splitter.module.mjs +4 -4
  126. package/esm2020/table/table.component.mjs +3 -3
  127. package/esm2020/table/table.module.mjs +4 -4
  128. package/esm2020/tabs/paginated-tab-header.mjs +3 -3
  129. package/esm2020/tabs/tab-body.component.mjs +6 -6
  130. package/esm2020/tabs/tab-content.directive.mjs +3 -3
  131. package/esm2020/tabs/tab-group.component.mjs +20 -20
  132. package/esm2020/tabs/tab-header.component.mjs +4 -4
  133. package/esm2020/tabs/tab-label-wrapper.directive.mjs +3 -3
  134. package/esm2020/tabs/tab-label.directive.mjs +3 -3
  135. package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +9 -9
  136. package/esm2020/tabs/tab.component.mjs +3 -3
  137. package/esm2020/tabs/tabs.module.mjs +4 -4
  138. package/esm2020/tags/tag-input.mjs +3 -3
  139. package/esm2020/tags/tag-list.component.mjs +6 -6
  140. package/esm2020/tags/tag.component.mjs +60 -60
  141. package/esm2020/tags/tag.module.mjs +4 -4
  142. package/esm2020/textarea/textarea.component.mjs +9 -8
  143. package/esm2020/textarea/textarea.module.mjs +4 -4
  144. package/esm2020/timepicker/timepicker.directive.mjs +3 -3
  145. package/esm2020/timepicker/timepicker.module.mjs +4 -4
  146. package/esm2020/toggle/toggle.component.mjs +6 -6
  147. package/esm2020/toggle/toggle.module.mjs +4 -4
  148. package/esm2020/tooltip/tooltip.component.mjs +18 -14
  149. package/esm2020/tooltip/tooltip.module.mjs +4 -4
  150. package/esm2020/tree/node.mjs +3 -3
  151. package/esm2020/tree/outlet.mjs +3 -3
  152. package/esm2020/tree/padding.directive.mjs +12 -9
  153. package/esm2020/tree/toggle.mjs +10 -10
  154. package/esm2020/tree/tree-base.mjs +6 -6
  155. package/esm2020/tree/tree-option.component.mjs +9 -9
  156. package/esm2020/tree/tree-selection.component.mjs +8 -6
  157. package/esm2020/tree/tree.mjs +3 -3
  158. package/esm2020/tree/tree.module.mjs +4 -4
  159. package/esm2020/tree-select/tree-select.component.mjs +14 -14
  160. package/esm2020/tree-select/tree-select.module.mjs +4 -4
  161. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs +15 -15
  162. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
  163. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +12 -12
  164. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  165. package/fesm2015/ptsecurity-mosaic-button.mjs +32 -24
  166. package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -1
  167. package/fesm2015/ptsecurity-mosaic-card.mjs +8 -8
  168. package/fesm2015/ptsecurity-mosaic-card.mjs.map +1 -1
  169. package/fesm2015/ptsecurity-mosaic-checkbox.mjs +11 -11
  170. package/fesm2015/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  171. package/fesm2015/ptsecurity-mosaic-core.mjs +97 -91
  172. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
  173. package/fesm2015/ptsecurity-mosaic-datepicker.mjs +44 -44
  174. package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  175. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +443 -146
  176. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  177. package/fesm2015/ptsecurity-mosaic-divider.mjs +8 -8
  178. package/fesm2015/ptsecurity-mosaic-divider.mjs.map +1 -1
  179. package/fesm2015/ptsecurity-mosaic-dl.mjs +124 -0
  180. package/fesm2015/ptsecurity-mosaic-dl.mjs.map +1 -0
  181. package/fesm2015/ptsecurity-mosaic-dropdown.mjs +19 -19
  182. package/fesm2015/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  183. package/fesm2015/ptsecurity-mosaic-form-field.mjs +214 -50
  184. package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
  185. package/fesm2015/ptsecurity-mosaic-icon.mjs +10 -10
  186. package/fesm2015/ptsecurity-mosaic-icon.mjs.map +1 -1
  187. package/fesm2015/ptsecurity-mosaic-input.mjs +434 -31
  188. package/fesm2015/ptsecurity-mosaic-input.mjs.map +1 -1
  189. package/fesm2015/ptsecurity-mosaic-link.mjs +7 -7
  190. package/fesm2015/ptsecurity-mosaic-link.mjs.map +1 -1
  191. package/fesm2015/ptsecurity-mosaic-list.mjs +21 -21
  192. package/fesm2015/ptsecurity-mosaic-list.mjs.map +1 -1
  193. package/fesm2015/ptsecurity-mosaic-modal.mjs +29 -29
  194. package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -1
  195. package/fesm2015/ptsecurity-mosaic-navbar.mjs +103 -96
  196. package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
  197. package/fesm2015/ptsecurity-mosaic-popover.mjs +18 -18
  198. package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -1
  199. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs +8 -8
  200. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs.map +1 -1
  201. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +8 -8
  202. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  203. package/fesm2015/ptsecurity-mosaic-radio.mjs +11 -11
  204. package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
  205. package/fesm2015/ptsecurity-mosaic-select.mjs +99 -33
  206. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
  207. package/fesm2015/ptsecurity-mosaic-sidebar.mjs +13 -13
  208. package/fesm2015/ptsecurity-mosaic-sidebar.mjs.map +1 -1
  209. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +28 -28
  210. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  211. package/fesm2015/ptsecurity-mosaic-splitter.mjs +25 -23
  212. package/fesm2015/ptsecurity-mosaic-splitter.mjs.map +1 -1
  213. package/fesm2015/ptsecurity-mosaic-table.mjs +7 -7
  214. package/fesm2015/ptsecurity-mosaic-table.mjs.map +1 -1
  215. package/fesm2015/ptsecurity-mosaic-tabs.mjs +56 -56
  216. package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -1
  217. package/fesm2015/ptsecurity-mosaic-tags.mjs +74 -74
  218. package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
  219. package/fesm2015/ptsecurity-mosaic-textarea.mjs +11 -10
  220. package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -1
  221. package/fesm2015/ptsecurity-mosaic-timepicker.mjs +7 -7
  222. package/fesm2015/ptsecurity-mosaic-timepicker.mjs.map +1 -1
  223. package/fesm2015/ptsecurity-mosaic-toggle.mjs +9 -9
  224. package/fesm2015/ptsecurity-mosaic-toggle.mjs.map +1 -1
  225. package/fesm2015/ptsecurity-mosaic-tooltip.mjs +21 -17
  226. package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  227. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +17 -17
  228. package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  229. package/fesm2015/ptsecurity-mosaic-tree.mjs +158 -155
  230. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
  231. package/fesm2015/ptsecurity-mosaic.mjs.map +1 -1
  232. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs +15 -15
  233. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
  234. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +12 -12
  235. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  236. package/fesm2020/ptsecurity-mosaic-button.mjs +32 -24
  237. package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -1
  238. package/fesm2020/ptsecurity-mosaic-card.mjs +8 -8
  239. package/fesm2020/ptsecurity-mosaic-card.mjs.map +1 -1
  240. package/fesm2020/ptsecurity-mosaic-checkbox.mjs +11 -11
  241. package/fesm2020/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  242. package/fesm2020/ptsecurity-mosaic-core.mjs +97 -91
  243. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  244. package/fesm2020/ptsecurity-mosaic-datepicker.mjs +44 -44
  245. package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  246. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +443 -146
  247. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  248. package/fesm2020/ptsecurity-mosaic-divider.mjs +8 -8
  249. package/fesm2020/ptsecurity-mosaic-divider.mjs.map +1 -1
  250. package/fesm2020/ptsecurity-mosaic-dl.mjs +124 -0
  251. package/fesm2020/ptsecurity-mosaic-dl.mjs.map +1 -0
  252. package/fesm2020/ptsecurity-mosaic-dropdown.mjs +19 -19
  253. package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  254. package/fesm2020/ptsecurity-mosaic-form-field.mjs +200 -50
  255. package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
  256. package/fesm2020/ptsecurity-mosaic-icon.mjs +10 -10
  257. package/fesm2020/ptsecurity-mosaic-icon.mjs.map +1 -1
  258. package/fesm2020/ptsecurity-mosaic-input.mjs +427 -31
  259. package/fesm2020/ptsecurity-mosaic-input.mjs.map +1 -1
  260. package/fesm2020/ptsecurity-mosaic-link.mjs +7 -7
  261. package/fesm2020/ptsecurity-mosaic-link.mjs.map +1 -1
  262. package/fesm2020/ptsecurity-mosaic-list.mjs +21 -21
  263. package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -1
  264. package/fesm2020/ptsecurity-mosaic-modal.mjs +29 -29
  265. package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -1
  266. package/fesm2020/ptsecurity-mosaic-navbar.mjs +103 -96
  267. package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
  268. package/fesm2020/ptsecurity-mosaic-popover.mjs +18 -18
  269. package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -1
  270. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs +8 -8
  271. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs.map +1 -1
  272. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +8 -8
  273. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  274. package/fesm2020/ptsecurity-mosaic-radio.mjs +11 -11
  275. package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
  276. package/fesm2020/ptsecurity-mosaic-select.mjs +96 -32
  277. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
  278. package/fesm2020/ptsecurity-mosaic-sidebar.mjs +13 -13
  279. package/fesm2020/ptsecurity-mosaic-sidebar.mjs.map +1 -1
  280. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +28 -28
  281. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  282. package/fesm2020/ptsecurity-mosaic-splitter.mjs +25 -23
  283. package/fesm2020/ptsecurity-mosaic-splitter.mjs.map +1 -1
  284. package/fesm2020/ptsecurity-mosaic-table.mjs +7 -7
  285. package/fesm2020/ptsecurity-mosaic-table.mjs.map +1 -1
  286. package/fesm2020/ptsecurity-mosaic-tabs.mjs +56 -56
  287. package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -1
  288. package/fesm2020/ptsecurity-mosaic-tags.mjs +72 -72
  289. package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
  290. package/fesm2020/ptsecurity-mosaic-textarea.mjs +11 -10
  291. package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -1
  292. package/fesm2020/ptsecurity-mosaic-timepicker.mjs +7 -7
  293. package/fesm2020/ptsecurity-mosaic-timepicker.mjs.map +1 -1
  294. package/fesm2020/ptsecurity-mosaic-toggle.mjs +9 -9
  295. package/fesm2020/ptsecurity-mosaic-toggle.mjs.map +1 -1
  296. package/fesm2020/ptsecurity-mosaic-tooltip.mjs +21 -17
  297. package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  298. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +17 -17
  299. package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  300. package/fesm2020/ptsecurity-mosaic-tree.mjs +155 -152
  301. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
  302. package/fesm2020/ptsecurity-mosaic.mjs.map +1 -1
  303. package/form-field/form-field.d.ts +9 -2
  304. package/form-field/form-field.module.d.ts +8 -7
  305. package/form-field/password-hint.d.ts +40 -0
  306. package/form-field/public-api.d.ts +1 -0
  307. package/input/input-password.d.ts +121 -0
  308. package/input/input.d.ts +4 -3
  309. package/input/input.module.d.ts +7 -6
  310. package/input/public-api.d.ts +1 -0
  311. package/list/list-selection.component.d.ts +1 -1
  312. package/navbar/navbar-item.component.d.ts +19 -18
  313. package/package.json +12 -4
  314. package/prebuilt-themes/dark-theme.css +1 -1
  315. package/prebuilt-themes/default-theme.css +1 -1
  316. package/prebuilt-visual/default-visual.css +1 -1
  317. package/select/public-api.d.ts +1 -0
  318. package/select/select-option.directive.d.ts +20 -0
  319. package/select/select.module.d.ts +9 -7
  320. package/tags/tag.component.d.ts +20 -20
  321. package/textarea/textarea.component.d.ts +4 -3
  322. package/toggle/README.md +0 -0
  323. package/tree/padding.directive.d.ts +7 -5
  324. package/tree/tree-option.component.d.ts +2 -2
  325. package/design-tokens/legacy-2017/tokens/components/alert.json5 +0 -83
  326. package/design-tokens/legacy-2017/tokens/components/autocomplete.json5 +0 -11
  327. package/design-tokens/legacy-2017/tokens/components/badge.json5 +0 -184
  328. package/design-tokens/legacy-2017/tokens/components/button-toggle.json5 +0 -10
  329. package/design-tokens/legacy-2017/tokens/components/button.json5 +0 -143
  330. package/design-tokens/legacy-2017/tokens/components/card.json5 +0 -51
  331. package/design-tokens/legacy-2017/tokens/components/checkbox.json5 +0 -39
  332. package/design-tokens/legacy-2017/tokens/components/datepicker.json5 +0 -64
  333. package/design-tokens/legacy-2017/tokens/components/divider.json5 +0 -8
  334. package/design-tokens/legacy-2017/tokens/components/dropdown.json5 +0 -47
  335. package/design-tokens/legacy-2017/tokens/components/form-field.json5 +0 -52
  336. package/design-tokens/legacy-2017/tokens/components/forms.json5 +0 -52
  337. package/design-tokens/legacy-2017/tokens/components/input.json5 +0 -13
  338. package/design-tokens/legacy-2017/tokens/components/link.json5 +0 -56
  339. package/design-tokens/legacy-2017/tokens/components/list.json5 +0 -15
  340. package/design-tokens/legacy-2017/tokens/components/modal.json5 +0 -79
  341. package/design-tokens/legacy-2017/tokens/components/navbar.json5 +0 -69
  342. package/design-tokens/legacy-2017/tokens/components/optgroup.json5 +0 -10
  343. package/design-tokens/legacy-2017/tokens/components/option.json5 +0 -12
  344. package/design-tokens/legacy-2017/tokens/components/popover.json5 +0 -68
  345. package/design-tokens/legacy-2017/tokens/components/popup.json5 +0 -18
  346. package/design-tokens/legacy-2017/tokens/components/progress-bar.json5 +0 -13
  347. package/design-tokens/legacy-2017/tokens/components/progress-spinner.json5 +0 -7
  348. package/design-tokens/legacy-2017/tokens/components/radio.json5 +0 -44
  349. package/design-tokens/legacy-2017/tokens/components/select.json5 +0 -25
  350. package/design-tokens/legacy-2017/tokens/components/sidepanel.json5 +0 -30
  351. package/design-tokens/legacy-2017/tokens/components/table.json5 +0 -15
  352. package/design-tokens/legacy-2017/tokens/components/tabs.json5 +0 -25
  353. package/design-tokens/legacy-2017/tokens/components/tags.json5 +0 -132
  354. package/design-tokens/legacy-2017/tokens/components/textarea.json5 +0 -12
  355. package/design-tokens/legacy-2017/tokens/components/timepicker.json5 +0 -7
  356. package/design-tokens/legacy-2017/tokens/components/toggle.json5 +0 -79
  357. package/design-tokens/legacy-2017/tokens/components/tooltip.json5 +0 -83
  358. package/design-tokens/legacy-2017/tokens/components/tree.json5 +0 -12
  359. package/design-tokens/legacy-2017/tokens/properties/aliases.json5 +0 -3
  360. package/design-tokens/legacy-2017/tokens/properties/colors.json5 +0 -110
  361. package/design-tokens/legacy-2017/tokens/properties/font.json5 +0 -12
  362. package/design-tokens/legacy-2017/tokens/properties/globals.json5 +0 -30
  363. package/design-tokens/legacy-2017/tokens/properties/padding.json5 +0 -3
  364. package/design-tokens/legacy-2017/tokens/properties/palette.json5 +0 -163
  365. package/design-tokens/legacy-2017/tokens/properties/typography.json5 +0 -140
  366. package/design-tokens/pt-2022/tokens/components/alert.json5 +0 -83
  367. package/design-tokens/pt-2022/tokens/components/autocomplete.json5 +0 -11
  368. package/design-tokens/pt-2022/tokens/components/badge.json5 +0 -184
  369. package/design-tokens/pt-2022/tokens/components/button-toggle.json5 +0 -10
  370. package/design-tokens/pt-2022/tokens/components/button.json5 +0 -143
  371. package/design-tokens/pt-2022/tokens/components/card.json5 +0 -51
  372. package/design-tokens/pt-2022/tokens/components/checkbox.json5 +0 -39
  373. package/design-tokens/pt-2022/tokens/components/datepicker.json5 +0 -64
  374. package/design-tokens/pt-2022/tokens/components/divider.json5 +0 -8
  375. package/design-tokens/pt-2022/tokens/components/dropdown.json5 +0 -47
  376. package/design-tokens/pt-2022/tokens/components/form-field.json5 +0 -52
  377. package/design-tokens/pt-2022/tokens/components/forms.json5 +0 -52
  378. package/design-tokens/pt-2022/tokens/components/input.json5 +0 -13
  379. package/design-tokens/pt-2022/tokens/components/link.json5 +0 -56
  380. package/design-tokens/pt-2022/tokens/components/list.json5 +0 -15
  381. package/design-tokens/pt-2022/tokens/components/modal.json5 +0 -79
  382. package/design-tokens/pt-2022/tokens/components/navbar.json5 +0 -69
  383. package/design-tokens/pt-2022/tokens/components/optgroup.json5 +0 -10
  384. package/design-tokens/pt-2022/tokens/components/option.json5 +0 -12
  385. package/design-tokens/pt-2022/tokens/components/popover.json5 +0 -68
  386. package/design-tokens/pt-2022/tokens/components/popup.json5 +0 -18
  387. package/design-tokens/pt-2022/tokens/components/progress-bar.json5 +0 -13
  388. package/design-tokens/pt-2022/tokens/components/progress-spinner.json5 +0 -7
  389. package/design-tokens/pt-2022/tokens/components/radio.json5 +0 -44
  390. package/design-tokens/pt-2022/tokens/components/select.json5 +0 -25
  391. package/design-tokens/pt-2022/tokens/components/sidepanel.json5 +0 -30
  392. package/design-tokens/pt-2022/tokens/components/table.json5 +0 -15
  393. package/design-tokens/pt-2022/tokens/components/tabs.json5 +0 -25
  394. package/design-tokens/pt-2022/tokens/components/tags.json5 +0 -132
  395. package/design-tokens/pt-2022/tokens/components/textarea.json5 +0 -12
  396. package/design-tokens/pt-2022/tokens/components/timepicker.json5 +0 -7
  397. package/design-tokens/pt-2022/tokens/components/toggle.json5 +0 -79
  398. package/design-tokens/pt-2022/tokens/components/tooltip.json5 +0 -83
  399. package/design-tokens/pt-2022/tokens/components/tree.json5 +0 -12
  400. package/design-tokens/pt-2022/tokens/properties/aliases.json5 +0 -3
  401. package/design-tokens/pt-2022/tokens/properties/colors.json5 +0 -112
  402. package/design-tokens/pt-2022/tokens/properties/font.json5 +0 -15
  403. package/design-tokens/pt-2022/tokens/properties/globals.json5 +0 -30
  404. package/design-tokens/pt-2022/tokens/properties/padding.json5 +0 -3
  405. package/design-tokens/pt-2022/tokens/properties/palette.json5 +0 -226
  406. package/design-tokens/pt-2022/tokens/properties/typography.json5 +0 -140
  407. package/design-tokens/style-dictionary/build.js +0 -62
  408. package/design-tokens/style-dictionary/configs/css.js +0 -13
  409. package/design-tokens/style-dictionary/configs/index.js +0 -48
  410. package/design-tokens/style-dictionary/configs/js.js +0 -9
  411. package/design-tokens/style-dictionary/configs/scss.js +0 -23
  412. package/design-tokens/style-dictionary/filters/color.js +0 -7
  413. package/design-tokens/style-dictionary/filters/palette.js +0 -7
  414. package/design-tokens/style-dictionary/filters/size.js +0 -7
  415. package/design-tokens/style-dictionary/filters/typography.js +0 -7
  416. package/design-tokens/style-dictionary/formats/palette.js +0 -25
  417. package/design-tokens/style-dictionary/formats/typography.js +0 -52
  418. package/design-tokens/style-dictionary/transformGroups/css.js +0 -13
  419. package/design-tokens/style-dictionary/transformGroups/scss.js +0 -12
  420. package/design-tokens/style-dictionary/transforms/attribute/palette.js +0 -9
  421. package/design-tokens/style-dictionary/transforms/attribute/prefix.js +0 -11
  422. package/design-tokens/style-dictionary/transforms/attribute/size.js +0 -8
  423. package/design-tokens/style-dictionary/transforms/attribute/typography.js +0 -9
@@ -1,226 +0,0 @@
1
- {
2
- "palette": {
3
- "blue": {
4
- "40": { value: '#eff6ff' },
5
- "60": { value: '#e7f1ff' },
6
- "100": { value: '#c8dfff' },
7
- "200": { value: '#a2c7fe' },
8
- "300": { value: '#5697ff' },
9
- "400": { value: '#4187ff' },
10
- "500": { value: '#0374eb' },
11
- "560": { value: '#0059b8' },
12
- "600": { value: '#014b9d' },
13
- "700": { value: '#023c7f' },
14
- "800": { value: '#193060' },
15
- "900": { value: '#00224f' },
16
- "A100": { value: 'rgba(3, 116, 235, 0.15)' },
17
- "A200": { value: 'rgba(3, 116, 235, 0.3)' },
18
- "contrast": {
19
- "40": { value: '#4D4D4D' },
20
- "60": { value: '#4D4D4D' },
21
- "100": { value: '#4D4D4D' },
22
- "200": { value: '#4D4D4D' },
23
- "300": { value: '#4D4D4D' },
24
- "400": { value: 'white' },
25
- "500": { value: 'white' },
26
- "560": { value: 'white' },
27
- "600": { value: 'white' },
28
- "700": { value: 'white' },
29
- "800": { value: 'white' },
30
- "A100": { value: '#4D4D4D' },
31
- "A200": { value: 'white' }
32
- }
33
- },
34
- "green": {
35
- "40": { value: '#ecf9ef' },
36
- "60": { value: '#d2f7db' },
37
- "100": { value: '#b6ebc3' },
38
- "200": { value: '#8ed5a1' },
39
- "300": { value: '#4ba96c' },
40
- "400": { value: '#319d5c' },
41
- "500": { value: '#028b49' },
42
- "560": { value: '#016b37' },
43
- "600": { value: '#015a2d' },
44
- "700": { value: '#004823' },
45
- "800": { value: '#103920' },
46
- "900": { value: '#002a12' },
47
- "A100": { value: 'rgba(2, 139, 73, 0.15)' },
48
- "contrast": {
49
- "40": { value: '#4D4D4D' },
50
- "60": { value: '#4D4D4D' },
51
- "100": { value: '#4D4D4D' },
52
- "200": { value: '#4D4D4D' },
53
- "300": { value: '#4D4D4D' },
54
- "400": { value: 'white' },
55
- "500": { value: 'white' },
56
- "560": { value: 'white' },
57
- "600": { value: 'white' },
58
- "700": { value: 'white' },
59
- "800": { value: 'white' },
60
- "A100": { value: '#4D4D4D' }
61
- }
62
- },
63
- "red": {
64
- "40": { value: '#fff3f3' },
65
- "60": { value: '#ffeaea' },
66
- "100": { value: '#fbd6d6' },
67
- "200": { value: '#fcb2b4' },
68
- "300": { value: '#ee6f79' },
69
- "400": { value: '#ea5868' },
70
- "500": { value: '#db3c55' },
71
- "560": { value: '#b9023a' },
72
- "600": { value: '#9e0130' },
73
- "700": { value: '#800025' },
74
- "800": { value: '#621420' },
75
- "900": { value: '#500013' },
76
- "A100": { value: 'rgba(219, 60, 85, 0.15)' },
77
-
78
- "contrast": {
79
- "40": { value: '#4D4D4D' },
80
- "60": { value: '#4D4D4D' },
81
- "100": { value: '#4D4D4D' },
82
- "200": { value: '#4D4D4D' },
83
- "300": { value: '#4D4D4D' },
84
- "400": { value: 'white' },
85
- "500": { value: 'white' },
86
- "560": { value: 'white' },
87
- "600": { value: 'white' },
88
- "700": { value: 'white' },
89
- "800": { value: 'white' },
90
- "A100": { value: '#4D4D4D' }
91
- }
92
- },
93
- "grey": {
94
- "40": { value: '#f2f5f9' },
95
- "60": { value: '#ebeef2' },
96
- "100": { value: '#d7dee4' },
97
- "200": { value: '#bdc7d1' },
98
- "300": { value: '#8c99a5' },
99
- "400": { value: '#7f8c98' },
100
- "500": { value: '#6d7a86' },
101
- "560": { value: '#515e69' },
102
- "600": { value: '#434f5a' },
103
- "700": { value: '#333f4a' },
104
- "800": { value: '#27333e' },
105
- "900": { value: '#19252f' },
106
- "A40": { value: 'rgba(25, 37, 47, 0.04)' },
107
- "A60": { value: 'rgba(25, 37, 47, 0.06)' },
108
- "A100": { value: 'rgba(25, 37, 47, 0.1)' },
109
- "A200": { value: 'rgba(25, 37, 47, 0.2)' },
110
- "A300": { value: 'rgba(25, 37, 47, 0.3)' },
111
- "A500": { value: 'rgba(25, 37, 47, 0.5)' },
112
-
113
- "contrast": {
114
- "40": { value: '#4D4D4D' },
115
- "60": { value: '#4D4D4D' },
116
- "100": { value: '#4D4D4D' },
117
- "200": { value: '#4D4D4D' },
118
- "300": { value: '#4D4D4D' },
119
- "400": { value: 'white' },
120
- "500": { value: 'white' },
121
- "560": { value: 'white' },
122
- "600": { value: 'white' },
123
- "700": { value: 'white' },
124
- "800": { value: 'white' }
125
- }
126
- },
127
- "yellow": {
128
- "40": { value: '#fff4dd' },
129
- "60": { value: '#ffecce' },
130
- "100": { value: '#fcdda6' },
131
- "200": { value: '#f5c23c' },
132
- "300": { value: '#e19f12' },
133
- "400": { value: '#c78816' },
134
- "500": { value: '#a26e0c' },
135
- "560": { value: '#7e5406' },
136
- "600": { value: '#6b4804' },
137
- "700": { value: '#543803' },
138
- "800": { value: '#3e3015' },
139
- "900": { value: '#312001' },
140
- "A100": { value: 'rgba(255, 159, 18, 0.15)' },
141
-
142
- "contrast": {
143
- "40": { value: '#4D4D4D' },
144
- "60": { value: '#4D4D4D' },
145
- "100": { value: '#4D4D4D' },
146
- "200": { value: '#4D4D4D' },
147
- "300": { value: '#4D4D4D' },
148
- "400": { value: 'white' },
149
- "500": { value: 'white' },
150
- "560": { value: 'white' },
151
- "600": { value: 'white' },
152
- "700": { value: 'white' },
153
- "800": { value: 'white' },
154
- "A100": { value: '#4D4D4D' }
155
- }
156
- },
157
- "teal": {
158
- "40": { value: '#ebf8fd' },
159
- "60": { value: '#d9f3fd' },
160
- "100": { value: '#afe6f9' },
161
- "200": { value: '#6ed3f2' },
162
- "300": { value: '#18a5c5' },
163
- "400": { value: '#2099b7' },
164
- "500": { value: '#218ca8' },
165
- "560": { value: '#0c6579' },
166
- "600": { value: '#0c5567' },
167
- "700": { value: '#084453' },
168
- "800": { value: '#143641' },
169
- "900": { value: '#022731' },
170
- "contrast": {
171
- "40": { value: '#4D4D4D' },
172
- "60": { value: '#4D4D4D' },
173
- "100": { value: '#4D4D4D' },
174
- "200": { value: '#4D4D4D' },
175
- "300": { value: '#4D4D4D' },
176
- "400": { value: 'white' },
177
- "500": { value: 'white' },
178
- "560": { value: 'white' },
179
- "600": { value: 'white' },
180
- "700": { value: 'white' },
181
- "800": { value: 'white' },
182
- "A100": { value: '#4D4D4D' },
183
- "A200": { value: 'white' }
184
- }
185
- },
186
- "purple": {
187
- "40": { value: '#fff3fb' },
188
- "60": { value: '#ffe9f8' },
189
- "100": { value: '#f2d4e8' },
190
- "200": { value: '#e4bbd7' },
191
- "300": { value: '#c692b5' },
192
- "400": { value: '#bb78a7' },
193
- "500": { value: '#a65d92' },
194
- "560": { value: '#864775' },
195
- "600": { value: '#753865' },
196
- "700": { value: '#612853' },
197
- "800": { value: '#48273f' },
198
- "900": { value: '#36172e' },
199
- "contrast": {
200
- "40": { value: '#4D4D4D' },
201
- "60": { value: '#4D4D4D' },
202
- "100": { value: '#4D4D4D' },
203
- "200": { value: '#4D4D4D' },
204
- "300": { value: '#4D4D4D' },
205
- "400": { value: 'white' },
206
- "500": { value: 'white' },
207
- "560": { value: 'white' },
208
- "600": { value: 'white' },
209
- "700": { value: 'white' },
210
- "800": { value: 'white' },
211
- "A100": { value: '#4D4D4D' },
212
- "A200": { value: 'white' }
213
- }
214
- }
215
- },
216
-
217
- "color": {
218
- "blue": { "palette": { value: '{palette.blue}' } },
219
- "green": { "palette": { value: '{palette.green}' } },
220
- "red": { "palette": { value: '{palette.red}' } },
221
- "grey": { "palette": { value: '{palette.grey}' } },
222
- "yellow": { "palette": { value: '{palette.yellow}' } },
223
- "teal": { "palette": { value: '{palette.teal}' } },
224
- "purple": { "palette": { value: '{palette.purple}' } }
225
- }
226
- }
@@ -1,140 +0,0 @@
1
- {
2
- "typography": {
3
- "display-1": {
4
- "font-size": { value: '56px' },
5
- "line-height": { value: '76px' },
6
- "letter-spacing": { value: 'normal' },
7
- "font-weight": { value: 'normal' },
8
- "font-family": { value: '{font.family.accent.value}' },
9
- "text-transform": { value: 'null' }
10
- },
11
- "display-2": {
12
- "font-size": { value: '45px' },
13
- "line-height": { value: '56px' },
14
- "letter-spacing": { value: 'normal' },
15
- "font-weight": { value: 'normal' },
16
- "font-family": { value: '{font.family.accent.value}' },
17
- "text-transform": { value: 'null' }
18
- },
19
- "display-3": {
20
- "font-size": { value: '34px' },
21
- "line-height": { value: '44px' },
22
- "letter-spacing": { value: 'normal' },
23
- "font-weight": { value: 'normal' },
24
- "font-family": { value: '{font.family.accent.value}' },
25
- "text-transform": { value: 'null' }
26
- },
27
- "headline": {
28
- "font-size": { value: '24px' },
29
- "line-height": { value: '32px' },
30
- "letter-spacing": { value: 'normal' },
31
- "font-weight": { value: 'normal' },
32
- "font-family": { value: '{font.family.accent.value}' },
33
- "text-transform": { value: 'null' }
34
- },
35
- "title": {
36
- "font-size": { value: '20px' },
37
- "line-height": { value: '28px' },
38
- "letter-spacing": { value: 'normal' },
39
- "font-weight": { value: '600' },
40
- "font-family": { value: '{font.family.accent.value}' },
41
- "text-transform": { value: 'null' }
42
- },
43
- "subheading": {
44
- "font-size": { value: '15px' },
45
- "line-height": { value: '20px' },
46
- "letter-spacing": { value: '-0.009em' },
47
- "font-weight": { value: '600' },
48
- "font-family": { value: '{font.family.base.value}' },
49
- "text-transform": { value: 'null' }
50
- },
51
- "body": {
52
- "font-size": { value: '15px' },
53
- "line-height": { value: '20px' },
54
- "letter-spacing": { value: '-0.009em' },
55
- "font-weight": { value: 'normal' },
56
- "font-family": { value: '{font.family.base.value}' },
57
- "text-transform": { value: 'null' }
58
- },
59
- "body-strong": {
60
- "font-size": { value: '15px' },
61
- "line-height": { value: '20px' },
62
- "letter-spacing": { value: '-0.009em' },
63
- "font-weight": { value: '500' },
64
- "font-family": { value: '{font.family.base.value}' },
65
- "text-transform": { value: 'null' }
66
- },
67
- "body-caps": {
68
- "font-size": { value: '15px' },
69
- "line-height": { value: '20px' },
70
- "letter-spacing": { value: '1.7px' },
71
- "font-weight": { value: 'normal' },
72
- "font-family": { value: '{font.family.base.value}' },
73
- "text-transform": { value: 'uppercase' }
74
- },
75
- "body-mono": {
76
- "font-size": { value: '15px' },
77
- "line-height": { value: '20px' },
78
- "letter-spacing": { value: 'normal' },
79
- "font-weight": { value: 'normal' },
80
- "font-family": { value: '{font.family.monospace.value}' },
81
- "text-transform": { value: 'null' }
82
- },
83
- "caption": {
84
- "font-size": { value: '13px' },
85
- "line-height": { value: '16px' },
86
- "letter-spacing": { value: '-0.0025em' },
87
- "font-weight": { value: 'normal' },
88
- "font-family": { value: '{font.family.base.value}' },
89
- "text-transform": { value: 'null' }
90
- },
91
- "caption-caps": {
92
- "font-size": { value: '13px' },
93
- "line-height": { value: '16px' },
94
- "letter-spacing": { value: '1.5px' },
95
- "font-weight": { value: 'normal' },
96
- "font-family": { value: '{font.family.base.value}' },
97
- "text-transform": { value: 'uppercase' }
98
- },
99
- "caption-mono": {
100
- "font-size": { value: '13px' },
101
- "line-height": { value: '16px' },
102
- "letter-spacing": { value: 'normal' },
103
- "font-weight": { value: 'normal' },
104
- "font-family": { value: '{font.family.monospace.value}' },
105
- "text-transform": { value: 'null' }
106
- },
107
- "small-text": {
108
- "font-size": { value: '13px' },
109
- "line-height": { value: '16px' },
110
- "letter-spacing": { value: '-0.0025em' },
111
- "font-weight": { value: 'normal' },
112
- "font-family": { value: '{font.family.base.value}' },
113
- "text-transform": { value: 'null' }
114
- },
115
- "extra-small-text": {
116
- "font-size": { value: '11px' },
117
- "line-height": { value: '16px' },
118
- "letter-spacing": { value: '0.005em' },
119
- "font-weight": { value: 'normal' },
120
- "font-family": { value: '{font.family.base.value}' },
121
- "text-transform": { value: 'null' }
122
- },
123
- "extra-small-text-caps": {
124
- "font-size": { value: '11px' },
125
- "line-height": { value: '16px' },
126
- "letter-spacing": { value: '1px' },
127
- "font-weight": { value: 'normal' },
128
- "font-family": { value: '{font.family.base.value}' },
129
- "text-transform": { value: 'uppercase' }
130
- },
131
- "extra-small-text-mono": {
132
- "font-size": { value: '11px' },
133
- "line-height": { value: '16px' },
134
- "letter-spacing": { value: '0px' },
135
- "font-weight": { value: 'normal' },
136
- "font-family": { value: '{font.family.monospace.value}' },
137
- "text-transform": { value: 'null' }
138
- }
139
- }
140
- }
@@ -1,62 +0,0 @@
1
- const StyleDictionary = require('style-dictionary');
2
- const getPlatformConfig = require('./configs');
3
-
4
- // ==== Include custom transforms ====
5
- require('./transforms/attribute/typography')(StyleDictionary);
6
- require('./transforms/attribute/palette')(StyleDictionary);
7
- require('./transforms/attribute/prefix')(StyleDictionary);
8
- require('./transforms/attribute/size')(StyleDictionary);
9
-
10
- // ==== Include custom filters ====
11
- require('./filters/palette')(StyleDictionary);
12
- require('./filters/color')(StyleDictionary);
13
- require('./filters/size')(StyleDictionary);
14
- require('./filters/typography')(StyleDictionary);
15
-
16
- // ==== Include custom transform groups ====
17
- require('./transformGroups/scss')(StyleDictionary);
18
- require('./transformGroups/css')(StyleDictionary);
19
-
20
- // ==== Include custom formats ====
21
- require('./formats/typography')(StyleDictionary);
22
- require('./formats/palette')(StyleDictionary);
23
-
24
- // ==== Run build ====
25
- console.log('Build started...');
26
- console.log('==============================================');
27
-
28
- module.exports = (themeConfig) => {
29
- StyleDictionary.registerFileHeader({
30
- name: 'customHeader',
31
- fileHeader: () => {
32
- return [`Do not edit directly`];
33
- }
34
- });
35
- console.log('themeConfig: ', themeConfig);
36
-
37
- if (!themeConfig || themeConfig.length === 0) {
38
- console.error('Build Failed. Please set ThemeConfig, for example: ', {
39
- name: 'default-theme',
40
- buildPath: [
41
- `packages/mosaic/design-tokens/tokens/properties/**/*.json5`,
42
- `packages/mosaic/design-tokens/tokens/components/**/*.json5`
43
- ],
44
- outputPath: 'packages/mosaic/design-tokens/'
45
- }
46
- )
47
- process.exit(0);
48
- }
49
-
50
- themeConfig.map((platform) => {
51
- // APPLY THE CONFIGURATION
52
- // Very important: the registration of custom transforms
53
- // needs to be done _before_ applying the configuration
54
- const StyleDictionaryExtended = StyleDictionary.extend(getPlatformConfig(platform));
55
-
56
- // FINALLY, BUILD ALL THE PLATFORMS
57
- StyleDictionaryExtended.buildAllPlatforms();
58
- });
59
-
60
- console.log('\n==============================================');
61
- console.log('\nBuild completed!');
62
- }
@@ -1,13 +0,0 @@
1
- module.exports = {
2
- css: {
3
- transformGroup: 'mc/css',
4
- files: [
5
- {
6
- destination: 'css-tokens.css',
7
- format: 'css/variables',
8
- filter: 'size',
9
- prefix: 'mc'
10
- }
11
- ]
12
- }
13
- };
@@ -1,48 +0,0 @@
1
- const merge = require('lodash/merge');
2
-
3
- const scssConfig = require('./scss');
4
- const jsConfig = require('./js');
5
- const cssConfig = require('./css');
6
-
7
- const filterObj = {
8
- options: {
9
- showFileHeader: true,
10
- fileHeader: 'customHeader'
11
- }
12
- };
13
-
14
- function filterOptions(platforms) {
15
- const platformObj = {};
16
-
17
- platforms.map(p => Object.assign(platformObj, p));
18
-
19
- Object.keys(platformObj).forEach((p) => {
20
- platformObj[p].files.map(f => merge(f, filterObj));
21
- });
22
-
23
- return platformObj;
24
- }
25
-
26
- function getSources(theme) {
27
-
28
- return theme.buildPath;
29
- }
30
-
31
- function getConfigs(theme) {
32
-
33
- scssConfig.scss.buildPath = theme.outputPath;
34
- jsConfig.js.buildPath = theme.outputPath;
35
- cssConfig.css.buildPath = theme.outputPath;
36
-
37
- return filterOptions([scssConfig, jsConfig, cssConfig]);
38
- }
39
-
40
- module.exports = (theme) => {
41
-
42
- return {
43
- source: [
44
- ...getSources(theme)
45
- ],
46
- platforms: getConfigs(theme)
47
- };
48
- };
@@ -1,9 +0,0 @@
1
- module.exports = {
2
- js: {
3
- transformGroup: 'js',
4
- files: [{
5
- destination: 'tokens.ts',
6
- format: 'javascript/es6'
7
- }]
8
- }
9
- };
@@ -1,23 +0,0 @@
1
- module.exports = {
2
- scss: {
3
- transformGroup: 'mc/scss',
4
- files: [
5
- {
6
- destination: '_variables.scss',
7
- format: 'scss/variables',
8
- filter: 'color'
9
- },
10
- {
11
- destination: '_palette.scss',
12
- format: 'mc-scss/palette',
13
- filter: 'palette'
14
- },
15
- {
16
- destination: '_typography.scss',
17
- format: 'mc-scss/typography',
18
- mapName: 'mosaic',
19
- filter: 'typography'
20
- }
21
- ]
22
- }
23
- };
@@ -1,7 +0,0 @@
1
- module.exports = (StyleDictionary) => {
2
-
3
- StyleDictionary.registerFilter({
4
- name: 'color',
5
- matcher: (prop) => !prop.attributes.palette && !prop.attributes.typography
6
- })
7
- }
@@ -1,7 +0,0 @@
1
- module.exports = (StyleDictionary) => {
2
-
3
- StyleDictionary.registerFilter({
4
- name: 'palette',
5
- matcher: (prop) => prop.attributes.palette
6
- })
7
- }
@@ -1,7 +0,0 @@
1
- module.exports = (StyleDictionary) => {
2
-
3
- StyleDictionary.registerFilter({
4
- name: 'size',
5
- matcher: (prop) => prop.attributes.size
6
- })
7
- }
@@ -1,7 +0,0 @@
1
- module.exports = (StyleDictionary) => {
2
-
3
- StyleDictionary.registerFilter({
4
- name: 'typography',
5
- matcher: (prop) => prop.attributes.typography
6
- })
7
- }
@@ -1,25 +0,0 @@
1
-
2
- module.exports = (StyleDictionary) => {
3
- StyleDictionary.registerFormat({
4
- name: 'mc-scss/palette',
5
- formatter: function (dictionary) {
6
- return dictionary.allProperties
7
- .map((prop) => `\$${prop.name}: ${getMapFromObj(prop.value)};\n`)
8
- .join('\n');
9
- }
10
- })
11
- };
12
-
13
- function getMapFromObj(object) {
14
- const result = Object.keys(object)
15
- .map((key) => {
16
- if (key === 'contrast') {
17
- return `${key}: ${getMapFromObj(object[key])}`
18
- }
19
-
20
- return `${key}: ${object[key].value},\n`
21
- })
22
- .join('');
23
-
24
- return `(\n${result}\n)`
25
- }
@@ -1,52 +0,0 @@
1
- module.exports = (StyleDictionary) => {
2
-
3
- StyleDictionary.registerFormat({
4
- name: 'mc-scss/typography',
5
- formatter: function(dictionary) {
6
- let string;
7
-
8
- string = dictionary.allProperties
9
- .map((prop) => {
10
- let output = '';
11
-
12
- const value = prop.attributes.category === 'asset' ? `"${ prop.value }"` : prop.value;
13
-
14
- output += `$${ prop.name }: ${ value };`
15
-
16
- if (prop.comment) {
17
- output += ` // ${ prop.comment }`;
18
- }
19
-
20
- output += '\n';
21
-
22
- return output;
23
- })
24
- .join('');
25
-
26
- string += `\n$${this.mapName || 'tokens' }: ${processJsonNode(dictionary.properties, 0)};\n`;
27
-
28
- return string;
29
- }
30
- })
31
- };
32
-
33
-
34
- function processJsonNode(obj, depth) {
35
- let output = '';
36
-
37
- if (obj.hasOwnProperty('value')) {
38
- output += `$${obj.name}`;
39
- } else {
40
- output += '(\n'
41
- output += Object.keys(obj).map((newKey) => {
42
- const newProp = obj[newKey];
43
- const indent = ' '.repeat(depth+1);
44
-
45
- return `${indent}'${newKey}': ${processJsonNode(newProp, depth + 1)}`;
46
- }).join(',\n');
47
-
48
- output += '\n' + ' '.repeat(depth) + ')';
49
- }
50
-
51
- return output;
52
- }
@@ -1,13 +0,0 @@
1
- module.exports = (StyleDictionary) => {
2
-
3
- StyleDictionary.registerTransformGroup({
4
- name: 'mc/css',
5
- transforms: [
6
- 'attribute/cti',
7
- 'mc-attribute/size',
8
- 'name/cti/kebab',
9
- 'color/css',
10
- 'mc/prefix'
11
- ]
12
- });
13
- };
@@ -1,12 +0,0 @@
1
- module.exports = (StyleDictionary) => {
2
-
3
- StyleDictionary.registerTransformGroup({
4
- name: 'mc/scss',
5
- transforms: [
6
- 'attribute/cti',
7
- 'mc-attribute/palette',
8
- 'mc-attribute/typography',
9
- 'name/cti/kebab'
10
- ]
11
- });
12
- }