@taiga-ui/core 4.52.0-canary.ca43bcb → 4.52.0-canary.e07790b

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/core",
-  "version": "4.52.0-canary.ca43bcb",
+  "version": "4.52.0-canary.e07790b",
   "description": "Core library for creating Angular components and applications using Taiga UI",
   "keywords": [
     "angular",
@@ -26,18 +26,10 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/taiga-ui-core.mjs"
     },
-    "./animations": {
-      "types": "./animations/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-animations.mjs"
-    },
     "./classes": {
       "types": "./classes/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-classes.mjs"
     },
-    "./components": {
-      "types": "./components/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-components.mjs"
-    },
     "./directives": {
       "types": "./directives/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-directives.mjs"
@@ -50,6 +42,10 @@
       "types": "./portals/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-portals.mjs"
     },
+    "./components": {
+      "types": "./components/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-components.mjs"
+    },
     "./services": {
       "types": "./services/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-services.mjs"
@@ -66,6 +62,58 @@
       "types": "./utils/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-utils.mjs"
     },
+    "./directives/appearance": {
+      "types": "./directives/appearance/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-appearance.mjs"
+    },
+    "./directives/date-format": {
+      "types": "./directives/date-format/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-date-format.mjs"
+    },
+    "./directives/group": {
+      "types": "./directives/group/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-group.mjs"
+    },
+    "./directives/icons": {
+      "types": "./directives/icons/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-icons.mjs"
+    },
+    "./directives/items-handlers": {
+      "types": "./directives/items-handlers/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-items-handlers.mjs"
+    },
+    "./directives/number-format": {
+      "types": "./directives/number-format/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-directives-number-format.mjs"
+    },
+    "./pipes/format-number": {
+      "types": "./pipes/format-number/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-pipes-format-number.mjs"
+    },
+    "./portals/alert": {
+      "types": "./portals/alert/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-portals-alert.mjs"
+    },
+    "./portals/dialog": {
+      "types": "./portals/dialog/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-portals-dialog.mjs"
+    },
+    "./portals/dropdown": {
+      "types": "./portals/dropdown/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-portals-dropdown.mjs"
+    },
+    "./portals/hint": {
+      "types": "./portals/hint/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-portals-hint.mjs"
+    },
+    "./portals/modal": {
+      "types": "./portals/modal/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-portals-modal.mjs"
+    },
+    "./portals/popup": {
+      "types": "./portals/popup/index.d.ts",
+      "default": "./fesm2022/taiga-ui-core-portals-popup.mjs"
+    },
     "./components/button": {
       "types": "./components/button/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-button.mjs"
@@ -134,58 +182,6 @@
       "types": "./components/title/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-components-title.mjs"
     },
-    "./directives/appearance": {
-      "types": "./directives/appearance/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-directives-appearance.mjs"
-    },
-    "./directives/date-format": {
-      "types": "./directives/date-format/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-directives-date-format.mjs"
-    },
-    "./directives/group": {
-      "types": "./directives/group/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-directives-group.mjs"
-    },
-    "./directives/icons": {
-      "types": "./directives/icons/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-directives-icons.mjs"
-    },
-    "./directives/items-handlers": {
-      "types": "./directives/items-handlers/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-directives-items-handlers.mjs"
-    },
-    "./directives/number-format": {
-      "types": "./directives/number-format/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-directives-number-format.mjs"
-    },
-    "./pipes/format-number": {
-      "types": "./pipes/format-number/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-pipes-format-number.mjs"
-    },
-    "./portals/alert": {
-      "types": "./portals/alert/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-portals-alert.mjs"
-    },
-    "./portals/dialog": {
-      "types": "./portals/dialog/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-portals-dialog.mjs"
-    },
-    "./portals/dropdown": {
-      "types": "./portals/dropdown/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-portals-dropdown.mjs"
-    },
-    "./portals/hint": {
-      "types": "./portals/hint/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-portals-hint.mjs"
-    },
-    "./portals/modal": {
-      "types": "./portals/modal/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-portals-modal.mjs"
-    },
-    "./portals/popup": {
-      "types": "./portals/popup/index.d.ts",
-      "default": "./fesm2022/taiga-ui-core-portals-popup.mjs"
-    },
     "./utils/dom": {
       "types": "./utils/dom/index.d.ts",
       "default": "./fesm2022/taiga-ui-core-utils-dom.mjs"
@@ -200,7 +196,6 @@
     }
   },
   "peerDependencies": {
-    "@angular/animations": ">=19.0.0",
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
     "@angular/forms": ">=19.0.0",

package/portals/hint/hint-position.directive.d.ts

@@ -4,17 +4,17 @@ import { type TuiHintDirection } from './hint-options.directive';
 import * as i0 from "@angular/core";
 export declare class TuiHintPosition extends TuiPositionAccessor {
     private readonly el;
-    private readonly offset;
     private readonly viewport;
     private readonly accessor;
     private readonly points;
     readonly direction: import("@angular/core").InputSignal<TuiHintDirection | TuiHintDirection[]>;
+    readonly offset: import("@angular/core").InputSignal<number>;
     readonly directionChange: import("@angular/core").OutputEmitterRef<TuiHintDirection>;
     readonly type = "hint";
     emitDirection(direction: TuiHintDirection): void;
-    getPosition(rect: DOMRect, el?: HTMLElement): TuiPoint;
+    getPosition({ width, height }: DOMRect): TuiPoint;
     private get fallback();
     private checkPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintPosition, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintPosition, never, never, { "direction": { "alias": "tuiHintDirection"; "required": false; "isSignal": true; }; }, { "directionChange": "tuiHintDirectionChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintPosition, never, never, { "direction": { "alias": "tuiHintDirection"; "required": false; "isSignal": true; }; "offset": { "alias": "tuiHintOffset"; "required": false; "isSignal": true; }; }, { "directionChange": "tuiHintDirectionChange"; }, never, never, true, never>;
 }

package/portals/hint/hint.directive.d.ts

@@ -20,5 +20,5 @@ export declare class TuiHintDirective<C> implements OnDestroy, OnChanges, TuiRec
     getClientRect(): DOMRect;
     toggle(show: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintDirective<any>, "[tuiHint]:not(ng-container):not(ng-template)", never, { "content": { "alias": "tuiHint"; "required": false; "isSignal": true; }; "context": { "alias": "tuiHintContext"; "required": false; "isSignal": true; }; "appearance": { "alias": "tuiHintAppearance"; "required": false; "isSignal": true; }; }, { "visible": "tuiHintVisible"; }, never, never, true, [{ directive: typeof i1.TuiHintDriver; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiHintHover; inputs: { "tuiHintHideDelay": "tuiHintHideDelay"; "tuiHintShowDelay": "tuiHintShowDelay"; }; outputs: {}; }, { directive: typeof i3.TuiHintPosition; inputs: { "tuiHintDirection": "tuiHintDirection"; }; outputs: { "tuiHintDirectionChange": "tuiHintDirectionChange"; }; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintDirective<any>, "[tuiHint]:not(ng-container):not(ng-template)", never, { "content": { "alias": "tuiHint"; "required": false; "isSignal": true; }; "context": { "alias": "tuiHintContext"; "required": false; "isSignal": true; }; "appearance": { "alias": "tuiHintAppearance"; "required": false; "isSignal": true; }; }, { "visible": "tuiHintVisible"; }, never, never, true, [{ directive: typeof i1.TuiHintDriver; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiHintHover; inputs: { "tuiHintHideDelay": "tuiHintHideDelay"; "tuiHintShowDelay": "tuiHintShowDelay"; }; outputs: {}; }, { directive: typeof i3.TuiHintPosition; inputs: { "tuiHintDirection": "tuiHintDirection"; "tuiHintOffset": "tuiHintOffset"; }; outputs: { "tuiHintDirectionChange": "tuiHintDirectionChange"; }; }]>;
 }

package/services/index.d.ts

@@ -1,4 +1,3 @@
 export * from './breakpoint.service';
-export * from './dark-theme.service';
 export * from './position.service';
 export * from './visual-viewport.service';

package/styles/components/appearance.less

@@ -41,5 +41,10 @@
     .appearance-disabled({
         cursor: initial;
         opacity: var(--tui-disabled-opacity);
+
+        &::before,
+        &::after {
+            cursor: initial;
+        }
     });
 }

package/styles/components/button.less

@@ -138,7 +138,7 @@
         margin: 0;
     }
 
-    &&[style*='--t-icon-start:']::after {
+    &&[data-icon-start]::after {
         display: none;
     }
 }

package/styles/components/link.less

@@ -21,19 +21,15 @@
     border: none;
     cursor: pointer;
     font: inherit;
-    color: var(--tui-text-primary);
+    color: inherit;
+    border-radius: 0.125rem;
+    outline-width: 1px;
+    outline-offset: -1px;
     text-decoration: none dashed currentColor;
     text-underline-offset: 0.2em;
-    text-decoration-thickness: 0.7px;
+    text-decoration-thickness: 1px;
     text-decoration-color: color-mix(in lch, currentColor, transparent);
 
-    // TODO: Remove in v5
-    @media @tui-mouse {
-        &:hover {
-            --tui-text-secondary: var(--tui-text-primary);
-        }
-    }
-
     &::before {
         margin-inline-end: 0.25rem;
     }
@@ -58,12 +54,6 @@
         display: inline-block;
     }
 
-    .appearance-focus({
-        outline: none;
-        background: var(--tui-service-selection-background);
-        background: color-mix(in lch, currentColor 12%, transparent);
-    });
-
     .appearance-hover({
         text-decoration-color: currentColor;
     });
@@ -72,13 +62,8 @@
         text-decoration-color: currentColor;
     });
 
-    @media @tui-mouse {
-        &[data-appearance='']:hover {
-            opacity: 0.7;
-        }
-    }
-
-    &[data-appearance='']:active {
-        opacity: 0.7;
+    &[data-appearance=''] {
+        text-decoration-line: underline;
+        text-decoration-style: solid;
     }
 }

package/styles/components/notification.less

@@ -42,11 +42,11 @@ tui-notification,
     --t-start: 0;
     --t-end: 0;
 
-    &[style*='--t-icon-start:'] {
+    &[data-icon-start] {
         --t-start: 2rem;
     }
 
-    &[style*='--t-icon-end:'] {
+    &[data-icon-end] {
         --t-end: 1.5rem;
     }
 
@@ -78,7 +78,7 @@ tui-notification,
         line-height: 1.25rem;
         border-radius: var(--tui-radius-m);
 
-        &[style*='--t-icon-start:'] {
+        &[data-icon-start] {
             --t-start: 1.5rem;
         }
 
@@ -133,7 +133,7 @@ tui-notification,
         line-height: 1.25rem;
         border-radius: var(--tui-radius-m);
 
-        &[style*='--t-icon-start:'] {
+        &[data-icon-start] {
             --t-start: 1.625rem;
         }
 

package/styles/components/textfield.less

@@ -6,8 +6,8 @@ tui-textfield {
 
     --t-height: var(--tui-height-l);
     --t-padding: var(--tui-padding-l);
-    --t-label: -0.7em;
-    --t-label-size: 0.83em;
+    --t-label-y: -0.75rem;
+    --t-label-font: var(--tui-font-text-s);
     --t-end: ~'0rem';
     --t-start: ~'0rem';
 
@@ -30,11 +30,11 @@ tui-textfield {
         color: var(--tui-text-tertiary);
     }
 
-    &[style*='--t-icon-start:'] {
+    &[data-icon-start] {
         --t-start: 2.25rem;
     }
 
-    &[style*='--t-icon-end:'] {
+    &[data-icon-end] {
         --t-end: 2.25rem;
     }
 
@@ -42,8 +42,7 @@ tui-textfield {
         position: relative;
         block-size: auto;
         align-self: stretch;
-        border-inline-start: var(--t-padding) solid transparent;
-        border-inline-end: var(--t-padding) solid transparent;
+        border-inline: var(--t-padding) solid transparent;
         margin: 0 calc(-1 * var(--t-padding));
     }
 
@@ -80,8 +79,7 @@ tui-textfield {
         font: inherit;
         resize: none;
         outline: none;
-        padding-block-start: 1.125rem;
-        padding-block-end: 1.125rem;
+        padding-block: 1.125rem;
         color: var(--tui-text-primary);
 
         &[inputmode='none'] {
@@ -98,31 +96,28 @@ tui-textfield {
         font: var(--tui-font-text-ui-s);
         line-height: 1rem;
 
-        &[style*='--t-icon-start:'] {
+        &[data-icon-start] {
             --t-start: 1.25rem;
         }
 
-        &[style*='--t-icon-end:'] {
+        &[data-icon-end] {
             --t-end: 1.25rem;
         }
 
         &::before {
-            margin-inline-end: 0.5rem;
-            margin-inline-start: -0.125rem;
+            margin-inline: -0.125rem 0.5rem;
             font-size: 1rem;
         }
 
         &::after {
-            margin-inline-end: calc(-0.125rem - var(--t-padding));
-            margin-inline-start: calc(0.625rem - var(--t-padding));
+            margin-inline: calc(0.625rem - var(--t-padding)) calc(-0.125rem - var(--t-padding));
             font-size: 1rem;
         }
 
         input,
         select,
         textarea {
-            padding-block-start: 0.5rem;
-            padding-block-end: 0.5rem;
+            padding-block: 0.5rem;
         }
 
         & > .t-content {
@@ -133,34 +128,33 @@ tui-textfield {
     &[data-size='m'] {
         --t-height: var(--tui-height-m);
         --t-padding: var(--tui-padding-m);
+        --t-label-font: var(--tui-font-text-xs);
+        --t-label-y: -0.5625rem;
 
         border-radius: var(--tui-radius-m);
         font: var(--tui-font-text-ui-s);
         line-height: 1rem;
 
-        &[style*='--t-icon-start:'] {
+        &[data-icon-start] {
             --t-start: 1.75rem;
         }
 
-        &[style*='--t-icon-end:'] {
+        &[data-icon-end] {
             --t-end: 1.75rem;
         }
 
         &::before {
-            margin-inline-start: -0.125rem;
-            margin-inline-end: 0.125rem;
+            margin-inline: -0.125rem 0.125rem;
         }
 
         &::after {
-            margin-inline-start: calc(0.25rem - var(--t-padding));
-            margin-inline-end: calc(-0.125rem - var(--t-padding));
+            margin-inline: calc(0.25rem - var(--t-padding)) calc(-0.125rem - var(--t-padding));
         }
 
         input,
         select,
         textarea {
-            padding-block-start: 0.875rem;
-            padding-block-end: 0.875rem;
+            padding-block: 0.875rem;
         }
 
         & > .t-content {
@@ -209,36 +203,12 @@ tui-textfield {
         opacity: var(--tui-disabled-opacity);
     }
 
-    &:has(label:not(:empty)) {
-        & > .t-template,
-        input:not([type='range']),
-        select:defined,
-        textarea:defined {
-            padding-block-start: calc(var(--t-height) / 3);
-            padding-block-end: 0;
-        }
-    }
-
-    &:not([data-focus='true']):has(label:not(:empty)) {
-        & > .t-template,
-        input:not([type='range']),
-        select:defined,
-        textarea:defined {
-            &::placeholder,
-            &._empty {
-                color: transparent;
-            }
-        }
-    }
-
-    // TODO: Fallback until Safari 15.4
     &._with-label {
         & > .t-template,
         input:not([type='range']),
         select:defined,
         textarea:defined {
-            padding-block-start: calc(var(--t-height) / 3);
-            padding-block-end: 0;
+            padding-block: calc(var(--t-height) / 3) 0;
         }
     }
 
@@ -266,8 +236,12 @@ tui-textfield {
         border-width: 0;
         overscroll-behavior: none;
         // StackBlitz changes "0rem" to "0" breaking calc
-        padding-inline-start: calc(var(--t-start, ~'0rem') + var(--t-padding));
-        padding-inline-end: calc(var(--t-end, ~'0rem') + var(--t-side) + var(--t-padding));
+        padding-inline: calc(var(--t-start, ~'0rem') + var(--t-padding))
+            calc(var(--t-end, ~'0rem') + var(--t-side) + var(--t-padding));
+
+        &:disabled {
+            animation: tuiPresent 1s infinite;
+        }
     }
 
     & > .t-template {
@@ -306,8 +280,9 @@ tui-textfield {
         &:-webkit-autofill,
         &:not(._empty):not(:placeholder-shown) {
             & ~ label {
-                font-size: var(--t-label-size);
-                transform: translateY(var(--t-label));
+                font: var(--t-label-font);
+                line-height: var(--t-height);
+                transform: translateY(var(--t-label-y));
             }
 
             &:not(:disabled)[data-mode~='invalid'] ~ label,
@@ -329,19 +304,12 @@ tui-textfield {
 
                 & ~ label {
                     color: var(--tui-text-primary) !important;
-                    font-size: var(--t-label-size);
-                    transform: translateY(var(--t-label));
+                    font: var(--t-label-font);
+                    line-height: var(--t-height);
+                    transform: translateY(var(--t-label-y));
                 }
             });
         }
-
-        // @deprecated remove in v5
-        .ios-only({
-            &._ios-fix {
-                position: fixed;
-                left: 1000rem;
-            }
-        });
     }
 
     // Increasing specificity to override all other styles
@@ -419,7 +387,7 @@ tui-textfield {
     }
 
     & > .t-filler:defined {
-        pointer-events: none;
+        pointer-events: none !important;
         color: var(--tui-text-tertiary);
         opacity: 1;
     }

package/styles/mixins/appearance.less

@@ -3,7 +3,7 @@
 .appearance-hover(@content) {
     .interactive({
         @media @tui-mouse {
-            &:hover:not(:disabled):not([data-state]) {
+            &:hover:not([data-state]) {
                 @content();
             }
         }
@@ -12,14 +12,6 @@
     &[data-state='hover'] {
         @content();
     }
-
-    /* @deprecated TODO remove in v5 */
-    @media @tui-mouse {
-        &[tuiWrapper]:hover:not(._no-hover),
-        &[tuiWrapper][data-state='hover'] {
-            @content();
-        }
-    }
 }
 
 .appearance-active(@content) {
@@ -32,13 +24,6 @@
     &[data-state='active'] {
         @content();
     }
-
-    /* @deprecated TODO remove in v5 */
-    &[tuiWrapper]:active:not(._no-active),
-    &[tuiWrapper][data-state='active'],
-    &[tuiWrapper][data-state='active']:hover {
-        @content();
-    }
 }
 
 .appearance-disabled(@content) {
@@ -46,12 +31,6 @@
     &[data-state='disabled'] {
         @content();
     }
-
-    /* @deprecated TODO remove in v5 */
-    &[tuiWrapper]:disabled:not([data-state]),
-    &[tuiWrapper][data-state='disabled'] {
-        @content();
-    }
 }
 
 .appearance-focus(@content) {
@@ -62,10 +41,15 @@
     &[data-focus='true'] {
         @content();
     }
+}
 
-    /* @deprecated TODO remove in v5 */
-    &[tuiWrapper]:not(._focused):has(:focus-visible),
-    &[tuiWrapper]._focused {
+.appearance-invalid(@content) {
+    &:is([data-mode~='invalid'], .tui-invalid, :invalid):not(
+            [data-mode~='readonly'],
+            [data-mode~='valid'],
+            [data-state='disabled'],
+            :disabled
+        ) {
         @content();
     }
 }

package/styles/mixins/appearance.scss

@@ -13,14 +13,6 @@
     &[data-state='hover'] {
         @content;
     }
-
-    /* @deprecated TODO remove in v5 */
-    @media ($tui-mouse) {
-        &[tuiWrapper]:hover:not(._no-hover),
-        &[tuiWrapper][data-state='hover'] {
-            @content;
-        }
-    }
 }
 
 @mixin appearance-active {
@@ -33,13 +25,6 @@
     &[data-state='active'] {
         @content;
     }
-
-    /* @deprecated TODO remove in v5 */
-    &[tuiWrapper]:active:not(._no-active),
-    &[tuiWrapper][data-state='active'],
-    &[tuiWrapper][data-state='active']:hover {
-        @content;
-    }
 }
 
 @mixin appearance-disabled {
@@ -47,12 +32,6 @@
     &[data-state='disabled'] {
         @content;
     }
-
-    /* @deprecated TODO remove in v5 */
-    &[tuiWrapper]:disabled:not([data-state]),
-    &[tuiWrapper][data-state='disabled'] {
-        @content;
-    }
 }
 
 @mixin appearance-focus {
@@ -63,10 +42,15 @@
     &[data-focus='true'] {
         @content;
     }
+}
 
-    /* @deprecated TODO remove in v5 */
-    &[tuiWrapper]:not(._focused):has(:focus-visible),
-    &[tuiWrapper]._focused {
+@mixin appearance-invalid {
+    &:is([data-mode~='invalid'], .tui-invalid, :invalid):not(
+            [data-mode~='readonly'],
+            [data-mode~='valid'],
+            [data-state='disabled'],
+            :disabled
+        ) {
         @content;
     }
 }

package/styles/taiga-ui-local.less

@@ -3,6 +3,5 @@
 @import 'mixins/mixins.less';
 @import 'mixins/picker.less';
 @import 'mixins/slider.less';
-@import 'mixins/wrapper.less';
 @import 'mixins/appearance.less';
 @import 'variables/media.less';

package/styles/taiga-ui-local.scss

@@ -2,6 +2,5 @@
 @import 'mixins/mixins.scss';
 @import 'mixins/picker.scss';
 @import 'mixins/slider.scss';
-@import 'mixins/wrapper.scss';
 @import 'mixins/appearance.scss';
 @import 'variables/media.scss';

package/styles/taiga-ui-theme.less

@@ -1,5 +1,4 @@
 @import 'theme/variables.less';
 @import 'theme/palette.less';
 @import 'theme/appearance.less';
-@import 'theme/wrapper.less';
 @import 'theme/appearance/textfield.less';