@taiga-ui/kit 4.52.0-canary.932d3ef → 4.52.0-canary.9471234

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 (512) hide show
  1. package/README.md +1 -1
  2. package/components/accordion/accordion.component.d.ts +13 -0
  3. package/components/accordion/accordion.d.ts +4 -4
  4. package/components/accordion/accordion.directive.d.ts +11 -10
  5. package/components/accordion/index.d.ts +1 -3
  6. package/components/action-bar/action-bar.component.d.ts +5 -7
  7. package/components/action-bar/index.d.ts +0 -2
  8. package/components/avatar/avatar-labeled.component.d.ts +3 -3
  9. package/components/avatar/avatar-outline.directive.d.ts +3 -3
  10. package/components/avatar/avatar-stack.component.d.ts +2 -2
  11. package/components/avatar/avatar.directive.d.ts +4 -3
  12. package/components/badge/badge.directive.d.ts +2 -2
  13. package/components/badge/badge.options.d.ts +1 -3
  14. package/components/badge-notification/badge-notification.component.d.ts +2 -3
  15. package/components/badge-notification/badge-notification.options.d.ts +1 -3
  16. package/components/badged-content/badged-content.directive.d.ts +2 -3
  17. package/components/block/block.directive.d.ts +4 -4
  18. package/components/block/block.options.d.ts +2 -4
  19. package/components/breadcrumbs/breadcrumbs.component.d.ts +6 -7
  20. package/components/breadcrumbs/breadcrumbs.options.d.ts +1 -3
  21. package/components/button-loading/button-loading.component.d.ts +5 -5
  22. package/components/calendar-month/calendar-month.component.d.ts +6 -6
  23. package/components/calendar-range/calendar-range.component.d.ts +2 -5
  24. package/components/calendar-range/day-range-period.d.ts +2 -1
  25. package/components/carousel/carousel-autoscroll.directive.d.ts +1 -2
  26. package/components/carousel/carousel-scroll.directive.d.ts +1 -1
  27. package/components/carousel/carousel.component.d.ts +15 -18
  28. package/components/carousel/carousel.directive.d.ts +5 -4
  29. package/components/checkbox/checkbox.component.d.ts +7 -18
  30. package/components/checkbox/checkbox.options.d.ts +5 -9
  31. package/components/chip/chip.directive.d.ts +2 -4
  32. package/components/chip/chip.options.d.ts +1 -3
  33. package/components/combo-box/combo-box.d.ts +5 -0
  34. package/components/combo-box/combo-box.directive.d.ts +7 -9
  35. package/components/combo-box/index.d.ts +1 -0
  36. package/components/comment/comment.directive.d.ts +2 -2
  37. package/components/compass/compass.component.d.ts +2 -2
  38. package/components/confirm/confirm.component.d.ts +5 -3
  39. package/components/confirm/confirm.service.d.ts +3 -2
  40. package/{directives → components}/copy/copy.component.d.ts +4 -5
  41. package/{directives → components}/copy/copy.directive.d.ts +4 -6
  42. package/{directives → components}/copy/copy.options.d.ts +1 -1
  43. package/components/data-list-wrapper/data-list-group-wrapper.component.d.ts +4 -2
  44. package/components/data-list-wrapper/data-list-wrapper.component.d.ts +14 -22
  45. package/components/data-list-wrapper/{data-list-wrapper.module.d.ts → data-list-wrapper.d.ts} +1 -2
  46. package/components/data-list-wrapper/index.d.ts +1 -1
  47. package/components/drawer/drawer.component.d.ts +3 -4
  48. package/components/files/file/file.component.d.ts +16 -29
  49. package/components/files/file/file.options.d.ts +1 -1
  50. package/components/files/files/files.component.d.ts +7 -10
  51. package/components/files/input-files/input-files.component.d.ts +2 -2
  52. package/components/files/input-files/input-files.content.d.ts +7 -8
  53. package/components/files/input-files/input-files.directive.d.ts +2 -2
  54. package/components/files/input-files/input-files.options.d.ts +1 -3
  55. package/components/filter/filter.component.d.ts +9 -12
  56. package/components/fullscreen/fullscreen.component.d.ts +11 -0
  57. package/components/fullscreen/index.d.ts +1 -0
  58. package/components/index.d.ts +3 -5
  59. package/components/input-chip/input-chip.component.d.ts +9 -8
  60. package/components/input-chip/input-chip.d.ts +5 -1
  61. package/components/input-chip/input-chip.directive.d.ts +7 -12
  62. package/components/input-color/index.d.ts +1 -0
  63. package/components/input-color/input-color.component.d.ts +10 -14
  64. package/components/input-color/input-color.d.ts +5 -0
  65. package/components/input-date/input-date.component.d.ts +2 -2
  66. package/components/input-date/input-date.d.ts +4 -1
  67. package/components/input-date/input-date.directive.d.ts +21 -22
  68. package/components/input-date/input-date.options.d.ts +3 -3
  69. package/components/input-date-multi/input-date-multi.d.ts +1 -2
  70. package/components/input-date-multi/input-date-multi.directive.d.ts +10 -14
  71. package/components/input-date-range/input-date-range.d.ts +4 -1
  72. package/components/input-date-range/input-date-range.directive.d.ts +9 -10
  73. package/components/input-date-range/input-date-range.options.d.ts +2 -2
  74. package/components/input-date-time/input-date-time.d.ts +4 -1
  75. package/components/input-date-time/input-date-time.directive.d.ts +14 -14
  76. package/components/input-date-time/input-date-time.options.d.ts +2 -2
  77. package/components/input-inline/input-inline.component.d.ts +3 -2
  78. package/components/input-month/input-month.component.d.ts +3 -5
  79. package/components/input-month/input-month.d.ts +4 -1
  80. package/components/input-month/input-month.directive.d.ts +6 -5
  81. package/components/input-month-range/input-month-range.d.ts +4 -1
  82. package/components/input-month-range/input-month-range.directive.d.ts +6 -5
  83. package/components/input-number/index.d.ts +3 -0
  84. package/components/input-number/input-number.d.ts +7 -2
  85. package/components/input-number/input-number.directive.d.ts +11 -28
  86. package/components/input-number/input-number.options.d.ts +4 -7
  87. package/components/input-number/number-mask.directive.d.ts +42 -0
  88. package/components/input-number/quantum.directive.d.ts +10 -8
  89. package/components/input-number/step/input-number-step.component.d.ts +11 -10
  90. package/components/input-number/transformers/bigint.value-transformer.d.ts +11 -0
  91. package/components/input-number/transformers/number.value-transformer.d.ts +11 -0
  92. package/components/input-phone/index.d.ts +1 -0
  93. package/components/input-phone/input-phone.d.ts +5 -0
  94. package/components/input-phone/input-phone.directive.d.ts +12 -14
  95. package/components/input-phone-international/index.d.ts +1 -0
  96. package/components/input-phone-international/input-phone-international.component.d.ts +28 -36
  97. package/components/input-phone-international/input-phone-international.d.ts +5 -0
  98. package/components/input-phone-international/input-phone-international.options.d.ts +2 -3
  99. package/components/input-pin/index.d.ts +1 -0
  100. package/components/input-pin/input-pin.component.d.ts +6 -7
  101. package/components/input-pin/input-pin.d.ts +5 -0
  102. package/components/input-range/index.d.ts +0 -1
  103. package/components/input-range/input-range.component.d.ts +29 -62
  104. package/components/input-slider/input-slider.d.ts +4 -1
  105. package/components/input-slider/input-slider.directive.d.ts +6 -7
  106. package/components/input-time/input-time.component.d.ts +1 -3
  107. package/components/input-time/input-time.d.ts +4 -1
  108. package/components/input-time/input-time.directive.d.ts +9 -11
  109. package/components/input-year/input-year.d.ts +4 -1
  110. package/components/input-year/input-year.directive.d.ts +8 -10
  111. package/components/input-year/input-year.options.d.ts +2 -2
  112. package/components/items-with-more/items-with-more.component.d.ts +6 -6
  113. package/components/items-with-more/items-with-more.directive.d.ts +6 -6
  114. package/components/like/like.component.d.ts +4 -11
  115. package/components/like/like.options.d.ts +3 -4
  116. package/components/line-clamp/line-clamp-box.component.d.ts +3 -4
  117. package/components/line-clamp/line-clamp.component.d.ts +8 -10
  118. package/components/line-clamp/line-clamp.options.d.ts +1 -3
  119. package/components/multi-select/multi-select-group/multi-select-group.component.d.ts +6 -8
  120. package/components/multi-select/multi-select-native/multi-select-native.component.d.ts +5 -4
  121. package/components/multi-select/multi-select-option/multi-select-option.component.d.ts +1 -1
  122. package/components/notification-middle/notification-middle.component.d.ts +2 -2
  123. package/components/notification-middle/notification-middle.directive.d.ts +4 -3
  124. package/components/notification-middle/notification-middle.service.d.ts +7 -3
  125. package/components/pager/pager.component.d.ts +13 -13
  126. package/components/pagination/index.d.ts +1 -0
  127. package/components/pagination/pagination.component.d.ts +25 -55
  128. package/components/pagination/pagination.options.d.ts +7 -0
  129. package/components/pin/pin.directive.d.ts +2 -2
  130. package/components/preview/dialog/preview-dialog.component.d.ts +2 -2
  131. package/components/preview/dialog/preview-dialog.directive.d.ts +3 -3
  132. package/components/preview/dialog/preview-dialog.service.d.ts +5 -2
  133. package/components/preview/index.d.ts +1 -0
  134. package/components/preview/pagination/preview-pagination.component.d.ts +6 -10
  135. package/components/preview/preview.component.d.ts +6 -6
  136. package/components/preview/preview.d.ts +2 -1
  137. package/{tokens/preview-icons.d.ts → components/preview/preview.options.d.ts} +1 -3
  138. package/components/preview/zoom/preview-zoom.component.d.ts +11 -17
  139. package/components/progress/progress-bar/fixed-gradient/progress-fixed-gradient.directive.d.ts +1 -2
  140. package/components/progress/progress-bar/progress-bar.component.d.ts +3 -4
  141. package/components/progress/progress-bar/progress-color-segments.directive.d.ts +4 -4
  142. package/components/progress/progress-circle/progress-circle.component.d.ts +7 -11
  143. package/components/progress/progress-segmented/progress-segmented.directive.d.ts +2 -2
  144. package/components/progress/progress.options.d.ts +1 -3
  145. package/components/pulse/pulse.component.d.ts +2 -2
  146. package/components/push/push-alert.component.d.ts +4 -3
  147. package/components/push/push.component.d.ts +7 -8
  148. package/components/push/push.directive.d.ts +4 -6
  149. package/components/push/push.options.d.ts +5 -8
  150. package/components/push/push.service.d.ts +6 -2
  151. package/components/radio/radio.component.d.ts +8 -9
  152. package/components/radio/radio.directive.d.ts +2 -2
  153. package/components/radio/radio.options.d.ts +2 -5
  154. package/components/radio-list/radio-list.component.d.ts +11 -9
  155. package/components/range/range-change.directive.d.ts +1 -2
  156. package/components/range/range.component.d.ts +16 -25
  157. package/components/rating/rating.component.d.ts +5 -5
  158. package/components/rating/rating.options.d.ts +6 -6
  159. package/components/routable-dialog/generate-dialogable-route.d.ts +1 -1
  160. package/components/segmented/segmented.component.d.ts +4 -6
  161. package/components/segmented/segmented.directive.d.ts +6 -7
  162. package/components/select/native-select/native-select.component.d.ts +7 -8
  163. package/components/select/select.d.ts +4 -1
  164. package/components/select/select.directive.d.ts +4 -3
  165. package/components/slider/helpers/key-steps.d.ts +1 -2
  166. package/components/slider/helpers/slider-key-steps.directive.d.ts +19 -25
  167. package/components/slider/helpers/slider-readonly.directive.d.ts +2 -4
  168. package/components/slider/helpers/slider-thumb-label.component.d.ts +2 -4
  169. package/components/slider/slider.component.d.ts +4 -7
  170. package/components/slider/slider.options.d.ts +1 -6
  171. package/components/status/status.directive.d.ts +2 -2
  172. package/components/stepper/step.component.d.ts +14 -9
  173. package/components/stepper/stepper.component.d.ts +5 -12
  174. package/components/switch/switch.component.d.ts +8 -19
  175. package/components/switch/switch.options.d.ts +4 -8
  176. package/components/tabs/tabs-horizontal.directive.d.ts +4 -5
  177. package/components/tabs/tabs-vertical.directive.d.ts +2 -2
  178. package/components/tabs/tabs-with-more.component.d.ts +13 -17
  179. package/components/tabs/tabs.directive.d.ts +5 -7
  180. package/components/tabs/tabs.options.d.ts +1 -6
  181. package/components/textarea/index.d.ts +2 -1
  182. package/components/textarea/textarea.component.d.ts +10 -11
  183. package/components/textarea/textarea.d.ts +6 -0
  184. package/components/textarea/textarea.directive.d.ts +13 -0
  185. package/components/tiles/tile-handle.directive.d.ts +2 -1
  186. package/components/tiles/tile.component.d.ts +7 -10
  187. package/components/tiles/tile.service.d.ts +1 -1
  188. package/components/tiles/tiles.component.d.ts +4 -7
  189. package/components/toast/index.d.ts +5 -0
  190. package/components/toast/toast.component.d.ts +18 -0
  191. package/components/toast/toast.d.ts +3 -0
  192. package/components/toast/toast.directive.d.ts +7 -0
  193. package/components/toast/toast.options.d.ts +10 -0
  194. package/components/toast/toast.service.d.ts +17 -0
  195. package/components/tree/components/tree/tree.component.d.ts +7 -7
  196. package/components/tree/components/tree-item/tree-item.component.d.ts +1 -1
  197. package/components/tree/components/tree-item-content/tree-item-content.component.d.ts +8 -1
  198. package/components/tree/directives/tree-children.directive.d.ts +2 -2
  199. package/components/tree/directives/tree-controller.directive.d.ts +4 -5
  200. package/components/tree/directives/tree-item-controller.directive.d.ts +2 -2
  201. package/components/tree/directives/tree-node.directive.d.ts +5 -4
  202. package/components/tree/misc/tree.constants.d.ts +0 -3
  203. package/components/tree/misc/tree.tokens.d.ts +1 -6
  204. package/directives/appearance-proxy/appearance-proxy.directive.d.ts +10 -0
  205. package/directives/appearance-proxy/index.d.ts +1 -0
  206. package/directives/button-select/button-select.directive.d.ts +4 -4
  207. package/directives/chevron/chevron.directive.d.ts +2 -3
  208. package/directives/data-list-dropdown-manager/data-list-dropdown-manager.directive.d.ts +5 -5
  209. package/directives/fade/fade.directive.d.ts +6 -6
  210. package/directives/fluid-typography/fluid-typography.directive.d.ts +3 -6
  211. package/directives/fluid-typography/fluid-typography.options.d.ts +1 -3
  212. package/directives/highlight/highlight.directive.d.ts +4 -4
  213. package/directives/index.d.ts +1 -3
  214. package/directives/password/password.directive.d.ts +1 -1
  215. package/directives/present/present.directive.d.ts +2 -4
  216. package/directives/sensitive/sensitive.directive.d.ts +2 -2
  217. package/directives/shimmer/shimmer.directive.d.ts +3 -3
  218. package/directives/skeleton/skeleton.directive.d.ts +3 -3
  219. package/directives/tooltip/tooltip.directive.d.ts +3 -3
  220. package/directives/unfinished-validator/unfinished-validator.directive.d.ts +2 -2
  221. package/directives/unmask-handler/unmask-handler.directive.d.ts +3 -3
  222. package/fesm2022/taiga-ui-kit-components-accordion.mjs +69 -145
  223. package/fesm2022/taiga-ui-kit-components-accordion.mjs.map +1 -1
  224. package/fesm2022/taiga-ui-kit-components-action-bar.mjs +24 -40
  225. package/fesm2022/taiga-ui-kit-components-action-bar.mjs.map +1 -1
  226. package/fesm2022/taiga-ui-kit-components-avatar.mjs +55 -81
  227. package/fesm2022/taiga-ui-kit-components-avatar.mjs.map +1 -1
  228. package/fesm2022/taiga-ui-kit-components-badge-notification.mjs +11 -18
  229. package/fesm2022/taiga-ui-kit-components-badge-notification.mjs.map +1 -1
  230. package/fesm2022/taiga-ui-kit-components-badge.mjs +17 -28
  231. package/fesm2022/taiga-ui-kit-components-badge.mjs.map +1 -1
  232. package/fesm2022/taiga-ui-kit-components-badged-content.mjs +9 -12
  233. package/fesm2022/taiga-ui-kit-components-badged-content.mjs.map +1 -1
  234. package/fesm2022/taiga-ui-kit-components-block.mjs +20 -31
  235. package/fesm2022/taiga-ui-kit-components-block.mjs.map +1 -1
  236. package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs +19 -39
  237. package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs.map +1 -1
  238. package/fesm2022/taiga-ui-kit-components-button-loading.mjs +19 -27
  239. package/fesm2022/taiga-ui-kit-components-button-loading.mjs.map +1 -1
  240. package/fesm2022/taiga-ui-kit-components-calendar-month.mjs +14 -37
  241. package/fesm2022/taiga-ui-kit-components-calendar-month.mjs.map +1 -1
  242. package/fesm2022/taiga-ui-kit-components-calendar-range.mjs +30 -40
  243. package/fesm2022/taiga-ui-kit-components-calendar-range.mjs.map +1 -1
  244. package/fesm2022/taiga-ui-kit-components-carousel.mjs +72 -125
  245. package/fesm2022/taiga-ui-kit-components-carousel.mjs.map +1 -1
  246. package/fesm2022/taiga-ui-kit-components-checkbox.mjs +18 -76
  247. package/fesm2022/taiga-ui-kit-components-checkbox.mjs.map +1 -1
  248. package/fesm2022/taiga-ui-kit-components-chip.mjs +19 -35
  249. package/fesm2022/taiga-ui-kit-components-chip.mjs.map +1 -1
  250. package/fesm2022/taiga-ui-kit-components-combo-box.mjs +45 -50
  251. package/fesm2022/taiga-ui-kit-components-combo-box.mjs.map +1 -1
  252. package/fesm2022/taiga-ui-kit-components-comment.mjs +13 -20
  253. package/fesm2022/taiga-ui-kit-components-comment.mjs.map +1 -1
  254. package/fesm2022/taiga-ui-kit-components-compass.mjs +9 -11
  255. package/fesm2022/taiga-ui-kit-components-compass.mjs.map +1 -1
  256. package/fesm2022/taiga-ui-kit-components-confirm.mjs +16 -19
  257. package/fesm2022/taiga-ui-kit-components-confirm.mjs.map +1 -1
  258. package/fesm2022/taiga-ui-kit-components-copy.mjs +106 -0
  259. package/fesm2022/taiga-ui-kit-components-copy.mjs.map +1 -0
  260. package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs +25 -78
  261. package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs.map +1 -1
  262. package/fesm2022/taiga-ui-kit-components-drawer.mjs +11 -32
  263. package/fesm2022/taiga-ui-kit-components-drawer.mjs.map +1 -1
  264. package/fesm2022/taiga-ui-kit-components-files.mjs +118 -245
  265. package/fesm2022/taiga-ui-kit-components-files.mjs.map +1 -1
  266. package/fesm2022/taiga-ui-kit-components-filter.mjs +21 -34
  267. package/fesm2022/taiga-ui-kit-components-filter.mjs.map +1 -1
  268. package/fesm2022/taiga-ui-kit-components-fullscreen.mjs +44 -0
  269. package/fesm2022/taiga-ui-kit-components-fullscreen.mjs.map +1 -0
  270. package/fesm2022/taiga-ui-kit-components-input-chip.mjs +76 -84
  271. package/fesm2022/taiga-ui-kit-components-input-chip.mjs.map +1 -1
  272. package/fesm2022/taiga-ui-kit-components-input-color.mjs +32 -35
  273. package/fesm2022/taiga-ui-kit-components-input-color.mjs.map +1 -1
  274. package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs +36 -53
  275. package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs.map +1 -1
  276. package/fesm2022/taiga-ui-kit-components-input-date-range.mjs +37 -37
  277. package/fesm2022/taiga-ui-kit-components-input-date-range.mjs.map +1 -1
  278. package/fesm2022/taiga-ui-kit-components-input-date-time.mjs +42 -59
  279. package/fesm2022/taiga-ui-kit-components-input-date-time.mjs.map +1 -1
  280. package/fesm2022/taiga-ui-kit-components-input-date.mjs +60 -74
  281. package/fesm2022/taiga-ui-kit-components-input-date.mjs.map +1 -1
  282. package/fesm2022/taiga-ui-kit-components-input-inline.mjs +10 -13
  283. package/fesm2022/taiga-ui-kit-components-input-inline.mjs.map +1 -1
  284. package/fesm2022/taiga-ui-kit-components-input-month-range.mjs +30 -28
  285. package/fesm2022/taiga-ui-kit-components-input-month-range.mjs.map +1 -1
  286. package/fesm2022/taiga-ui-kit-components-input-month.mjs +45 -53
  287. package/fesm2022/taiga-ui-kit-components-input-month.mjs.map +1 -1
  288. package/fesm2022/taiga-ui-kit-components-input-number.mjs +270 -214
  289. package/fesm2022/taiga-ui-kit-components-input-number.mjs.map +1 -1
  290. package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs +128 -160
  291. package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs.map +1 -1
  292. package/fesm2022/taiga-ui-kit-components-input-phone.mjs +40 -46
  293. package/fesm2022/taiga-ui-kit-components-input-phone.mjs.map +1 -1
  294. package/fesm2022/taiga-ui-kit-components-input-pin.mjs +26 -24
  295. package/fesm2022/taiga-ui-kit-components-input-pin.mjs.map +1 -1
  296. package/fesm2022/taiga-ui-kit-components-input-range.mjs +71 -93
  297. package/fesm2022/taiga-ui-kit-components-input-range.mjs.map +1 -1
  298. package/fesm2022/taiga-ui-kit-components-input-slider.mjs +48 -52
  299. package/fesm2022/taiga-ui-kit-components-input-slider.mjs.map +1 -1
  300. package/fesm2022/taiga-ui-kit-components-input-time.mjs +66 -73
  301. package/fesm2022/taiga-ui-kit-components-input-time.mjs.map +1 -1
  302. package/fesm2022/taiga-ui-kit-components-input-year.mjs +33 -40
  303. package/fesm2022/taiga-ui-kit-components-input-year.mjs.map +1 -1
  304. package/fesm2022/taiga-ui-kit-components-items-with-more.mjs +56 -78
  305. package/fesm2022/taiga-ui-kit-components-items-with-more.mjs.map +1 -1
  306. package/fesm2022/taiga-ui-kit-components-like.mjs +40 -33
  307. package/fesm2022/taiga-ui-kit-components-like.mjs.map +1 -1
  308. package/fesm2022/taiga-ui-kit-components-line-clamp.mjs +38 -82
  309. package/fesm2022/taiga-ui-kit-components-line-clamp.mjs.map +1 -1
  310. package/fesm2022/taiga-ui-kit-components-message.mjs +9 -12
  311. package/fesm2022/taiga-ui-kit-components-message.mjs.map +1 -1
  312. package/fesm2022/taiga-ui-kit-components-multi-select.mjs +46 -62
  313. package/fesm2022/taiga-ui-kit-components-multi-select.mjs.map +1 -1
  314. package/fesm2022/taiga-ui-kit-components-notification-middle.mjs +38 -34
  315. package/fesm2022/taiga-ui-kit-components-notification-middle.mjs.map +1 -1
  316. package/fesm2022/taiga-ui-kit-components-pager.mjs +34 -48
  317. package/fesm2022/taiga-ui-kit-components-pager.mjs.map +1 -1
  318. package/fesm2022/taiga-ui-kit-components-pagination.mjs +78 -153
  319. package/fesm2022/taiga-ui-kit-components-pagination.mjs.map +1 -1
  320. package/fesm2022/taiga-ui-kit-components-pin.mjs +15 -19
  321. package/fesm2022/taiga-ui-kit-components-pin.mjs.map +1 -1
  322. package/fesm2022/taiga-ui-kit-components-preview.mjs +98 -158
  323. package/fesm2022/taiga-ui-kit-components-preview.mjs.map +1 -1
  324. package/fesm2022/taiga-ui-kit-components-progress.mjs +93 -117
  325. package/fesm2022/taiga-ui-kit-components-progress.mjs.map +1 -1
  326. package/fesm2022/taiga-ui-kit-components-pulse.mjs +7 -11
  327. package/fesm2022/taiga-ui-kit-components-pulse.mjs.map +1 -1
  328. package/fesm2022/taiga-ui-kit-components-push.mjs +54 -74
  329. package/fesm2022/taiga-ui-kit-components-push.mjs.map +1 -1
  330. package/fesm2022/taiga-ui-kit-components-radio-list.mjs +23 -35
  331. package/fesm2022/taiga-ui-kit-components-radio-list.mjs.map +1 -1
  332. package/fesm2022/taiga-ui-kit-components-radio.mjs +35 -41
  333. package/fesm2022/taiga-ui-kit-components-radio.mjs.map +1 -1
  334. package/fesm2022/taiga-ui-kit-components-range.mjs +42 -96
  335. package/fesm2022/taiga-ui-kit-components-range.mjs.map +1 -1
  336. package/fesm2022/taiga-ui-kit-components-rating.mjs +19 -28
  337. package/fesm2022/taiga-ui-kit-components-rating.mjs.map +1 -1
  338. package/fesm2022/taiga-ui-kit-components-routable-dialog.mjs +11 -7
  339. package/fesm2022/taiga-ui-kit-components-routable-dialog.mjs.map +1 -1
  340. package/fesm2022/taiga-ui-kit-components-segmented.mjs +40 -61
  341. package/fesm2022/taiga-ui-kit-components-segmented.mjs.map +1 -1
  342. package/fesm2022/taiga-ui-kit-components-select.mjs +81 -62
  343. package/fesm2022/taiga-ui-kit-components-select.mjs.map +1 -1
  344. package/fesm2022/taiga-ui-kit-components-slider.mjs +96 -126
  345. package/fesm2022/taiga-ui-kit-components-slider.mjs.map +1 -1
  346. package/fesm2022/taiga-ui-kit-components-status.mjs +12 -16
  347. package/fesm2022/taiga-ui-kit-components-status.mjs.map +1 -1
  348. package/fesm2022/taiga-ui-kit-components-stepper.mjs +63 -90
  349. package/fesm2022/taiga-ui-kit-components-stepper.mjs.map +1 -1
  350. package/fesm2022/taiga-ui-kit-components-switch.mjs +22 -64
  351. package/fesm2022/taiga-ui-kit-components-switch.mjs.map +1 -1
  352. package/fesm2022/taiga-ui-kit-components-tabs.mjs +110 -180
  353. package/fesm2022/taiga-ui-kit-components-tabs.mjs.map +1 -1
  354. package/fesm2022/taiga-ui-kit-components-textarea.mjs +64 -84
  355. package/fesm2022/taiga-ui-kit-components-textarea.mjs.map +1 -1
  356. package/fesm2022/taiga-ui-kit-components-tiles.mjs +62 -107
  357. package/fesm2022/taiga-ui-kit-components-tiles.mjs.map +1 -1
  358. package/fesm2022/taiga-ui-kit-components-toast.mjs +165 -0
  359. package/fesm2022/taiga-ui-kit-components-toast.mjs.map +1 -0
  360. package/fesm2022/taiga-ui-kit-components-tree.mjs +92 -127
  361. package/fesm2022/taiga-ui-kit-components-tree.mjs.map +1 -1
  362. package/fesm2022/taiga-ui-kit-components.mjs +3 -5
  363. package/fesm2022/taiga-ui-kit-components.mjs.map +1 -1
  364. package/fesm2022/taiga-ui-kit-directives-appearance-proxy.mjs +27 -0
  365. package/fesm2022/taiga-ui-kit-directives-appearance-proxy.mjs.map +1 -0
  366. package/fesm2022/taiga-ui-kit-directives-button-group.mjs +9 -12
  367. package/fesm2022/taiga-ui-kit-directives-button-group.mjs.map +1 -1
  368. package/fesm2022/taiga-ui-kit-directives-button-select.mjs +22 -21
  369. package/fesm2022/taiga-ui-kit-directives-button-select.mjs.map +1 -1
  370. package/fesm2022/taiga-ui-kit-directives-chevron.mjs +16 -22
  371. package/fesm2022/taiga-ui-kit-directives-chevron.mjs.map +1 -1
  372. package/fesm2022/taiga-ui-kit-directives-connected.mjs +9 -15
  373. package/fesm2022/taiga-ui-kit-directives-connected.mjs.map +1 -1
  374. package/fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs +25 -53
  375. package/fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs.map +1 -1
  376. package/fesm2022/taiga-ui-kit-directives-fade.mjs +35 -47
  377. package/fesm2022/taiga-ui-kit-directives-fade.mjs.map +1 -1
  378. package/fesm2022/taiga-ui-kit-directives-fluid-typography.mjs +20 -33
  379. package/fesm2022/taiga-ui-kit-directives-fluid-typography.mjs.map +1 -1
  380. package/fesm2022/taiga-ui-kit-directives-highlight.mjs +19 -24
  381. package/fesm2022/taiga-ui-kit-directives-highlight.mjs.map +1 -1
  382. package/fesm2022/taiga-ui-kit-directives-password.mjs +14 -16
  383. package/fesm2022/taiga-ui-kit-directives-password.mjs.map +1 -1
  384. package/fesm2022/taiga-ui-kit-directives-present.mjs +10 -18
  385. package/fesm2022/taiga-ui-kit-directives-present.mjs.map +1 -1
  386. package/fesm2022/taiga-ui-kit-directives-sensitive.mjs +16 -21
  387. package/fesm2022/taiga-ui-kit-directives-sensitive.mjs.map +1 -1
  388. package/fesm2022/taiga-ui-kit-directives-shimmer.mjs +24 -34
  389. package/fesm2022/taiga-ui-kit-directives-shimmer.mjs.map +1 -1
  390. package/fesm2022/taiga-ui-kit-directives-skeleton.mjs +28 -38
  391. package/fesm2022/taiga-ui-kit-directives-skeleton.mjs.map +1 -1
  392. package/fesm2022/taiga-ui-kit-directives-tooltip.mjs +19 -24
  393. package/fesm2022/taiga-ui-kit-directives-tooltip.mjs.map +1 -1
  394. package/fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs +10 -14
  395. package/fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs.map +1 -1
  396. package/fesm2022/taiga-ui-kit-directives-unmask-handler.mjs +10 -15
  397. package/fesm2022/taiga-ui-kit-directives-unmask-handler.mjs.map +1 -1
  398. package/fesm2022/taiga-ui-kit-directives.mjs +1 -3
  399. package/fesm2022/taiga-ui-kit-directives.mjs.map +1 -1
  400. package/fesm2022/taiga-ui-kit-pipes-auto-color.mjs +43 -0
  401. package/fesm2022/taiga-ui-kit-pipes-auto-color.mjs.map +1 -0
  402. package/fesm2022/taiga-ui-kit-pipes-emails.mjs +3 -4
  403. package/fesm2022/taiga-ui-kit-pipes-emails.mjs.map +1 -1
  404. package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs +22 -36
  405. package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs.map +1 -1
  406. package/fesm2022/taiga-ui-kit-pipes-flag.mjs +30 -0
  407. package/fesm2022/taiga-ui-kit-pipes-flag.mjs.map +1 -0
  408. package/fesm2022/taiga-ui-kit-pipes-hide-selected.mjs +23 -27
  409. package/fesm2022/taiga-ui-kit-pipes-hide-selected.mjs.map +1 -1
  410. package/fesm2022/taiga-ui-kit-pipes-initials.mjs +28 -0
  411. package/fesm2022/taiga-ui-kit-pipes-initials.mjs.map +1 -0
  412. package/fesm2022/taiga-ui-kit-pipes-sort-countries.mjs +10 -8
  413. package/fesm2022/taiga-ui-kit-pipes-sort-countries.mjs.map +1 -1
  414. package/fesm2022/taiga-ui-kit-pipes-stringify-content.mjs +3 -4
  415. package/fesm2022/taiga-ui-kit-pipes-stringify-content.mjs.map +1 -1
  416. package/fesm2022/taiga-ui-kit-pipes-stringify.mjs +3 -4
  417. package/fesm2022/taiga-ui-kit-pipes-stringify.mjs.map +1 -1
  418. package/fesm2022/taiga-ui-kit-pipes.mjs +3 -1
  419. package/fesm2022/taiga-ui-kit-pipes.mjs.map +1 -1
  420. package/fesm2022/taiga-ui-kit-tokens.mjs +4 -126
  421. package/fesm2022/taiga-ui-kit-tokens.mjs.map +1 -1
  422. package/fesm2022/taiga-ui-kit-utils.mjs +3 -15
  423. package/fesm2022/taiga-ui-kit-utils.mjs.map +1 -1
  424. package/package.json +52 -59
  425. package/pipes/auto-color/auto-color.pipe.d.ts +13 -0
  426. package/pipes/auto-color/index.d.ts +1 -0
  427. package/pipes/filter-by-input/filter-by-input.pipe.d.ts +5 -2
  428. package/pipes/flag/flag.pipe.d.ts +13 -0
  429. package/pipes/flag/index.d.ts +1 -0
  430. package/pipes/hide-selected/hide-selected.pipe.d.ts +2 -0
  431. package/pipes/index.d.ts +3 -1
  432. package/pipes/initials/index.d.ts +1 -0
  433. package/pipes/initials/initials.pipe.d.ts +7 -0
  434. package/pipes/sort-countries/sort-countries.pipe.d.ts +4 -3
  435. package/pipes/stringify-content/stringify-content.pipe.d.ts +2 -3
  436. package/styles/components/avatar.less +188 -0
  437. package/styles/components/badge.less +6 -6
  438. package/styles/components/block.less +5 -5
  439. package/styles/components/checkbox.less +14 -12
  440. package/styles/components/chip.less +14 -6
  441. package/styles/components/comment.less +15 -17
  442. package/styles/components/like.less +4 -9
  443. package/styles/components/message.less +1 -1
  444. package/styles/components/pin.less +6 -10
  445. package/styles/components/radio.less +1 -1
  446. package/styles/components/switch.less +12 -11
  447. package/styles/components/toast.less +44 -0
  448. package/tokens/i18n.d.ts +26 -26
  449. package/tokens/index.d.ts +0 -8
  450. package/utils/index.d.ts +0 -2
  451. package/utils/maskito.binding.d.ts +1 -1
  452. package/components/accordion/accordion-item-content.directive.d.ts +0 -6
  453. package/components/accordion/accordion-item-eager-content.directive.d.ts +0 -5
  454. package/components/accordion/accordion-item.component.d.ts +0 -25
  455. package/components/action-bar/action-bar.d.ts +0 -3
  456. package/components/action-bar/action-bar.directive.d.ts +0 -6
  457. package/components/elastic-container/elastic-container.component.d.ts +0 -8
  458. package/components/elastic-container/elastic-container.directive.d.ts +0 -7
  459. package/components/elastic-container/index.d.ts +0 -2
  460. package/components/floating-container/floating-container.directive.d.ts +0 -7
  461. package/components/floating-container/index.d.ts +0 -1
  462. package/components/input-password/index.d.ts +0 -2
  463. package/components/input-password/input-password.component.d.ts +0 -16
  464. package/components/input-password/input-password.options.d.ts +0 -24
  465. package/components/input-range/input-range.d.ts +0 -3
  466. package/components/pdf-viewer/index.d.ts +0 -4
  467. package/components/pdf-viewer/pdf-viewer.component.d.ts +0 -12
  468. package/components/pdf-viewer/pdf-viewer.directive.d.ts +0 -7
  469. package/components/pdf-viewer/pdf-viewer.options.d.ts +0 -13
  470. package/components/pdf-viewer/pdf-viewer.service.d.ts +0 -13
  471. package/components/slides/index.d.ts +0 -1
  472. package/components/slides/slides.directive.d.ts +0 -11
  473. package/components/textarea/textarea-limit.directive.d.ts +0 -27
  474. package/directives/button-close/button-close.directive.d.ts +0 -5
  475. package/directives/button-close/index.d.ts +0 -1
  476. package/directives/lazy-loading/index.d.ts +0 -2
  477. package/directives/lazy-loading/lazy-loading.directive.d.ts +0 -18
  478. package/directives/lazy-loading/lazy-loading.service.d.ts +0 -12
  479. package/fesm2022/taiga-ui-kit-components-elastic-container.mjs +0 -78
  480. package/fesm2022/taiga-ui-kit-components-elastic-container.mjs.map +0 -1
  481. package/fesm2022/taiga-ui-kit-components-floating-container.mjs +0 -43
  482. package/fesm2022/taiga-ui-kit-components-floating-container.mjs.map +0 -1
  483. package/fesm2022/taiga-ui-kit-components-input-password.mjs +0 -95
  484. package/fesm2022/taiga-ui-kit-components-input-password.mjs.map +0 -1
  485. package/fesm2022/taiga-ui-kit-components-pdf-viewer.mjs +0 -83
  486. package/fesm2022/taiga-ui-kit-components-pdf-viewer.mjs.map +0 -1
  487. package/fesm2022/taiga-ui-kit-components-preview-dialog.mjs +0 -64
  488. package/fesm2022/taiga-ui-kit-components-preview-dialog.mjs.map +0 -1
  489. package/fesm2022/taiga-ui-kit-components-slides.mjs +0 -57
  490. package/fesm2022/taiga-ui-kit-components-slides.mjs.map +0 -1
  491. package/fesm2022/taiga-ui-kit-directives-button-close.mjs +0 -39
  492. package/fesm2022/taiga-ui-kit-directives-button-close.mjs.map +0 -1
  493. package/fesm2022/taiga-ui-kit-directives-copy.mjs +0 -121
  494. package/fesm2022/taiga-ui-kit-directives-copy.mjs.map +0 -1
  495. package/fesm2022/taiga-ui-kit-directives-lazy-loading.mjs +0 -81
  496. package/fesm2022/taiga-ui-kit-directives-lazy-loading.mjs.map +0 -1
  497. package/fesm2022/taiga-ui-kit-pipes-field-error.mjs +0 -147
  498. package/fesm2022/taiga-ui-kit-pipes-field-error.mjs.map +0 -1
  499. package/pipes/field-error/field-error-content-pipe.d.ts +0 -14
  500. package/pipes/field-error/field-error-pipe.d.ts +0 -29
  501. package/pipes/field-error/index.d.ts +0 -2
  502. package/tokens/calendar-date-stream.d.ts +0 -10
  503. package/tokens/date-inputs-value-transformers.d.ts +0 -19
  504. package/tokens/input-date-options.d.ts +0 -15
  505. package/tokens/items-handlers.d.ts +0 -26
  506. package/tokens/mobile-calendar.d.ts +0 -6
  507. package/tokens/month-formatter.d.ts +0 -5
  508. package/tokens/validation-errors.d.ts +0 -5
  509. package/utils/phone.d.ts +0 -3
  510. package/utils/toggle-day.d.ts +0 -2
  511. /package/{directives → components}/copy/copy.d.ts +0 -0
  512. /package/{directives → components}/copy/index.d.ts +0 -0
@@ -11,11 +11,11 @@
11
11
  * data-size — size (default: 'm') ('s' | 'm')
12
12
  *
13
13
  * @vars
14
- * --t-checked-icon — checkmark icon
15
- * --t-indeterminate-icon — indeterminate state icon
14
+ * --t-icon-start — checkmark icon
15
+ * --t-icon-end — indeterminate state icon
16
16
  *
17
17
  * @example
18
- * <input type="checkbox" tuiCheckbox />
18
+ * <input type="checkbox" tuiCheckbox tuiIcons tuiAppearance data-appearance='secondary' />
19
19
  *
20
20
  * @see-also
21
21
  * Switch, Radio, Appearance
@@ -32,20 +32,22 @@
32
32
  flex-shrink: 0;
33
33
 
34
34
  &::before {
35
- .fullsize(absolute, inset);
36
-
37
- content: '';
35
+ position: absolute;
36
+ block-size: 100%;
37
+ inline-size: 100%;
38
38
  font-size: 1rem;
39
- background: currentColor;
40
- mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>') no-repeat center /
41
- calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem)) ~'min(1em, 100%)' padding-box;
39
+ mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>');
42
40
  transform: scale(0);
43
41
  transition:
44
42
  transform var(--tui-duration) ease-in-out,
45
43
  mask 0s var(--tui-duration) ease-in-out;
46
44
  }
47
45
 
48
- &:disabled._readonly {
46
+ &::after {
47
+ display: none;
48
+ }
49
+
50
+ &:disabled._readonly._readonly {
49
51
  opacity: 1;
50
52
  pointer-events: none;
51
53
  }
@@ -53,7 +55,7 @@
53
55
  &:checked,
54
56
  &:indeterminate {
55
57
  &::before {
56
- mask-image: var(--t-checked-icon);
58
+ mask-image: var(--t-icon-start);
57
59
  transform: scale(1);
58
60
  transition:
59
61
  transform var(--tui-duration) ease-in-out,
@@ -63,7 +65,7 @@
63
65
  }
64
66
 
65
67
  &:indeterminate::before {
66
- mask-image: var(--t-indeterminate-icon);
68
+ mask-image: var(--t-icon-end);
67
69
  }
68
70
 
69
71
  &[data-size='s'] {
@@ -2,7 +2,7 @@
2
2
 
3
3
  /**
4
4
  * @name Chip
5
- * @selector tui-chip, [tuiChip]
5
+ * @selector [tuiChip]
6
6
  *
7
7
  * @description
8
8
  * A chip component that can be used on it's own or on buttons/links/inputs
@@ -11,12 +11,11 @@
11
11
  * data-size — size (default: 's') ('xxs' | 'xs' | 's' | 'm')
12
12
  *
13
13
  * @example
14
- * <tui-chip>Sale</tui-badge>
14
+ * <span tuiChip>Sale</span>
15
15
  *
16
16
  * @see-also
17
17
  * Icons, Appearance, Badge, Block
18
18
  */
19
- tui-chip,
20
19
  [tuiChip] {
21
20
  --t-gap: 0.125rem;
22
21
  --t-margin: -0.125rem;
@@ -26,11 +25,12 @@ tui-chip,
26
25
 
27
26
  .button-base();
28
27
 
29
- font: var(--tui-font-text-s);
28
+ font: var(--tui-font-body-s);
30
29
  border-radius: var(--tui-radius-m);
31
30
  padding: var(--t-padding);
32
31
  block-size: var(--t-size);
33
32
  inline-size: fit-content;
33
+ max-inline-size: 100%;
34
34
  isolation: isolate;
35
35
 
36
36
  .interactive({
@@ -47,6 +47,10 @@ tui-chip,
47
47
  margin: -0.375rem;
48
48
  }
49
49
 
50
+ > [tuiBadge] {
51
+ margin-inline-end: 0;
52
+ }
53
+
50
54
  &[data-size='xxs'] {
51
55
  // StackBlitz changes "0rem" to "0" breaking calc
52
56
  --t-gap: ~'0rem';
@@ -54,7 +58,7 @@ tui-chip,
54
58
  --t-size: 1rem;
55
59
  --t-icon-size: 0.75rem;
56
60
 
57
- font: var(--tui-font-text-xs);
61
+ font: var(--tui-font-body-xs);
58
62
  border-radius: var(--tui-radius-xs);
59
63
 
60
64
  & > [tuiIconButton] {
@@ -80,11 +84,15 @@ tui-chip,
80
84
  --t-padding: 0 1rem;
81
85
  --t-size: var(--tui-height-m);
82
86
 
83
- font: var(--tui-font-text-m);
87
+ font: var(--tui-font-body-m);
84
88
 
85
89
  & > [tuiIconButton] {
86
90
  margin: -0.75rem;
87
91
  }
92
+
93
+ & > [tuiBadge] {
94
+ margin-inline-start: -0.375rem;
95
+ }
88
96
  }
89
97
 
90
98
  & > img,
@@ -8,7 +8,7 @@
8
8
  * A comment bubble with an arrow
9
9
  *
10
10
  * @attributes
11
- * data-direction — arrow direction (default: 'top') ('top' | 'bottom' | 'left' | 'right')
11
+ * data-direction — arrow direction (default: 'top') ('top' | 'bottom' | 'start' | 'end')
12
12
  *
13
13
  * @example
14
14
  * <label data-direction="top" tuiComment>Amazing product!</label>
@@ -16,7 +16,7 @@
16
16
  [tuiComment] {
17
17
  position: relative;
18
18
  display: inline-flex;
19
- font: var(--tui-font-text-m);
19
+ font: var(--tui-font-body-m);
20
20
  color: #fff;
21
21
  padding: 0.5rem 0.75rem;
22
22
  min-inline-size: 2.5rem;
@@ -29,38 +29,36 @@
29
29
  &::before {
30
30
  content: '';
31
31
  position: absolute;
32
- bottom: 100%;
33
- left: 50%;
32
+ inset-block-end: 100%;
33
+ inset-inline-start: 50%;
34
34
  inline-size: 1.5625rem;
35
35
  block-size: 0.5625rem;
36
36
  background: inherit;
37
- transform: translate(-50%);
37
+ transform: translate(calc(-50% * var(--tui-inline)));
38
38
  mask: url("data:image/svg+xml,%3Csvg width='25' height='9' viewBox='0 0 25 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23309 6.67813L7.56191 3.83178C9.4546 1.5185 10.4009 0.361853 11.5998 0.10488C12.0834 0.00123882 12.5834 0.00123882 13.0669 0.10488C14.2658 0.361853 15.2121 1.5185 17.1048 3.83178L19.4337 6.67813C20.636 8.14771 22.4346 9 24.3334 9H0.333374C2.23217 9 4.0307 8.14772 5.23309 6.67813Z' fill='black'/%3E%3C/svg%3E%0A")
39
39
  no-repeat;
40
40
  }
41
41
 
42
42
  &[data-direction='bottom'] {
43
43
  &::before {
44
- top: 100%;
45
- bottom: auto;
46
- transform: translate(-50%) rotate(180deg);
44
+ inset-block: 100% auto;
45
+ transform: translate(calc(-50% * var(--tui-inline))) rotate(180deg);
47
46
  }
48
47
  }
49
48
 
50
- &[data-direction='left'] {
49
+ &[data-direction='start'] {
51
50
  &::before {
52
- left: auto;
53
- top: 50%;
54
- right: 100%;
55
- transform: translate(0.785rem, -50%) rotate(-90deg);
51
+ inset-block: 50% 100%;
52
+ inset-inline: auto 100%;
53
+ transform: translate(calc(0.785rem * var(--tui-inline)), -50%) rotate(calc(-90deg * var(--tui-inline)));
56
54
  }
57
55
  }
58
56
 
59
- &[data-direction='right'] {
57
+ &[data-direction='end'] {
60
58
  &::before {
61
- top: 50%;
62
- left: 100%;
63
- transform: translate(-0.785rem, -50%) rotate(90deg);
59
+ inset-block: 50% 100%;
60
+ inset-inline: 100% auto;
61
+ transform: translate(calc(-0.785rem * var(--tui-inline)), -50%) rotate(calc(90deg * var(--tui-inline)));
64
62
  }
65
63
  }
66
64
  }
@@ -11,12 +11,12 @@
11
11
  * data-size — size (default: 'm') ('s' | 'm')
12
12
  *
13
13
  * @vars
14
- * --t-icon-color - custom color for `:checked` state
15
- * --t-unchecked-icon — default state icon
16
- * --t-checked-icon — checkmark icon
14
+ * --t-icon-color custom color for `:checked` state
15
+ * --t-icon-start — default state icon
16
+ * --t-icon-end — checkmark icon
17
17
  *
18
18
  * @example
19
- * <input tuiLike />
19
+ * <input tuiLike tuiIcons tuiAppearance data-appearance="secondary" />
20
20
  *
21
21
  * @see-also
22
22
  * Checkbox, Switch, Radio, Appearance
@@ -34,16 +34,11 @@
34
34
  &::after {
35
35
  .fullsize();
36
36
 
37
- content: '';
38
- background: currentColor;
39
37
  font-size: 1.25rem;
40
- mask: var(--t-unchecked-icon) no-repeat center /
41
- calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem)) ~'min(1em, 100%)' padding-box;
42
38
  transition-property: transform, opacity;
43
39
  }
44
40
 
45
41
  &::after {
46
- mask-image: var(--t-checked-icon);
47
42
  opacity: 0;
48
43
  color: var(--t-icon-color, inherit);
49
44
  transform: scale(0);
@@ -23,7 +23,7 @@
23
23
  isolation: isolate;
24
24
  white-space: nowrap;
25
25
  text-align: start;
26
- font: var(--tui-font-text-ui-m);
26
+ font: var(--tui-font-ui-m);
27
27
  border-radius: var(--tui-radius-l);
28
28
 
29
29
  > [tuiLink] {
@@ -13,7 +13,6 @@
13
13
  * @see-also
14
14
  * Compass
15
15
  */
16
- tui-pin,
17
16
  [tuiPin] {
18
17
  --t-size: 2rem;
19
18
 
@@ -29,7 +28,7 @@ tui-pin,
29
28
  justify-content: center;
30
29
  text-align: center;
31
30
  border-radius: 100%;
32
- font: var(--tui-font-text-s);
31
+ font: var(--tui-font-body-s);
33
32
  font-weight: bold;
34
33
  box-sizing: border-box;
35
34
  color: var(--tui-text-primary-on-accent-2);
@@ -64,8 +63,7 @@ tui-pin,
64
63
  background: var(--tui-background-base);
65
64
  }
66
65
 
67
- > tui-icon,
68
- > tui-svg {
66
+ > tui-icon {
69
67
  .transition(~'width, height');
70
68
 
71
69
  font-size: 1.25rem;
@@ -75,7 +73,7 @@ tui-pin,
75
73
  &:has(:checked) {
76
74
  --t-size: 3.5rem;
77
75
 
78
- font: var(--tui-font-text-m);
76
+ font: var(--tui-font-body-m);
79
77
  font-weight: bold;
80
78
  border-width: 0;
81
79
  margin-block-start: -2.75rem;
@@ -84,8 +82,7 @@ tui-pin,
84
82
  padding: 0.125rem;
85
83
  }
86
84
 
87
- > tui-icon,
88
- > tui-svg {
85
+ > tui-icon {
89
86
  font-size: 2.125rem;
90
87
  }
91
88
 
@@ -104,7 +101,7 @@ tui-pin,
104
101
  &._open {
105
102
  --t-size: 3.5rem;
106
103
 
107
- font: var(--tui-font-text-m);
104
+ font: var(--tui-font-body-m);
108
105
  font-weight: bold;
109
106
  border-width: 0;
110
107
  margin-block-start: -2.75rem;
@@ -113,8 +110,7 @@ tui-pin,
113
110
  padding: 0.125rem;
114
111
  }
115
112
 
116
- > tui-icon,
117
- > tui-svg {
113
+ > tui-icon {
118
114
  font-size: 2.125rem;
119
115
  }
120
116
 
@@ -29,7 +29,7 @@
29
29
  border-radius: 100%;
30
30
  color: var(--tui-text-primary-on-accent-1);
31
31
 
32
- &:disabled._readonly {
32
+ &:disabled._readonly._readonly {
33
33
  opacity: 1;
34
34
  }
35
35
 
@@ -11,10 +11,10 @@
11
11
  * data-size — size (default: 'm') ('s' | 'm')
12
12
  *
13
13
  * @vars
14
- * --t-checked-icon — checkmark icon
14
+ * --t-icon-start — checkmark icon
15
15
  *
16
16
  * @example
17
- * <input type="checkbox" tuiSwitch />
17
+ * <input type="checkbox" tuiSwitch tuiAppearance data-appearance="primary" />
18
18
  *
19
19
  * @see-also
20
20
  * Checkbox, Radio
@@ -22,6 +22,7 @@
22
22
  [tuiSwitch] {
23
23
  .transition(~'background, box-shadow');
24
24
 
25
+ display: inline-block;
25
26
  inline-size: 3rem;
26
27
  block-size: 1.5rem;
27
28
  border-radius: 2rem;
@@ -36,7 +37,7 @@
36
37
  inline-size: 2rem;
37
38
 
38
39
  &::before {
39
- inline-size: 1.125rem;
40
+ inline-size: 1rem;
40
41
  transform: translateX(-1rem);
41
42
  font-size: 0.75rem;
42
43
  }
@@ -63,13 +64,12 @@
63
64
  }
64
65
  }
65
66
 
66
- &:disabled._readonly {
67
+ &:disabled._readonly._readonly {
67
68
  opacity: 1;
68
69
  }
69
70
 
70
71
  &::before,
71
72
  &::after {
72
- content: '';
73
73
  position: absolute;
74
74
  block-size: 100%;
75
75
  inline-size: 1.5rem;
@@ -77,22 +77,23 @@
77
77
  }
78
78
 
79
79
  &::before {
80
- display: var(--t-checked-icon, none);
81
- background: currentColor;
82
- mask: var(--t-checked-icon) no-repeat center / calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem))
83
- ~'min(1em, 100%)' padding-box;
80
+ left: 0.125rem;
84
81
  font-size: 1rem;
85
- inline-size: 1.375rem;
86
82
  transform: translateX(-1.5rem);
87
83
  }
88
84
 
89
85
  &::after {
90
86
  right: 0;
87
+ display: block;
91
88
  border-radius: 100%;
89
+ background: none;
92
90
  transform: scale(0.33333);
93
91
  box-shadow: -4.5rem 0 0 0.75rem var(--tui-background-base);
94
92
  outline: 0.375rem solid var(--tui-background-neutral-2-pressed);
95
- outline-offset: var(--t-checked-icon, 20rem);
93
+ }
94
+
95
+ &:not([data-icon-start])::after {
96
+ outline-offset: 20rem;
96
97
  }
97
98
 
98
99
  &:invalid:not([data-mode]),
@@ -0,0 +1,44 @@
1
+ @import '@taiga-ui/core/styles/taiga-ui-local.less';
2
+
3
+ [tuiToast] {
4
+ .transition(transform);
5
+
6
+ display: flex;
7
+ grid-row: 1 / span 2;
8
+ box-sizing: border-box;
9
+ gap: 0.75rem;
10
+ color: var(--tui-text-primary);
11
+ background: var(--tui-background-elevation-3);
12
+ min-block-size: 3.5rem;
13
+ border-radius: 1rem;
14
+ padding: 0.75rem 1rem;
15
+ box-shadow: var(--tui-shadow-medium);
16
+ align-items: center;
17
+ justify-content: center;
18
+ inline-size: max-content;
19
+ font: var(--tui-font-ui-s);
20
+ max-inline-size: ~'min(calc(100vw - 2rem), 25rem)';
21
+ border: inherit;
22
+ text-decoration: none;
23
+ overflow: hidden;
24
+
25
+ .interactive({
26
+ cursor: pointer;
27
+ });
28
+
29
+ > *,
30
+ &::after,
31
+ &::before {
32
+ max-inline-size: 50%;
33
+ margin: 0 -0.25rem;
34
+ }
35
+
36
+ &::after {
37
+ font-size: 1rem;
38
+ color: var(--tui-text-tertiary);
39
+ }
40
+
41
+ [tuiAvatar] {
42
+ margin-inline-end: 0;
43
+ }
44
+ }
package/tokens/i18n.d.ts CHANGED
@@ -1,21 +1,20 @@
1
- import { InjectionToken } from '@angular/core';
1
+ import { InjectionToken, type Signal } from '@angular/core';
2
2
  import { type TuiDateMode } from '@taiga-ui/cdk/date-time';
3
3
  import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
4
- import { type Observable } from 'rxjs';
5
- export declare const TUI_CONFIRM_WORDS: InjectionToken<Observable<{
4
+ export declare const TUI_CONFIRM_WORDS: InjectionToken<Signal<{
6
5
  no: string;
7
6
  yes: string;
8
7
  }>>;
9
- export declare const TUI_CANCEL_WORD: InjectionToken<Observable<string>>;
10
- export declare const TUI_DONE_WORD: InjectionToken<Observable<string>>;
11
- export declare const TUI_MORE_WORD: InjectionToken<Observable<string>>;
12
- export declare const TUI_HIDE_TEXT: InjectionToken<Observable<string>>;
13
- export declare const TUI_SHOW_ALL_TEXT: InjectionToken<Observable<string>>;
14
- export declare const TUI_OTHER_DATE_TEXT: InjectionToken<Observable<string>>;
15
- export declare const TUI_CHOOSE_DAY_OR_RANGE_TEXTS: InjectionToken<Observable<readonly [choose_day: string, choose_range: string, choose_days: string]>>;
16
- export declare const TUI_FROM_TO_TEXTS: InjectionToken<Observable<readonly [from: string, to: string]>>;
17
- export declare const TUI_PLUS_MINUS_TEXTS: InjectionToken<Observable<readonly [plus: string, minus: string]>>;
18
- export declare const TUI_TIME_TEXTS: InjectionToken<Observable<{
8
+ export declare const TUI_CANCEL_WORD: InjectionToken<Signal<string>>;
9
+ export declare const TUI_DONE_WORD: InjectionToken<Signal<string>>;
10
+ export declare const TUI_MORE_WORD: InjectionToken<Signal<string>>;
11
+ export declare const TUI_HIDE_TEXT: InjectionToken<Signal<string>>;
12
+ export declare const TUI_SHOW_ALL_TEXT: InjectionToken<Signal<string>>;
13
+ export declare const TUI_OTHER_DATE_TEXT: InjectionToken<Signal<string>>;
14
+ export declare const TUI_CHOOSE_DAY_OR_RANGE_TEXTS: InjectionToken<Signal<readonly [choose_day: string, choose_range: string, choose_days: string]>>;
15
+ export declare const TUI_FROM_TO_TEXTS: InjectionToken<Signal<readonly [from: string, to: string]>>;
16
+ export declare const TUI_PLUS_MINUS_TEXTS: InjectionToken<Signal<readonly [plus: string, minus: string]>>;
17
+ export declare const TUI_TIME_TEXTS: InjectionToken<Signal<{
19
18
  'MM:SS': string;
20
19
  'HH:MM': string;
21
20
  'HH:MM AA': string;
@@ -29,18 +28,18 @@ export declare const TUI_TIME_TEXTS: InjectionToken<Observable<{
29
28
  'MM.SS.MSS': string;
30
29
  'SS.MSS': string;
31
30
  }>>;
32
- export declare const TUI_DATE_TEXTS: InjectionToken<Observable<Record<TuiDateMode, string>>>;
33
- export declare const TUI_DIGITAL_INFORMATION_UNITS: InjectionToken<Observable<readonly [short_byte: string, short_kilobyte: string, short_megabyte: string]>>;
34
- export declare const TUI_COPY_TEXTS: InjectionToken<Observable<readonly [copy: string, copied: string]>>;
35
- export declare const TUI_PASSWORD_TEXTS: InjectionToken<Observable<readonly [show_password: string, hide_password: string]>>;
36
- export declare const TUI_CALENDAR_MONTHS: InjectionToken<Observable<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>>;
37
- export declare const TUI_FILE_TEXTS: InjectionToken<Observable<{
31
+ export declare const TUI_DATE_TEXTS: InjectionToken<Signal<Record<TuiDateMode, string>>>;
32
+ export declare const TUI_DIGITAL_INFORMATION_UNITS: InjectionToken<Signal<readonly [short_byte: string, short_kilobyte: string, short_megabyte: string]>>;
33
+ export declare const TUI_COPY_TEXTS: InjectionToken<Signal<readonly [copy: string, copied: string]>>;
34
+ export declare const TUI_PASSWORD_TEXTS: InjectionToken<Signal<readonly [show_password: string, hide_password: string]>>;
35
+ export declare const TUI_CALENDAR_MONTHS: InjectionToken<Signal<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>>;
36
+ export declare const TUI_FILE_TEXTS: InjectionToken<Signal<{
38
37
  loadingError: string;
39
38
  preview: string;
40
39
  remove: string;
41
40
  }>>;
42
- export declare const TUI_PAGINATION_TEXTS: InjectionToken<Observable<readonly [previous_page: string, next_page: string]>>;
43
- export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Observable<{
41
+ export declare const TUI_PAGINATION_TEXTS: InjectionToken<Signal<readonly [previous_page: string, next_page: string]>>;
42
+ export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Signal<{
44
43
  defaultLabelMultiple: string;
45
44
  defaultLabelSingle: string;
46
45
  defaultLinkMultiple: string;
@@ -50,17 +49,18 @@ export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Observable<{
50
49
  formatRejectionReason: string;
51
50
  maxSizeRejectionReason: string;
52
51
  }>>;
53
- export declare const TUI_MULTI_SELECT_TEXTS: InjectionToken<Observable<{
52
+ export declare const TUI_MULTI_SELECT_TEXTS: InjectionToken<Signal<{
54
53
  all: string;
55
54
  none: string;
56
55
  }>>;
57
- export declare const TUI_COUNTRIES: InjectionToken<Observable<Record<TuiCountryIsoCode, string>>>;
58
- export declare const TUI_PREVIEW_TEXTS: InjectionToken<Observable<{
56
+ export declare const TUI_COUNTRIES: InjectionToken<Signal<Record<TuiCountryIsoCode, string>>>;
57
+ export declare const TUI_PREVIEW_TEXTS: InjectionToken<Signal<{
59
58
  rotate: string;
60
59
  }>>;
61
- export declare const TUI_PREVIEW_ZOOM_TEXTS: InjectionToken<Observable<{
60
+ export declare const TUI_PREVIEW_ZOOM_TEXTS: InjectionToken<Signal<{
62
61
  zoomIn: string;
63
62
  zoomOut: string;
64
63
  reset: string;
65
64
  }>>;
66
- export declare const TUI_INTERNATIONAL_SEARCH: InjectionToken<Observable<string>>;
65
+ export declare const TUI_INTERNATIONAL_SEARCH: InjectionToken<Signal<string>>;
66
+ export declare const TUI_DAY_RANGE_PERIODS: InjectionToken<Signal<readonly [forAllTime: string, today: string, yesterday: string, currentWeek: string, currentMonth: string, previousMonth: string]>>;
package/tokens/index.d.ts CHANGED
@@ -1,9 +1 @@
1
- export * from './calendar-date-stream';
2
- export * from './date-inputs-value-transformers';
3
1
  export * from './i18n';
4
- export * from './input-date-options';
5
- export * from './items-handlers';
6
- export * from './mobile-calendar';
7
- export * from './month-formatter';
8
- export * from './preview-icons';
9
- export * from './validation-errors';
package/utils/index.d.ts CHANGED
@@ -2,5 +2,3 @@ export * from './create-time-periods';
2
2
  export * from './inject-value';
3
3
  export * from './is-flat';
4
4
  export * from './maskito.binding';
5
- export * from './phone';
6
- export * from './toggle-day';
@@ -1,6 +1,6 @@
1
1
  import { type Signal, type WritableSignal } from '@angular/core';
2
2
  import { type MaskitoOptions } from '@maskito/core';
3
- type M = MaskitoOptions | null;
3
+ type M = MaskitoOptions;
4
4
  export declare function tuiMaskito(options: M | WritableSignal<M>): WritableSignal<M>;
5
5
  export declare function tuiMaskito(options: Signal<M>): Signal<M>;
6
6
  export {};
@@ -1,6 +0,0 @@
1
- import { PolymorpheusTemplate } from '@taiga-ui/polymorpheus';
2
- import * as i0 from "@angular/core";
3
- export declare class TuiAccordionItemContent extends PolymorpheusTemplate<Record<string, unknown>> {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiAccordionItemContent, never>;
5
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAccordionItemContent, "ng-template[tuiAccordionItemContent]", never, {}, {}, never, never, true, never>;
6
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class TuiAccordionItemEagerContent {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiAccordionItemEagerContent, never>;
4
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAccordionItemEagerContent, "[tuiAccordionItemContent]:not(ng-template)", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,25 +0,0 @@
1
- import { EventEmitter } from '@angular/core';
2
- import { type TuiSizeS } from '@taiga-ui/core/types';
3
- import { TuiAccordionItemContent } from './accordion-item-content.directive';
4
- import { TuiAccordionItemEagerContent } from './accordion-item-eager-content.directive';
5
- import * as i0 from "@angular/core";
6
- export declare class TuiAccordionItem {
7
- private readonly cdr;
8
- protected readonly eagerContent?: TuiAccordionItemEagerContent;
9
- protected readonly lazyContent?: TuiAccordionItemContent;
10
- noPadding: boolean;
11
- showArrow: boolean;
12
- borders: 'all' | 'top-bottom' | null;
13
- size: TuiSizeS;
14
- disabled: boolean;
15
- disableHover: boolean;
16
- open: boolean;
17
- async: boolean;
18
- readonly openChange: EventEmitter<boolean>;
19
- close(): void;
20
- protected onRowToggle(): void;
21
- protected onItemKeyDownEsc(event: Event): void;
22
- private updateOpen;
23
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiAccordionItem, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiAccordionItem, "tui-accordion-item", never, { "noPadding": { "alias": "noPadding"; "required": false; }; "showArrow": { "alias": "showArrow"; "required": false; }; "borders": { "alias": "borders"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableHover": { "alias": "disableHover"; "required": false; }; "open": { "alias": "open"; "required": false; }; "async": { "alias": "async"; "required": false; }; }, { "openChange": "openChange"; }, ["eagerContent", "lazyContent"], ["*", "[tuiAccordionItemContent]:not(ng-template)"], true, never>;
25
- }
@@ -1,3 +0,0 @@
1
- import { TuiActionBarComponent } from './action-bar.component';
2
- import { TuiActionBarDirective } from './action-bar.directive';
3
- export declare const TuiActionBar: readonly [typeof TuiActionBarComponent, typeof TuiActionBarDirective];
@@ -1,6 +0,0 @@
1
- import { TuiDropdownPortal } from '@taiga-ui/core/directives/dropdown';
2
- import * as i0 from "@angular/core";
3
- export declare class TuiActionBarDirective extends TuiDropdownPortal {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiActionBarDirective, never>;
5
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiActionBarDirective, "ng-template[tuiActionBar]", never, { "tuiDropdown": { "alias": "tuiActionBar"; "required": false; }; }, {}, never, never, true, never>;
6
- }
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class TuiElasticContainer {
3
- protected height: number;
4
- protected transitions: number;
5
- protected onAnimation(_name: string, count: number): void;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticContainer, never>;
7
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiElasticContainer, "tui-elastic-container", never, {}, {}, never, ["*"], true, never>;
8
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class TuiElasticContainerDirective {
3
- private readonly el;
4
- readonly tuiElasticContainer: import("rxjs").Observable<number>;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticContainerDirective, never>;
6
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiElasticContainerDirective, "[tuiElasticContainer]", never, {}, { "tuiElasticContainer": "tuiElasticContainer"; }, never, never, true, never>;
7
- }
@@ -1,2 +0,0 @@
1
- export * from './elastic-container.component';
2
- export * from './elastic-container.directive';
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class TuiFloatingContainer {
3
- protected readonly nothing: undefined;
4
- background: string;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiFloatingContainer, never>;
6
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFloatingContainer, "[tuiFloatingContainer]", never, { "background": { "alias": "tuiFloatingContainer"; "required": false; }; }, {}, never, never, true, never>;
7
- }
@@ -1 +0,0 @@
1
- export * from './floating-container.directive';
@@ -1,2 +0,0 @@
1
- export * from './input-password.component';
2
- export * from './input-password.options';