@taiga-ui/kit 4.4.1 → 4.5.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 (194) hide show
  1. package/components/calendar-month/calendar-month.component.d.ts +1 -1
  2. package/components/calendar-range/calendar-range.component.d.ts +2 -2
  3. package/components/checkbox/checkbox.options.d.ts +1 -1
  4. package/components/files/file/file.options.d.ts +1 -1
  5. package/components/files/files.utils.d.ts +1 -1
  6. package/components/index.d.ts +1 -0
  7. package/components/input-password/index.d.ts +2 -0
  8. package/components/input-password/input-password.component.d.ts +13 -0
  9. package/components/input-password/input-password.options.d.ts +12 -0
  10. package/components/input-phone-international/input-phone-international.component.d.ts +2 -1
  11. package/components/pagination/pagination.component.d.ts +1 -1
  12. package/components/preview/pagination/preview-pagination.component.d.ts +1 -1
  13. package/components/radio/radio.options.d.ts +1 -1
  14. package/components/radio-list/radio-list.component.d.ts +1 -0
  15. package/esm2022/components/accordion/accordion-item.component.mjs +3 -3
  16. package/esm2022/components/action-bar/action-bar.component.mjs +3 -3
  17. package/esm2022/components/avatar/avatar-labeled.component.mjs +3 -3
  18. package/esm2022/components/avatar/avatar-outline.directive.mjs +2 -2
  19. package/esm2022/components/avatar/avatar.component.mjs +3 -3
  20. package/esm2022/components/badge/badge.directive.mjs +2 -2
  21. package/esm2022/components/badge-notification/badge-notification.component.mjs +3 -3
  22. package/esm2022/components/badged-content/badged-content.component.mjs +3 -3
  23. package/esm2022/components/block/block.directive.mjs +2 -2
  24. package/esm2022/components/breadcrumbs/breadcrumbs.component.mjs +3 -3
  25. package/esm2022/components/calendar-month/calendar-month.component.mjs +3 -3
  26. package/esm2022/components/calendar-range/calendar-range.component.mjs +10 -6
  27. package/esm2022/components/carousel/carousel.component.mjs +3 -3
  28. package/esm2022/components/checkbox/checkbox.component.mjs +6 -4
  29. package/esm2022/components/checkbox/checkbox.options.mjs +1 -1
  30. package/esm2022/components/chip/chip.directive.mjs +2 -2
  31. package/esm2022/components/comment/comment.directive.mjs +2 -2
  32. package/esm2022/components/compass/compass.component.mjs +2 -2
  33. package/esm2022/components/elastic-container/elastic-container.component.mjs +3 -3
  34. package/esm2022/components/files/file/file.component.mjs +3 -3
  35. package/esm2022/components/files/file/file.options.mjs +1 -1
  36. package/esm2022/components/files/files/files.component.mjs +3 -3
  37. package/esm2022/components/files/files.utils.mjs +1 -1
  38. package/esm2022/components/files/input-files/input-files.component.mjs +3 -3
  39. package/esm2022/components/filter/filter.component.mjs +3 -3
  40. package/esm2022/components/index.mjs +2 -1
  41. package/esm2022/components/input-inline/input-inline.component.mjs +3 -3
  42. package/esm2022/components/input-password/index.mjs +3 -0
  43. package/esm2022/components/input-password/input-password.component.mjs +65 -0
  44. package/esm2022/components/input-password/input-password.options.mjs +12 -0
  45. package/esm2022/components/input-password/taiga-ui-kit-components-input-password.mjs +5 -0
  46. package/esm2022/components/input-phone-international/input-phone-international.component.mjs +6 -4
  47. package/esm2022/components/items-with-more/items-with-more.service.mjs +4 -4
  48. package/esm2022/components/line-clamp/line-clamp-box.component.mjs +3 -3
  49. package/esm2022/components/pagination/pagination.component.mjs +3 -3
  50. package/esm2022/components/pdf-viewer/pdf-viewer.component.mjs +3 -3
  51. package/esm2022/components/pin/pin.directive.mjs +2 -2
  52. package/esm2022/components/preview/pagination/preview-pagination.component.mjs +3 -3
  53. package/esm2022/components/preview/preview-dialog/preview-dialog.component.mjs +3 -3
  54. package/esm2022/components/preview/preview.component.mjs +3 -3
  55. package/esm2022/components/preview/zoom/preview-zoom.component.mjs +3 -3
  56. package/esm2022/components/progress/progress-bar/progress-bar.component.mjs +2 -2
  57. package/esm2022/components/progress/progress-bar/progress-color-segments.directive.mjs +3 -3
  58. package/esm2022/components/progress/progress-circle/progress-circle.component.mjs +3 -3
  59. package/esm2022/components/progress/progress-label/progress-label.component.mjs +2 -2
  60. package/esm2022/components/pulse/pulse.component.mjs +3 -3
  61. package/esm2022/components/push/push-alert.component.mjs +3 -3
  62. package/esm2022/components/push/push.component.mjs +3 -3
  63. package/esm2022/components/radio/radio.component.mjs +7 -4
  64. package/esm2022/components/radio/radio.options.mjs +1 -1
  65. package/esm2022/components/radio-list/radio-list.component.mjs +5 -2
  66. package/esm2022/components/range/range.component.mjs +3 -3
  67. package/esm2022/components/rating/rating.component.mjs +3 -3
  68. package/esm2022/components/segmented/segmented.component.mjs +5 -5
  69. package/esm2022/components/slider/helpers/slider-thumb-label.component.mjs +3 -3
  70. package/esm2022/components/slider/slider.component.mjs +2 -2
  71. package/esm2022/components/status/status.directive.mjs +2 -2
  72. package/esm2022/components/stepper/step.component.mjs +3 -3
  73. package/esm2022/components/switch/switch.component.mjs +2 -2
  74. package/esm2022/components/tabs/tabs-horizontal.directive.mjs +3 -3
  75. package/esm2022/components/tabs/tabs-with-more.component.mjs +3 -3
  76. package/esm2022/components/tabs/tabs.directive.mjs +2 -2
  77. package/esm2022/components/tiles/tiles.component.mjs +2 -2
  78. package/esm2022/directives/button-group/button-group.directive.mjs +2 -2
  79. package/esm2022/directives/connected/connected.directive.mjs +2 -2
  80. package/esm2022/directives/fade/fade.directive.mjs +3 -3
  81. package/esm2022/directives/fluid-typography/fluid-typography.directive.mjs +3 -3
  82. package/esm2022/directives/icon-badge/icon-badge.directive.mjs +2 -2
  83. package/esm2022/directives/sensitive/sensitive.directive.mjs +5 -5
  84. package/fesm2022/taiga-ui-kit-components-accordion.mjs +2 -2
  85. package/fesm2022/taiga-ui-kit-components-accordion.mjs.map +1 -1
  86. package/fesm2022/taiga-ui-kit-components-action-bar.mjs +2 -2
  87. package/fesm2022/taiga-ui-kit-components-action-bar.mjs.map +1 -1
  88. package/fesm2022/taiga-ui-kit-components-avatar.mjs +6 -6
  89. package/fesm2022/taiga-ui-kit-components-avatar.mjs.map +1 -1
  90. package/fesm2022/taiga-ui-kit-components-badge-notification.mjs +2 -2
  91. package/fesm2022/taiga-ui-kit-components-badge-notification.mjs.map +1 -1
  92. package/fesm2022/taiga-ui-kit-components-badge.mjs +2 -2
  93. package/fesm2022/taiga-ui-kit-components-badge.mjs.map +1 -1
  94. package/fesm2022/taiga-ui-kit-components-badged-content.mjs +2 -2
  95. package/fesm2022/taiga-ui-kit-components-badged-content.mjs.map +1 -1
  96. package/fesm2022/taiga-ui-kit-components-block.mjs +2 -2
  97. package/fesm2022/taiga-ui-kit-components-block.mjs.map +1 -1
  98. package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs +2 -2
  99. package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs.map +1 -1
  100. package/fesm2022/taiga-ui-kit-components-calendar-month.mjs +2 -2
  101. package/fesm2022/taiga-ui-kit-components-calendar-month.mjs.map +1 -1
  102. package/fesm2022/taiga-ui-kit-components-calendar-range.mjs +10 -6
  103. package/fesm2022/taiga-ui-kit-components-calendar-range.mjs.map +1 -1
  104. package/fesm2022/taiga-ui-kit-components-carousel.mjs +2 -2
  105. package/fesm2022/taiga-ui-kit-components-carousel.mjs.map +1 -1
  106. package/fesm2022/taiga-ui-kit-components-checkbox.mjs +5 -3
  107. package/fesm2022/taiga-ui-kit-components-checkbox.mjs.map +1 -1
  108. package/fesm2022/taiga-ui-kit-components-chip.mjs +2 -2
  109. package/fesm2022/taiga-ui-kit-components-chip.mjs.map +1 -1
  110. package/fesm2022/taiga-ui-kit-components-comment.mjs +2 -2
  111. package/fesm2022/taiga-ui-kit-components-comment.mjs.map +1 -1
  112. package/fesm2022/taiga-ui-kit-components-compass.mjs +2 -2
  113. package/fesm2022/taiga-ui-kit-components-compass.mjs.map +1 -1
  114. package/fesm2022/taiga-ui-kit-components-elastic-container.mjs +2 -2
  115. package/fesm2022/taiga-ui-kit-components-elastic-container.mjs.map +1 -1
  116. package/fesm2022/taiga-ui-kit-components-files.mjs +6 -6
  117. package/fesm2022/taiga-ui-kit-components-files.mjs.map +1 -1
  118. package/fesm2022/taiga-ui-kit-components-filter.mjs +2 -2
  119. package/fesm2022/taiga-ui-kit-components-filter.mjs.map +1 -1
  120. package/fesm2022/taiga-ui-kit-components-input-inline.mjs +2 -2
  121. package/fesm2022/taiga-ui-kit-components-input-inline.mjs.map +1 -1
  122. package/fesm2022/taiga-ui-kit-components-input-password.mjs +81 -0
  123. package/fesm2022/taiga-ui-kit-components-input-password.mjs.map +1 -0
  124. package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs +5 -4
  125. package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs.map +1 -1
  126. package/fesm2022/taiga-ui-kit-components-items-with-more.mjs +3 -3
  127. package/fesm2022/taiga-ui-kit-components-items-with-more.mjs.map +1 -1
  128. package/fesm2022/taiga-ui-kit-components-line-clamp.mjs +2 -2
  129. package/fesm2022/taiga-ui-kit-components-line-clamp.mjs.map +1 -1
  130. package/fesm2022/taiga-ui-kit-components-pagination.mjs +2 -2
  131. package/fesm2022/taiga-ui-kit-components-pagination.mjs.map +1 -1
  132. package/fesm2022/taiga-ui-kit-components-pdf-viewer.mjs +2 -2
  133. package/fesm2022/taiga-ui-kit-components-pdf-viewer.mjs.map +1 -1
  134. package/fesm2022/taiga-ui-kit-components-pin.mjs +2 -2
  135. package/fesm2022/taiga-ui-kit-components-pin.mjs.map +1 -1
  136. package/fesm2022/taiga-ui-kit-components-preview-preview-dialog.mjs +2 -2
  137. package/fesm2022/taiga-ui-kit-components-preview-preview-dialog.mjs.map +1 -1
  138. package/fesm2022/taiga-ui-kit-components-preview.mjs +8 -8
  139. package/fesm2022/taiga-ui-kit-components-preview.mjs.map +1 -1
  140. package/fesm2022/taiga-ui-kit-components-progress.mjs +8 -8
  141. package/fesm2022/taiga-ui-kit-components-progress.mjs.map +1 -1
  142. package/fesm2022/taiga-ui-kit-components-pulse.mjs +2 -2
  143. package/fesm2022/taiga-ui-kit-components-pulse.mjs.map +1 -1
  144. package/fesm2022/taiga-ui-kit-components-push.mjs +4 -4
  145. package/fesm2022/taiga-ui-kit-components-push.mjs.map +1 -1
  146. package/fesm2022/taiga-ui-kit-components-radio-list.mjs +4 -2
  147. package/fesm2022/taiga-ui-kit-components-radio-list.mjs.map +1 -1
  148. package/fesm2022/taiga-ui-kit-components-radio.mjs +6 -4
  149. package/fesm2022/taiga-ui-kit-components-radio.mjs.map +1 -1
  150. package/fesm2022/taiga-ui-kit-components-range.mjs +2 -2
  151. package/fesm2022/taiga-ui-kit-components-range.mjs.map +1 -1
  152. package/fesm2022/taiga-ui-kit-components-rating.mjs +2 -2
  153. package/fesm2022/taiga-ui-kit-components-rating.mjs.map +1 -1
  154. package/fesm2022/taiga-ui-kit-components-segmented.mjs +4 -4
  155. package/fesm2022/taiga-ui-kit-components-segmented.mjs.map +1 -1
  156. package/fesm2022/taiga-ui-kit-components-slider.mjs +4 -4
  157. package/fesm2022/taiga-ui-kit-components-slider.mjs.map +1 -1
  158. package/fesm2022/taiga-ui-kit-components-status.mjs +2 -2
  159. package/fesm2022/taiga-ui-kit-components-status.mjs.map +1 -1
  160. package/fesm2022/taiga-ui-kit-components-stepper.mjs +2 -2
  161. package/fesm2022/taiga-ui-kit-components-stepper.mjs.map +1 -1
  162. package/fesm2022/taiga-ui-kit-components-switch.mjs +2 -2
  163. package/fesm2022/taiga-ui-kit-components-switch.mjs.map +1 -1
  164. package/fesm2022/taiga-ui-kit-components-tabs.mjs +6 -6
  165. package/fesm2022/taiga-ui-kit-components-tabs.mjs.map +1 -1
  166. package/fesm2022/taiga-ui-kit-components-tiles.mjs +2 -2
  167. package/fesm2022/taiga-ui-kit-components-tiles.mjs.map +1 -1
  168. package/fesm2022/taiga-ui-kit-components.mjs +1 -0
  169. package/fesm2022/taiga-ui-kit-components.mjs.map +1 -1
  170. package/fesm2022/taiga-ui-kit-directives-button-group.mjs +2 -2
  171. package/fesm2022/taiga-ui-kit-directives-button-group.mjs.map +1 -1
  172. package/fesm2022/taiga-ui-kit-directives-connected.mjs +2 -2
  173. package/fesm2022/taiga-ui-kit-directives-connected.mjs.map +1 -1
  174. package/fesm2022/taiga-ui-kit-directives-fade.mjs +2 -2
  175. package/fesm2022/taiga-ui-kit-directives-fade.mjs.map +1 -1
  176. package/fesm2022/taiga-ui-kit-directives-fluid-typography.mjs +2 -2
  177. package/fesm2022/taiga-ui-kit-directives-fluid-typography.mjs.map +1 -1
  178. package/fesm2022/taiga-ui-kit-directives-icon-badge.mjs +2 -2
  179. package/fesm2022/taiga-ui-kit-directives-icon-badge.mjs.map +1 -1
  180. package/fesm2022/taiga-ui-kit-directives-sensitive.mjs +4 -4
  181. package/fesm2022/taiga-ui-kit-directives-sensitive.mjs.map +1 -1
  182. package/package.json +10 -4
  183. package/styles/components/badge.less +12 -12
  184. package/styles/components/block.less +2 -2
  185. package/styles/components/checkbox.less +2 -2
  186. package/styles/components/chip.less +3 -3
  187. package/styles/components/comment.less +2 -2
  188. package/styles/components/compass.less +4 -4
  189. package/styles/components/pin.less +9 -9
  190. package/styles/components/progress-bar.less +2 -2
  191. package/styles/components/radio.less +2 -2
  192. package/styles/components/status.less +2 -2
  193. package/styles/components/switch.less +8 -8
  194. package/tokens/i18n.d.ts +8 -8
@@ -22,8 +22,8 @@
22
22
  [tuiSwitch] {
23
23
  .transition(~'background, box-shadow');
24
24
 
25
- width: 3rem;
26
- height: 1.5rem;
25
+ inline-size: 3rem;
26
+ block-size: 1.5rem;
27
27
  border-radius: 2rem;
28
28
  overflow: hidden;
29
29
  cursor: pointer;
@@ -32,17 +32,17 @@
32
32
  color: #fff !important;
33
33
 
34
34
  &[data-size='s'] {
35
- height: 1rem;
36
- width: 2rem;
35
+ block-size: 1rem;
36
+ inline-size: 2rem;
37
37
 
38
38
  &::before {
39
- width: 1rem;
39
+ inline-size: 1rem;
40
40
  transform: translateX(-1rem);
41
41
  mask-size: 0.75rem;
42
42
  }
43
43
 
44
44
  &::after {
45
- width: 1rem;
45
+ inline-size: 1rem;
46
46
  box-shadow: -2.625rem 0 0 0.5rem currentColor;
47
47
  outline-width: 0.167rem;
48
48
  transform: scale(0.375);
@@ -73,8 +73,8 @@
73
73
 
74
74
  content: '';
75
75
  position: absolute;
76
- height: 100%;
77
- width: 1.5rem;
76
+ block-size: 100%;
77
+ inline-size: 1.5rem;
78
78
  }
79
79
 
80
80
  &::before {
package/tokens/i18n.d.ts CHANGED
@@ -11,25 +11,25 @@ export declare const TUI_MORE_WORD: import("@angular/core").InjectionToken<Obser
11
11
  export declare const TUI_HIDE_TEXT: import("@angular/core").InjectionToken<Observable<string>>;
12
12
  export declare const TUI_SHOW_ALL_TEXT: import("@angular/core").InjectionToken<Observable<string>>;
13
13
  export declare const TUI_OTHER_DATE_TEXT: import("@angular/core").InjectionToken<Observable<string>>;
14
- export declare const TUI_CHOOSE_DAY_OR_RANGE_TEXTS: import("@angular/core").InjectionToken<Observable<[choose_day: string, choose_range: string, choose_days: string]>>;
15
- export declare const TUI_FROM_TO_TEXTS: import("@angular/core").InjectionToken<Observable<[from: string, to: string]>>;
16
- export declare const TUI_PLUS_MINUS_TEXTS: import("@angular/core").InjectionToken<Observable<[plus: string, minus: string]>>;
14
+ export declare const TUI_CHOOSE_DAY_OR_RANGE_TEXTS: import("@angular/core").InjectionToken<Observable<readonly [choose_day: string, choose_range: string, choose_days: string]>>;
15
+ export declare const TUI_FROM_TO_TEXTS: import("@angular/core").InjectionToken<Observable<readonly [from: string, to: string]>>;
16
+ export declare const TUI_PLUS_MINUS_TEXTS: import("@angular/core").InjectionToken<Observable<readonly [plus: string, minus: string]>>;
17
17
  export declare const TUI_TIME_TEXTS: import("@angular/core").InjectionToken<Observable<{
18
18
  'HH:MM': string;
19
19
  'HH:MM:SS': string;
20
20
  'HH:MM:SS.MSS': string;
21
21
  }>>;
22
22
  export declare const TUI_DATE_TEXTS: import("@angular/core").InjectionToken<Observable<Record<TuiDateMode, string>>>;
23
- export declare const TUI_DIGITAL_INFORMATION_UNITS: import("@angular/core").InjectionToken<Observable<[short_byte: string, short_kilobyte: string, short_megabyte: string]>>;
24
- export declare const TUI_COPY_TEXTS: import("@angular/core").InjectionToken<Observable<[copy: string, copied: string]>>;
25
- export declare const TUI_PASSWORD_TEXTS: import("@angular/core").InjectionToken<Observable<[show_password: string, hide_password: string]>>;
26
- export declare const TUI_CALENDAR_MONTHS: import("@angular/core").InjectionToken<Observable<[January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>>;
23
+ export declare const TUI_DIGITAL_INFORMATION_UNITS: import("@angular/core").InjectionToken<Observable<readonly [short_byte: string, short_kilobyte: string, short_megabyte: string]>>;
24
+ export declare const TUI_COPY_TEXTS: import("@angular/core").InjectionToken<Observable<readonly [copy: string, copied: string]>>;
25
+ export declare const TUI_PASSWORD_TEXTS: import("@angular/core").InjectionToken<Observable<readonly [show_password: string, hide_password: string]>>;
26
+ export declare const TUI_CALENDAR_MONTHS: import("@angular/core").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]>>;
27
27
  export declare const TUI_FILE_TEXTS: import("@angular/core").InjectionToken<Observable<{
28
28
  loadingError: string;
29
29
  preview: string;
30
30
  remove: string;
31
31
  }>>;
32
- export declare const TUI_PAGINATION_TEXTS: import("@angular/core").InjectionToken<Observable<[previous_page: string, next_page: string]>>;
32
+ export declare const TUI_PAGINATION_TEXTS: import("@angular/core").InjectionToken<Observable<readonly [previous_page: string, next_page: string]>>;
33
33
  export declare const TUI_INPUT_FILE_TEXTS: import("@angular/core").InjectionToken<Observable<{
34
34
  defaultLabelMultiple: string;
35
35
  defaultLabelSingle: string;