@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
package/design-tokens/pt-2022/tokens/components/datepicker.json5 DELETED
@@ -1,64 +0,0 @@
1
- {
2
- 'datepicker-toggle': {
3
- size: {
4
- width: { value: '30px' },
5
- height: { value: '30px' }
6
- }
7
- },
8
- 'datepicker-body': {
9
- 'light-color-scheme': {
10
- states: {
11
- selected: {
12
- color: { value: '{light-color-scheme.primary.palette.value.500.value}' },
13
- background: { value: '{light-color-scheme.states.selected-color.value}' }
14
- }
15
- }
16
- },
17
- 'dark-color-scheme': {
18
- states: {
19
- selected: {
20
- color: { value: '{dark-color-scheme.primary.palette.value.400.value}' },
21
- background: { value: '{dark-color-scheme.states.selected-color.value}' }
22
- }
23
- }
24
- },
25
- size: {
26
- label: {
27
- 'paddings': { value: '8px 28px 12px 12px' }
28
- },
29
- cell: {
30
- 'min-size': { value: '32px' },
31
- margin: { value: '5%' },
32
- padding: { value: '8px' },
33
- 'border-width': { value: '1px' }
34
- }
35
- },
36
- font: {
37
- label: { value: 'body-strong' },
38
- today: { value: 'body-strong' }
39
- }
40
- },
41
- 'datepicker-calendar': {
42
- size: {
43
- 'padding-top': { value: '16px' },
44
- 'padding-horizontal': { value: '8px' },
45
- 'padding-bottom': { value: '8px' },
46
- 'padding-blocks': { value: '12px' },
47
-
48
- 'divider-width': { value: '1px' },
49
-
50
- icon: {
51
- 'border-width': { value: '2px' },
52
- 'prev-icon-transform': { value: 'translateX(2px) rotate(-45deg)' },
53
- 'nex-icon-transform': { value: 'translateX(-2px) rotate(45deg)' }
54
- }
55
- },
56
- font: {
57
- default: { value: 'body' },
58
- header: { value: 'caption' }
59
- }
60
- },
61
- 'datepicker-input': {
62
- size: { 'width': { value: '130px' } }
63
- }
64
- }
package/design-tokens/pt-2022/tokens/components/divider.json5 DELETED
@@ -1,8 +0,0 @@
1
- {
2
- divider: {
3
- size: {
4
- width: { value: '1px' },
5
- 'inset-margin': { value: '80px' }
6
- }
7
- }
8
- }
package/design-tokens/pt-2022/tokens/components/dropdown.json5 DELETED
@@ -1,47 +0,0 @@
1
- {
2
- 'dropdown-item': {
3
- size: {
4
- padding: { value: '5px 15px' },
5
- 'icon-padding': { value: '0 8px 2px 0' }
6
- },
7
- font: {
8
- default: { value: 'body' },
9
- caption: { value: 'caption' }
10
- }
11
- },
12
- 'dropdown-group-header': {
13
- size: {
14
- default: {
15
- padding: { value: '6px 15px' }
16
- },
17
- small: {
18
- padding: { value: '8px 15px' }
19
- }
20
- },
21
- font: {
22
- default: { value: 'body-strong' },
23
- small: { value: 'caption-caps' }
24
- }
25
- },
26
- 'dropdown-divider': {
27
- size: {
28
- 'height': { value: '1px' },
29
- 'margin': { value: '4px 0' }
30
- }
31
- },
32
- 'dropdown-trigger': {
33
- size: {
34
- 'icon-padding-right': { value: '8px' }
35
- }
36
- },
37
- 'dropdown-panel': {
38
- size: {
39
- 'max-width': { value: '640px' },
40
- padding: { value: '4px 0' },
41
- border: {
42
- width: { value: '1px' },
43
- radius: { value: '3px' }
44
- }
45
- }
46
- }
47
- }
package/design-tokens/pt-2022/tokens/components/form-field.json5 DELETED
@@ -1,52 +0,0 @@
1
- {
2
- 'form-field': {
3
- 'light-color-scheme': {
4
- border: { value: '{light-color-scheme.foreground.border.value}' },
5
- background: { value: '{light-color-scheme.background.background.value}' },
6
-
7
- states: {
8
- hover: {
9
- border: { value: '{light-color-scheme.second.palette.value.200.value}' }
10
- },
11
- invalid: {
12
- border: { value: '{light-color-scheme.states.focused-color-error.value}' },
13
- background: { value: 'transparent' }
14
- }
15
- }
16
- },
17
- 'dark-color-scheme': {
18
- border: { value: '{dark-color-scheme.foreground.border.value}' },
19
- background: { value: 'transparent' },
20
-
21
- states: {
22
- hover: {
23
- border: { value: '{dark-color-scheme.second.palette.value.560.value}' }
24
- },
25
- invalid: {
26
- border: { value: '{dark-color-scheme.states.focused-color-error.value}' },
27
- background: { value: 'transparent' }
28
- }
29
- }
30
- },
31
- size: {
32
- border: {
33
- width: { value: '1px' },
34
- radius: { value: '3px' }
35
- },
36
- button: {
37
- width: { value: '32px' }
38
- }
39
- },
40
- font: {
41
- default: { value: 'body' }
42
- }
43
- },
44
- 'form-field-hint': {
45
- size: {
46
- 'margin-top': { value: '4px' }
47
- },
48
- font: {
49
- default: { value: 'caption' }
50
- }
51
- }
52
- }
package/design-tokens/pt-2022/tokens/components/forms.json5 DELETED
@@ -1,52 +0,0 @@
1
- {
2
- forms: {
3
- 'light-color-scheme': {
4
- label: { value: '{light-color-scheme.foreground.text-less-contrast.value}' },
5
- legend: { value: '{light-color-scheme.foreground.text.value}' }
6
- },
7
- 'dark-color-scheme': {
8
- label: { value: '{dark-color-scheme.foreground.text-less-contrast.value}' },
9
- legend: { value: '{dark-color-scheme.foreground.text.value}' }
10
- },
11
- size: {
12
- horizontal: {
13
- row: {
14
- 'margin-bottom': { value: '20px' }
15
- },
16
- label: {
17
- 'padding-top': { value: '6px' },
18
- 'padding-bottom': { value: '0' }
19
- },
20
- control: {
21
- 'padding-left': { value: '16px' }
22
- },
23
- legend: {
24
- 'margin-top': { value: '32px' },
25
- 'margin-bottom': { value: '16px' }
26
- }
27
- },
28
- vertical: {
29
- row: {
30
- 'margin-bottom': { value: '16px' }
31
- },
32
- label: {
33
- 'padding-top': { value: '0' },
34
- 'padding-bottom': { value: '4px' }
35
- },
36
- control: {
37
- 'padding-left': { value: '24px' }
38
- },
39
- legend: {
40
- 'margin-top': { value: '32px' },
41
- 'margin-bottom': { value: '12px' }
42
- }
43
- },
44
- },
45
- font: {
46
- default: {
47
- label: { value: 'body' },
48
- legend: { value: 'subheading' },
49
- },
50
- }
51
- }
52
- }
package/design-tokens/pt-2022/tokens/components/input.json5 DELETED
@@ -1,13 +0,0 @@
1
- {
2
- input: {
3
- size: {
4
- padding: { value: '5px {padding.control-horizontal}' },
5
- width: { value: '100%' },
6
- 'min-height': { value: '30px' }
7
- },
8
- font: {
9
- default: { value: 'body' },
10
- monospace: { value: 'body-mono' }
11
- }
12
- }
13
- }
package/design-tokens/pt-2022/tokens/components/link.json5 DELETED
@@ -1,56 +0,0 @@
1
- {
2
- link: {
3
- 'light-color-scheme': {
4
- text: { value: '{light-color-scheme.primary.palette.value.500.value}' },
5
- 'border-bottom': { value: 'rgba({link.light-color-scheme.text.value}, 0.32)' },
6
-
7
- 'state-visited': {
8
- 'text': { value: '{palette.purple.560.value}' },
9
- 'border-bottom': { value: 'rgba({link.light-color-scheme.state-visited.text.value}, 0.32)' }
10
- },
11
- 'state-hover': {
12
- 'text': { value: '{light-color-scheme.primary.palette.value.560.value}' },
13
- 'border-bottom': { value: 'rgba({link.light-color-scheme.state-hover.text.value}, 0.32)' }
14
- },
15
-
16
- 'state-active': { value: '{light-color-scheme.primary.palette.value.600.value}' },
17
-
18
- 'state-focused': {
19
- outline: { value: '{light-color-scheme.states.focused-color.value}' }
20
- }
21
- },
22
- 'dark-color-scheme': {
23
- text: { value: '{dark-color-scheme.primary.palette.value.400.value}' },
24
- 'border-bottom': { value: 'rgba({link.dark-color-scheme.text.value}, 0.32)' },
25
-
26
- 'state-visited': {
27
- 'text': { value: '{palette.purple.400.value}' },
28
- 'border-bottom': { value: 'rgba({link.dark-color-scheme.state-visited.text.value}, 0.32)' }
29
- },
30
- 'state-hover': {
31
- 'text': { value: '{dark-color-scheme.primary.palette.value.500.value}' },
32
- 'border-bottom': { value: 'rgba({link.dark-color-scheme.state-hover.text.value}, 0.32)' }
33
- },
34
- 'state-active': { value: '{dark-color-scheme.primary.palette.value.560.value}' },
35
- 'state-focused': {
36
- outline: { value: '{dark-color-scheme.states.focused-color.value}' }
37
- }
38
- },
39
- size: {
40
- 'icon-margin': { value: '{margin.iconText_S-horizontal}' },
41
- 'state-focused': {
42
- 'outline-offset': { value: '2px' },
43
- 'outline-width': { value: '2px' }
44
- }
45
- },
46
- animation: {
47
- 'transition': { value: 'color ease-out 300ms' },
48
- 'state-hover': {
49
- 'transition': { value: 'color 0ms' }
50
- }
51
- },
52
- font: {
53
- default: { value: 'body' }
54
- }
55
- }
56
- }
package/design-tokens/pt-2022/tokens/components/list.json5 DELETED
@@ -1,15 +0,0 @@
1
- {
2
- list: {
3
- size: {
4
- 'horizontal-padding': { value: '{padding.option-horizontal}' },
5
- 'icon-padding': { value: '4px' },
6
-
7
- 'item-height': { value: '{size.option-height}' },
8
-
9
- 'icon-width': { value: '24px' }
10
- },
11
- font: {
12
- item: { value: 'body' }
13
- }
14
- }
15
- }
package/design-tokens/pt-2022/tokens/components/modal.json5 DELETED
@@ -1,79 +0,0 @@
1
- {
2
- modal: {
3
- 'light-color-scheme': {
4
- shadow: {
5
- value: '(0 0 0 1px {light-color-scheme.foreground.divider.value}, 0 6px 12px 0 rgba(39, 51, 62, 0.5))'
6
- },
7
- 'body-top-shadow':{
8
- value: '0 2px 4px 0 rgba(39, 51, 62, 0.16)'
9
- },
10
- 'body-bottom-shadow':{
11
- value: '0 -2px 4px 0 rgba(39, 51, 62, 0.16)'
12
- },
13
- 'background-mask': { value: 'rgba(39, 51, 62, 0.5)' }
14
- },
15
- 'dark-color-scheme': {
16
- shadow: {
17
- value: '(0 0 0 1px {dark-color-scheme.background.background.value}, 0 6px 12px 0 rgba(0, 0, 0, 0.5))'
18
- },
19
- 'body-top-shadow':{
20
- value: '0 2px 4px 0 rgba(0, 0, 0, 0.16)'
21
- },
22
- 'body-bottom-shadow':{
23
- value: '0 -2px 4px 0 rgba(0, 0, 0, 0.16)'
24
- },
25
- 'background-mask': { value: 'rgba(0, 0, 0, 0.5)' }
26
- },
27
- size: {
28
- small: { value: '400px' },
29
- normal: { value: '640px' },
30
- large: { value: '960px' },
31
-
32
- top: { value: '48px' },
33
- 'close-width': { value: '56px' },
34
- 'border-radius': { value: '4px' },
35
- 'border-width': { value: '1px' }
36
- }
37
- },
38
- 'modal-header': {
39
- 'light-color-scheme': {
40
- border: { value: '{light-color-scheme.foreground.divider.value}' }
41
- },
42
- 'dark-color-scheme': {
43
- border: { value: '{dark-color-scheme.foreground.divider.value}' }
44
- },
45
- size: {
46
- 'border-radius': { value: '4px 4px 0 0' },
47
- padding: { value: '14px 16px' }
48
- },
49
- font: {
50
- default: { value: 'title' }
51
- }
52
- },
53
- 'modal-body': {
54
- size: {
55
- 'max-height': { value: 'calc(100vh - 260px)' },
56
- padding: { value: '16px 24px 24px' }
57
- },
58
- font: {
59
- default: { value: 'body' }
60
- }
61
- },
62
- 'modal-footer': {
63
- 'light-color-scheme': {
64
- border: { value: '{light-color-scheme.second.palette.value.40.value}' }
65
- },
66
- 'dark-color-scheme': {
67
- border: { value: '{dark-color-scheme.foreground.divider.value}' }
68
- },
69
- size: {
70
- 'border-radius': { value: '0 0 4px 4px' },
71
- padding: { value: '16px {padding.headerFooter-horizontal}' }
72
- }
73
- },
74
- 'modal-confirm': {
75
- size: {
76
- padding: { value: '24px' }
77
- }
78
- }
79
- }
package/design-tokens/pt-2022/tokens/components/navbar.json5 DELETED
@@ -1,69 +0,0 @@
1
- {
2
- navbar: {
3
- 'light-color-scheme': {
4
- background: { value: '{light-color-scheme.second.palette.value.900.value}' },
5
-
6
- 'divider-background': { value: '{light-color-scheme.second.palette.value.560.value}' }
7
- },
8
- 'dark-color-scheme': {
9
- background: { value: '{dark-color-scheme.second.palette.value.700.value}' },
10
-
11
- 'divider-background': { value: '{dark-color-scheme.second.palette.value.560.value}' }
12
- },
13
- size: {
14
- 'icon-margin': { value: '6px' }
15
- },
16
- font: {
17
- title: { value: 'body' }
18
- }
19
- },
20
- 'vertical-navbar': {
21
- size: {
22
- states: {
23
- 'expanded-width': { value: '240px' },
24
- 'collapsed-width': { value: '56px' }
25
- },
26
- 'icon-margin': { value: '16px' }
27
- }
28
- },
29
- 'navbar-item': {
30
- 'light-color-scheme': {
31
- text: { value: '{light-color-scheme.second.palette.value.40.value}' },
32
- icon: { value: '{light-color-scheme.second.palette.value.200.value}' },
33
-
34
- states: {
35
- active: { value: 'rgba(0, 0, 0, 0.1)' },
36
- selected: { value: '{light-color-scheme.second.palette.value.700.value}' },
37
- hover: { value: 'rgba(255, 255, 255, 0.1)' },
38
- progress: { value: '{light-color-scheme.second.palette.value.700.value}' },
39
- 'disabled-opacity': { value: 0.3 }
40
- }
41
- },
42
- 'dark-color-scheme': {
43
- text: { value: '{dark-color-scheme.second.palette.value.40.value}' },
44
- icon: { value: '{dark-color-scheme.second.palette.value.200.value}' },
45
-
46
- states: {
47
- active: { value: 'rgba(0, 0, 0, 0.1)' },
48
- selected: { value: '{dark-color-scheme.second.palette.value.600.value}' },
49
- hover: { value: 'rgba(255, 255, 255, 0.1)' },
50
- progress: { value: '{dark-color-scheme.second.palette.value.700.value}' },
51
- 'disabled-opacity': { value: 0.3 }
52
- }
53
- },
54
- size: {
55
- padding: { value: '{padding.control-horizontal}' },
56
- height: { value: '48px' },
57
- height_vertical: { value: '56px' }
58
- }
59
- },
60
- 'navbar-brand': {
61
- size: {
62
- padding: { value: '12px' },
63
- 'margin-right': { value: '24px' }
64
- },
65
- font: {
66
- title: { value: 'title' }
67
- }
68
- }
69
- }
package/design-tokens/pt-2022/tokens/components/optgroup.json5 DELETED
@@ -1,10 +0,0 @@
1
- {
2
- optgroup: {
3
- size: {
4
- 'padding-left': { value: '17px' }
5
- },
6
- font: {
7
- default: { value: 'subheading' }
8
- }
9
- }
10
- }
package/design-tokens/pt-2022/tokens/components/option.json5 DELETED
@@ -1,12 +0,0 @@
1
- {
2
- option: {
3
- size: {
4
- 'horizontal-padding': { value: '{padding.option-horizontal}' },
5
- height: { value: '32px' },
6
- 'border-width': { value: '2px' }
7
- },
8
- font: {
9
- default: { value: 'body' }
10
- }
11
- }
12
- }
package/design-tokens/pt-2022/tokens/components/popover.json5 DELETED
@@ -1,68 +0,0 @@
1
- {
2
- popover: {
3
- 'light-color-scheme': {
4
- background: { value: '{light-color-scheme.background.background.value}' },
5
- text: { value: '{light-color-scheme.foreground.text.value}' },
6
- shadow: { value: '{popup.light-color-scheme.shadow.value}' },
7
- border: { value: '{popup.light-color-scheme.border.value}' }
8
- },
9
- 'dark-color-scheme': {
10
- background: { value: '{dark-color-scheme.second.palette.value.700.value}' },
11
- text: { value: '{dark-color-scheme.foreground.text.value}' },
12
- shadow: { value: '{popup.dark-color-scheme.shadow.value}' },
13
- border: { value: '{dark-color-scheme.second.palette.value.700.value}' }
14
- },
15
- size: {
16
- 'max-height': { value: '480px' },
17
- padding: { value: '16px' },
18
- 'border-radius': { value: '3px' },
19
-
20
- 'arrow-size': { value: '12px' },
21
- 'trigger-margin': { value: '9px' },
22
-
23
- 'small-width': { value: '200px' },
24
- 'normal-width': { value: '400px' },
25
- 'large-width': { value: '640px' }
26
- },
27
- font: {
28
- default: { value: 'body' }
29
- }
30
- },
31
- 'popover-header': {
32
- 'light-color-scheme': {
33
- border: { value: '{popup.light-color-scheme.border.value}' },
34
- text: { value: '{light-color-scheme.foreground.text.value}' },
35
- background: { value: '{popup.light-color-scheme.background.value}' }
36
- },
37
- 'dark-color-scheme': {
38
- border: { value: '{dark-color-scheme.second.palette.value.600.value}' },
39
- text: { value: '{dark-color-scheme.foreground.text.value}' },
40
- background: { value: '{dark-color-scheme.second.palette.value.700.value}' }
41
- },
42
- size: {
43
- height: { value: '10px 16px' },
44
- padding: { value: '10px 16px' }
45
- },
46
- font: {
47
- default: { value: 'subheading' }
48
- }
49
- },
50
- 'popover-footer': {
51
- 'light-color-scheme': {
52
- border: { value: '{popup.light-color-scheme.footer-background.value}' },
53
- background: { value: '{popup.light-color-scheme.footer-background.value}' }
54
- },
55
- 'dark-color-scheme': {
56
- border: { value: '{dark-color-scheme.second.palette.value.600.value}' },
57
- background: { value: '{dark-color-scheme.background.background-disabled.value}' }
58
- },
59
- size: {
60
- 'margin-top': { value: '8px' },
61
- padding: { value: '12px {padding.headerFooter-horizontal}' },
62
- 'height': { value: '56px' }
63
- },
64
- font: {
65
- default: { value: 'body' }
66
- }
67
- }
68
- }
package/design-tokens/pt-2022/tokens/components/popup.json5 DELETED
@@ -1,18 +0,0 @@
1
- {
2
- popup: {
3
- 'light-color-scheme': {
4
- shadow: { value: '0 3px 8px 0 rgba(39, 51, 62, 0.2)' },
5
- border: { value: '{light-color-scheme.foreground.divider.value}' },
6
- divider: { value: '{light-color-scheme.foreground.divider.value}' },
7
- background: { value: '{light-color-scheme.background.background.value}' },
8
- 'footer-background': { value: '{light-color-scheme.background.background-disabled.value}' }
9
- },
10
- 'dark-color-scheme': {
11
- shadow: { value: '0 3px 8px 0 rgba(0, 0, 0, 0.2)' },
12
- border: { value: '{dark-color-scheme.second.palette.value.700.value}' },
13
- divider: { value: '{dark-color-scheme.second.palette.value.600.value}' },
14
- background: { value: '{dark-color-scheme.second.palette.value.700.value}' },
15
- 'footer-background': { value: 'transparent' }
16
- }
17
- }
18
- }
package/design-tokens/pt-2022/tokens/components/progress-bar.json5 DELETED
@@ -1,13 +0,0 @@
1
- {
2
- 'progress-bar': {
3
- 'light-color-scheme': {
4
- background: { value: '{light-color-scheme.second.palette.value.A60.value}' }
5
- },
6
- 'dark-color-scheme': {
7
- background: { value: 'rgba(white,0.06)' }
8
- },
9
- size: {
10
- height: { value: '4px' }
11
- }
12
- }
13
- }
package/design-tokens/pt-2022/tokens/components/progress-spinner.json5 DELETED
@@ -1,7 +0,0 @@
1
- {
2
- 'progress-spinner': {
3
- size: {
4
- size: { value: '16px' }
5
- }
6
- }
7
- }
package/design-tokens/pt-2022/tokens/components/radio.json5 DELETED
@@ -1,44 +0,0 @@
1
- {
2
- radio: {
3
- 'light-color-scheme': {
4
- 'outer-circle-border': { value: '{light-color-scheme.foreground.border.value}' },
5
- 'inner-circle-border': { value: 'transparent' },
6
-
7
- states: {
8
- checked: {
9
- 'outer-circle-border': { value: '{light-color-scheme.primary.default.value}' },
10
- 'inner-circle-border': { value: '{light-color-scheme.primary.default.value}' }
11
- },
12
- focused: {
13
- 'outer-circle-border': { value: '{light-color-scheme.states.focused-color.value}' },
14
- 'outer-circle-shadow': { value: '0 0 0 2px {light-color-scheme.states.focused-color.value}' },
15
- 'inner-circle-shadow': { value: '0 0 0 1px {light-color-scheme.background.background.value}' }
16
- }
17
- }
18
- },
19
- 'dark-color-scheme': {
20
- 'outer-circle-border': { value: '{dark-color-scheme.foreground.border.value}' },
21
- 'inner-circle-border': { value: 'transparent' },
22
-
23
- states: {
24
- checked: {
25
- 'outer-circle-border': { value: '{dark-color-scheme.primary.default.value}' },
26
- 'inner-circle-border': { value: '{dark-color-scheme.primary.default.value}' }
27
- },
28
- focused: {
29
- 'outer-circle-border': { value: '{dark-color-scheme.states.focused-color.value}' },
30
- 'outer-circle-shadow': { value: '0 0 0 2px {dark-color-scheme.states.focused-color.value}' },
31
-
32
- 'inner-circle-shadow': { value: '0 0 0 1px {dark-color-scheme.background.background.value}' }
33
- }
34
- }
35
- },
36
- size: {
37
- size: { value: '14px' },
38
- 'label-margin': { value: '{margin.iconText_M-horizontal}' }
39
- },
40
- font: {
41
- default: { value: 'body' }
42
- }
43
- }
44
- }
package/design-tokens/pt-2022/tokens/components/select.json5 DELETED
@@ -1,25 +0,0 @@
1
- {
2
- select: {
3
- size: {
4
- height: { value: '30px' },
5
- 'left-padding': { value: '{padding.control-horizontal}' },
6
- 'right-padding': { value: '8px' },
7
- 'left-padding-multiple': { value: '8px' }
8
- },
9
- font: {
10
- default: { value: 'body' }
11
- }
12
- },
13
- 'select-panel': {
14
- size: {
15
- 'max-height': { value: '232px' },
16
- 'max-width': { value: '640px' },
17
- 'vertical-padding': { value: '4px' },
18
- 'border-width': { value: '1px' },
19
- 'border-radius': { value: '3px' }
20
- },
21
- font: {
22
- default: { value: 'body' }
23
- }
24
- }
25
- }