@taiga-ui/core 4.52.0-canary.6ee9658 → 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.
- package/classes/accessors.d.ts +1 -1
- package/components/calendar/calendar-sheet.component.d.ts +1 -1
- package/{pipes/calendar-sheet → components/calendar}/calendar-sheet.pipe.d.ts +2 -2
- package/components/calendar/calendar-spin.component.d.ts +1 -0
- package/components/calendar/calendar-year.component.d.ts +1 -1
- package/components/calendar/calendar.options.d.ts +9 -0
- package/components/calendar/index.d.ts +3 -0
- package/{pipes/order-week-days → components/calendar}/order-week-days.pipe.d.ts +1 -1
- package/components/data-list/data-list.component.d.ts +2 -4
- package/components/data-list/data-list.d.ts +3 -4
- package/components/data-list/data-list.tokens.d.ts +1 -23
- package/components/data-list/index.d.ts +3 -4
- package/components/data-list/option-content.directive.d.ts +14 -0
- package/components/data-list/option-with-value.directive.d.ts +9 -0
- package/components/data-list/option.directive.d.ts +19 -0
- package/components/icon/icon.component.d.ts +2 -2
- package/components/index.d.ts +2 -2
- package/components/input/index.d.ts +2 -0
- package/components/input/input.d.ts +5 -0
- package/components/{textfield/textfield.directive.d.ts → input/input.directive.d.ts} +7 -8
- package/components/label/label.directive.d.ts +1 -1
- package/components/link/index.d.ts +0 -1
- package/components/link/link.directive.d.ts +8 -6
- package/components/notification/notification.component.d.ts +1 -1
- package/components/notification/notification.options.d.ts +1 -1
- package/components/notification/notification.service.d.ts +1 -1
- package/components/scrollbar/scroll-ref.directive.d.ts +2 -0
- package/components/scrollbar/scrollbar.component.d.ts +1 -5
- package/components/spin-button/spin-button.component.d.ts +1 -1
- package/components/textfield/index.d.ts +0 -1
- package/components/textfield/textfield-multi/textfield-multi.component.d.ts +2 -2
- package/components/textfield/textfield.component.d.ts +3 -4
- package/components/textfield/textfield.d.ts +2 -3
- package/directives/group/group.directive.d.ts +7 -7
- package/directives/index.d.ts +0 -5
- package/directives/items-handlers/items-handlers.directive.d.ts +5 -9
- package/directives/items-handlers/items-handlers.tokens.d.ts +4 -4
- package/fesm2022/taiga-ui-core-classes.mjs +7 -9
- package/fesm2022/taiga-ui-core-classes.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-button.mjs +7 -7
- package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-calendar.mjs +135 -26
- package/fesm2022/taiga-ui-core-components-calendar.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-cell.mjs +7 -7
- package/fesm2022/taiga-ui-core-components-cell.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-data-list.mjs +94 -230
- package/fesm2022/taiga-ui-core-components-data-list.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-error.mjs +9 -9
- package/fesm2022/taiga-ui-core-components-expand.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-icon.mjs +8 -8
- package/fesm2022/taiga-ui-core-components-icon.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-input.mjs +104 -0
- package/fesm2022/taiga-ui-core-components-input.mjs.map +1 -0
- package/fesm2022/taiga-ui-core-components-label.mjs +10 -12
- package/fesm2022/taiga-ui-core-components-label.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-link.mjs +13 -24
- package/fesm2022/taiga-ui-core-components-link.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-loader.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-loader.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-notification.mjs +22 -24
- package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-root.mjs +5 -5
- package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-scrollbar.mjs +42 -47
- package/fesm2022/taiga-ui-core-components-scrollbar.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-spin-button.mjs +5 -5
- package/fesm2022/taiga-ui-core-components-spin-button.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-textfield.mjs +50 -132
- package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
- package/fesm2022/{taiga-ui-core-directives-title.mjs → taiga-ui-core-components-title.mjs} +7 -7
- package/fesm2022/{taiga-ui-core-directives-title.mjs.map → taiga-ui-core-components-title.mjs.map} +1 -1
- package/fesm2022/taiga-ui-core-components.mjs +2 -2
- package/fesm2022/taiga-ui-core-directives-appearance.mjs +10 -10
- package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-date-format.mjs +3 -3
- package/fesm2022/taiga-ui-core-directives-group.mjs +20 -28
- package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-icons.mjs +9 -9
- package/fesm2022/taiga-ui-core-directives-items-handlers.mjs +15 -36
- package/fesm2022/taiga-ui-core-directives-items-handlers.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-number-format.mjs +3 -3
- package/fesm2022/taiga-ui-core-directives.mjs +0 -5
- package/fesm2022/taiga-ui-core-directives.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-pipes-format-number.mjs +5 -8
- package/fesm2022/taiga-ui-core-pipes-format-number.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-pipes.mjs +0 -7
- package/fesm2022/taiga-ui-core-pipes.mjs.map +1 -1
- package/fesm2022/{taiga-ui-core-directives-alert.mjs → taiga-ui-core-portals-alert.mjs} +12 -12
- package/fesm2022/taiga-ui-core-portals-alert.mjs.map +1 -0
- package/fesm2022/{taiga-ui-core-components-dialog.mjs → taiga-ui-core-portals-dialog.mjs} +16 -16
- package/fesm2022/taiga-ui-core-portals-dialog.mjs.map +1 -0
- package/fesm2022/{taiga-ui-core-directives-dropdown.mjs → taiga-ui-core-portals-dropdown.mjs} +149 -237
- package/fesm2022/taiga-ui-core-portals-dropdown.mjs.map +1 -0
- package/fesm2022/{taiga-ui-core-directives-hint.mjs → taiga-ui-core-portals-hint.mjs} +57 -57
- package/fesm2022/taiga-ui-core-portals-hint.mjs.map +1 -0
- package/fesm2022/{taiga-ui-core-components-modal.mjs → taiga-ui-core-portals-modal.mjs} +10 -10
- package/fesm2022/taiga-ui-core-portals-modal.mjs.map +1 -0
- package/fesm2022/{taiga-ui-core-directives-popup.mjs → taiga-ui-core-portals-popup.mjs} +10 -10
- package/fesm2022/taiga-ui-core-portals-popup.mjs.map +1 -0
- package/fesm2022/taiga-ui-core-portals.mjs +11 -0
- package/fesm2022/taiga-ui-core-portals.mjs.map +1 -0
- package/fesm2022/taiga-ui-core-services.mjs +16 -55
- package/fesm2022/taiga-ui-core-services.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-tokens.mjs +5 -33
- package/fesm2022/taiga-ui-core-tokens.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-utils-format.mjs +1 -23
- package/fesm2022/taiga-ui-core-utils-format.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs +19 -19
- package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs.map +1 -1
- package/fesm2022/taiga-ui-core.mjs +1 -1
- package/index.d.ts +1 -1
- package/package.json +37 -62
- package/pipes/format-number/format-number.pipe.d.ts +1 -1
- package/pipes/index.d.ts +0 -7
- package/{components → portals}/dialog/dialog.service.d.ts +1 -1
- package/{directives → portals}/dropdown/dropdown-hover.directive.d.ts +5 -10
- package/{directives → portals}/dropdown/dropdown-manual.directive.d.ts +2 -2
- package/portals/dropdown/dropdown-open.directive.d.ts +30 -0
- package/{directives → portals}/dropdown/dropdown-position-sided.directive.d.ts +3 -3
- package/{directives → portals}/dropdown/dropdown-position.directive.d.ts +4 -4
- package/{directives → portals}/dropdown/dropdown-selection.directive.d.ts +4 -5
- package/{directives → portals}/dropdown/dropdown.bindings.d.ts +0 -1
- package/{directives → portals}/dropdown/dropdown.d.ts +1 -2
- package/{directives → portals}/dropdown/dropdown.directive.d.ts +5 -6
- package/{directives → portals}/dropdown/index.d.ts +0 -1
- package/{directives → portals}/hint/hint-position.directive.d.ts +3 -3
- package/{directives → portals}/hint/hint.directive.d.ts +1 -1
- package/portals/index.d.ts +6 -0
- package/services/index.d.ts +0 -2
- package/styles/components/appearance.less +5 -0
- package/styles/components/button.less +1 -1
- package/styles/components/link.less +8 -23
- package/styles/components/notification.less +4 -4
- package/styles/components/textfield.less +32 -65
- package/styles/mixins/appearance.less +9 -25
- package/styles/mixins/appearance.scss +8 -24
- package/styles/mixins/slider.scss +1 -2
- package/styles/taiga-ui-local.less +0 -1
- package/styles/taiga-ui-local.scss +0 -1
- package/styles/taiga-ui-theme.less +0 -1
- package/styles/theme/appearance/outline.less +9 -18
- package/styles/theme/appearance/primary.less +2 -4
- package/styles/theme/appearance/secondary.less +6 -14
- package/styles/theme/appearance/status.less +0 -4
- package/styles/theme/appearance/table.less +38 -31
- package/styles/theme/appearance.less +0 -1
- package/styles/theme/variables.less +15 -15
- package/tokens/common-icons.d.ts +2 -0
- package/tokens/icons.d.ts +0 -4
- package/tokens/index.d.ts +0 -4
- package/types/index.d.ts +0 -2
- package/types/point.d.ts +1 -1
- package/types/size.d.ts +0 -11
- package/utils/format/index.d.ts +0 -1
- package/utils/miscellaneous/font-scaling.d.ts +2 -1
- package/utils/miscellaneous/get-duration.d.ts +2 -0
- package/utils/miscellaneous/index.d.ts +1 -1
- package/animations/animations.d.ts +0 -109
- package/animations/index.d.ts +0 -1
- package/components/data-list/data-list.directive.d.ts +0 -7
- package/components/data-list/option/option-content.d.ts +0 -16
- package/components/data-list/option/option-legacy.component.d.ts +0 -24
- package/components/data-list/option/option.directive.d.ts +0 -26
- package/components/link/link.options.d.ts +0 -10
- package/directives/dropdown/dropdown-open-legacy.directive.d.ts +0 -12
- package/directives/dropdown/dropdown-open.directive.d.ts +0 -33
- package/fesm2022/taiga-ui-core-animations.mjs +0 -370
- package/fesm2022/taiga-ui-core-animations.mjs.map +0 -1
- package/fesm2022/taiga-ui-core-components-dialog.mjs.map +0 -1
- package/fesm2022/taiga-ui-core-components-modal.mjs.map +0 -1
- package/fesm2022/taiga-ui-core-directives-alert.mjs.map +0 -1
- package/fesm2022/taiga-ui-core-directives-dropdown.mjs.map +0 -1
- package/fesm2022/taiga-ui-core-directives-hint.mjs.map +0 -1
- package/fesm2022/taiga-ui-core-directives-popup.mjs.map +0 -1
- package/fesm2022/taiga-ui-core-pipes-auto-color.mjs +0 -24
- package/fesm2022/taiga-ui-core-pipes-auto-color.mjs.map +0 -1
- package/fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs +0 -93
- package/fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs.map +0 -1
- package/fesm2022/taiga-ui-core-pipes-flag.mjs +0 -31
- package/fesm2022/taiga-ui-core-pipes-flag.mjs.map +0 -1
- package/fesm2022/taiga-ui-core-pipes-format-date.mjs +0 -27
- package/fesm2022/taiga-ui-core-pipes-format-date.mjs.map +0 -1
- package/fesm2022/taiga-ui-core-pipes-initials.mjs +0 -28
- package/fesm2022/taiga-ui-core-pipes-initials.mjs.map +0 -1
- package/fesm2022/taiga-ui-core-pipes-month.mjs +0 -29
- package/fesm2022/taiga-ui-core-pipes-month.mjs.map +0 -1
- package/fesm2022/taiga-ui-core-pipes-order-week-days.mjs +0 -35
- package/fesm2022/taiga-ui-core-pipes-order-week-days.mjs.map +0 -1
- package/pipes/auto-color/auto-color.pipe.d.ts +0 -7
- package/pipes/auto-color/index.d.ts +0 -1
- package/pipes/calendar-sheet/index.d.ts +0 -1
- package/pipes/calendar-sheet/utils.d.ts +0 -20
- package/pipes/flag/flag.pipe.d.ts +0 -14
- package/pipes/flag/index.d.ts +0 -1
- package/pipes/format-date/format-date.pipe.d.ts +0 -9
- package/pipes/format-date/index.d.ts +0 -1
- package/pipes/initials/index.d.ts +0 -1
- package/pipes/initials/initials.pipe.d.ts +0 -7
- package/pipes/month/index.d.ts +0 -1
- package/pipes/month/month.pipe.d.ts +0 -10
- package/pipes/order-week-days/index.d.ts +0 -1
- package/services/dark-theme.service.d.ts +0 -10
- package/services/format-date.service.d.ts +0 -8
- package/styles/mixins/wrapper.less +0 -64
- package/styles/mixins/wrapper.scss +0 -61
- package/styles/theme/appearance/opposite.less +0 -17
- package/styles/theme/wrapper.less +0 -211
- package/tokens/day-type-handler.d.ts +0 -7
- package/tokens/first-day-of-week.d.ts +0 -5
- package/tokens/scroll-ref.d.ts +0 -2
- package/tokens/spin-icons.d.ts +0 -6
- package/types/range-state.d.ts +0 -4
- package/types/value-content-context.d.ts +0 -4
- package/utils/format/string-hash-to-hsl.d.ts +0 -6
- package/utils/miscellaneous/to-animation-options.d.ts +0 -4
- /package/{directives → components}/title/index.d.ts +0 -0
- /package/{directives → components}/title/title.directive.d.ts +0 -0
- /package/{directives → portals}/alert/alert.directive.d.ts +0 -0
- /package/{directives → portals}/alert/alert.service.d.ts +0 -0
- /package/{directives → portals}/alert/index.d.ts +0 -0
- /package/{components → portals}/dialog/dialog.component.d.ts +0 -0
- /package/{components → portals}/dialog/dialog.directive.d.ts +0 -0
- /package/{components → portals}/dialog/dialog.factory.d.ts +0 -0
- /package/{components → portals}/dialog/dialog.options.d.ts +0 -0
- /package/{components → portals}/dialog/dialog.providers.d.ts +0 -0
- /package/{components → portals}/dialog/index.d.ts +0 -0
- /package/{directives → portals}/dropdown/dropdown-content.directive.d.ts +0 -0
- /package/{directives → portals}/dropdown/dropdown-context.directive.d.ts +0 -0
- /package/{directives → portals}/dropdown/dropdown-hover.options.d.ts +0 -0
- /package/{directives → portals}/dropdown/dropdown-limit-width.d.ts +0 -0
- /package/{directives → portals}/dropdown/dropdown-options.directive.d.ts +0 -0
- /package/{directives → portals}/dropdown/dropdown.component.d.ts +0 -0
- /package/{directives → portals}/dropdown/dropdown.driver.d.ts +0 -0
- /package/{directives → portals}/dropdown/dropdown.providers.d.ts +0 -0
- /package/{directives → portals}/dropdown/with-dropdown-open.directive.d.ts +0 -0
- /package/{directives → portals}/hint/hint-describe.directive.d.ts +0 -0
- /package/{directives → portals}/hint/hint-driver.directive.d.ts +0 -0
- /package/{directives → portals}/hint/hint-host.directive.d.ts +0 -0
- /package/{directives → portals}/hint/hint-hover.directive.d.ts +0 -0
- /package/{directives → portals}/hint/hint-manual.directive.d.ts +0 -0
- /package/{directives → portals}/hint/hint-options.directive.d.ts +0 -0
- /package/{directives → portals}/hint/hint-overflow.directive.d.ts +0 -0
- /package/{directives → portals}/hint/hint-pointer.directive.d.ts +0 -0
- /package/{directives → portals}/hint/hint-unstyled.component.d.ts +0 -0
- /package/{directives → portals}/hint/hint.component.d.ts +0 -0
- /package/{directives → portals}/hint/hint.d.ts +0 -0
- /package/{directives → portals}/hint/hint.providers.d.ts +0 -0
- /package/{directives → portals}/hint/index.d.ts +0 -0
- /package/{components → portals}/modal/index.d.ts +0 -0
- /package/{components → portals}/modal/modal.component.d.ts +0 -0
- /package/{components → portals}/modal/modal.service.d.ts +0 -0
- /package/{directives → portals}/popup/index.d.ts +0 -0
- /package/{directives → portals}/popup/popup.directive.d.ts +0 -0
- /package/{directives → portals}/popup/popup.service.d.ts +0 -0
- /package/{directives → portals}/popup/popups.component.d.ts +0 -0
|
@@ -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
|
-
|
|
68
|
-
|
|
69
|
-
|
|
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
|
}
|
|
@@ -60,12 +60,11 @@ $track-inset: (
|
|
|
60
60
|
--t-offset: calc(var(--tui-radius-l) / 2 + $thumb / 2);
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
tui-input-range:not([new]) + &, /* TODO(v5): delete */
|
|
64
63
|
tui-range + & {
|
|
65
64
|
--t-offset: $thumb;
|
|
66
65
|
}
|
|
67
66
|
|
|
68
|
-
tui-input-range
|
|
67
|
+
tui-input-range + & {
|
|
69
68
|
--t-offset: calc(map-get($track-inset, $input-size) + $thumb);
|
|
70
69
|
}
|
|
71
70
|
}
|
|
@@ -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
|
-
|
|
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
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
&:
|
|
23
|
-
|
|
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
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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: -
|
|
42
|
+
outline-offset: -1px;
|
|
34
43
|
outline: 0.125rem solid var(--tui-border-focus);
|
|
35
44
|
});
|
|
36
45
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
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:
|
|
70
|
+
outline-offset: 0;
|
|
64
71
|
outline: 0.0625rem solid var(--tui-status-negative);
|
|
65
72
|
});
|
|
66
|
-
}
|
|
73
|
+
});
|
|
67
74
|
}
|
|
@@ -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) /
|
|
9
|
-
--tui-font-heading-2: bold calc(var(--tui-font-offset) + 2.75rem) /
|
|
10
|
-
--tui-font-heading-3: bold calc(var(--tui-font-offset) + 2.25rem) /
|
|
11
|
-
--tui-font-heading-4: bold calc(var(--tui-font-offset) + 1.75rem) /
|
|
12
|
-
--tui-font-heading-5: bold calc(var(--tui-font-offset) + 1.5rem) /
|
|
13
|
-
--tui-font-heading-6: bold calc(var(--tui-font-offset) + 1.25rem) /
|
|
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) /
|
|
16
|
-
--tui-font-text-l: normal calc(var(--tui-font-offset) + 1.0625rem) /
|
|
17
|
-
--tui-font-text-m: normal calc(var(--tui-font-offset) + 1rem) /
|
|
18
|
-
--tui-font-text-s: normal calc(var(--tui-font-offset) + 0.8125rem) /
|
|
19
|
-
--tui-font-text-xs: normal calc(var(--tui-font-offset) + 0.6875rem) /
|
|
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) /
|
|
22
|
-
--tui-font-text-ui-m: normal calc(var(--tui-font-offset) + 1rem) /
|
|
23
|
-
--tui-font-text-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) /
|
|
24
|
-
--tui-font-text-ui-xs: normal calc(var(--tui-font-offset) + 0.6875rem) /
|
|
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;
|
package/tokens/common-icons.d.ts
CHANGED
|
@@ -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/icons.d.ts
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
1
|
import { type FactoryProvider, InjectionToken } from '@angular/core';
|
|
2
2
|
export declare const TUI_ICON_REGISTRY: InjectionToken<Record<string, string>>;
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated: use {@link TUI_ICON_REGISTRY}
|
|
5
|
-
*/
|
|
6
|
-
export declare const TUI_ICON_STARTS: InjectionToken<Record<string, string>>;
|
|
7
3
|
export declare function tuiIconsProvider(icons: Record<string, string>): 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/index.d.ts
CHANGED
package/types/point.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export type TuiPoint = Readonly<[number, number]>;
|
|
1
|
+
export type TuiPoint = Readonly<[x: number, y: number]>;
|
package/types/size.d.ts
CHANGED
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Various sizes for components
|
|
3
|
-
*
|
|
4
|
-
* 'xxs' - extra extra small
|
|
5
|
-
* 'xs' - extra small
|
|
6
|
-
* 's' - small
|
|
7
|
-
* 'm' - medium (typically default)
|
|
8
|
-
* 'l' - large
|
|
9
|
-
* 'xl' - extra large
|
|
10
|
-
* 'xxl' - extra extra large
|
|
11
|
-
*/
|
|
12
1
|
export type TuiSizeM = 'm';
|
|
13
2
|
export type TuiSizeS = TuiSizeM | 's';
|
|
14
3
|
export type TuiSizeL = TuiSizeM | 'l';
|
package/utils/format/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export * from './font-scaling';
|
|
2
|
+
export * from './get-duration';
|
|
2
3
|
export * from './is-editing-key';
|
|
3
4
|
export * from './is-obscured';
|
|
4
5
|
export * from './override-options';
|
|
5
6
|
export * from './provide-taiga';
|
|
6
7
|
export * from './size-bigger';
|
|
7
|
-
export * from './to-animation-options';
|
|
@@ -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;
|
package/animations/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './animations';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { type Provider, type Type } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class TuiDataListDirective {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiDataListDirective, never>;
|
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDataListDirective, "ng-template[tuiDataList]", never, {}, {}, never, never, true, never>;
|
|
6
|
-
}
|
|
7
|
-
export declare function tuiAsDataList(list: Type<TuiDataListDirective>): Provider;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { InjectionToken, type Provider, type TemplateRef, type Type } from '@angular/core';
|
|
2
|
-
import { type TuiContext } from '@taiga-ui/cdk/types';
|
|
3
|
-
import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Content for tuiOption component
|
|
7
|
-
*/
|
|
8
|
-
export declare const TUI_OPTION_CONTENT: InjectionToken<Type<any> | PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>>>;
|
|
9
|
-
export declare function tuiAsOptionContent(useValue: PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>> | Type<any>): Provider;
|
|
10
|
-
export declare class TuiWithOptionContent {
|
|
11
|
-
protected readonly localContent: Type<any> | null;
|
|
12
|
-
protected readonly globalContent: Type<any> | null;
|
|
13
|
-
get content(): Type<any> | null;
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithOptionContent, never>;
|
|
15
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithOptionContent, never, never, {}, {}, ["localContent"], never, true, never>;
|
|
16
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { type OnDestroy, type TemplateRef } from '@angular/core';
|
|
2
|
-
import { type TuiContext } from '@taiga-ui/cdk/types';
|
|
3
|
-
import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@taiga-ui/core/directives/icons";
|
|
6
|
-
/**
|
|
7
|
-
* TODO(v5): delete
|
|
8
|
-
* @deprecated use `<button tuiOption new />` / `<a tuiOption new /> / `<label tuiOption new /> instead
|
|
9
|
-
*/
|
|
10
|
-
export declare class TuiOption<T = unknown> implements OnDestroy {
|
|
11
|
-
private readonly isMobile;
|
|
12
|
-
private readonly el;
|
|
13
|
-
private readonly dataList;
|
|
14
|
-
private readonly host;
|
|
15
|
-
protected readonly content: PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>>;
|
|
16
|
-
protected readonly dropdown: import("@angular/core").WritableSignal<import("@angular/core").ComponentRef<unknown> | null> | undefined;
|
|
17
|
-
disabled: boolean;
|
|
18
|
-
value?: T;
|
|
19
|
-
ngOnDestroy(): void;
|
|
20
|
-
protected onClick(): void;
|
|
21
|
-
protected onMouseMove(): void;
|
|
22
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiOption<any>, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiOption<any>, "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }]>;
|
|
24
|
-
}
|