@taiga-ui/core 4.52.0-canary.6de148b → 4.52.0-canary.763e67d

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 (127) hide show
  1. package/classes/accessors.d.ts +1 -1
  2. package/components/calendar/calendar-sheet.component.d.ts +1 -1
  3. package/components/calendar/calendar-sheet.pipe.d.ts +1 -1
  4. package/components/calendar/calendar.options.d.ts +9 -0
  5. package/components/calendar/index.d.ts +1 -0
  6. package/components/calendar/order-week-days.pipe.d.ts +1 -1
  7. package/components/input/input.d.ts +4 -1
  8. package/components/label/label.directive.d.ts +1 -1
  9. package/components/link/index.d.ts +0 -1
  10. package/components/link/link.directive.d.ts +8 -6
  11. package/components/scrollbar/scroll-ref.directive.d.ts +2 -0
  12. package/components/scrollbar/scrollbar.component.d.ts +1 -5
  13. package/components/spin-button/spin-button.component.d.ts +1 -1
  14. package/directives/items-handlers/items-handlers.directive.d.ts +5 -9
  15. package/directives/items-handlers/items-handlers.tokens.d.ts +4 -4
  16. package/fesm2022/taiga-ui-core-classes.mjs +3 -3
  17. package/fesm2022/taiga-ui-core-classes.mjs.map +1 -1
  18. package/fesm2022/taiga-ui-core-components-button.mjs +7 -7
  19. package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
  20. package/fesm2022/taiga-ui-core-components-calendar.mjs +35 -29
  21. package/fesm2022/taiga-ui-core-components-calendar.mjs.map +1 -1
  22. package/fesm2022/taiga-ui-core-components-cell.mjs +6 -6
  23. package/fesm2022/taiga-ui-core-components-cell.mjs.map +1 -1
  24. package/fesm2022/taiga-ui-core-components-data-list.mjs +17 -17
  25. package/fesm2022/taiga-ui-core-components-data-list.mjs.map +1 -1
  26. package/fesm2022/taiga-ui-core-components-error.mjs +9 -9
  27. package/fesm2022/taiga-ui-core-components-error.mjs.map +1 -1
  28. package/fesm2022/taiga-ui-core-components-expand.mjs +3 -3
  29. package/fesm2022/taiga-ui-core-components-expand.mjs.map +1 -1
  30. package/fesm2022/taiga-ui-core-components-icon.mjs +6 -6
  31. package/fesm2022/taiga-ui-core-components-icon.mjs.map +1 -1
  32. package/fesm2022/taiga-ui-core-components-input.mjs +17 -8
  33. package/fesm2022/taiga-ui-core-components-input.mjs.map +1 -1
  34. package/fesm2022/taiga-ui-core-components-label.mjs +10 -12
  35. package/fesm2022/taiga-ui-core-components-label.mjs.map +1 -1
  36. package/fesm2022/taiga-ui-core-components-link.mjs +13 -24
  37. package/fesm2022/taiga-ui-core-components-link.mjs.map +1 -1
  38. package/fesm2022/taiga-ui-core-components-loader.mjs +3 -3
  39. package/fesm2022/taiga-ui-core-components-loader.mjs.map +1 -1
  40. package/fesm2022/taiga-ui-core-components-notification.mjs +19 -21
  41. package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
  42. package/fesm2022/taiga-ui-core-components-root.mjs +4 -4
  43. package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
  44. package/fesm2022/taiga-ui-core-components-scrollbar.mjs +42 -47
  45. package/fesm2022/taiga-ui-core-components-scrollbar.mjs.map +1 -1
  46. package/fesm2022/taiga-ui-core-components-spin-button.mjs +5 -5
  47. package/fesm2022/taiga-ui-core-components-spin-button.mjs.map +1 -1
  48. package/fesm2022/taiga-ui-core-components-textfield.mjs +32 -30
  49. package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
  50. package/fesm2022/taiga-ui-core-components-title.mjs +6 -6
  51. package/fesm2022/taiga-ui-core-components-title.mjs.map +1 -1
  52. package/fesm2022/taiga-ui-core-directives-appearance.mjs +10 -10
  53. package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
  54. package/fesm2022/taiga-ui-core-directives-date-format.mjs +3 -3
  55. package/fesm2022/taiga-ui-core-directives-date-format.mjs.map +1 -1
  56. package/fesm2022/taiga-ui-core-directives-group.mjs +7 -7
  57. package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -1
  58. package/fesm2022/taiga-ui-core-directives-icons.mjs +9 -9
  59. package/fesm2022/taiga-ui-core-directives-icons.mjs.map +1 -1
  60. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs +15 -36
  61. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs.map +1 -1
  62. package/fesm2022/taiga-ui-core-directives-number-format.mjs +3 -3
  63. package/fesm2022/taiga-ui-core-directives-number-format.mjs.map +1 -1
  64. package/fesm2022/taiga-ui-core-pipes-format-number.mjs +3 -3
  65. package/fesm2022/taiga-ui-core-pipes-format-number.mjs.map +1 -1
  66. package/fesm2022/taiga-ui-core-portals-alert.mjs +10 -10
  67. package/fesm2022/taiga-ui-core-portals-alert.mjs.map +1 -1
  68. package/fesm2022/taiga-ui-core-portals-dialog.mjs +13 -13
  69. package/fesm2022/taiga-ui-core-portals-dialog.mjs.map +1 -1
  70. package/fesm2022/taiga-ui-core-portals-dropdown.mjs +57 -57
  71. package/fesm2022/taiga-ui-core-portals-dropdown.mjs.map +1 -1
  72. package/fesm2022/taiga-ui-core-portals-hint.mjs +55 -55
  73. package/fesm2022/taiga-ui-core-portals-hint.mjs.map +1 -1
  74. package/fesm2022/taiga-ui-core-portals-modal.mjs +8 -8
  75. package/fesm2022/taiga-ui-core-portals-modal.mjs.map +1 -1
  76. package/fesm2022/taiga-ui-core-portals-popup.mjs +9 -9
  77. package/fesm2022/taiga-ui-core-portals-popup.mjs.map +1 -1
  78. package/fesm2022/taiga-ui-core-services.mjs +15 -34
  79. package/fesm2022/taiga-ui-core-services.mjs.map +1 -1
  80. package/fesm2022/taiga-ui-core-tokens.mjs +4 -28
  81. package/fesm2022/taiga-ui-core-tokens.mjs.map +1 -1
  82. package/fesm2022/taiga-ui-core-utils-dom.mjs.map +1 -1
  83. package/fesm2022/taiga-ui-core-utils-format.mjs.map +1 -1
  84. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs +13 -4
  85. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs.map +1 -1
  86. package/fesm2022/taiga-ui-core.mjs +0 -1
  87. package/fesm2022/taiga-ui-core.mjs.map +1 -1
  88. package/index.d.ts +0 -1
  89. package/package.json +60 -65
  90. package/portals/hint/hint-position.directive.d.ts +3 -3
  91. package/portals/hint/hint.directive.d.ts +1 -1
  92. package/services/index.d.ts +0 -1
  93. package/styles/components/appearance.less +5 -0
  94. package/styles/components/button.less +1 -1
  95. package/styles/components/link.less +8 -23
  96. package/styles/components/notification.less +4 -4
  97. package/styles/components/textfield.less +22 -58
  98. package/styles/mixins/appearance.less +9 -25
  99. package/styles/mixins/appearance.scss +8 -24
  100. package/styles/taiga-ui-local.less +0 -1
  101. package/styles/taiga-ui-local.scss +0 -1
  102. package/styles/taiga-ui-theme.less +0 -1
  103. package/styles/theme/appearance/outline.less +9 -18
  104. package/styles/theme/appearance/primary.less +2 -4
  105. package/styles/theme/appearance/secondary.less +6 -14
  106. package/styles/theme/appearance/status.less +0 -4
  107. package/styles/theme/appearance/table.less +38 -31
  108. package/styles/theme/appearance.less +0 -1
  109. package/styles/theme/variables.less +15 -15
  110. package/tokens/common-icons.d.ts +2 -0
  111. package/tokens/index.d.ts +0 -4
  112. package/types/point.d.ts +1 -1
  113. package/utils/miscellaneous/font-scaling.d.ts +2 -1
  114. package/animations/animations.d.ts +0 -109
  115. package/animations/index.d.ts +0 -1
  116. package/components/link/link.options.d.ts +0 -10
  117. package/fesm2022/taiga-ui-core-animations.mjs +0 -370
  118. package/fesm2022/taiga-ui-core-animations.mjs.map +0 -1
  119. package/services/dark-theme.service.d.ts +0 -10
  120. package/styles/mixins/wrapper.less +0 -64
  121. package/styles/mixins/wrapper.scss +0 -61
  122. package/styles/theme/appearance/opposite.less +0 -17
  123. package/styles/theme/wrapper.less +0 -211
  124. package/tokens/day-type-handler.d.ts +0 -7
  125. package/tokens/first-day-of-week.d.ts +0 -5
  126. package/tokens/scroll-ref.d.ts +0 -2
  127. package/tokens/spin-icons.d.ts +0 -6
@@ -3,7 +3,7 @@
3
3
  .appearance-hover(@content) {
4
4
  .interactive({
5
5
  @media @tui-mouse {
6
- &:hover:not(:disabled):not([data-state]) {
6
+ &:hover:not([data-state]) {
7
7
  @content();
8
8
  }
9
9
  }
@@ -12,14 +12,6 @@
12
12
  &[data-state='hover'] {
13
13
  @content();
14
14
  }
15
-
16
- /* @deprecated TODO remove in v5 */
17
- @media @tui-mouse {
18
- &[tuiWrapper]:hover:not(._no-hover),
19
- &[tuiWrapper][data-state='hover'] {
20
- @content();
21
- }
22
- }
23
15
  }
24
16
 
25
17
  .appearance-active(@content) {
@@ -32,13 +24,6 @@
32
24
  &[data-state='active'] {
33
25
  @content();
34
26
  }
35
-
36
- /* @deprecated TODO remove in v5 */
37
- &[tuiWrapper]:active:not(._no-active),
38
- &[tuiWrapper][data-state='active'],
39
- &[tuiWrapper][data-state='active']:hover {
40
- @content();
41
- }
42
27
  }
43
28
 
44
29
  .appearance-disabled(@content) {
@@ -46,12 +31,6 @@
46
31
  &[data-state='disabled'] {
47
32
  @content();
48
33
  }
49
-
50
- /* @deprecated TODO remove in v5 */
51
- &[tuiWrapper]:disabled:not([data-state]),
52
- &[tuiWrapper][data-state='disabled'] {
53
- @content();
54
- }
55
34
  }
56
35
 
57
36
  .appearance-focus(@content) {
@@ -62,10 +41,15 @@
62
41
  &[data-focus='true'] {
63
42
  @content();
64
43
  }
44
+ }
65
45
 
66
- /* @deprecated TODO remove in v5 */
67
- &[tuiWrapper]:not(._focused):has(:focus-visible),
68
- &[tuiWrapper]._focused {
46
+ .appearance-invalid(@content) {
47
+ &:is([data-mode~='invalid'], .tui-invalid, :invalid):not(
48
+ [data-mode~='readonly'],
49
+ [data-mode~='valid'],
50
+ [data-state='disabled'],
51
+ :disabled
52
+ ) {
69
53
  @content();
70
54
  }
71
55
  }
@@ -13,14 +13,6 @@
13
13
  &[data-state='hover'] {
14
14
  @content;
15
15
  }
16
-
17
- /* @deprecated TODO remove in v5 */
18
- @media ($tui-mouse) {
19
- &[tuiWrapper]:hover:not(._no-hover),
20
- &[tuiWrapper][data-state='hover'] {
21
- @content;
22
- }
23
- }
24
16
  }
25
17
 
26
18
  @mixin appearance-active {
@@ -33,13 +25,6 @@
33
25
  &[data-state='active'] {
34
26
  @content;
35
27
  }
36
-
37
- /* @deprecated TODO remove in v5 */
38
- &[tuiWrapper]:active:not(._no-active),
39
- &[tuiWrapper][data-state='active'],
40
- &[tuiWrapper][data-state='active']:hover {
41
- @content;
42
- }
43
28
  }
44
29
 
45
30
  @mixin appearance-disabled {
@@ -47,12 +32,6 @@
47
32
  &[data-state='disabled'] {
48
33
  @content;
49
34
  }
50
-
51
- /* @deprecated TODO remove in v5 */
52
- &[tuiWrapper]:disabled:not([data-state]),
53
- &[tuiWrapper][data-state='disabled'] {
54
- @content;
55
- }
56
35
  }
57
36
 
58
37
  @mixin appearance-focus {
@@ -63,10 +42,15 @@
63
42
  &[data-focus='true'] {
64
43
  @content;
65
44
  }
45
+ }
66
46
 
67
- /* @deprecated TODO remove in v5 */
68
- &[tuiWrapper]:not(._focused):has(:focus-visible),
69
- &[tuiWrapper]._focused {
47
+ @mixin appearance-invalid {
48
+ &:is([data-mode~='invalid'], .tui-invalid, :invalid):not(
49
+ [data-mode~='readonly'],
50
+ [data-mode~='valid'],
51
+ [data-state='disabled'],
52
+ :disabled
53
+ ) {
70
54
  @content;
71
55
  }
72
56
  }
@@ -3,6 +3,5 @@
3
3
  @import 'mixins/mixins.less';
4
4
  @import 'mixins/picker.less';
5
5
  @import 'mixins/slider.less';
6
- @import 'mixins/wrapper.less';
7
6
  @import 'mixins/appearance.less';
8
7
  @import 'variables/media.less';
@@ -2,6 +2,5 @@
2
2
  @import 'mixins/mixins.scss';
3
3
  @import 'mixins/picker.scss';
4
4
  @import 'mixins/slider.scss';
5
- @import 'mixins/wrapper.scss';
6
5
  @import 'mixins/appearance.scss';
7
6
  @import 'variables/media.scss';
@@ -1,5 +1,4 @@
1
1
  @import 'theme/variables.less';
2
2
  @import 'theme/palette.less';
3
3
  @import 'theme/appearance.less';
4
- @import 'theme/wrapper.less';
5
4
  @import 'theme/appearance/textfield.less';
@@ -2,9 +2,7 @@
2
2
 
3
3
  [tuiAppearance][data-appearance='outline'],
4
4
  [tuiAppearance][data-appearance='outline-destructive'],
5
- [tuiAppearance][data-appearance='outline-grayscale'],
6
- /* TODO @deprecated remove in v5 */
7
- [tuiAppearance][data-appearance='whiteblock'] {
5
+ [tuiAppearance][data-appearance='outline-grayscale'] {
8
6
  --t-bs: var(--tui-border-normal);
9
7
 
10
8
  color: var(--tui-text-action);
@@ -25,17 +23,14 @@
25
23
  });
26
24
  }
27
25
 
28
- &:invalid:not([data-mode]),
29
- &[data-mode~='invalid'],
30
- &.tui-invalid:not([data-mode]) {
26
+ .appearance-invalid({
31
27
  box-shadow: inset 0 0 0 1px var(--tui-status-negative-pale-hover);
32
- }
33
28
 
34
- &:checked:invalid:not([data-mode]),
35
- &[data-mode~='checked'][data-mode~='invalid'],
36
- &:checked.tui-invalid:not([data-mode]) {
37
- box-shadow: inset 0 0 0 2px var(--tui-status-negative);
38
- }
29
+ &:checked,
30
+ &[data-mode~='checked'] {
31
+ box-shadow: inset 0 0 0 2px var(--tui-status-negative);
32
+ }
33
+ });
39
34
 
40
35
  .appearance-hover({
41
36
  cursor: pointer;
@@ -48,9 +43,7 @@
48
43
  });
49
44
  }
50
45
 
51
- [tuiAppearance][data-appearance='outline-grayscale'],
52
- /* TODO @deprecated remove in v5 */
53
- [tuiAppearance][data-appearance='whiteblock'] {
46
+ [tuiAppearance][data-appearance='outline-grayscale'] {
54
47
  color: var(--tui-text-primary);
55
48
  }
56
49
 
@@ -60,9 +53,7 @@
60
53
 
61
54
  [tuiAppearance][data-appearance='icon'],
62
55
  [tuiAppearance][data-appearance='outline-grayscale'],
63
- [tuiAppearance][data-appearance='floating'],
64
- /* TODO @deprecated remove in v5 */
65
- [tuiAppearance][data-appearance='whiteblock'] {
56
+ [tuiAppearance][data-appearance='floating'] {
66
57
  color: var(--tui-text-primary);
67
58
 
68
59
  &::before,
@@ -6,11 +6,9 @@
6
6
  background: var(--t-bg);
7
7
  color: var(--tui-text-primary-on-accent-1);
8
8
 
9
- &:invalid:not([data-mode]),
10
- &[data-mode~='invalid'],
11
- &.tui-invalid:not([data-mode]) {
9
+ .appearance-invalid({
12
10
  background: var(--tui-status-negative);
13
- }
11
+ });
14
12
 
15
13
  .appearance-hover({
16
14
  --t-bg: var(--tui-background-accent-1-hover);
@@ -2,9 +2,7 @@
2
2
 
3
3
  [tuiAppearance][data-appearance='secondary'],
4
4
  [tuiAppearance][data-appearance='secondary-destructive'],
5
- [tuiAppearance][data-appearance='secondary-grayscale'],
6
- /* TODO @deprecated remove in v5 */
7
- [tuiAppearance][data-appearance='destructive'] {
5
+ [tuiAppearance][data-appearance='secondary-grayscale'] {
8
6
  background: var(--tui-background-neutral-1);
9
7
  color: var(--tui-text-action);
10
8
 
@@ -30,9 +28,7 @@
30
28
  background: var(--tui-background-accent-1-pressed);
31
29
  });
32
30
 
33
- &:invalid:not([data-mode]),
34
- &[data-mode~='invalid'],
35
- &.tui-invalid:not([data-mode]) {
31
+ .appearance-invalid({
36
32
  background: var(--tui-status-negative);
37
33
  color: #fff;
38
34
 
@@ -45,12 +41,10 @@
45
41
  background: var(--tui-status-negative);
46
42
  color: #fff;
47
43
  });
48
- }
44
+ });
49
45
  }
50
46
 
51
- &:invalid:not([data-mode]),
52
- &[data-mode~='invalid'],
53
- &.tui-invalid:not([data-mode]) {
47
+ .appearance-invalid({
54
48
  color: var(--tui-text-negative);
55
49
  background: var(--tui-status-negative-pale);
56
50
 
@@ -63,12 +57,10 @@
63
57
  color: var(--tui-text-negative-hover);
64
58
  background: var(--tui-status-negative-pale-hover);
65
59
  });
66
- }
60
+ });
67
61
  }
68
62
 
69
- [tuiAppearance][data-appearance='secondary-destructive'],
70
- /* TODO @deprecated remove in v5 */
71
- [tuiAppearance][data-appearance='destructive'] {
63
+ [tuiAppearance][data-appearance='secondary-destructive'] {
72
64
  color: var(--tui-text-negative);
73
65
  }
74
66
 
@@ -1,7 +1,5 @@
1
1
  @import '@taiga-ui/core/styles/taiga-ui-local.less';
2
2
 
3
- [tuiAppearance][data-appearance='error'], /* TODO @deprecated remove in v5 */
4
- [tuiAppearance][data-appearance='success'], /* TODO @deprecated remove in v5 */
5
3
  [tuiAppearance][data-appearance='negative'],
6
4
  [tuiAppearance][data-appearance='positive'],
7
5
  [tuiAppearance][data-appearance='warning'],
@@ -16,7 +14,6 @@
16
14
  }
17
15
  }
18
16
 
19
- [tuiAppearance][data-appearance='error'], /* TODO @deprecated remove in v5 */
20
17
  [tuiAppearance][data-appearance='negative'] {
21
18
  --t-bg: var(--tui-status-negative-pale);
22
19
 
@@ -39,7 +36,6 @@
39
36
  }
40
37
  }
41
38
 
42
- [tuiAppearance][data-appearance='success'], /* TODO @deprecated remove in v5 */
43
39
  [tuiAppearance][data-appearance='positive'] {
44
40
  --t-bg: var(--tui-status-positive-pale);
45
41
 
@@ -1,47 +1,54 @@
1
1
  @import '@taiga-ui/core/styles/taiga-ui-local.less';
2
2
 
3
- /*
4
- TODO: remove :not([tuiWrapper]) after legacy controls deletion
5
- */
6
- [tuiAppearance][data-appearance='table']:not([tuiWrapper]) {
7
- content: '';
8
- position: fixed;
9
- /* TODO: Use inset: -1px after Safari 14+ support */
10
- top: -1px;
11
- bottom: -1px;
12
- left: -1px;
13
- right: -1px;
14
- inline-size: auto;
3
+ [tuiAppearance][data-appearance='table'] {
15
4
  block-size: auto;
16
- border-radius: 0;
5
+ border-radius: 0 !important;
17
6
  background: transparent;
7
+ color: var(--tui-text-primary);
18
8
  border: none;
19
9
  outline: none;
20
10
  border-block-end: calc(var(--t-row-height) - var(--t-height)) solid transparent;
21
11
 
22
- &:not(._empty) {
23
- color: var(--tui-text-primary);
12
+ &:is(tui-textfield[multi]),
13
+ &:is(tui-input-card-group) {
14
+ min-block-size: 100%;
15
+ border-block-end: 0;
24
16
  }
25
17
 
26
- .appearance-hover({
27
- &[data-focus='false'] {
28
- background-color: var(--tui-background-neutral-1);
29
- }
30
- });
18
+ &:is(textarea) {
19
+ block-size: 100%;
20
+ border-block-end: 0;
21
+ }
22
+
23
+ &::before,
24
+ &::after {
25
+ color: var(--tui-text-tertiary);
26
+ }
27
+
28
+ &:not([data-mode~='readonly']) {
29
+ .appearance-hover({
30
+ &[data-focus='false'] {
31
+ background-color: var(--tui-background-neutral-1);
32
+ }
33
+
34
+ &::before,
35
+ &::after {
36
+ color: var(--tui-text-secondary);
37
+ }
38
+ });
39
+ }
31
40
 
32
41
  .appearance-focus({
33
- outline-offset: -0.125rem;
42
+ outline-offset: -1px;
34
43
  outline: 0.125rem solid var(--tui-border-focus);
35
44
  });
36
45
 
37
- &:invalid:not([data-mode]),
38
- &[data-mode~='invalid'],
39
- &.tui-invalid:not([data-mode]) {
40
- background-origin: border-box;
41
- background-position: top right;
42
- background-repeat: no-repeat;
43
- background-image: linear-gradient(to top right, transparent 0% 50%, var(--tui-status-negative) 50% 100%);
44
- background-size: 0.5rem 0.5rem;
46
+ .appearance-invalid({
47
+ background:
48
+ linear-gradient(to top right, transparent 0% 50%, var(--tui-status-negative) 50% 100%)
49
+ top right / 0.5rem 0.5rem
50
+ no-repeat
51
+ border-box;
45
52
 
46
53
  &[data-focus='false'] {
47
54
  background-color: var(--tui-status-negative-pale);
@@ -60,8 +67,8 @@ TODO: remove :not([tuiWrapper]) after legacy controls deletion
60
67
 
61
68
  .appearance-focus({
62
69
  background-color: transparent;
63
- outline-offset: -0.0625rem;
70
+ outline-offset: 0;
64
71
  outline: 0.0625rem solid var(--tui-status-negative);
65
72
  });
66
- }
73
+ });
67
74
  }
@@ -3,7 +3,6 @@
3
3
  @import 'appearance/flat.less';
4
4
  @import 'appearance/floating.less';
5
5
  @import 'appearance/glass.less';
6
- @import 'appearance/opposite.less';
7
6
  @import 'appearance/outline.less';
8
7
  @import 'appearance/primary.less';
9
8
  @import 'appearance/secondary.less';
@@ -5,23 +5,23 @@
5
5
  --tui-font-text: 'Manrope', system-ui, sans-serif;
6
6
  --tui-font-offset: ~'0rem';
7
7
  // Heading
8
- --tui-font-heading-1: bold calc(var(--tui-font-offset) + 3.125rem) / 3.5rem var(--tui-font-heading);
9
- --tui-font-heading-2: bold calc(var(--tui-font-offset) + 2.75rem) / 3rem var(--tui-font-heading);
10
- --tui-font-heading-3: bold calc(var(--tui-font-offset) + 2.25rem) / 2.5rem var(--tui-font-heading);
11
- --tui-font-heading-4: bold calc(var(--tui-font-offset) + 1.75rem) / 2rem var(--tui-font-heading);
12
- --tui-font-heading-5: bold calc(var(--tui-font-offset) + 1.5rem) / 1.75rem var(--tui-font-heading);
13
- --tui-font-heading-6: bold calc(var(--tui-font-offset) + 1.25rem) / 1.5rem var(--tui-font-heading);
8
+ --tui-font-heading-1: bold calc(var(--tui-font-offset) + 3.125rem) / calc(50 / 56) var(--tui-font-heading);
9
+ --tui-font-heading-2: bold calc(var(--tui-font-offset) + 2.75rem) / calc(48 / 44) var(--tui-font-heading);
10
+ --tui-font-heading-3: bold calc(var(--tui-font-offset) + 2.25rem) / calc(40 / 36) var(--tui-font-heading);
11
+ --tui-font-heading-4: bold calc(var(--tui-font-offset) + 1.75rem) / calc(32 / 28) var(--tui-font-heading);
12
+ --tui-font-heading-5: bold calc(var(--tui-font-offset) + 1.5rem) / calc(28 / 24) var(--tui-font-heading);
13
+ --tui-font-heading-6: bold calc(var(--tui-font-offset) + 1.25rem) / calc(24 / 20) var(--tui-font-heading);
14
14
  // Body
15
- --tui-font-text-xl: normal calc(var(--tui-font-offset) + 1.1875rem) / 1.75rem var(--tui-font-text);
16
- --tui-font-text-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.75rem var(--tui-font-text);
17
- --tui-font-text-m: normal calc(var(--tui-font-offset) + 1rem) / 1.5rem var(--tui-font-text);
18
- --tui-font-text-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.25rem var(--tui-font-text);
19
- --tui-font-text-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1rem var(--tui-font-text);
15
+ --tui-font-text-xl: normal calc(var(--tui-font-offset) + 1.1875rem) / calc(28 / 19) var(--tui-font-text);
16
+ --tui-font-text-l: normal calc(var(--tui-font-offset) + 1.0625rem) / calc(28 / 17) var(--tui-font-text);
17
+ --tui-font-text-m: normal calc(var(--tui-font-offset) + 1rem) / calc(24 / 16) var(--tui-font-text);
18
+ --tui-font-text-s: normal calc(var(--tui-font-offset) + 0.8125rem) / calc(20 / 13) var(--tui-font-text);
19
+ --tui-font-text-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / calc(16 / 11) var(--tui-font-text);
20
20
  // Reduced
21
- --tui-font-text-ui-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.5rem var(--tui-font-text);
22
- --tui-font-text-ui-m: normal calc(var(--tui-font-offset) + 1rem) / 1.25rem var(--tui-font-text);
23
- --tui-font-text-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1rem var(--tui-font-text);
24
- --tui-font-text-ui-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 0.8125rem var(--tui-font-text);
21
+ --tui-font-text-ui-l: normal calc(var(--tui-font-offset) + 1.0625rem) / calc(24 / 17) var(--tui-font-text);
22
+ --tui-font-text-ui-m: normal calc(var(--tui-font-offset) + 1rem) / calc(20 / 16) var(--tui-font-text);
23
+ --tui-font-text-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / calc(16 / 13) var(--tui-font-text);
24
+ --tui-font-text-ui-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-text);
25
25
  // Radii
26
26
  --tui-radius-xs: 0.25rem;
27
27
  --tui-radius-s: 0.5rem;
@@ -5,5 +5,7 @@ export interface TuiCommonIcons {
5
5
  readonly more: string;
6
6
  readonly search: string;
7
7
  readonly ellipsis: string;
8
+ readonly decrement: string;
9
+ readonly increment: string;
8
10
  }
9
11
  export declare const TUI_COMMON_ICONS: import("@angular/core").InjectionToken<TuiCommonIcons>, tuiCommonIconsProvider: (item: Partial<TuiCommonIcons> | (() => Partial<TuiCommonIcons>)) => import("@angular/core").FactoryProvider;
package/tokens/index.d.ts CHANGED
@@ -4,8 +4,6 @@ export * from './auxiliary';
4
4
  export * from './common-icons';
5
5
  export * from './dark-mode';
6
6
  export * from './date-format';
7
- export * from './day-type-handler';
8
- export * from './first-day-of-week';
9
7
  export * from './i18n';
10
8
  export * from './icon';
11
9
  export * from './icon-resolver';
@@ -13,9 +11,7 @@ export * from './icons';
13
11
  export * from './media';
14
12
  export * from './number-format';
15
13
  export * from './reduced-motion';
16
- export * from './scroll-ref';
17
14
  export * from './selection-stream';
18
- export * from './spin-icons';
19
15
  export * from './theme';
20
16
  export * from './validation-errors';
21
17
  export * from './viewport';
package/types/point.d.ts CHANGED
@@ -1 +1 @@
1
- export type TuiPoint = Readonly<[number, number]>;
1
+ export type TuiPoint = Readonly<[x: number, y: number]>;
@@ -1,2 +1,3 @@
1
- import { type Provider } from '@angular/core';
1
+ import { InjectionToken, type Provider, type WritableSignal } from '@angular/core';
2
+ export declare const TUI_FONT_OFFSET: InjectionToken<WritableSignal<number>>;
2
3
  export declare function tuiEnableFontScaling(): Provider;
@@ -1,109 +0,0 @@
1
- /**
2
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
3
- */
4
- export interface TuiDurationOptions {
5
- params: {
6
- duration: number;
7
- };
8
- value: string;
9
- }
10
- /**
11
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
12
- */
13
- export declare const tuiParentAnimation: import("@angular/animations").AnimationTriggerMetadata;
14
- /**
15
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
16
- */
17
- export declare const tuiParentStop: import("@angular/animations").AnimationTriggerMetadata;
18
- /**
19
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
20
- */
21
- export declare const tuiHost: import("@angular/animations").AnimationTriggerMetadata;
22
- /**
23
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
24
- */
25
- export declare const tuiHeightCollapse: import("@angular/animations").AnimationTriggerMetadata;
26
- /**
27
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
28
- */
29
- export declare const tuiHeightCollapseList: import("@angular/animations").AnimationTriggerMetadata;
30
- /**
31
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
32
- */
33
- export declare const tuiWidthCollapse: import("@angular/animations").AnimationTriggerMetadata;
34
- /**
35
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
36
- */
37
- export declare const tuiWidthCollapseList: import("@angular/animations").AnimationTriggerMetadata;
38
- /**
39
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
40
- */
41
- export declare const tuiCrossFade: import("@angular/animations").AnimationTriggerMetadata;
42
- /**
43
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
44
- */
45
- export declare const tuiFadeIn: import("@angular/animations").AnimationTriggerMetadata;
46
- /**
47
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
48
- */
49
- export declare const tuiFadeInList: import("@angular/animations").AnimationTriggerMetadata;
50
- /**
51
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
52
- */
53
- export declare const tuiFadeInTop: import("@angular/animations").AnimationTriggerMetadata;
54
- /**
55
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
56
- */
57
- export declare const tuiFadeInBottom: import("@angular/animations").AnimationTriggerMetadata;
58
- /**
59
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
60
- */
61
- export declare const tuiDropdownAnimation: import("@angular/animations").AnimationTriggerMetadata;
62
- /**
63
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
64
- */
65
- export declare const tuiScaleIn: import("@angular/animations").AnimationTriggerMetadata;
66
- /**
67
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
68
- */
69
- export declare const tuiPop: import("@angular/animations").AnimationTriggerMetadata;
70
- /**
71
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
72
- */
73
- export declare const tuiScaleInList: import("@angular/animations").AnimationTriggerMetadata;
74
- /**
75
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
76
- */
77
- export declare const tuiSlideIn: import("@angular/animations").AnimationTriggerMetadata;
78
- /**
79
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
80
- */
81
- export declare const tuiSlideInLeft: import("@angular/animations").AnimationTriggerMetadata;
82
- /**
83
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
84
- */
85
- export declare const tuiSlideInLeftList: import("@angular/animations").AnimationTriggerMetadata;
86
- /**
87
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
88
- */
89
- export declare const tuiSlideInRight: import("@angular/animations").AnimationTriggerMetadata;
90
- /**
91
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
92
- */
93
- export declare const tuiSlideInRightList: import("@angular/animations").AnimationTriggerMetadata;
94
- /**
95
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
96
- */
97
- export declare const tuiSlideInTop: import("@angular/animations").AnimationTriggerMetadata;
98
- /**
99
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
100
- */
101
- export declare const tuiSlideInTopList: import("@angular/animations").AnimationTriggerMetadata;
102
- /**
103
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
104
- */
105
- export declare const tuiSlideInBottom: import("@angular/animations").AnimationTriggerMetadata;
106
- /**
107
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
108
- */
109
- export declare const tuiSlideInBottomList: import("@angular/animations").AnimationTriggerMetadata;
@@ -1 +0,0 @@
1
- export * from './animations';
@@ -1,10 +0,0 @@
1
- import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
2
- export interface TuiLinkOptions extends TuiAppearanceOptions {
3
- /**
4
- * @deprecated: use on host
5
- * [style.text-decoration-line]="'underline'"
6
- */
7
- readonly pseudo: boolean;
8
- }
9
- export declare const TUI_LINK_DEFAULT_OPTIONS: TuiLinkOptions;
10
- export declare const TUI_LINK_OPTIONS: import("@angular/core").InjectionToken<TuiLinkOptions>, tuiLinkOptionsProvider: (item: Partial<TuiLinkOptions> | (() => Partial<TuiLinkOptions>)) => import("@angular/core").FactoryProvider;