@koobiq/components 18.27.0 → 18.29.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 (408) hide show
  1. package/accordion/accordion-trigger.component.scss +2 -0
  2. package/actions-panel/actions-panel-container.scss +4 -1
  3. package/actions-panel/actions-panel-tokens.scss +2 -1
  4. package/breadcrumbs/breadcrumbs.d.ts +1 -1
  5. package/checkbox/checkbox.scss +2 -0
  6. package/core/common-behaviors/clipboard.d.ts +12 -0
  7. package/core/common-behaviors/index.d.ts +1 -0
  8. package/core/formatters/filesize/config.d.ts +66 -0
  9. package/core/formatters/filesize/formatter.d.ts +17 -0
  10. package/core/{utils/data-size → formatters/filesize}/index.d.ts +1 -1
  11. package/core/formatters/filesize/size.d.ts +36 -0
  12. package/core/formatters/index.d.ts +3 -1
  13. package/core/formatters/number/formatter.d.ts +13 -4
  14. package/core/locales/formatters.d.ts +9 -1
  15. package/core/locales/locale-service.d.ts +9 -1
  16. package/core/locales/types.d.ts +14 -0
  17. package/core/styles/theming/_components-theming.scss +343 -206
  18. package/core/utils/public-api.d.ts +0 -1
  19. package/datepicker/calendar.scss +2 -0
  20. package/datepicker/datepicker-module.d.ts +1 -1
  21. package/datepicker/datepicker-tokens.scss +1 -1
  22. package/dropdown/dropdown-item.component.d.ts +3 -1
  23. package/empty-state/empty-state.module.d.ts +1 -1
  24. package/esm2022/accordion/accordion-content.mjs +4 -4
  25. package/esm2022/accordion/accordion-header.mjs +4 -4
  26. package/esm2022/accordion/accordion-item.mjs +4 -4
  27. package/esm2022/accordion/accordion-trigger.component.mjs +6 -6
  28. package/esm2022/accordion/accordion.component.mjs +4 -4
  29. package/esm2022/accordion/accordion.module.mjs +5 -5
  30. package/esm2022/actions-panel/actions-panel-container.mjs +6 -6
  31. package/esm2022/actions-panel/actions-panel.mjs +13 -13
  32. package/esm2022/actions-panel/module.mjs +5 -5
  33. package/esm2022/alert/alert.component.mjs +13 -13
  34. package/esm2022/alert/alert.module.mjs +5 -5
  35. package/esm2022/autocomplete/autocomplete-origin.directive.mjs +4 -4
  36. package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +4 -4
  37. package/esm2022/autocomplete/autocomplete.component.mjs +4 -4
  38. package/esm2022/autocomplete/autocomplete.module.mjs +5 -5
  39. package/esm2022/badge/badge.component.mjs +10 -10
  40. package/esm2022/badge/badge.module.mjs +5 -5
  41. package/esm2022/breadcrumbs/breadcrumbs.mjs +17 -17
  42. package/esm2022/breadcrumbs/breadcrumbs.module.mjs +5 -5
  43. package/esm2022/button/button.component.mjs +7 -7
  44. package/esm2022/button/button.dropdown-trigger.directive.mjs +4 -4
  45. package/esm2022/button/button.module.mjs +5 -5
  46. package/esm2022/button-toggle/button-toggle.component.mjs +7 -7
  47. package/esm2022/button-toggle/button-toggle.module.mjs +5 -5
  48. package/esm2022/checkbox/checkbox-module.mjs +5 -5
  49. package/esm2022/checkbox/checkbox-required-validator.mjs +4 -4
  50. package/esm2022/checkbox/checkbox.mjs +5 -5
  51. package/esm2022/code-block/code-block-highlight.mjs +4 -4
  52. package/esm2022/code-block/code-block.mjs +4 -4
  53. package/esm2022/code-block/code-block.module.mjs +5 -5
  54. package/esm2022/core/common-behaviors/clipboard.mjs +31 -0
  55. package/esm2022/core/common-behaviors/color.mjs +4 -4
  56. package/esm2022/core/common-behaviors/common-module.mjs +5 -5
  57. package/esm2022/core/common-behaviors/index.mjs +2 -1
  58. package/esm2022/core/error/error-state-matcher.mjs +10 -10
  59. package/esm2022/core/formatters/date/formatter.mjs +4 -4
  60. package/esm2022/core/formatters/date/formatter.pipe.mjs +79 -79
  61. package/esm2022/core/formatters/filesize/config.mjs +32 -0
  62. package/esm2022/core/formatters/filesize/formatter.mjs +46 -0
  63. package/esm2022/core/formatters/filesize/index.mjs +4 -0
  64. package/esm2022/core/formatters/filesize/size.mjs +67 -0
  65. package/esm2022/core/formatters/index.mjs +15 -9
  66. package/esm2022/core/formatters/number/formatter.mjs +38 -36
  67. package/esm2022/core/forms/forms-module.mjs +5 -5
  68. package/esm2022/core/forms/forms.directive.mjs +7 -7
  69. package/esm2022/core/highlight/highlight.pipe.mjs +4 -4
  70. package/esm2022/core/highlight/index.mjs +5 -5
  71. package/esm2022/core/line/line.mjs +8 -8
  72. package/esm2022/core/locales/formatters.mjs +21 -13
  73. package/esm2022/core/locales/locale-service.mjs +4 -4
  74. package/esm2022/core/locales/locale-service.module.mjs +5 -5
  75. package/esm2022/core/locales/types.mjs +1 -1
  76. package/esm2022/core/option/action.mjs +4 -4
  77. package/esm2022/core/option/optgroup.mjs +4 -4
  78. package/esm2022/core/option/option-module.mjs +5 -5
  79. package/esm2022/core/option/option.mjs +4 -4
  80. package/esm2022/core/pop-up/pop-up-trigger.mjs +4 -4
  81. package/esm2022/core/pop-up/pop-up.mjs +4 -4
  82. package/esm2022/core/select/common.mjs +16 -16
  83. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +4 -4
  84. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +5 -5
  85. package/esm2022/core/services/measure-scrollbar.service.mjs +4 -4
  86. package/esm2022/core/services/theme.service.mjs +4 -4
  87. package/esm2022/core/utils/public-api.mjs +1 -2
  88. package/esm2022/core/version.mjs +2 -2
  89. package/esm2022/datepicker/calendar-body.component.mjs +4 -4
  90. package/esm2022/datepicker/calendar-header.component.mjs +4 -4
  91. package/esm2022/datepicker/calendar.component.mjs +6 -5
  92. package/esm2022/datepicker/datepicker-input.directive.mjs +4 -4
  93. package/esm2022/datepicker/datepicker-intl.mjs +4 -4
  94. package/esm2022/datepicker/datepicker-module.mjs +5 -8
  95. package/esm2022/datepicker/datepicker-toggle.component.mjs +7 -7
  96. package/esm2022/datepicker/datepicker.component.mjs +8 -8
  97. package/esm2022/datepicker/month-view.component.mjs +4 -4
  98. package/esm2022/divider/divider.component.mjs +4 -4
  99. package/esm2022/divider/divider.module.mjs +5 -5
  100. package/esm2022/dl/dl.component.mjs +10 -10
  101. package/esm2022/dl/dl.module.mjs +5 -5
  102. package/esm2022/dropdown/dropdown-content.directive.mjs +4 -4
  103. package/esm2022/dropdown/dropdown-item.component.mjs +9 -7
  104. package/esm2022/dropdown/dropdown-trigger.directive.mjs +4 -4
  105. package/esm2022/dropdown/dropdown.component.mjs +4 -4
  106. package/esm2022/dropdown/dropdown.module.mjs +5 -5
  107. package/esm2022/ellipsis-center/ellipsis-center.directive.mjs +8 -8
  108. package/esm2022/empty-state/empty-state.component.mjs +16 -16
  109. package/esm2022/empty-state/empty-state.module.mjs +5 -7
  110. package/esm2022/file-upload/file-drop.mjs +4 -4
  111. package/esm2022/file-upload/file-upload.module.mjs +5 -5
  112. package/esm2022/file-upload/multiple-file-upload.component.mjs +5 -5
  113. package/esm2022/file-upload/single-file-upload.component.mjs +5 -5
  114. package/esm2022/filter-bar/filter-bar-button.mjs +4 -4
  115. package/esm2022/filter-bar/filter-bar.mjs +11 -7
  116. package/esm2022/filter-bar/filter-bar.module.mjs +5 -5
  117. package/esm2022/filter-bar/filter-bar.types.mjs +32 -1
  118. package/esm2022/filter-bar/filter-refresher.mjs +4 -4
  119. package/esm2022/filter-bar/filter-reset.mjs +4 -4
  120. package/esm2022/filter-bar/filter-search.mjs +4 -4
  121. package/esm2022/filter-bar/filters.mjs +27 -20
  122. package/esm2022/filter-bar/pipe-add.mjs +4 -4
  123. package/esm2022/filter-bar/pipe.directive.mjs +4 -4
  124. package/esm2022/filter-bar/pipes/base-pipe.mjs +11 -9
  125. package/esm2022/filter-bar/pipes/pipe-button.mjs +8 -8
  126. package/esm2022/filter-bar/pipes/pipe-date.mjs +6 -6
  127. package/esm2022/filter-bar/pipes/pipe-datetime.mjs +6 -6
  128. package/esm2022/filter-bar/pipes/pipe-multi-select.mjs +38 -12
  129. package/esm2022/filter-bar/pipes/pipe-multi-tree-select.mjs +234 -0
  130. package/esm2022/filter-bar/pipes/pipe-readonly.mjs +13 -16
  131. package/esm2022/filter-bar/pipes/pipe-select.mjs +15 -6
  132. package/esm2022/filter-bar/pipes/pipe-state.mjs +7 -7
  133. package/esm2022/filter-bar/pipes/pipe-text.mjs +6 -6
  134. package/esm2022/filter-bar/pipes/pipe-title.mjs +4 -4
  135. package/esm2022/filter-bar/pipes/pipe-tree-select.mjs +136 -0
  136. package/esm2022/filter-bar/public-api.mjs +2 -1
  137. package/esm2022/form-field/cleaner.mjs +4 -4
  138. package/esm2022/form-field/form-field.mjs +12 -12
  139. package/esm2022/form-field/form-field.module.mjs +5 -5
  140. package/esm2022/form-field/hint.mjs +4 -4
  141. package/esm2022/form-field/password-hint.mjs +9 -7
  142. package/esm2022/form-field/password-toggle.mjs +4 -4
  143. package/esm2022/form-field/prefix.mjs +4 -4
  144. package/esm2022/form-field/stepper.mjs +4 -4
  145. package/esm2022/form-field/suffix.mjs +4 -4
  146. package/esm2022/form-field/validate.directive.mjs +4 -4
  147. package/esm2022/icon/icon-button.component.mjs +4 -4
  148. package/esm2022/icon/icon-item.component.mjs +4 -4
  149. package/esm2022/icon/icon.component.mjs +4 -4
  150. package/esm2022/icon/icon.module.mjs +5 -5
  151. package/esm2022/input/input-number-validators.mjs +7 -7
  152. package/esm2022/input/input-number.mjs +13 -12
  153. package/esm2022/input/input-password.mjs +4 -4
  154. package/esm2022/input/input.mjs +7 -7
  155. package/esm2022/input/input.module.mjs +5 -5
  156. package/esm2022/link/link.component.mjs +4 -4
  157. package/esm2022/link/link.module.mjs +5 -5
  158. package/esm2022/list/list-selection.component.mjs +10 -10
  159. package/esm2022/list/list.component.mjs +7 -7
  160. package/esm2022/list/list.module.mjs +5 -5
  161. package/esm2022/loader-overlay/loader-overlay.component.mjs +13 -13
  162. package/esm2022/loader-overlay/loader-overlay.module.mjs +5 -5
  163. package/esm2022/markdown/markdown.component.mjs +6 -6
  164. package/esm2022/markdown/markdown.module.mjs +5 -5
  165. package/esm2022/markdown/markdown.service.mjs +4 -4
  166. package/esm2022/modal/css-unit.pipe.mjs +4 -4
  167. package/esm2022/modal/modal-control.service.mjs +4 -4
  168. package/esm2022/modal/modal.component.mjs +4 -4
  169. package/esm2022/modal/modal.directive.mjs +13 -13
  170. package/esm2022/modal/modal.module.mjs +5 -5
  171. package/esm2022/modal/modal.service.mjs +4 -4
  172. package/esm2022/modal/modal.type.mjs +1 -1
  173. package/esm2022/navbar/navbar-item.component.mjs +28 -28
  174. package/esm2022/navbar/navbar.component.mjs +10 -10
  175. package/esm2022/navbar/navbar.module.mjs +5 -5
  176. package/esm2022/navbar/vertical-navbar.component.mjs +4 -4
  177. package/esm2022/overflow-items/module.mjs +5 -5
  178. package/esm2022/overflow-items/overflow-items.mjs +15 -15
  179. package/esm2022/popover/popover-confirm.component.mjs +7 -7
  180. package/esm2022/popover/popover.component.mjs +7 -7
  181. package/esm2022/popover/popover.module.mjs +5 -5
  182. package/esm2022/progress-bar/progress-bar.component.mjs +10 -10
  183. package/esm2022/progress-bar/progress-bar.module.mjs +5 -5
  184. package/esm2022/progress-spinner/progress-spinner.component.mjs +10 -10
  185. package/esm2022/progress-spinner/progress-spinner.module.mjs +5 -5
  186. package/esm2022/radio/radio.component.mjs +7 -7
  187. package/esm2022/radio/radio.module.mjs +5 -5
  188. package/esm2022/risk-level/risk-level.component.mjs +4 -4
  189. package/esm2022/risk-level/risk-level.module.mjs +5 -5
  190. package/esm2022/scrollbar/scrollbar.component.mjs +4 -4
  191. package/esm2022/scrollbar/scrollbar.directive.mjs +4 -4
  192. package/esm2022/scrollbar/scrollbar.module.mjs +5 -5
  193. package/esm2022/select/select-option.directive.mjs +4 -4
  194. package/esm2022/select/select.component.mjs +9 -6
  195. package/esm2022/select/select.module.mjs +5 -5
  196. package/esm2022/sidebar/sidebar.component.mjs +18 -12
  197. package/esm2022/sidebar/sidebar.module.mjs +5 -5
  198. package/esm2022/sidepanel/sidepanel-container.component.mjs +4 -4
  199. package/esm2022/sidepanel/sidepanel-directives.mjs +16 -16
  200. package/esm2022/sidepanel/sidepanel.module.mjs +5 -5
  201. package/esm2022/sidepanel/sidepanel.service.mjs +4 -4
  202. package/esm2022/splitter/splitter.component.mjs +13 -13
  203. package/esm2022/splitter/splitter.module.mjs +5 -5
  204. package/esm2022/table/table.component.mjs +7 -7
  205. package/esm2022/table/table.module.mjs +5 -5
  206. package/esm2022/tabs/paginated-tab-header.mjs +4 -4
  207. package/esm2022/tabs/tab-body.component.mjs +7 -7
  208. package/esm2022/tabs/tab-content.directive.mjs +4 -4
  209. package/esm2022/tabs/tab-group.component.mjs +16 -16
  210. package/esm2022/tabs/tab-header.component.mjs +4 -4
  211. package/esm2022/tabs/tab-label-wrapper.directive.mjs +4 -4
  212. package/esm2022/tabs/tab-label.directive.mjs +4 -4
  213. package/esm2022/tabs/tab-nav-bar.mjs +13 -13
  214. package/esm2022/tabs/tab.component.mjs +4 -4
  215. package/esm2022/tabs/tabs.module.mjs +5 -5
  216. package/esm2022/tags/tag-input.mjs +4 -4
  217. package/esm2022/tags/tag-list.component.mjs +5 -5
  218. package/esm2022/tags/tag.component.mjs +13 -13
  219. package/esm2022/tags/tag.module.mjs +5 -5
  220. package/esm2022/textarea/textarea.component.mjs +8 -7
  221. package/esm2022/textarea/textarea.module.mjs +5 -5
  222. package/esm2022/timepicker/timepicker.directive.mjs +4 -4
  223. package/esm2022/timepicker/timepicker.module.mjs +5 -5
  224. package/esm2022/timezone/cities-by-filter.pipe.mjs +4 -4
  225. package/esm2022/timezone/timezone-option.component.mjs +4 -4
  226. package/esm2022/timezone/timezone-option.directive.mjs +4 -4
  227. package/esm2022/timezone/timezone-select.component.mjs +9 -9
  228. package/esm2022/timezone/timezone.module.mjs +5 -5
  229. package/esm2022/timezone/utc-offset.pipe.mjs +4 -4
  230. package/esm2022/title/title.directive.mjs +4 -4
  231. package/esm2022/title/title.module.mjs +5 -5
  232. package/esm2022/toast/toast-container.component.mjs +4 -4
  233. package/esm2022/toast/toast.component.mjs +7 -7
  234. package/esm2022/toast/toast.module.mjs +5 -5
  235. package/esm2022/toast/toast.service.mjs +4 -4
  236. package/esm2022/toggle/toggle.component.mjs +4 -4
  237. package/esm2022/toggle/toggle.module.mjs +5 -5
  238. package/esm2022/tooltip/tooltip.component.mjs +13 -13
  239. package/esm2022/tooltip/tooltip.module.mjs +5 -5
  240. package/esm2022/top-bar/module.mjs +5 -5
  241. package/esm2022/top-bar/top-bar.mjs +10 -10
  242. package/esm2022/tree/control/flat-tree-control.filters.mjs +10 -2
  243. package/esm2022/tree/node.mjs +4 -4
  244. package/esm2022/tree/outlet.mjs +4 -4
  245. package/esm2022/tree/padding.directive.mjs +4 -4
  246. package/esm2022/tree/toggle.mjs +10 -10
  247. package/esm2022/tree/tree-base.mjs +7 -7
  248. package/esm2022/tree/tree-option.component.mjs +11 -7
  249. package/esm2022/tree/tree-selection.component.mjs +6 -4
  250. package/esm2022/tree/tree.mjs +4 -4
  251. package/esm2022/tree/tree.module.mjs +5 -5
  252. package/esm2022/tree-select/tree-select.component.mjs +11 -7
  253. package/esm2022/tree-select/tree-select.module.mjs +5 -5
  254. package/fesm2022/koobiq-components-accordion.mjs +21 -21
  255. package/fesm2022/koobiq-components-accordion.mjs.map +1 -1
  256. package/fesm2022/koobiq-components-actions-panel.mjs +21 -21
  257. package/fesm2022/koobiq-components-actions-panel.mjs.map +1 -1
  258. package/fesm2022/koobiq-components-alert.mjs +16 -16
  259. package/fesm2022/koobiq-components-alert.mjs.map +1 -1
  260. package/fesm2022/koobiq-components-autocomplete.mjs +13 -13
  261. package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
  262. package/fesm2022/koobiq-components-badge.mjs +13 -13
  263. package/fesm2022/koobiq-components-badge.mjs.map +1 -1
  264. package/fesm2022/koobiq-components-breadcrumbs.mjs +20 -20
  265. package/fesm2022/koobiq-components-breadcrumbs.mjs.map +1 -1
  266. package/fesm2022/koobiq-components-button-toggle.mjs +10 -10
  267. package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
  268. package/fesm2022/koobiq-components-button.mjs +13 -13
  269. package/fesm2022/koobiq-components-button.mjs.map +1 -1
  270. package/fesm2022/koobiq-components-checkbox.mjs +11 -11
  271. package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
  272. package/fesm2022/koobiq-components-code-block.mjs +10 -10
  273. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  274. package/fesm2022/koobiq-components-core.mjs +410 -322
  275. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  276. package/fesm2022/koobiq-components-datepicker.mjs +37 -39
  277. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  278. package/fesm2022/koobiq-components-divider.mjs +7 -7
  279. package/fesm2022/koobiq-components-divider.mjs.map +1 -1
  280. package/fesm2022/koobiq-components-dl.mjs +13 -13
  281. package/fesm2022/koobiq-components-dl.mjs.map +1 -1
  282. package/fesm2022/koobiq-components-dropdown.mjs +21 -19
  283. package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
  284. package/fesm2022/koobiq-components-ellipsis-center.mjs +7 -7
  285. package/fesm2022/koobiq-components-ellipsis-center.mjs.map +1 -1
  286. package/fesm2022/koobiq-components-empty-state.mjs +19 -21
  287. package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
  288. package/fesm2022/koobiq-components-file-upload.mjs +15 -15
  289. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  290. package/fesm2022/koobiq-components-filter-bar.mjs +521 -130
  291. package/fesm2022/koobiq-components-filter-bar.mjs.map +1 -1
  292. package/fesm2022/koobiq-components-form-field.mjs +44 -42
  293. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  294. package/fesm2022/koobiq-components-icon.mjs +13 -13
  295. package/fesm2022/koobiq-components-icon.mjs.map +1 -1
  296. package/fesm2022/koobiq-components-input.mjs +32 -31
  297. package/fesm2022/koobiq-components-input.mjs.map +1 -1
  298. package/fesm2022/koobiq-components-link.mjs +7 -7
  299. package/fesm2022/koobiq-components-link.mjs.map +1 -1
  300. package/fesm2022/koobiq-components-list.mjs +19 -19
  301. package/fesm2022/koobiq-components-list.mjs.map +1 -1
  302. package/fesm2022/koobiq-components-loader-overlay.mjs +16 -16
  303. package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
  304. package/fesm2022/koobiq-components-markdown.mjs +12 -12
  305. package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
  306. package/fesm2022/koobiq-components-modal.mjs +28 -28
  307. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  308. package/fesm2022/koobiq-components-navbar.mjs +43 -43
  309. package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
  310. package/fesm2022/koobiq-components-overflow-items.mjs +18 -18
  311. package/fesm2022/koobiq-components-overflow-items.mjs.map +1 -1
  312. package/fesm2022/koobiq-components-popover.mjs +16 -16
  313. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  314. package/fesm2022/koobiq-components-progress-bar.mjs +13 -13
  315. package/fesm2022/koobiq-components-progress-bar.mjs.map +1 -1
  316. package/fesm2022/koobiq-components-progress-spinner.mjs +13 -13
  317. package/fesm2022/koobiq-components-progress-spinner.mjs.map +1 -1
  318. package/fesm2022/koobiq-components-radio.mjs +10 -10
  319. package/fesm2022/koobiq-components-radio.mjs.map +1 -1
  320. package/fesm2022/koobiq-components-risk-level.mjs +7 -7
  321. package/fesm2022/koobiq-components-risk-level.mjs.map +1 -1
  322. package/fesm2022/koobiq-components-scrollbar.mjs +10 -10
  323. package/fesm2022/koobiq-components-scrollbar.mjs.map +1 -1
  324. package/fesm2022/koobiq-components-select.mjs +15 -12
  325. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  326. package/fesm2022/koobiq-components-sidebar.mjs +21 -15
  327. package/fesm2022/koobiq-components-sidebar.mjs.map +1 -1
  328. package/fesm2022/koobiq-components-sidepanel.mjs +25 -25
  329. package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
  330. package/fesm2022/koobiq-components-splitter.mjs +16 -16
  331. package/fesm2022/koobiq-components-splitter.mjs.map +1 -1
  332. package/fesm2022/koobiq-components-table.mjs +10 -10
  333. package/fesm2022/koobiq-components-table.mjs.map +1 -1
  334. package/fesm2022/koobiq-components-tabs.mjs +55 -55
  335. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  336. package/fesm2022/koobiq-components-tags.mjs +23 -23
  337. package/fesm2022/koobiq-components-tags.mjs.map +1 -1
  338. package/fesm2022/koobiq-components-textarea.mjs +11 -10
  339. package/fesm2022/koobiq-components-textarea.mjs.map +1 -1
  340. package/fesm2022/koobiq-components-timepicker.mjs +7 -7
  341. package/fesm2022/koobiq-components-timepicker.mjs.map +1 -1
  342. package/fesm2022/koobiq-components-timezone.mjs +24 -24
  343. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  344. package/fesm2022/koobiq-components-title.mjs +7 -7
  345. package/fesm2022/koobiq-components-title.mjs.map +1 -1
  346. package/fesm2022/koobiq-components-toast.mjs +16 -16
  347. package/fesm2022/koobiq-components-toast.mjs.map +1 -1
  348. package/fesm2022/koobiq-components-toggle.mjs +7 -7
  349. package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
  350. package/fesm2022/koobiq-components-tooltip.mjs +16 -16
  351. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  352. package/fesm2022/koobiq-components-top-bar.mjs +13 -13
  353. package/fesm2022/koobiq-components-top-bar.mjs.map +1 -1
  354. package/fesm2022/koobiq-components-tree-select.mjs +14 -10
  355. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  356. package/fesm2022/koobiq-components-tree.mjs +54 -40
  357. package/fesm2022/koobiq-components-tree.mjs.map +1 -1
  358. package/file-upload/_file-upload-theme.scss +94 -17
  359. package/file-upload/file-upload-tokens.scss +5 -0
  360. package/file-upload/single-file-upload.component.scss +1 -0
  361. package/filter-bar/filter-bar.d.ts +4 -2
  362. package/filter-bar/filter-bar.types.d.ts +33 -5
  363. package/filter-bar/filters.d.ts +3 -2
  364. package/filter-bar/filters.scss +4 -0
  365. package/filter-bar/pipes/base-pipe.d.ts +3 -1
  366. package/filter-bar/pipes/base-pipe.scss +2 -1
  367. package/filter-bar/pipes/pipe-multi-select.d.ts +10 -3
  368. package/filter-bar/pipes/pipe-multi-tree-select.d.ts +57 -0
  369. package/filter-bar/pipes/pipe-multi-tree-select.scss +19 -0
  370. package/filter-bar/pipes/pipe-readonly.scss +18 -0
  371. package/filter-bar/pipes/pipe-select.d.ts +5 -2
  372. package/filter-bar/pipes/pipe-state.d.ts +1 -1
  373. package/filter-bar/pipes/pipe-tree-select.d.ts +41 -0
  374. package/filter-bar/pipes/pipe-tree-select.scss +9 -0
  375. package/filter-bar/public-api.d.ts +1 -0
  376. package/form-field/_form-field-theme.scss +12 -12
  377. package/form-field/form-field.scss +58 -61
  378. package/input/_input-theme.scss +6 -0
  379. package/input/input-number.d.ts +1 -0
  380. package/markdown/markdown.scss +1 -1
  381. package/modal/modal.type.d.ts +1 -1
  382. package/overflow-items/overflow-items.d.ts +1 -1
  383. package/package.json +6 -6
  384. package/prebuilt-themes/dark-theme.css +1 -1
  385. package/prebuilt-themes/light-theme.css +1 -1
  386. package/prebuilt-themes/theme.css +1 -1
  387. package/schematics/migrations/css-selectors/README.md +1 -1
  388. package/schematics/migrations/deprecated-icons/README.md +3 -3
  389. package/schematics/migrations/empty-state-size-attr/README.md +2 -2
  390. package/schematics/migrations/loader-overlay-size-attr/README.md +2 -2
  391. package/schematics/migrations/new-icons-pack/README.md +3 -3
  392. package/schematics/ng-add/index.js +8 -8
  393. package/select/_select-theme.scss +1 -1
  394. package/select/select.scss +2 -0
  395. package/tabs/tab-nav-bar.d.ts +1 -1
  396. package/tags/_tag-theme.scss +5 -0
  397. package/tags/tag-tokens.scss +17 -0
  398. package/textarea/textarea.component.d.ts +1 -1
  399. package/toast/toast.component.scss +2 -1
  400. package/tree/control/flat-tree-control.filters.d.ts +1 -0
  401. package/tree/tree-option.component.d.ts +3 -1
  402. package/core/utils/data-size/config.d.ts +0 -38
  403. package/core/utils/data-size/data-size.pipe.d.ts +0 -14
  404. package/core/utils/data-size/size.d.ts +0 -15
  405. package/esm2022/core/utils/data-size/config.mjs +0 -10
  406. package/esm2022/core/utils/data-size/data-size.pipe.mjs +0 -45
  407. package/esm2022/core/utils/data-size/index.mjs +0 -4
  408. package/esm2022/core/utils/data-size/size.mjs +0 -43
package/core/styles/theming/_components-theming.scss CHANGED
@@ -180,18 +180,30 @@
180
180
  background: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-background'),
181
181
  left-icon: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-left-icon'),
182
182
  right-icon: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-right-icon'),
183
- states-hover-background:
184
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-states-hover-background'),
185
- states-active-background:
186
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-states-active-background'),
187
- states-disabled-foreground:
188
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-foreground'),
189
- states-disabled-background:
190
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-background'),
191
- states-disabled-left-icon:
192
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-left-icon'),
193
- states-disabled-right-icon:
194
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-right-icon')
183
+ states-hover-background: map.get(
184
+ $tokens,
185
+ 'button-#{$scheme}-filled-contrast-fade-off-states-hover-background'
186
+ ),
187
+ states-active-background: map.get(
188
+ $tokens,
189
+ 'button-#{$scheme}-filled-contrast-fade-off-states-active-background'
190
+ ),
191
+ states-disabled-foreground: map.get(
192
+ $tokens,
193
+ 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-foreground'
194
+ ),
195
+ states-disabled-background: map.get(
196
+ $tokens,
197
+ 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-background'
198
+ ),
199
+ states-disabled-left-icon: map.get(
200
+ $tokens,
201
+ 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-left-icon'
202
+ ),
203
+ states-disabled-right-icon: map.get(
204
+ $tokens,
205
+ 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-right-icon'
206
+ )
195
207
  ),
196
208
  contrast-fade-on: (
197
209
  border: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-border'),
@@ -199,18 +211,30 @@
199
211
  background: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-background'),
200
212
  left-icon: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-left-icon'),
201
213
  right-icon: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-right-icon'),
202
- states-hover-background:
203
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-states-hover-background'),
204
- states-active-background:
205
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-states-active-background'),
206
- states-disabled-foreground:
207
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-foreground'),
208
- states-disabled-background:
209
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-background'),
210
- states-disabled-left-icon:
211
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-left-icon'),
212
- states-disabled-right-icon:
213
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-right-icon')
214
+ states-hover-background: map.get(
215
+ $tokens,
216
+ 'button-#{$scheme}-filled-contrast-fade-on-states-hover-background'
217
+ ),
218
+ states-active-background: map.get(
219
+ $tokens,
220
+ 'button-#{$scheme}-filled-contrast-fade-on-states-active-background'
221
+ ),
222
+ states-disabled-foreground: map.get(
223
+ $tokens,
224
+ 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-foreground'
225
+ ),
226
+ states-disabled-background: map.get(
227
+ $tokens,
228
+ 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-background'
229
+ ),
230
+ states-disabled-left-icon: map.get(
231
+ $tokens,
232
+ 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-left-icon'
233
+ ),
234
+ states-disabled-right-icon: map.get(
235
+ $tokens,
236
+ 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-right-icon'
237
+ )
214
238
  )
215
239
  ),
216
240
  outline: (
@@ -220,18 +244,30 @@
220
244
  background: map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-background'),
221
245
  left-icon: map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-left-icon'),
222
246
  right-icon: map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-right-icon'),
223
- states-hover-background:
224
- map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-states-hover-background'),
225
- states-active-background:
226
- map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-states-active-background'),
227
- states_disabled_border:
228
- map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-states-disabled-border'),
229
- states-disabled-foreground:
230
- map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-states-disabled-foreground'),
231
- states-disabled-left-icon:
232
- map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-states-disabled-left-icon'),
233
- states-disabled-right-icon:
234
- map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-states-disabled-right-icon')
247
+ states-hover-background: map.get(
248
+ $tokens,
249
+ 'button-#{$scheme}-outline-theme-fade-on-states-hover-background'
250
+ ),
251
+ states-active-background: map.get(
252
+ $tokens,
253
+ 'button-#{$scheme}-outline-theme-fade-on-states-active-background'
254
+ ),
255
+ states_disabled_border: map.get(
256
+ $tokens,
257
+ 'button-#{$scheme}-outline-theme-fade-on-states-disabled-border'
258
+ ),
259
+ states-disabled-foreground: map.get(
260
+ $tokens,
261
+ 'button-#{$scheme}-outline-theme-fade-on-states-disabled-foreground'
262
+ ),
263
+ states-disabled-left-icon: map.get(
264
+ $tokens,
265
+ 'button-#{$scheme}-outline-theme-fade-on-states-disabled-left-icon'
266
+ ),
267
+ states-disabled-right-icon: map.get(
268
+ $tokens,
269
+ 'button-#{$scheme}-outline-theme-fade-on-states-disabled-right-icon'
270
+ )
235
271
  ),
236
272
  contrast-fade-on: (
237
273
  border: map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-border'),
@@ -239,18 +275,30 @@
239
275
  background: map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-background'),
240
276
  left-icon: map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-left-icon'),
241
277
  right-icon: map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-right-icon'),
242
- states-hover-background:
243
- map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-states-hover-background'),
244
- states-active-background:
245
- map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-states-active-background'),
246
- states_disabled_border:
247
- map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-border'),
248
- states-disabled-foreground:
249
- map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-foreground'),
250
- states-disabled-left-icon:
251
- map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-left-icon'),
252
- states-disabled-right-icon:
253
- map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-right-icon')
278
+ states-hover-background: map.get(
279
+ $tokens,
280
+ 'button-#{$scheme}-outline-contrast-fade-on-states-hover-background'
281
+ ),
282
+ states-active-background: map.get(
283
+ $tokens,
284
+ 'button-#{$scheme}-outline-contrast-fade-on-states-active-background'
285
+ ),
286
+ states_disabled_border: map.get(
287
+ $tokens,
288
+ 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-border'
289
+ ),
290
+ states-disabled-foreground: map.get(
291
+ $tokens,
292
+ 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-foreground'
293
+ ),
294
+ states-disabled-left-icon: map.get(
295
+ $tokens,
296
+ 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-left-icon'
297
+ ),
298
+ states-disabled-right-icon: map.get(
299
+ $tokens,
300
+ 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-right-icon'
301
+ )
254
302
  )
255
303
  ),
256
304
  transparent: (
@@ -260,16 +308,26 @@
260
308
  background: map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-background'),
261
309
  left-icon: map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-left-icon'),
262
310
  right-icon: map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-right-icon'),
263
- states-hover-background:
264
- map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-states-hover-background'),
265
- states-active-background:
266
- map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-states-active-background'),
267
- states-disabled-foreground:
268
- map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-states-disabled-foreground'),
269
- states-disabled-left-icon:
270
- map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-states-disabled-left-icon'),
271
- states-disabled-right-icon:
272
- map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-states-disabled-right-icon')
311
+ states-hover-background: map.get(
312
+ $tokens,
313
+ 'button-#{$scheme}-transparent-theme-fade-on-states-hover-background'
314
+ ),
315
+ states-active-background: map.get(
316
+ $tokens,
317
+ 'button-#{$scheme}-transparent-theme-fade-on-states-active-background'
318
+ ),
319
+ states-disabled-foreground: map.get(
320
+ $tokens,
321
+ 'button-#{$scheme}-transparent-theme-fade-on-states-disabled-foreground'
322
+ ),
323
+ states-disabled-left-icon: map.get(
324
+ $tokens,
325
+ 'button-#{$scheme}-transparent-theme-fade-on-states-disabled-left-icon'
326
+ ),
327
+ states-disabled-right-icon: map.get(
328
+ $tokens,
329
+ 'button-#{$scheme}-transparent-theme-fade-on-states-disabled-right-icon'
330
+ )
273
331
  ),
274
332
  contrast-fade-on: (
275
333
  border: map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-border'),
@@ -277,16 +335,26 @@
277
335
  background: map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-background'),
278
336
  left-icon: map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-left-icon'),
279
337
  right-icon: map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-right-icon'),
280
- states-hover-background:
281
- map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-states-hover-background'),
282
- states-active-background:
283
- map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-states-active-background'),
284
- states-disabled-foreground:
285
- map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-foreground'),
286
- states-disabled-left-icon:
287
- map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-left-icon'),
288
- states-disabled-right-icon:
289
- map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-right-icon')
338
+ states-hover-background: map.get(
339
+ $tokens,
340
+ 'button-#{$scheme}-transparent-contrast-fade-on-states-hover-background'
341
+ ),
342
+ states-active-background: map.get(
343
+ $tokens,
344
+ 'button-#{$scheme}-transparent-contrast-fade-on-states-active-background'
345
+ ),
346
+ states-disabled-foreground: map.get(
347
+ $tokens,
348
+ 'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-foreground'
349
+ ),
350
+ states-disabled-left-icon: map.get(
351
+ $tokens,
352
+ 'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-left-icon'
353
+ ),
354
+ states-disabled-right-icon: map.get(
355
+ $tokens,
356
+ 'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-right-icon'
357
+ )
290
358
  )
291
359
  )
292
360
  );
@@ -435,8 +503,10 @@
435
503
  collapse: (
436
504
  expanded-background: map.get($tokens, 'code-block-#{$scheme}-filled-collapse-expanded-background'),
437
505
  collapsed-background: map.get($tokens, 'code-block-#{$scheme}-filled-collapse-collapsed-background'),
438
- button-expand-background:
439
- map.get($tokens, 'code-block-#{$scheme}-filled-collapse-button-expand-background')
506
+ button-expand-background: map.get(
507
+ $tokens,
508
+ 'code-block-#{$scheme}-filled-collapse-button-expand-background'
509
+ )
440
510
  )
441
511
  ),
442
512
  outline: (
@@ -455,8 +525,10 @@
455
525
  collapse: (
456
526
  expanded-background: map.get($tokens, 'code-block-#{$scheme}-outline-collapse-expanded-background'),
457
527
  collapsed-background: map.get($tokens, 'code-block-#{$scheme}-outline-collapse-collapsed-background'),
458
- button-expand-background:
459
- map.get($tokens, 'code-block-#{$scheme}-outline-collapse-button-expand-background')
528
+ button-expand-background: map.get(
529
+ $tokens,
530
+ 'code-block-#{$scheme}-outline-collapse-button-expand-background'
531
+ )
460
532
  )
461
533
  ),
462
534
 
@@ -550,13 +622,17 @@
550
622
  title-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-color'),
551
623
  title-class-background: map.get($tokens, 'code-block-#{$scheme}-hljs-title-class-background'),
552
624
  title-class-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-class-color'),
553
- title-class-inherited-background:
554
- map.get($tokens, 'code-block-#{$scheme}-hljs-title-class-inherited-background'),
625
+ title-class-inherited-background: map.get(
626
+ $tokens,
627
+ 'code-block-#{$scheme}-hljs-title-class-inherited-background'
628
+ ),
555
629
  title-class-inherited-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-class-inherited-color'),
556
630
  title-function-background: map.get($tokens, 'code-block-#{$scheme}-hljs-title-function-background'),
557
631
  title-function-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-function-color'),
558
- title-function-invoke-background:
559
- map.get($tokens, 'code-block-#{$scheme}-hljs-title-function-invoke-background'),
632
+ title-function-invoke-background: map.get(
633
+ $tokens,
634
+ 'code-block-#{$scheme}-hljs-title-function-invoke-background'
635
+ ),
560
636
  title-function-invoke-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-function-invoke-color'),
561
637
  type-background: map.get($tokens, 'code-block-#{$scheme}-hljs-type-background'),
562
638
  type-color: map.get($tokens, 'code-block-#{$scheme}-hljs-type-color'),
@@ -754,8 +830,10 @@
754
830
  grid-divider: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-on-drag-grid-divider-color')
755
831
  ),
756
832
  error: (
757
- grid-cell-background:
758
- map.get($tokens, 'file-upload-#{$scheme}-multiple-states-error-grid-cell-background'),
833
+ grid-cell-background: map.get(
834
+ $tokens,
835
+ 'file-upload-#{$scheme}-multiple-states-error-grid-cell-background'
836
+ ),
759
837
  left-icon: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-error-left-icon-color'),
760
838
  text-block: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-error-text-block-color'),
761
839
  icon-button: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-error-icon-button-color')
@@ -1092,50 +1170,80 @@
1092
1170
  ),
1093
1171
  states-checked: (
1094
1172
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-theme-states-checked-outer-circle-border'),
1095
- outer-circle-background:
1096
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-outer-circle-background'),
1097
- inner-circle-background:
1098
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-inner-circle-background')
1173
+ outer-circle-background: map.get(
1174
+ $tokens,
1175
+ 'radio-#{$scheme}-theme-states-checked-outer-circle-background'
1176
+ ),
1177
+ inner-circle-background: map.get(
1178
+ $tokens,
1179
+ 'radio-#{$scheme}-theme-states-checked-inner-circle-background'
1180
+ )
1099
1181
  ),
1100
1182
  states-checked-hover: (
1101
1183
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-theme-states-checked-hover-outer-circle-border'),
1102
- outer-circle-background:
1103
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-hover-outer-circle-background'),
1104
- inner-circle-background:
1105
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-hover-inner-circle-background')
1184
+ outer-circle-background: map.get(
1185
+ $tokens,
1186
+ 'radio-#{$scheme}-theme-states-checked-hover-outer-circle-background'
1187
+ ),
1188
+ inner-circle-background: map.get(
1189
+ $tokens,
1190
+ 'radio-#{$scheme}-theme-states-checked-hover-inner-circle-background'
1191
+ )
1106
1192
  ),
1107
1193
  states-checked-disabled: (
1108
- outer-circle-border:
1109
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-disabled-outer-circle-border'),
1110
- outer-circle-background:
1111
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-disabled-outer-circle-background'),
1112
- inner-circle-background:
1113
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-disabled-inner-circle-background')
1194
+ outer-circle-border: map.get(
1195
+ $tokens,
1196
+ 'radio-#{$scheme}-theme-states-checked-disabled-outer-circle-border'
1197
+ ),
1198
+ outer-circle-background: map.get(
1199
+ $tokens,
1200
+ 'radio-#{$scheme}-theme-states-checked-disabled-outer-circle-background'
1201
+ ),
1202
+ inner-circle-background: map.get(
1203
+ $tokens,
1204
+ 'radio-#{$scheme}-theme-states-checked-disabled-inner-circle-background'
1205
+ )
1114
1206
  ),
1115
1207
  states-focused: (
1116
1208
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-theme-states-focused-outer-circle-border'),
1117
- outer-circle-background:
1118
- map.get($tokens, 'radio-#{$scheme}-theme-states-focused-outer-circle-background'),
1119
- inner-circle-background:
1120
- map.get($tokens, 'radio-#{$scheme}-theme-states-focused-inner-circle-background'),
1209
+ outer-circle-background: map.get(
1210
+ $tokens,
1211
+ 'radio-#{$scheme}-theme-states-focused-outer-circle-background'
1212
+ ),
1213
+ inner-circle-background: map.get(
1214
+ $tokens,
1215
+ 'radio-#{$scheme}-theme-states-focused-inner-circle-background'
1216
+ ),
1121
1217
  outer-circle-shadow: map.get($tokens, 'radio-#{$scheme}-theme-states-focused-outer-circle-shadow')
1122
1218
  ),
1123
1219
  states-checked-focused: (
1124
- outer-circle-border:
1125
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-focused-outer-circle-border'),
1126
- outer-circle-background:
1127
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-focused-outer-circle-background'),
1128
- inner-circle-background:
1129
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-focused-inner-circle-background'),
1130
- outer-circle-shadow:
1131
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-focused-outer-circle-shadow')
1220
+ outer-circle-border: map.get(
1221
+ $tokens,
1222
+ 'radio-#{$scheme}-theme-states-checked-focused-outer-circle-border'
1223
+ ),
1224
+ outer-circle-background: map.get(
1225
+ $tokens,
1226
+ 'radio-#{$scheme}-theme-states-checked-focused-outer-circle-background'
1227
+ ),
1228
+ inner-circle-background: map.get(
1229
+ $tokens,
1230
+ 'radio-#{$scheme}-theme-states-checked-focused-inner-circle-background'
1231
+ ),
1232
+ outer-circle-shadow: map.get(
1233
+ $tokens,
1234
+ 'radio-#{$scheme}-theme-states-checked-focused-outer-circle-shadow'
1235
+ )
1132
1236
  ),
1133
1237
  states-disabled: (
1134
1238
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-theme-states-disabled-outer-circle-border'),
1135
- outer-circle-background:
1136
- map.get($tokens, 'radio-#{$scheme}-theme-states-disabled-outer-circle-background'),
1137
- inner-circle-background:
1138
- map.get($tokens, 'radio-#{$scheme}-theme-states-disabled-inner-circle-background'),
1239
+ outer-circle-background: map.get(
1240
+ $tokens,
1241
+ 'radio-#{$scheme}-theme-states-disabled-outer-circle-background'
1242
+ ),
1243
+ inner-circle-background: map.get(
1244
+ $tokens,
1245
+ 'radio-#{$scheme}-theme-states-disabled-inner-circle-background'
1246
+ ),
1139
1247
  caption: map.get($tokens, 'radio-#{$scheme}-theme-states-disabled-caption')
1140
1248
  )
1141
1249
  ),
@@ -1153,50 +1261,80 @@
1153
1261
  ),
1154
1262
  states-checked: (
1155
1263
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-error-states-checked-outer-circle-border'),
1156
- outer-circle-background:
1157
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-outer-circle-background'),
1158
- inner-circle-background:
1159
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-inner-circle-background')
1264
+ outer-circle-background: map.get(
1265
+ $tokens,
1266
+ 'radio-#{$scheme}-error-states-checked-outer-circle-background'
1267
+ ),
1268
+ inner-circle-background: map.get(
1269
+ $tokens,
1270
+ 'radio-#{$scheme}-error-states-checked-inner-circle-background'
1271
+ )
1160
1272
  ),
1161
1273
  states-checked-hover: (
1162
1274
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-error-states-checked-hover-outer-circle-border'),
1163
- outer-circle-background:
1164
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-hover-outer-circle-background'),
1165
- inner-circle-background:
1166
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-hover-inner-circle-background')
1275
+ outer-circle-background: map.get(
1276
+ $tokens,
1277
+ 'radio-#{$scheme}-error-states-checked-hover-outer-circle-background'
1278
+ ),
1279
+ inner-circle-background: map.get(
1280
+ $tokens,
1281
+ 'radio-#{$scheme}-error-states-checked-hover-inner-circle-background'
1282
+ )
1167
1283
  ),
1168
1284
  states-checked-disabled: (
1169
- outer-circle-border:
1170
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-disabled-outer-circle-border'),
1171
- outer-circle-background:
1172
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-disabled-outer-circle-background'),
1173
- inner-circle-background:
1174
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-disabled-inner-circle-background')
1285
+ outer-circle-border: map.get(
1286
+ $tokens,
1287
+ 'radio-#{$scheme}-error-states-checked-disabled-outer-circle-border'
1288
+ ),
1289
+ outer-circle-background: map.get(
1290
+ $tokens,
1291
+ 'radio-#{$scheme}-error-states-checked-disabled-outer-circle-background'
1292
+ ),
1293
+ inner-circle-background: map.get(
1294
+ $tokens,
1295
+ 'radio-#{$scheme}-error-states-checked-disabled-inner-circle-background'
1296
+ )
1175
1297
  ),
1176
1298
  states-focused: (
1177
1299
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-error-states-focused-outer-circle-border'),
1178
- outer-circle-background:
1179
- map.get($tokens, 'radio-#{$scheme}-error-states-focused-outer-circle-background'),
1180
- inner-circle-background:
1181
- map.get($tokens, 'radio-#{$scheme}-error-states-focused-inner-circle-background'),
1300
+ outer-circle-background: map.get(
1301
+ $tokens,
1302
+ 'radio-#{$scheme}-error-states-focused-outer-circle-background'
1303
+ ),
1304
+ inner-circle-background: map.get(
1305
+ $tokens,
1306
+ 'radio-#{$scheme}-error-states-focused-inner-circle-background'
1307
+ ),
1182
1308
  outer-circle-shadow: map.get($tokens, 'radio-#{$scheme}-error-states-focused-outer-circle-shadow')
1183
1309
  ),
1184
1310
  states-checked-focused: (
1185
- outer-circle-border:
1186
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-focused-outer-circle-border'),
1187
- outer-circle-background:
1188
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-focused-outer-circle-background'),
1189
- inner-circle-background:
1190
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-focused-inner-circle-background'),
1191
- outer-circle-shadow:
1192
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-focused-outer-circle-shadow')
1311
+ outer-circle-border: map.get(
1312
+ $tokens,
1313
+ 'radio-#{$scheme}-error-states-checked-focused-outer-circle-border'
1314
+ ),
1315
+ outer-circle-background: map.get(
1316
+ $tokens,
1317
+ 'radio-#{$scheme}-error-states-checked-focused-outer-circle-background'
1318
+ ),
1319
+ inner-circle-background: map.get(
1320
+ $tokens,
1321
+ 'radio-#{$scheme}-error-states-checked-focused-inner-circle-background'
1322
+ ),
1323
+ outer-circle-shadow: map.get(
1324
+ $tokens,
1325
+ 'radio-#{$scheme}-error-states-checked-focused-outer-circle-shadow'
1326
+ )
1193
1327
  ),
1194
1328
  states-disabled: (
1195
1329
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-error-states-disabled-outer-circle-border'),
1196
- outer-circle-background:
1197
- map.get($tokens, 'radio-#{$scheme}-error-states-disabled-outer-circle-background'),
1198
- inner-circle-background:
1199
- map.get($tokens, 'radio-#{$scheme}-error-states-disabled-inner-circle-background')
1330
+ outer-circle-background: map.get(
1331
+ $tokens,
1332
+ 'radio-#{$scheme}-error-states-disabled-outer-circle-background'
1333
+ ),
1334
+ inner-circle-background: map.get(
1335
+ $tokens,
1336
+ 'radio-#{$scheme}-error-states-disabled-inner-circle-background'
1337
+ )
1200
1338
  )
1201
1339
  )
1202
1340
  );
@@ -1284,47 +1422,48 @@
1284
1422
  icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-default-icon-color')
1285
1423
  ),
1286
1424
  states-hover: (
1287
- background:
1288
- map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-states-hover-background')
1425
+ background: map.get(
1426
+ $tokens,
1427
+ 'tabs-#{$scheme}-tab-item-filled-on-background-states-hover-background'
1428
+ )
1289
1429
  ),
1290
1430
  states-focused: (
1291
- border-color:
1292
- map.get(
1431
+ border-color: map.get(
1293
1432
  $tokens,
1294
1433
  'tabs-#{$scheme}-tab-item-filled-on-background-states-focused-focus-outline-color'
1295
1434
  )
1296
1435
  ),
1297
1436
  states-selected: (
1298
- background:
1299
- map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-background')
1437
+ background: map.get(
1438
+ $tokens,
1439
+ 'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-background'
1440
+ )
1300
1441
  ),
1301
1442
  states-selected-hover: (
1302
- background:
1303
- map.get(
1443
+ background: map.get(
1304
1444
  $tokens,
1305
1445
  'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-hover-background'
1306
1446
  )
1307
1447
  ),
1308
1448
  states-selected-disabled: (
1309
- background:
1310
- map.get(
1449
+ background: map.get(
1311
1450
  $tokens,
1312
1451
  'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-disabled-background'
1313
1452
  ),
1314
- text:
1315
- map.get(
1453
+ text: map.get(
1316
1454
  $tokens,
1317
1455
  'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-disabled-text-color'
1318
1456
  ),
1319
- icon:
1320
- map.get(
1457
+ icon: map.get(
1321
1458
  $tokens,
1322
1459
  'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-disabled-icon-color'
1323
1460
  )
1324
1461
  ),
1325
1462
  states-disabled: (
1326
- background:
1327
- map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-states-disabled-background'),
1463
+ background: map.get(
1464
+ $tokens,
1465
+ 'tabs-#{$scheme}-tab-item-filled-on-background-states-disabled-background'
1466
+ ),
1328
1467
  text: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-states-disabled-text-color'),
1329
1468
  icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-states-disabled-icon-color')
1330
1469
  )
@@ -1339,40 +1478,42 @@
1339
1478
  background: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-hover-background')
1340
1479
  ),
1341
1480
  states-focused: (
1342
- border-color:
1343
- map.get(
1481
+ border-color: map.get(
1344
1482
  $tokens,
1345
1483
  'tabs-#{$scheme}-tab-item-filled-on-surface-states-focused-focus-outline-color'
1346
1484
  )
1347
1485
  ),
1348
1486
  states-selected: (
1349
- background:
1350
- map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-background')
1487
+ background: map.get(
1488
+ $tokens,
1489
+ 'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-background'
1490
+ )
1351
1491
  ),
1352
1492
  states-selected-hover: (
1353
- background:
1354
- map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-hover-background')
1493
+ background: map.get(
1494
+ $tokens,
1495
+ 'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-hover-background'
1496
+ )
1355
1497
  ),
1356
1498
  states-selected-disabled: (
1357
- background:
1358
- map.get(
1499
+ background: map.get(
1359
1500
  $tokens,
1360
1501
  'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-disabled-background'
1361
1502
  ),
1362
- text:
1363
- map.get(
1503
+ text: map.get(
1364
1504
  $tokens,
1365
1505
  'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-disabled-text-color'
1366
1506
  ),
1367
- icon:
1368
- map.get(
1507
+ icon: map.get(
1369
1508
  $tokens,
1370
1509
  'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-disabled-icon-color'
1371
1510
  )
1372
1511
  ),
1373
1512
  states-disabled: (
1374
- background:
1375
- map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-disabled-background'),
1513
+ background: map.get(
1514
+ $tokens,
1515
+ 'tabs-#{$scheme}-tab-item-filled-on-surface-states-disabled-background'
1516
+ ),
1376
1517
  text: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-disabled-text-color'),
1377
1518
  icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-disabled-icon-color')
1378
1519
  )
@@ -1381,66 +1522,61 @@
1381
1522
  transparent: (
1382
1523
  on-background: (
1383
1524
  default: (
1384
- background:
1385
- map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-background-default-background'),
1525
+ background: map.get(
1526
+ $tokens,
1527
+ 'tabs-#{$scheme}-tab-item-transparent-on-background-default-background'
1528
+ ),
1386
1529
  text: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-background-default-text-color'),
1387
1530
  icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-background-default-icon-color')
1388
1531
  ),
1389
1532
  states-hover: (
1390
- background:
1391
- map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-background-states-hover-background')
1533
+ background: map.get(
1534
+ $tokens,
1535
+ 'tabs-#{$scheme}-tab-item-transparent-on-background-states-hover-background'
1536
+ )
1392
1537
  ),
1393
1538
  states-focused: (
1394
- border-color:
1395
- map.get(
1539
+ border-color: map.get(
1396
1540
  $tokens,
1397
1541
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-focused-focus-outline-color'
1398
1542
  )
1399
1543
  ),
1400
1544
  states-selected: (
1401
- background:
1402
- map.get(
1545
+ background: map.get(
1403
1546
  $tokens,
1404
1547
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-background'
1405
1548
  )
1406
1549
  ),
1407
1550
  states-selected-hover: (
1408
- background:
1409
- map.get(
1551
+ background: map.get(
1410
1552
  $tokens,
1411
1553
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-hover-background'
1412
1554
  )
1413
1555
  ),
1414
1556
  states-selected-disabled: (
1415
- background:
1416
- map.get(
1557
+ background: map.get(
1417
1558
  $tokens,
1418
1559
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-disabled-background'
1419
1560
  ),
1420
- text:
1421
- map.get(
1561
+ text: map.get(
1422
1562
  $tokens,
1423
1563
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-disabled-text-color'
1424
1564
  ),
1425
- icon:
1426
- map.get(
1565
+ icon: map.get(
1427
1566
  $tokens,
1428
1567
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-disabled-icon-color'
1429
1568
  )
1430
1569
  ),
1431
1570
  states-disabled: (
1432
- background:
1433
- map.get(
1571
+ background: map.get(
1434
1572
  $tokens,
1435
1573
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-disabled-background'
1436
1574
  ),
1437
- text:
1438
- map.get(
1575
+ text: map.get(
1439
1576
  $tokens,
1440
1577
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-disabled-text-color'
1441
1578
  ),
1442
- icon:
1443
- map.get(
1579
+ icon: map.get(
1444
1580
  $tokens,
1445
1581
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-disabled-icon-color'
1446
1582
  )
@@ -1453,47 +1589,48 @@
1453
1589
  icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-default-icon-color')
1454
1590
  ),
1455
1591
  states-hover: (
1456
- background:
1457
- map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-hover-background')
1592
+ background: map.get(
1593
+ $tokens,
1594
+ 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-hover-background'
1595
+ )
1458
1596
  ),
1459
1597
  states-focused: (
1460
- border-color:
1461
- map.get(
1598
+ border-color: map.get(
1462
1599
  $tokens,
1463
1600
  'tabs-#{$scheme}-tab-item-transparent-on-surface-states-focused-focus-outline-color'
1464
1601
  )
1465
1602
  ),
1466
1603
  states-selected: (
1467
- background:
1468
- map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-background')
1604
+ background: map.get(
1605
+ $tokens,
1606
+ 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-background'
1607
+ )
1469
1608
  ),
1470
1609
  states-selected-hover: (
1471
- background:
1472
- map.get(
1610
+ background: map.get(
1473
1611
  $tokens,
1474
1612
  'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-hover-background'
1475
1613
  )
1476
1614
  ),
1477
1615
  states-selected-disabled: (
1478
- background:
1479
- map.get(
1616
+ background: map.get(
1480
1617
  $tokens,
1481
1618
  'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-disabled-background'
1482
1619
  ),
1483
- text:
1484
- map.get(
1620
+ text: map.get(
1485
1621
  $tokens,
1486
1622
  'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-disabled-text-color'
1487
1623
  ),
1488
- icon:
1489
- map.get(
1624
+ icon: map.get(
1490
1625
  $tokens,
1491
1626
  'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-disabled-icon-color'
1492
1627
  )
1493
1628
  ),
1494
1629
  states-disabled: (
1495
- background:
1496
- map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-disabled-background'),
1630
+ background: map.get(
1631
+ $tokens,
1632
+ 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-disabled-background'
1633
+ ),
1497
1634
  text: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-disabled-text-color'),
1498
1635
  icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-disabled-icon-color')
1499
1636
  )