@taiga-ui/core 2.21.0 → 2.25.0

package/modules/notifications/taiga-ui-core-modules-notifications.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"DEFAULT_ALERT_AUTOCLOSE_TIMEOUT":3000,"TuiNotificationAlertComponent":{"__symbolic":"class","arity":2,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"tui-notification-alert","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":22,"character":16}],"template":"<tui-notification\n    *ngIf=\"item.hasCloseButton else noClose\"\n    [status]=\"item.status\"\n    [hasIcon]=\"item.hasIcon\"\n    (close)=\"closeNotification()\"\n>\n    <label\n        *ngIf=\"item.label\"\n        polymorpheus-outlet\n        automation-id=\"tui-notification-alert__heading\"\n        class=\"heading\"\n        [content]=\"item.label\"\n        [context]=\"context\"\n    >\n    </label>\n    <div\n        polymorpheus-outlet\n        automation-id=\"tui-notification-alert__content\"\n        class=\"content\"\n        [content]=\"item.content\"\n        [context]=\"context\"\n    ></div>\n</tui-notification>\n<ng-template #noClose>\n    <tui-notification [status]=\"item.status\" [hasIcon]=\"item.hasIcon\">\n        <label\n            *ngIf=\"item.label\"\n            polymorpheus-outlet\n            automation-id=\"tui-notification-alert__heading\"\n            class=\"heading\"\n            [content]=\"item.label\"\n            [context]=\"context\"\n        >\n        </label>\n        <div\n            polymorpheus-outlet\n            automation-id=\"tui-notification-alert__content\"\n            class=\"content\"\n            [content]=\"item.content\"\n            [context]=\"context\"\n        ></div>\n    </tui-notification>\n</ng-template>\n","styles":[":host{box-shadow:0 .5rem 1rem rgba(0,0,0,.16);display:block;border-radius:var(--tui-radius-m)}.heading{font:var(--tui-font-text-m);line-height:1.25rem;font-weight:700;margin:0}.content{color:var(--tui-text-01);word-wrap:break-word}.content:empty{display:none}"]}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":29,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":30,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":31,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_NOTIFICATION_OPTIONS","line":31,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":29,"character":68,"context":{"typeName":"HTMLElement"},"module":"./notification-alert/notification-alert.component"}]},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":30,"character":62},{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"NotificationTokenOptions","line":32,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"closeNotification":[{"__symbolic":"method"}],"calculateContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":47,"character":5}]}],"initAutoClose":[{"__symbolic":"method"}]}},"TuiNotificationAlertModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":14},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":8,"character":28},{"__symbolic":"reference","module":"@taiga-ui/core/components/notification","name":"TuiNotificationModule","line":8,"character":48}],"declarations":[{"__symbolic":"reference","name":"TuiNotificationAlertComponent"}],"exports":[{"__symbolic":"reference","name":"TuiNotificationAlertComponent"}]}]}],"members":{}},"NotificationAlert":{"__symbolic":"class","arity":2,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Observer","module":"rxjs","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":36,"context":{"typeName":"O"},"module":"./notification-alert/Notification-alert"}]},{"__symbolic":"reference","name":"PolymorpheusContent","module":"@tinkoff/ng-polymorpheus","arguments":[{"__symbolic":"reference","name":"TuiNotificationContentContext"}]},{"__symbolic":"error","message":"Could not resolve type","line":27,"character":34,"context":{"typeName":"Required"},"module":"./notification-alert/Notification-alert"}]}],"withData":[{"__symbolic":"method"}]}},"TuiNotificationsHostComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"tui-notifications-host","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":21},"member":"OnPush"},"animations":[{"__symbolic":"reference","module":"@taiga-ui/core/animations","name":"tuiFadeInList","line":17,"character":17},{"__symbolic":"reference","module":"@taiga-ui/core/animations","name":"tuiSlideInRightList","line":17,"character":32},{"__symbolic":"reference","module":"@taiga-ui/core/animations","name":"tuiHeightCollapseList","line":17,"character":53}],"template":"<ng-container *tuiLet=\"service.items$ | async as items\">\n    <div\n        *ngIf=\"items.length\"\n        class=\"wrapper\"\n        [@tuiFadeInList]=\"getAnimation(items.length)\"\n        [@tuiHeightCollapseList]=\"getAnimation(items.length)\"\n        [@tuiSlideInRightList]=\"getAnimation(items.length)\"\n    >\n        <tui-notification-alert\n            *ngFor=\"let item of items\"\n            class=\"alert\"\n            role=\"alert\"\n            [item]=\"item\"\n        ></tui-notification-alert>\n    </div>\n</ng-container>\n","styles":[":host{position:fixed;top:0;left:0;width:100%;height:0}.wrapper{width:18rem;margin-left:auto;padding:2rem 3rem 0 0;pointer-events:none}@media screen and (max-width:47.9375em){.wrapper{padding:1rem 1rem 0 0}}@media screen and (min-width:80em){.wrapper{width:23rem}}.alert{pointer-events:auto}.alert:not(:first-child){margin-top:.75rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":21,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_ANIMATION_OPTIONS","line":21,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiNotificationsService"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/animations","name":"AnimationOptions","line":21,"character":65},{"__symbolic":"reference","name":"TuiNotificationsService"}]}],"getAnimation":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":25,"character":5}]}]}},"TuiNotificationContentContext":{"__symbolic":"interface"},"NOTIFICATIONS_HOST":{"__symbolic":"reference","name":"TuiNotificationsHostComponent"},"TuiNotificationsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":14},{"__symbolic":"reference","name":"TuiNotificationAlertModule"},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":10,"character":56}],"declarations":[{"__symbolic":"reference","name":"NOTIFICATIONS_HOST"}],"exports":[{"__symbolic":"reference","name":"NOTIFICATIONS_HOST"}],"entryComponents":[{"__symbolic":"reference","name":"NOTIFICATIONS_HOST"}],"providers":[{"provide":{"__symbolic":"reference","name":"NOTIFICATIONS_HOST"},"useValue":{"__symbolic":"reference","name":"NOTIFICATIONS_HOST"}}]}]}],"members":{}},"TuiNotificationsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_NOTIFICATION_OPTIONS","line":23,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"NotificationTokenOptions","line":24,"character":33}]}],"show":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"DEFAULT_ALERT_AUTOCLOSE_TIMEOUT":"./notification-alert/notification-alert.component","TuiNotificationAlertComponent":"./notification-alert/notification-alert.component","TuiNotificationAlertModule":"./notification-alert/notification-alert.module","NotificationAlert":"./notification-alert/Notification-alert","TuiNotificationsHostComponent":"./notifications-host/notifications-host.component","TuiNotificationContentContext":"./notification-content-context","NOTIFICATIONS_HOST":"./notifications-host/notifications-host.component","TuiNotificationsModule":"./notifications.module","TuiNotificationsService":"./notifications.service"},"importAs":"@taiga-ui/core/modules/notifications"}
+{"__symbolic":"module","version":4,"metadata":{"NotificationAlert":{"__symbolic":"class","arity":2,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Observer","module":"rxjs","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":26,"character":36,"context":{"typeName":"O"},"module":"./notification-alert/Notification-alert"}]},{"__symbolic":"reference","name":"PolymorpheusContent","module":"@tinkoff/ng-polymorpheus","arguments":[{"__symbolic":"reference","name":"TuiNotificationContentContext"}]},{"__symbolic":"error","message":"Could not resolve type","line":28,"character":34,"context":{"typeName":"Required"},"module":"./notification-alert/Notification-alert"}]}],"withData":[{"__symbolic":"method"}]}},"DEFAULT_ALERT_AUTOCLOSE_TIMEOUT":3000,"TuiNotificationAlertComponent":{"__symbolic":"class","arity":2,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"tui-notification-alert","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":23,"character":16}],"template":"<tui-notification\n    *ngIf=\"item.hasCloseButton; else noClose\"\n    [status]=\"item.status\"\n    [hasIcon]=\"item.hasIcon\"\n    (close)=\"closeNotification()\"\n>\n    <label\n        *ngIf=\"item.label\"\n        polymorpheus-outlet\n        automation-id=\"tui-notification-alert__heading\"\n        class=\"heading\"\n        [content]=\"item.label\"\n        [context]=\"context\"\n    ></label>\n    <div\n        polymorpheus-outlet\n        automation-id=\"tui-notification-alert__content\"\n        class=\"content\"\n        [content]=\"item.content\"\n        [context]=\"context\"\n    ></div>\n</tui-notification>\n<ng-template #noClose>\n    <tui-notification [status]=\"item.status\" [hasIcon]=\"item.hasIcon\">\n        <label\n            *ngIf=\"item.label\"\n            polymorpheus-outlet\n            automation-id=\"tui-notification-alert__heading\"\n            class=\"heading\"\n            [content]=\"item.label\"\n            [context]=\"context\"\n        ></label>\n        <div\n            polymorpheus-outlet\n            automation-id=\"tui-notification-alert__content\"\n            class=\"content\"\n            [content]=\"item.content\"\n            [context]=\"context\"\n        ></div>\n    </tui-notification>\n</ng-template>\n","styles":[":host{box-shadow:0 .5rem 1rem rgba(0,0,0,.16);display:block;border-radius:var(--tui-radius-m)}.heading{font:var(--tui-font-text-m);line-height:1.25rem;font-weight:700;margin:0}.content{color:var(--tui-text-01);word-wrap:break-word}.content:empty{display:none}"]}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":31,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":31,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":32,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_NOTIFICATION_OPTIONS","line":32,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":30,"character":68,"context":{"typeName":"HTMLElement"},"module":"./notification-alert/notification-alert.component"}]},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":31,"character":62},{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"NotificationTokenOptions","line":33,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"closeNotification":[{"__symbolic":"method"}],"calculateContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":48,"character":5}]}],"initAutoClose":[{"__symbolic":"method"}]}},"TuiNotificationAlertModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":14},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":8,"character":28},{"__symbolic":"reference","module":"@taiga-ui/core/components/notification","name":"TuiNotificationModule","line":8,"character":48}],"declarations":[{"__symbolic":"reference","name":"TuiNotificationAlertComponent"}],"exports":[{"__symbolic":"reference","name":"TuiNotificationAlertComponent"}]}]}],"members":{}},"TuiNotificationContentContext":{"__symbolic":"interface"},"NOTIFICATIONS_HOST":{"__symbolic":"reference","name":"TuiNotificationsHostComponent"},"TuiNotificationsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":14},{"__symbolic":"reference","name":"TuiNotificationAlertModule"},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":11,"character":56}],"declarations":[{"__symbolic":"reference","name":"TuiNotificationsHostComponent"}],"exports":[{"__symbolic":"reference","name":"TuiNotificationsHostComponent"}],"entryComponents":[{"__symbolic":"reference","name":"TuiNotificationsHostComponent"}],"providers":[{"provide":{"__symbolic":"reference","name":"TuiNotificationsHostComponent"},"useValue":{"__symbolic":"reference","name":"NOTIFICATIONS_HOST"}}]}]}],"members":{}},"TuiNotificationsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":24,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_NOTIFICATION_OPTIONS","line":24,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"NotificationTokenOptions","line":25,"character":33}]}],"show":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"TuiNotificationsHostComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"tui-notifications-host","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":21},"member":"OnPush"},"animations":[{"__symbolic":"reference","module":"@taiga-ui/core/animations","name":"tuiFadeInList","line":18,"character":17},{"__symbolic":"reference","module":"@taiga-ui/core/animations","name":"tuiSlideInRightList","line":18,"character":32},{"__symbolic":"reference","module":"@taiga-ui/core/animations","name":"tuiHeightCollapseList","line":18,"character":53}],"template":"<ng-container *tuiLet=\"service.items$ | async as items\">\n    <div\n        *ngIf=\"items.length\"\n        class=\"wrapper\"\n        [@tuiFadeInList]=\"getAnimation(items.length)\"\n        [@tuiHeightCollapseList]=\"getAnimation(items.length)\"\n        [@tuiSlideInRightList]=\"getAnimation(items.length)\"\n    >\n        <tui-notification-alert\n            *ngFor=\"let item of items\"\n            role=\"alert\"\n            class=\"alert\"\n            [item]=\"item\"\n        ></tui-notification-alert>\n    </div>\n</ng-container>\n","styles":[":host{position:fixed;top:0;left:0;width:100%;height:0}.wrapper{width:18rem;margin-left:auto;padding:2rem 3rem 0 0;pointer-events:none}@media screen and (max-width:47.9375em){.wrapper{padding:1rem 1rem 0 0}}@media screen and (min-width:80em){.wrapper{width:23rem}}.alert{pointer-events:auto}.alert:not(:first-child){margin-top:.75rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_ANIMATION_OPTIONS","line":22,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiNotificationsService"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/animations","name":"AnimationOptions","line":22,"character":65},{"__symbolic":"reference","name":"TuiNotificationsService"}]}],"getAnimation":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":26,"character":5}]}]}}},"origins":{"NotificationAlert":"./notification-alert/Notification-alert","DEFAULT_ALERT_AUTOCLOSE_TIMEOUT":"./notification-alert/notification-alert.component","TuiNotificationAlertComponent":"./notification-alert/notification-alert.component","TuiNotificationAlertModule":"./notification-alert/notification-alert.module","TuiNotificationContentContext":"./notification-content-context","NOTIFICATIONS_HOST":"./notifications-host/notifications-host.component","TuiNotificationsModule":"./notifications.module","TuiNotificationsService":"./notifications.service","TuiNotificationsHostComponent":"./notifications-host/notifications-host.component"},"importAs":"@taiga-ui/core/modules/notifications"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/core",
-  "version": "2.21.0",
+  "version": "2.25.0",
   "description": "Core library for creating Angular components and applications using Taiga UI",
   "keywords": [
     "angular",
@@ -16,19 +16,19 @@
   "homepage": "https://github.com/TinkoffCreditSystems/taiga-ui",
   "schematics": "./schematics/collection.json",
   "dependencies": {
-    "@taiga-ui/i18n": "2.21.0",
+    "@taiga-ui/i18n": "2.25.0",
     "tslib": "^1.10.0"
   },
   "peerDependencies": {
-    "@taiga-ui/cdk": "2.21.0",
+    "@taiga-ui/cdk": "2.25.0",
     "@angular/animations": ">=9.0.0",
     "@angular/common": ">=9.0.0",
     "@angular/core": ">=9.0.0",
     "@angular/forms": ">=9.0.0",
     "@angular/platform-browser": ">=9.0.0",
     "@angular/router": ">=9.0.0",
-    "@tinkoff/ng-event-plugins": ">=2.3.0",
-    "@tinkoff/ng-polymorpheus": "3.1.9",
+    "@tinkoff/ng-event-plugins": ">=2.3.2",
+    "@tinkoff/ng-polymorpheus": "3.1.12",
     "rxjs": ">=6.0.0"
   },
   "main": "bundles/taiga-ui-core.umd.js",

package/pipes/calendar-sheet/index.d.ts

@@ -1,2 +1,2 @@
-export * from './calendar-sheet.pipe';
 export * from './calendar-sheet.module';
+export * from './calendar-sheet.pipe';

package/pipes/calendar-sheet/taiga-ui-core-pipes-calendar-sheet.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiCalendarSheetPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":7,"character":1},"arguments":[{"name":"tuiCalendarSheet"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_FIRST_DAY_OF_WEEK","line":15,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDayOfWeek","line":16,"character":41}]}],"transform":[{"__symbolic":"method"}]}},"TuiCalendarSheetPipeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":3,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TuiCalendarSheetPipe"}],"exports":[{"__symbolic":"reference","name":"TuiCalendarSheetPipe"}]}]}],"members":{}}},"origins":{"TuiCalendarSheetPipe":"./calendar-sheet.pipe","TuiCalendarSheetPipeModule":"./calendar-sheet.module"},"importAs":"@taiga-ui/core/pipes/calendar-sheet"}
+{"__symbolic":"module","version":4,"metadata":{"TuiCalendarSheetPipeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TuiCalendarSheetPipe"}],"exports":[{"__symbolic":"reference","name":"TuiCalendarSheetPipe"}]}]}],"members":{}},"TuiCalendarSheetPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":8,"character":1},"arguments":[{"name":"tuiCalendarSheet"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_FIRST_DAY_OF_WEEK","line":16,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDayOfWeek","line":17,"character":41}]}],"transform":[{"__symbolic":"method"}]}}},"origins":{"TuiCalendarSheetPipeModule":"./calendar-sheet.module","TuiCalendarSheetPipe":"./calendar-sheet.pipe"},"importAs":"@taiga-ui/core/pipes/calendar-sheet"}

package/pipes/index.d.ts

@@ -1,5 +1,5 @@
+export * from '@taiga-ui/core/pipes/calendar-sheet';
 export * from '@taiga-ui/core/pipes/format-number';
 export * from '@taiga-ui/core/pipes/format-phone';
 export * from '@taiga-ui/core/pipes/month';
 export * from '@taiga-ui/core/pipes/pluralize';
-export * from '@taiga-ui/core/pipes/calendar-sheet';

package/pipes/month/taiga-ui-core-pipes-month.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiMonthPipeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":3,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"TuiMonthPipe"}],"declarations":[{"__symbolic":"reference","name":"TuiMonthPipe"}]}]}],"members":{}},"TuiMonthPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":7,"character":1},"arguments":[{"name":"tuiMonth"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":9,"character":17},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_MONTHS","line":9,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"string"}]}]}]}],"transform":[{"__symbolic":"method"}]}}},"origins":{"TuiMonthPipeModule":"./month.module","TuiMonthPipe":"./month.pipe"},"importAs":"@taiga-ui/core/pipes/month"}
+{"__symbolic":"module","version":4,"metadata":{"TuiMonthPipeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"TuiMonthPipe"}],"declarations":[{"__symbolic":"reference","name":"TuiMonthPipe"}]}]}],"members":{}},"TuiMonthPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":7,"character":1},"arguments":[{"name":"tuiMonth"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":9,"character":17},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_MONTHS","line":9,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"string"}]}]}]}],"transform":[{"__symbolic":"method"}]}}},"origins":{"TuiMonthPipeModule":"./month.module","TuiMonthPipe":"./month.pipe"},"importAs":"@taiga-ui/core/pipes/month"}

package/pipes/pluralize/taiga-ui-core-pipes-pluralize.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiPluralizePipeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"TuiPluralizePipe"}],"declarations":[{"__symbolic":"reference","name":"TuiPluralizePipe"}]}]}],"members":{}},"TuiPluralizePipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":8,"character":1},"arguments":[{"name":"tuiPluralize"}]}],"members":{"transform":[{"__symbolic":"method"}]}}},"origins":{"TuiPluralizePipeModule":"./pluralize.module","TuiPluralizePipe":"./pluralize.pipe"},"importAs":"@taiga-ui/core/pipes/pluralize"}
+{"__symbolic":"module","version":4,"metadata":{"TuiPluralizePipeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"TuiPluralizePipe"}],"declarations":[{"__symbolic":"reference","name":"TuiPluralizePipe"}]}]}],"members":{}},"TuiPluralizePipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":8,"character":1},"arguments":[{"name":"tuiPluralize"}]}],"members":{"transform":[{"__symbolic":"method"}]}}},"origins":{"TuiPluralizePipeModule":"./pluralize.module","TuiPluralizePipe":"./pluralize.pipe"},"importAs":"@taiga-ui/core/pipes/pluralize"}

package/pipes/taiga-ui-core-pipes.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"@taiga-ui/core/pipes/format-number"},{"from":"@taiga-ui/core/pipes/format-phone"},{"from":"@taiga-ui/core/pipes/month"},{"from":"@taiga-ui/core/pipes/pluralize"},{"from":"@taiga-ui/core/pipes/calendar-sheet"}],"metadata":{},"origins":{},"importAs":"@taiga-ui/core/pipes"}
+{"__symbolic":"module","version":4,"exports":[{"from":"@taiga-ui/core/pipes/calendar-sheet"},{"from":"@taiga-ui/core/pipes/format-number"},{"from":"@taiga-ui/core/pipes/format-phone"},{"from":"@taiga-ui/core/pipes/month"},{"from":"@taiga-ui/core/pipes/pluralize"}],"metadata":{},"origins":{},"importAs":"@taiga-ui/core/pipes"}

package/providers/index.d.ts

@@ -1,2 +1,2 @@
-export * from './watched-controller-provider-factory';
 export * from './mode.provider';
+export * from './watched-controller-provider-factory';

package/providers/taiga-ui-core-providers.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"watchedControllerFactory":{"__symbolic":"function"},"modeFactory":{"__symbolic":"function"},"MODE_PROVIDER":{"provide":{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_MODE","line":22,"character":13},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":23,"character":16}},{"__symbolic":"reference","module":"@taiga-ui/core/directives/mode","name":"TuiModeDirective","line":23,"character":28}],{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":23,"character":47}],"useFactory":{"__symbolic":"reference","name":"modeFactory"}}},"origins":{"watchedControllerFactory":"./watched-controller-provider-factory","modeFactory":"./mode.provider","MODE_PROVIDER":"./mode.provider"},"importAs":"@taiga-ui/core/providers"}
+{"__symbolic":"module","version":4,"metadata":{"modeFactory":{"__symbolic":"function"},"MODE_PROVIDER":{"provide":{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_MODE","line":22,"character":13},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":23,"character":16}},{"__symbolic":"reference","module":"@taiga-ui/core/directives/mode","name":"TuiModeDirective","line":23,"character":28}],{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":23,"character":47}],"useFactory":{"__symbolic":"reference","name":"modeFactory"}},"watchedControllerFactory":{"__symbolic":"function"}},"origins":{"modeFactory":"./mode.provider","MODE_PROVIDER":"./mode.provider","watchedControllerFactory":"./watched-controller-provider-factory"},"importAs":"@taiga-ui/core/providers"}

package/services/taiga-ui-core-services.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiHintService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"rxjs","name":"BehaviorSubject","line":13,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}],"unregister":[{"__symbolic":"method"}],"showHintForId":[{"__symbolic":"method"}],"hideHintForId":[{"__symbolic":"method"}],"findDirectiveWithHintId":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"TuiNightThemeService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"rxjs","name":"Observable","line":9,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":17},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"WINDOW","line":10,"character":24}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":10,"character":43,"context":{"typeName":"Window"},"module":"./night-theme.service"}]}]},"statics":{"ɵprov":{}}},"TuiRouterLinkActiveService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"rxjs","name":"Observable","line":8,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":10,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/router","name":"RouterLinkActive","line":11,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":13,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"ANIMATION_FRAME","line":14,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":15,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"RouterLinkActive","line":12,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":13,"character":32},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"number"}]},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":15,"character":45}]}]}},"TuiSvgService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":20,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":21,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_SANITIZER","line":21,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":23,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":24,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_ICONS","line":24,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Sanitizer","line":22,"character":39},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":23,"character":58},{"__symbolic":"error","message":"Could not resolve type","line":24,"character":34,"context":{"typeName":"Record"},"module":"./svg.service"}]}],"define":[{"__symbolic":"method"}],"getOriginal":[{"__symbolic":"method"}],"defineIcon":[{"__symbolic":"method"}],"parseSrc":[{"__symbolic":"method"}],"sanitize":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"TuiHintService":"./hint.service","TuiNightThemeService":"./night-theme.service","TuiRouterLinkActiveService":"./router-link-active.service","TuiSvgService":"./svg.service"},"importAs":"@taiga-ui/core/services"}
+{"__symbolic":"module","version":4,"metadata":{"TuiHintService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"rxjs","name":"BehaviorSubject","line":14,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}],"unregister":[{"__symbolic":"method"}],"showHintForId":[{"__symbolic":"method"}],"hideHintForId":[{"__symbolic":"method"}],"findDirectiveWithHintId":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"TuiNightThemeService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"rxjs","name":"Observable","line":9,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":17},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"WINDOW","line":10,"character":24}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":10,"character":43,"context":{"typeName":"Window"},"module":"./night-theme.service"}]}]},"statics":{"ɵprov":{}}},"TuiRouterLinkActiveService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"rxjs","name":"Observable","line":8,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":10,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/router","name":"RouterLinkActive","line":11,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":13,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"ANIMATION_FRAME","line":14,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":15,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"RouterLinkActive","line":12,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":13,"character":32},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"number"}]},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":15,"character":45}]}]}},"TuiSvgService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":20,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":21,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_SANITIZER","line":21,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":23,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":24,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_ICONS","line":24,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Sanitizer","line":22,"character":39},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":23,"character":58},{"__symbolic":"error","message":"Could not resolve type","line":24,"character":34,"context":{"typeName":"Record"},"module":"./svg.service"}]}],"define":[{"__symbolic":"method"}],"getOriginal":[{"__symbolic":"method"}],"defineIcon":[{"__symbolic":"method"}],"parseSrc":[{"__symbolic":"method"}],"sanitize":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"TuiHintService":"./hint.service","TuiNightThemeService":"./night-theme.service","TuiRouterLinkActiveService":"./router-link-active.service","TuiSvgService":"./svg.service"},"importAs":"@taiga-ui/core/services"}

package/styles/basic/main.less

@@ -1,5 +1,7 @@
 html {
     height: 100%;
+    // TODO: research if it can be used in rem units
+    /* stylelint-disable-next-line */
     font-size: 16px;
 }
 
@@ -59,10 +61,6 @@ html,
     .scrollbar-hidden();
 }
 
-::-moz-selection {
-    background-color: var(--tui-selection);
-}
-
 ::selection {
     background-color: var(--tui-selection);
 }

package/styles/markup/tui-autofill.less

@@ -11,6 +11,8 @@
         -webkit-text-fill-color: inherit !important;
         color: inherit !important;
         background-color: transparent !important;
+        // TODO: research if it can be used in rem units
+        /* stylelint-disable-next-line */
         -webkit-box-shadow: 0 0 0 1000px var(--tui-autofill) inset !important; // to overlay native background
         animation-name: tuiAutofillOn;
     }

package/styles/markup/tui-container-old.less

@@ -0,0 +1,69 @@
+// width - conscious choice
+/* stylelint-disable order/order */
+.tui-container {
+    margin-right: auto;
+    margin-left: auto;
+    box-sizing: border-box;
+
+    &.tui-container_adaptive {
+        @media @desktop-lg-min {
+            width: 69rem;
+        }
+
+        @media @desktop {
+            width: 51.5rem;
+        }
+
+        @media @tablet-lg {
+            width: 38rem;
+        }
+
+        @media @tablet-s {
+            width: 32rem;
+        }
+
+        @media @mobile {
+            width: 100%;
+            padding: 0 1rem;
+        }
+    }
+
+    @media @desktop-lg-min {
+        width: 69rem;
+    }
+
+    @media @desktop {
+        width: 51.5rem;
+    }
+
+    &_menu {
+        @media @desktop-lg-min {
+            width: 69rem;
+        }
+
+        @media @desktop-interval {
+            width: 51.5rem;
+        }
+
+        @media @tablet {
+            width: auto;
+            padding: 0 1rem;
+        }
+    }
+
+    &_fullwidth {
+        width: auto;
+        padding: 0 1.5rem;
+
+        @media @tablet {
+            padding: 0 1rem;
+        }
+    }
+
+    &_fixed {
+        @media @desktop {
+            width: 69rem;
+        }
+    }
+}
+/* stylelint-enable order/order */

package/styles/markup/tui-form-old.less

@@ -0,0 +1,141 @@
+@fields-space: @space * 5;
+@fields-space-mobile: @space * 4;
+@fields-space-large: @space * 8;
+@fields-space-large-mobile: @space * 6;
+
+.tui-form {
+    &__header {
+        margin-top: @fields-space-large;
+
+        &_margin-top_none {
+            margin-top: 0;
+        }
+
+        &_margin-bottom_none {
+            margin-bottom: 0;
+        }
+
+        &_margin-bottom_small {
+            @media @mobile {
+                margin-bottom: @fields-space-mobile - @space;
+            }
+
+            @media @tablet-min {
+                margin-bottom: @fields-space - @space;
+            }
+        }
+
+        @media @mobile {
+            font: var(--tui-font-text-l);
+            font-weight: bold;
+            margin-bottom: @fields-space-mobile;
+        }
+
+        @media @tablet-min {
+            font: var(--tui-font-heading-5);
+            margin-bottom: @fields-space;
+        }
+    }
+
+    &__row {
+        margin-top: @fields-space;
+
+        &:first-child {
+            margin-top: 0;
+        }
+
+        &_multi-fields {
+            display: flex;
+
+            @media @mobile {
+                flex-wrap: wrap;
+            }
+        }
+
+        &_half-width {
+            width: ~'calc(50% - @{fields-space} / 2)';
+
+            @media @mobile {
+                width: 100%;
+            }
+        }
+
+        &_checkboxes {
+            display: flex;
+            flex-wrap: wrap;
+        }
+
+        @media @mobile {
+            margin-top: @fields-space-mobile;
+        }
+    }
+
+    &__multi-field {
+        flex: 1 1 0;
+        min-width: 0;
+        margin-left: @fields-space;
+
+        &:first-child {
+            margin-left: 0;
+        }
+
+        @media @mobile {
+            flex-basis: 100%;
+            margin-top: @fields-space-mobile;
+            margin-left: 0;
+
+            &:first-child {
+                margin-top: 0;
+            }
+        }
+    }
+
+    &__field-note {
+        font: var(--tui-font-text-s);
+        margin-top: @space;
+        color: var(--tui-text-02);
+    }
+
+    &__field-checkbox {
+        margin-top: @space * 2;
+    }
+
+    &__checkbox {
+        flex: ~'1 1 calc(50% - 0.625rem)';
+
+        &:nth-child(even) {
+            margin-left: 1.25rem;
+        }
+
+        &:nth-child(n + 3) {
+            margin-top: 1rem;
+        }
+    }
+
+    &__buttons {
+        display: flex;
+        margin-top: @fields-space-large;
+
+        &_align_end {
+            justify-content: flex-end;
+        }
+
+        @media @mobile {
+            flex-direction: column;
+            margin-top: @fields-space-large-mobile;
+        }
+    }
+
+    &__button {
+        margin-left: @space * 3;
+
+        &:first-child {
+            margin-left: 0;
+        }
+
+        @media @mobile {
+            margin-top: @space * 2;
+            margin-left: 0;
+        }
+    }
+}

package/styles/markup/tui-form.less

@@ -7,17 +7,6 @@
     &__header {
         margin-top: @fields-space-large;
 
-        @media @mobile-m {
-            font: var(--tui-font-text-l);
-            font-weight: bold;
-            margin-bottom: @fields-space-mobile;
-        }
-
-        @media @desktop-s-min {
-            font: var(--tui-font-heading-5);
-            margin-bottom: @fields-space;
-        }
-
         &_margin-top_none {
             margin-top: 0;
         }
@@ -35,6 +24,17 @@
                 margin-bottom: @fields-space - @space;
             }
         }
+
+        @media @mobile-m {
+            font: var(--tui-font-text-l);
+            font-weight: bold;
+            margin-bottom: @fields-space-mobile;
+        }
+
+        @media @desktop-s-min {
+            font: var(--tui-font-heading-5);
+            margin-bottom: @fields-space;
+        }
     }
 
     &__row {
@@ -53,7 +53,7 @@
         }
 
         &_half-width {
-            width: ~'calc(50% - @{fields-space} / 2)';
+            width: ~'calc(50% - (@{fields-space} / 2))';
 
             @media @mobile-m {
                 width: 100%;