@taiga-ui/core 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 (362) hide show
  1. package/README.md +1 -1
  2. package/classes/accessors.d.ts +2 -2
  3. package/components/button/button.directive.d.ts +2 -2
  4. package/components/calendar/calendar-sheet.component.d.ts +1 -1
  5. package/components/calendar/calendar-sheet.options.d.ts +1 -3
  6. package/{pipes/calendar-sheet → components/calendar}/calendar-sheet.pipe.d.ts +2 -2
  7. package/components/calendar/calendar-spin.component.d.ts +1 -0
  8. package/components/calendar/calendar-year.component.d.ts +1 -1
  9. package/components/calendar/calendar.options.d.ts +9 -0
  10. package/components/calendar/index.d.ts +3 -0
  11. package/{pipes/order-week-days → components/calendar}/order-week-days.pipe.d.ts +1 -1
  12. package/components/cell/cell.directive.d.ts +9 -0
  13. package/components/cell/cell.options.d.ts +6 -0
  14. package/components/cell/index.d.ts +2 -0
  15. package/components/data-list/data-list.component.d.ts +8 -12
  16. package/components/data-list/data-list.d.ts +3 -4
  17. package/components/data-list/data-list.tokens.d.ts +1 -23
  18. package/components/data-list/index.d.ts +3 -4
  19. package/components/data-list/opt-group.directive.d.ts +2 -2
  20. package/components/data-list/option-content.directive.d.ts +14 -0
  21. package/components/data-list/option-with-value.directive.d.ts +9 -0
  22. package/components/data-list/option.directive.d.ts +19 -0
  23. package/components/error/error.component.d.ts +6 -8
  24. package/components/error/error.d.ts +4 -0
  25. package/components/error/error.directive.d.ts +19 -0
  26. package/components/error/error.pipe.d.ts +10 -0
  27. package/components/error/index.d.ts +3 -0
  28. package/components/expand/expand.component.d.ts +9 -28
  29. package/components/expand/index.d.ts +0 -2
  30. package/components/icon/icon.component.d.ts +2 -2
  31. package/components/index.d.ts +3 -3
  32. package/components/input/index.d.ts +2 -0
  33. package/components/input/input.d.ts +5 -0
  34. package/components/input/input.directive.d.ts +29 -0
  35. package/components/label/label.directive.d.ts +1 -1
  36. package/components/link/index.d.ts +0 -1
  37. package/components/link/link.directive.d.ts +8 -6
  38. package/components/loader/loader.component.d.ts +7 -7
  39. package/components/loader/loader.options.d.ts +1 -3
  40. package/components/notification/index.d.ts +3 -0
  41. package/components/notification/notification.component.d.ts +14 -0
  42. package/components/notification/notification.d.ts +3 -0
  43. package/components/notification/notification.directive.d.ts +7 -12
  44. package/components/notification/notification.options.d.ts +10 -7
  45. package/components/notification/notification.service.d.ts +17 -0
  46. package/components/root/root.component.d.ts +4 -6
  47. package/components/scrollbar/scroll-into-view.directive.d.ts +3 -2
  48. package/components/scrollbar/scroll-ref.directive.d.ts +2 -0
  49. package/components/scrollbar/scrollbar.component.d.ts +1 -5
  50. package/components/scrollbar/scrollbar.directive.d.ts +2 -2
  51. package/components/spin-button/spin-button.component.d.ts +9 -10
  52. package/components/textfield/index.d.ts +1 -4
  53. package/components/textfield/select-like.directive.d.ts +1 -0
  54. package/components/textfield/textfield-icon.d.ts +3 -3
  55. package/components/textfield/textfield-multi/textfield-item.component.d.ts +3 -2
  56. package/components/textfield/textfield-multi/textfield-multi.component.d.ts +9 -15
  57. package/components/textfield/textfield.component.d.ts +20 -35
  58. package/components/textfield/textfield.d.ts +2 -4
  59. package/components/textfield/textfield.options.d.ts +8 -11
  60. package/{directives → components}/title/title.directive.d.ts +2 -3
  61. package/directives/appearance/appearance.directive.d.ts +1 -1
  62. package/directives/appearance/appearance.options.d.ts +2 -3
  63. package/directives/button-x/button-x.directive.d.ts +6 -0
  64. package/directives/button-x/index.d.ts +1 -0
  65. package/directives/date-format/date-format.directive.d.ts +3 -7
  66. package/directives/group/group.directive.d.ts +7 -7
  67. package/directives/group/group.options.d.ts +1 -3
  68. package/directives/icons/icons.bindings.d.ts +5 -0
  69. package/directives/icons/index.d.ts +1 -0
  70. package/directives/index.d.ts +1 -5
  71. package/directives/items-handlers/items-handlers.directive.d.ts +5 -9
  72. package/directives/items-handlers/items-handlers.tokens.d.ts +4 -4
  73. package/directives/number-format/number-format.directive.d.ts +3 -7
  74. package/fesm2022/taiga-ui-core-classes.mjs +9 -11
  75. package/fesm2022/taiga-ui-core-classes.mjs.map +1 -1
  76. package/fesm2022/taiga-ui-core-components-button.mjs +13 -20
  77. package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
  78. package/fesm2022/taiga-ui-core-components-calendar.mjs +141 -41
  79. package/fesm2022/taiga-ui-core-components-calendar.mjs.map +1 -1
  80. package/fesm2022/taiga-ui-core-components-cell.mjs +45 -0
  81. package/fesm2022/taiga-ui-core-components-cell.mjs.map +1 -0
  82. package/fesm2022/taiga-ui-core-components-data-list.mjs +113 -282
  83. package/fesm2022/taiga-ui-core-components-data-list.mjs.map +1 -1
  84. package/fesm2022/taiga-ui-core-components-error.mjs +109 -24
  85. package/fesm2022/taiga-ui-core-components-error.mjs.map +1 -1
  86. package/fesm2022/taiga-ui-core-components-expand.mjs +33 -131
  87. package/fesm2022/taiga-ui-core-components-expand.mjs.map +1 -1
  88. package/fesm2022/taiga-ui-core-components-icon.mjs +10 -11
  89. package/fesm2022/taiga-ui-core-components-icon.mjs.map +1 -1
  90. package/fesm2022/taiga-ui-core-components-input.mjs +100 -0
  91. package/fesm2022/taiga-ui-core-components-input.mjs.map +1 -0
  92. package/fesm2022/taiga-ui-core-components-label.mjs +13 -18
  93. package/fesm2022/taiga-ui-core-components-label.mjs.map +1 -1
  94. package/fesm2022/taiga-ui-core-components-link.mjs +16 -36
  95. package/fesm2022/taiga-ui-core-components-link.mjs.map +1 -1
  96. package/fesm2022/taiga-ui-core-components-loader.mjs +19 -38
  97. package/fesm2022/taiga-ui-core-components-loader.mjs.map +1 -1
  98. package/fesm2022/taiga-ui-core-components-notification.mjs +108 -68
  99. package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
  100. package/fesm2022/taiga-ui-core-components-root.mjs +22 -55
  101. package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
  102. package/fesm2022/taiga-ui-core-components-scrollbar.mjs +71 -85
  103. package/fesm2022/taiga-ui-core-components-scrollbar.mjs.map +1 -1
  104. package/fesm2022/taiga-ui-core-components-spin-button.mjs +18 -31
  105. package/fesm2022/taiga-ui-core-components-spin-button.mjs.map +1 -1
  106. package/fesm2022/taiga-ui-core-components-textfield.mjs +160 -458
  107. package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
  108. package/fesm2022/taiga-ui-core-components-title.mjs +37 -0
  109. package/fesm2022/taiga-ui-core-components-title.mjs.map +1 -0
  110. package/fesm2022/taiga-ui-core-components.mjs +3 -3
  111. package/fesm2022/taiga-ui-core-directives-appearance.mjs +18 -21
  112. package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
  113. package/fesm2022/taiga-ui-core-directives-button-x.mjs +51 -0
  114. package/fesm2022/taiga-ui-core-directives-button-x.mjs.map +1 -0
  115. package/fesm2022/taiga-ui-core-directives-date-format.mjs +26 -20
  116. package/fesm2022/taiga-ui-core-directives-date-format.mjs.map +1 -1
  117. package/fesm2022/taiga-ui-core-directives-group.mjs +25 -40
  118. package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -1
  119. package/fesm2022/taiga-ui-core-directives-icons.mjs +21 -17
  120. package/fesm2022/taiga-ui-core-directives-icons.mjs.map +1 -1
  121. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs +18 -42
  122. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs.map +1 -1
  123. package/fesm2022/taiga-ui-core-directives-number-format.mjs +32 -20
  124. package/fesm2022/taiga-ui-core-directives-number-format.mjs.map +1 -1
  125. package/fesm2022/taiga-ui-core-directives.mjs +1 -5
  126. package/fesm2022/taiga-ui-core-directives.mjs.map +1 -1
  127. package/fesm2022/taiga-ui-core-pipes-format-number.mjs +21 -15
  128. package/fesm2022/taiga-ui-core-pipes-format-number.mjs.map +1 -1
  129. package/fesm2022/taiga-ui-core-pipes.mjs +0 -7
  130. package/fesm2022/taiga-ui-core-pipes.mjs.map +1 -1
  131. package/fesm2022/taiga-ui-core-portals-alert.mjs +73 -0
  132. package/fesm2022/taiga-ui-core-portals-alert.mjs.map +1 -0
  133. package/fesm2022/taiga-ui-core-portals-dialog.mjs +159 -0
  134. package/fesm2022/taiga-ui-core-portals-dialog.mjs.map +1 -0
  135. package/fesm2022/{taiga-ui-core-directives-dropdown.mjs → taiga-ui-core-portals-dropdown.mjs} +245 -410
  136. package/fesm2022/taiga-ui-core-portals-dropdown.mjs.map +1 -0
  137. package/fesm2022/taiga-ui-core-portals-hint.mjs +552 -0
  138. package/fesm2022/taiga-ui-core-portals-hint.mjs.map +1 -0
  139. package/fesm2022/taiga-ui-core-portals-modal.mjs +89 -0
  140. package/fesm2022/taiga-ui-core-portals-modal.mjs.map +1 -0
  141. package/fesm2022/taiga-ui-core-portals-popup.mjs +56 -0
  142. package/fesm2022/taiga-ui-core-portals-popup.mjs.map +1 -0
  143. package/fesm2022/taiga-ui-core-portals.mjs +11 -0
  144. package/fesm2022/taiga-ui-core-portals.mjs.map +1 -0
  145. package/fesm2022/taiga-ui-core-services.mjs +16 -80
  146. package/fesm2022/taiga-ui-core-services.mjs.map +1 -1
  147. package/fesm2022/taiga-ui-core-tokens.mjs +56 -64
  148. package/fesm2022/taiga-ui-core-tokens.mjs.map +1 -1
  149. package/fesm2022/taiga-ui-core-utils-format.mjs +1 -22
  150. package/fesm2022/taiga-ui-core-utils-format.mjs.map +1 -1
  151. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs +65 -19
  152. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs.map +1 -1
  153. package/fesm2022/taiga-ui-core.mjs +1 -1
  154. package/index.d.ts +1 -1
  155. package/package.json +51 -68
  156. package/pipes/format-number/format-number.pipe.d.ts +6 -4
  157. package/pipes/index.d.ts +0 -7
  158. package/portals/alert/alert.directive.d.ts +11 -0
  159. package/portals/alert/alert.service.d.ts +12 -0
  160. package/portals/alert/index.d.ts +2 -0
  161. package/portals/dialog/dialog.component.d.ts +14 -0
  162. package/portals/dialog/dialog.directive.d.ts +8 -0
  163. package/{components → portals}/dialog/dialog.factory.d.ts +1 -1
  164. package/portals/dialog/dialog.options.d.ts +25 -0
  165. package/{components/dialog/dialog-close.service.d.ts → portals/dialog/dialog.providers.d.ts} +2 -0
  166. package/portals/dialog/dialog.service.d.ts +10 -0
  167. package/portals/dialog/index.d.ts +6 -0
  168. package/portals/dropdown/dropdown-close.directive.d.ts +15 -0
  169. package/portals/dropdown/dropdown-content.directive.d.ts +9 -0
  170. package/{directives → portals}/dropdown/dropdown-context.directive.d.ts +0 -1
  171. package/{directives → portals}/dropdown/dropdown-hover.directive.d.ts +5 -10
  172. package/{directives → portals}/dropdown/dropdown-hover.options.d.ts +1 -3
  173. package/{directives → portals}/dropdown/dropdown-manual.directive.d.ts +2 -2
  174. package/portals/dropdown/dropdown-open.directive.d.ts +29 -0
  175. package/{directives → portals}/dropdown/dropdown-options.directive.d.ts +1 -5
  176. package/{directives → portals}/dropdown/dropdown-position-sided.directive.d.ts +3 -3
  177. package/{directives → portals}/dropdown/dropdown-position.directive.d.ts +6 -6
  178. package/{directives → portals}/dropdown/dropdown-selection.directive.d.ts +4 -5
  179. package/{directives → portals}/dropdown/dropdown.bindings.d.ts +0 -1
  180. package/{directives → portals}/dropdown/dropdown.d.ts +2 -3
  181. package/{directives → portals}/dropdown/dropdown.directive.d.ts +6 -8
  182. package/{directives → portals}/dropdown/index.d.ts +2 -4
  183. package/{directives → portals}/hint/hint-describe.directive.d.ts +4 -6
  184. package/{directives → portals}/hint/hint-host.directive.d.ts +2 -2
  185. package/{directives → portals}/hint/hint-hover.directive.d.ts +3 -4
  186. package/{directives → portals}/hint/hint-manual.directive.d.ts +2 -2
  187. package/portals/hint/hint-options.directive.d.ts +17 -0
  188. package/{directives → portals}/hint/hint-overflow.directive.d.ts +2 -2
  189. package/{directives → portals}/hint/hint-position.directive.d.ts +7 -8
  190. package/{directives → portals}/hint/hint-unstyled.component.d.ts +2 -7
  191. package/portals/hint/hint.component.d.ts +29 -0
  192. package/{directives → portals}/hint/hint.d.ts +1 -2
  193. package/portals/hint/hint.directive.d.ts +24 -0
  194. package/{directives → portals}/hint/index.d.ts +0 -2
  195. package/portals/index.d.ts +6 -0
  196. package/portals/modal/index.d.ts +2 -0
  197. package/portals/modal/modal.component.d.ts +17 -0
  198. package/portals/modal/modal.service.d.ts +13 -0
  199. package/portals/popup/popup.directive.d.ts +12 -0
  200. package/{directives → portals}/popup/popup.service.d.ts +1 -1
  201. package/{directives → portals}/popup/popups.component.d.ts +2 -2
  202. package/services/index.d.ts +0 -3
  203. package/styles/components/appearance.less +5 -0
  204. package/styles/components/button.less +10 -22
  205. package/styles/components/icon.less +11 -0
  206. package/styles/components/icons.less +4 -3
  207. package/styles/components/label.less +3 -12
  208. package/styles/components/link.less +9 -24
  209. package/styles/components/notification.less +31 -65
  210. package/styles/components/textfield.less +130 -211
  211. package/styles/components/title.less +8 -8
  212. package/styles/mixins/appearance.less +11 -26
  213. package/styles/mixins/appearance.scss +9 -24
  214. package/styles/mixins/date-picker.less +1 -1
  215. package/styles/mixins/mixins.less +0 -6
  216. package/styles/mixins/mixins.scss +0 -6
  217. package/styles/mixins/picker.less +1 -1
  218. package/styles/mixins/picker.scss +1 -1
  219. package/styles/mixins/slider.less +25 -26
  220. package/styles/mixins/slider.scss +23 -22
  221. package/styles/taiga-ui-local.less +0 -1
  222. package/styles/taiga-ui-local.scss +0 -1
  223. package/styles/taiga-ui-theme.less +0 -1
  224. package/styles/theme/appearance/outline.less +9 -18
  225. package/styles/theme/appearance/primary.less +2 -4
  226. package/styles/theme/appearance/secondary.less +6 -14
  227. package/styles/theme/appearance/status.less +0 -4
  228. package/styles/theme/appearance/table.less +36 -35
  229. package/styles/theme/appearance/textfield.less +26 -27
  230. package/styles/theme/appearance.less +0 -1
  231. package/styles/theme/variables.less +16 -19
  232. package/styles/variables/media.less +13 -18
  233. package/styles/variables/media.scss +13 -13
  234. package/tokens/breakpoint.d.ts +4 -0
  235. package/tokens/common-icons.d.ts +3 -3
  236. package/tokens/date-format.d.ts +2 -3
  237. package/tokens/i18n.d.ts +7 -7
  238. package/tokens/icon-resolver.d.ts +0 -4
  239. package/tokens/icons.d.ts +0 -4
  240. package/tokens/index.d.ts +2 -4
  241. package/tokens/number-format.d.ts +2 -3
  242. package/tokens/validation-errors.d.ts +4 -0
  243. package/types/direction.d.ts +1 -1
  244. package/types/index.d.ts +0 -3
  245. package/types/point.d.ts +1 -1
  246. package/types/size.d.ts +0 -11
  247. package/utils/format/index.d.ts +0 -1
  248. package/utils/miscellaneous/font-scaling.d.ts +2 -1
  249. package/utils/miscellaneous/get-duration.d.ts +2 -0
  250. package/utils/miscellaneous/index.d.ts +2 -1
  251. package/utils/miscellaneous/provide-taiga.d.ts +13 -0
  252. package/animations/animations.d.ts +0 -109
  253. package/animations/index.d.ts +0 -1
  254. package/components/alert/alert.component.d.ts +0 -15
  255. package/components/alert/alert.directive.d.ts +0 -7
  256. package/components/alert/alert.interfaces.d.ts +0 -12
  257. package/components/alert/alert.service.d.ts +0 -7
  258. package/components/alert/alert.tokens.d.ts +0 -12
  259. package/components/alert/alerts.component.d.ts +0 -12
  260. package/components/alert/index.d.ts +0 -6
  261. package/components/data-list/data-list.directive.d.ts +0 -7
  262. package/components/data-list/option/option-content.d.ts +0 -16
  263. package/components/data-list/option/option-legacy.component.d.ts +0 -24
  264. package/components/data-list/option/option.directive.d.ts +0 -27
  265. package/components/dialog/dialog.component.d.ts +0 -20
  266. package/components/dialog/dialog.directive.d.ts +0 -7
  267. package/components/dialog/dialog.interfaces.d.ts +0 -34
  268. package/components/dialog/dialog.service.d.ts +0 -7
  269. package/components/dialog/dialog.tokens.d.ts +0 -15
  270. package/components/dialog/dialogs.component.d.ts +0 -8
  271. package/components/dialog/index.d.ts +0 -8
  272. package/components/expand/expand-content.directive.d.ts +0 -8
  273. package/components/expand/expand.d.ts +0 -6
  274. package/components/fullscreen/fullscreen.component.d.ts +0 -14
  275. package/components/fullscreen/index.d.ts +0 -1
  276. package/components/link/link.options.d.ts +0 -12
  277. package/components/textfield/select.directive.d.ts +0 -19
  278. package/components/textfield/textfield-dropdown.directive.d.ts +0 -16
  279. package/components/textfield/textfield.directive.d.ts +0 -38
  280. package/directives/dropdown/dropdown-open-legacy.directive.d.ts +0 -12
  281. package/directives/dropdown/dropdown-open.directive.d.ts +0 -33
  282. package/directives/dropdown/dropdown-portal.directive.d.ts +0 -14
  283. package/directives/dropdown/dropdown.service.d.ts +0 -6
  284. package/directives/dropdown/dropdowns.component.d.ts +0 -9
  285. package/directives/hint/hint-options.directive.d.ts +0 -36
  286. package/directives/hint/hint.component.d.ts +0 -30
  287. package/directives/hint/hint.directive.d.ts +0 -26
  288. package/directives/hint/hint.service.d.ts +0 -13
  289. package/directives/hint/hints.component.d.ts +0 -12
  290. package/directives/popup/popup.directive.d.ts +0 -11
  291. package/directives/surface/index.d.ts +0 -1
  292. package/directives/surface/surface.directive.d.ts +0 -8
  293. package/fesm2022/taiga-ui-core-animations.mjs +0 -370
  294. package/fesm2022/taiga-ui-core-animations.mjs.map +0 -1
  295. package/fesm2022/taiga-ui-core-components-alert.mjs +0 -149
  296. package/fesm2022/taiga-ui-core-components-alert.mjs.map +0 -1
  297. package/fesm2022/taiga-ui-core-components-dialog.mjs +0 -195
  298. package/fesm2022/taiga-ui-core-components-dialog.mjs.map +0 -1
  299. package/fesm2022/taiga-ui-core-components-fullscreen.mjs +0 -66
  300. package/fesm2022/taiga-ui-core-components-fullscreen.mjs.map +0 -1
  301. package/fesm2022/taiga-ui-core-directives-dropdown.mjs.map +0 -1
  302. package/fesm2022/taiga-ui-core-directives-hint.mjs +0 -709
  303. package/fesm2022/taiga-ui-core-directives-hint.mjs.map +0 -1
  304. package/fesm2022/taiga-ui-core-directives-popup.mjs +0 -63
  305. package/fesm2022/taiga-ui-core-directives-popup.mjs.map +0 -1
  306. package/fesm2022/taiga-ui-core-directives-surface.mjs +0 -50
  307. package/fesm2022/taiga-ui-core-directives-surface.mjs.map +0 -1
  308. package/fesm2022/taiga-ui-core-directives-title.mjs +0 -43
  309. package/fesm2022/taiga-ui-core-directives-title.mjs.map +0 -1
  310. package/fesm2022/taiga-ui-core-pipes-auto-color.mjs +0 -25
  311. package/fesm2022/taiga-ui-core-pipes-auto-color.mjs.map +0 -1
  312. package/fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs +0 -94
  313. package/fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs.map +0 -1
  314. package/fesm2022/taiga-ui-core-pipes-flag.mjs +0 -32
  315. package/fesm2022/taiga-ui-core-pipes-flag.mjs.map +0 -1
  316. package/fesm2022/taiga-ui-core-pipes-format-date.mjs +0 -28
  317. package/fesm2022/taiga-ui-core-pipes-format-date.mjs.map +0 -1
  318. package/fesm2022/taiga-ui-core-pipes-initials.mjs +0 -29
  319. package/fesm2022/taiga-ui-core-pipes-initials.mjs.map +0 -1
  320. package/fesm2022/taiga-ui-core-pipes-month.mjs +0 -29
  321. package/fesm2022/taiga-ui-core-pipes-month.mjs.map +0 -1
  322. package/fesm2022/taiga-ui-core-pipes-order-week-days.mjs +0 -36
  323. package/fesm2022/taiga-ui-core-pipes-order-week-days.mjs.map +0 -1
  324. package/pipes/auto-color/auto-color.pipe.d.ts +0 -7
  325. package/pipes/auto-color/index.d.ts +0 -1
  326. package/pipes/calendar-sheet/index.d.ts +0 -1
  327. package/pipes/calendar-sheet/utils.d.ts +0 -20
  328. package/pipes/flag/flag.pipe.d.ts +0 -14
  329. package/pipes/flag/index.d.ts +0 -1
  330. package/pipes/format-date/format-date.pipe.d.ts +0 -9
  331. package/pipes/format-date/index.d.ts +0 -1
  332. package/pipes/initials/index.d.ts +0 -1
  333. package/pipes/initials/initials.pipe.d.ts +0 -7
  334. package/pipes/month/index.d.ts +0 -1
  335. package/pipes/month/month.pipe.d.ts +0 -10
  336. package/pipes/order-week-days/index.d.ts +0 -1
  337. package/services/breakpoint.service.d.ts +0 -16
  338. package/services/dark-theme.service.d.ts +0 -10
  339. package/services/format-date.service.d.ts +0 -8
  340. package/styles/mixins/wrapper.less +0 -64
  341. package/styles/mixins/wrapper.scss +0 -61
  342. package/styles/theme/appearance/opposite.less +0 -17
  343. package/styles/theme/wrapper.less +0 -211
  344. package/tokens/day-type-handler.d.ts +0 -7
  345. package/tokens/first-day-of-week.d.ts +0 -5
  346. package/tokens/scroll-ref.d.ts +0 -2
  347. package/tokens/spin-icons.d.ts +0 -6
  348. package/types/portal-item.d.ts +0 -9
  349. package/types/range-state.d.ts +0 -4
  350. package/types/value-content-context.d.ts +0 -4
  351. package/utils/format/string-hash-to-hsl.d.ts +0 -6
  352. package/utils/miscellaneous/to-animation-options.d.ts +0 -4
  353. /package/{directives → components}/title/index.d.ts +0 -0
  354. /package/{directives → portals}/dropdown/dropdown-limit-width.d.ts +0 -0
  355. /package/{directives → portals}/dropdown/dropdown.component.d.ts +0 -0
  356. /package/{directives → portals}/dropdown/dropdown.driver.d.ts +0 -0
  357. /package/{directives → portals}/dropdown/dropdown.providers.d.ts +0 -0
  358. /package/{directives → portals}/dropdown/with-dropdown-open.directive.d.ts +0 -0
  359. /package/{directives → portals}/hint/hint-driver.directive.d.ts +0 -0
  360. /package/{directives → portals}/hint/hint-pointer.directive.d.ts +0 -0
  361. /package/{directives → portals}/hint/hint.providers.d.ts +0 -0
  362. /package/{directives → portals}/popup/index.d.ts +0 -0
package/styles/components/notification.less CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  /**
4
4
  * @name Notification
5
- * @selector tui-notification, [tuiNotification]
5
+ * @selector [tuiNotification]
6
6
  *
7
7
  * @description
8
8
  * A colored rounded block of information with optional icon, title, subtitle and actions
@@ -11,17 +11,16 @@
11
11
  * data-size — size (default: 'l') ('s' | 'm' | 'l')
12
12
  *
13
13
  * @example
14
- * <tui-notification tuiAppearance data-appearance="negative">
14
+ * <div tuiNotification tuiAppearance data-appearance="negative">
15
15
  * <span tuiTitle>
16
16
  * Error
17
17
  * <span tuiSubtitle>Something went wrong</span>
18
18
  * </span>
19
- * </tui-notification>
19
+ * </div>
20
20
  *
21
21
  * @see-also
22
22
  * Icons, Appearance
23
23
  */
24
- tui-notification,
25
24
  [tuiNotification] {
26
25
  .button-clear();
27
26
 
@@ -30,7 +29,7 @@ tui-notification,
30
29
  max-block-size: 100%;
31
30
  color: var(--tui-text-primary);
32
31
  padding: 1rem;
33
- font: var(--tui-font-text-m);
32
+ font: var(--tui-font-body-m);
34
33
  line-height: 1.5rem;
35
34
  border-radius: var(--tui-radius-l);
36
35
  box-sizing: border-box;
@@ -39,63 +38,55 @@ tui-notification,
39
38
  border-inline-start: var(--t-start) solid transparent;
40
39
  border-inline-end: var(--t-end) solid transparent;
41
40
 
41
+ .interactive({
42
+ cursor: pointer;
43
+ });
44
+
42
45
  --t-start: 0;
43
46
  --t-end: 0;
44
47
 
45
- &[style*='--t-icon-start:'] {
48
+ &[data-icon-start] {
46
49
  --t-start: 2rem;
47
50
  }
48
51
 
49
- &[style*='--t-icon-end:'] {
52
+ &[data-icon-end] {
50
53
  --t-end: 1.5rem;
51
54
  }
52
55
 
53
56
  &::before {
54
57
  position: absolute;
55
- left: -1rem;
56
58
  inset-inline-start: -1rem;
57
59
  }
58
60
 
59
61
  &::after {
60
62
  .center-top();
61
63
 
62
- right: -0.5rem;
64
+ inset-inline-end: -0.5rem;
63
65
  font-size: 1rem;
64
66
  margin: 0;
65
67
  margin-inline-end: -0.25rem;
66
68
  margin-inline-start: auto;
67
69
  color: var(--tui-text-tertiary) !important;
68
-
69
- @supports (inset-inline-end: 0) {
70
- right: unset;
71
- inset-inline-end: -0.5rem;
72
- }
73
70
  }
74
71
 
75
72
  &[data-size='s'] {
76
73
  padding: 0.375rem 0.625rem;
77
- font: var(--tui-font-text-s);
74
+ font: var(--tui-font-body-s);
78
75
  line-height: 1.25rem;
79
76
  border-radius: var(--tui-radius-m);
80
77
 
81
- &[style*='--t-icon-start:'] {
78
+ &[data-icon-start] {
82
79
  --t-start: 1.5rem;
83
80
  }
84
81
 
85
82
  &::before {
86
- top: 0.5rem;
87
- left: -0.875rem;
83
+ inset-block-start: 0.5rem;
88
84
  inset-inline-start: -0.875rem;
89
85
  font-size: 1rem;
90
86
  }
91
87
 
92
88
  &::after {
93
- right: -0.875rem;
94
-
95
- @supports (inset-inline-end: 0) {
96
- right: unset;
97
- inset-inline-end: -0.875rem;
98
- }
89
+ inset-inline-end: -0.875rem;
99
90
  }
100
91
 
101
92
  tui-icon {
@@ -103,12 +94,12 @@ tui-notification,
103
94
  }
104
95
 
105
96
  [tuiTitle] {
106
- font: var(--tui-font-text-s);
97
+ font: var(--tui-font-body-s);
107
98
  font-weight: bold;
108
99
  }
109
100
 
110
101
  [tuiSubtitle] {
111
- font: var(--tui-font-text-s);
102
+ font: var(--tui-font-body-s);
112
103
  }
113
104
 
114
105
  [tuiSubtitle] + * {
@@ -117,39 +108,28 @@ tui-notification,
117
108
  }
118
109
 
119
110
  > [tuiIconButton] {
120
- top: 0;
121
- right: 0;
122
-
123
- @supports (inset-inline-end: 0) {
124
- right: unset;
125
- inset-inline-end: 0;
126
- }
111
+ inset-block-start: 0;
112
+ inset-inline-end: 0;
127
113
  }
128
114
  }
129
115
 
130
116
  &[data-size='m'] {
131
117
  padding: 0.75rem;
132
- font: var(--tui-font-text-s);
118
+ font: var(--tui-font-body-s);
133
119
  line-height: 1.25rem;
134
120
  border-radius: var(--tui-radius-m);
135
121
 
136
- &[style*='--t-icon-start:'] {
122
+ &[data-icon-start] {
137
123
  --t-start: 1.625rem;
138
124
  }
139
125
 
140
126
  &::before {
141
- left: -0.875rem;
142
127
  inset-inline-start: -0.875rem;
143
128
  font-size: 1.25rem;
144
129
  }
145
130
 
146
131
  &::after {
147
- right: -0.75rem;
148
-
149
- @supports (inset-inline-end: 0) {
150
- right: unset;
151
- inset-inline-end: -0.75rem;
152
- }
132
+ inset-inline-end: -0.75rem;
153
133
  }
154
134
 
155
135
  tui-icon {
@@ -157,12 +137,12 @@ tui-notification,
157
137
  }
158
138
 
159
139
  [tuiTitle] {
160
- font: var(--tui-font-text-ui-m);
140
+ font: var(--tui-font-ui-m);
161
141
  font-weight: bold;
162
142
  }
163
143
 
164
144
  [tuiSubtitle] {
165
- font: var(--tui-font-text-s);
145
+ font: var(--tui-font-body-s);
166
146
  }
167
147
 
168
148
  [tuiSubtitle] + * {
@@ -171,48 +151,34 @@ tui-notification,
171
151
  }
172
152
 
173
153
  > [tuiIconButton] {
174
- top: 0.375rem;
175
- right: 0.5rem;
176
-
177
- @supports (inset-inline-end: 0) {
178
- right: unset;
179
- inset-inline-end: 0.5rem;
180
- }
154
+ inset-block-start: 0.375rem;
155
+ inset-inline-end: 0.5rem;
181
156
  }
182
157
  }
183
158
 
184
159
  [tuiTitle] {
185
160
  gap: 0.125rem;
186
- font: var(--tui-font-text-ui-l);
161
+ font: var(--tui-font-ui-l);
187
162
  font-weight: bold;
188
163
  }
189
164
 
190
165
  [tuiSubtitle] {
191
- font: var(--tui-font-text-m);
166
+ font: var(--tui-font-body-m);
192
167
 
193
168
  + * {
194
169
  display: flex;
195
170
  align-items: center;
196
171
  gap: 1.25rem;
197
172
  margin-block-start: 0.625rem;
198
- font: var(--tui-font-text-s);
173
+ font: var(--tui-font-body-s);
199
174
  }
200
175
  }
201
176
 
202
177
  > [tuiIconButton] {
203
178
  position: absolute;
204
- top: 0.75rem;
205
- right: 0.75rem;
179
+ inset-block-start: 0.75rem;
180
+ inset-inline-end: 0.75rem;
206
181
  box-shadow: none !important;
207
182
  background: transparent !important;
208
-
209
- @supports (inset-inline-end: 0) {
210
- right: unset;
211
- inset-inline-end: 0.75rem;
212
- }
213
183
  }
214
184
  }
215
-
216
- [tuiNotification] {
217
- cursor: pointer;
218
- }