@taiga-ui/core 4.24.0 → 4.25.0-canary.7a6c06d

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/core",
-  "version": "4.24.0",
+  "version": "4.25.0-canary.7a6c06d",
   "description": "Core library for creating Angular components and applications using Taiga UI",
   "keywords": [
     "angular",
@@ -31,18 +31,18 @@
       "esm": "./esm2022/animations/taiga-ui-core-animations.mjs",
       "default": "./fesm2022/taiga-ui-core-animations.mjs"
     },
-    "./classes": {
-      "types": "./classes/index.d.ts",
-      "esm2022": "./esm2022/classes/taiga-ui-core-classes.mjs",
-      "esm": "./esm2022/classes/taiga-ui-core-classes.mjs",
-      "default": "./fesm2022/taiga-ui-core-classes.mjs"
-    },
     "./components": {
       "types": "./components/index.d.ts",
       "esm2022": "./esm2022/components/taiga-ui-core-components.mjs",
       "esm": "./esm2022/components/taiga-ui-core-components.mjs",
       "default": "./fesm2022/taiga-ui-core-components.mjs"
     },
+    "./classes": {
+      "types": "./classes/index.d.ts",
+      "esm2022": "./esm2022/classes/taiga-ui-core-classes.mjs",
+      "esm": "./esm2022/classes/taiga-ui-core-classes.mjs",
+      "default": "./fesm2022/taiga-ui-core-classes.mjs"
+    },
     "./directives": {
       "types": "./directives/index.d.ts",
       "esm2022": "./esm2022/directives/taiga-ui-core-directives.mjs",
@@ -317,9 +317,9 @@
     "@angular/router": ">=16.0.0",
     "@ng-web-apis/common": "^4.11.1",
     "@ng-web-apis/mutation-observer": "^4.11.1",
-    "@taiga-ui/cdk": "^4.24.0",
+    "@taiga-ui/cdk": "^4.25.0",
     "@taiga-ui/event-plugins": "^4.4.0",
-    "@taiga-ui/i18n": "^4.24.0",
+    "@taiga-ui/i18n": "^4.25.0",
     "@taiga-ui/polymorpheus": "^4.8.0",
     "rxjs": ">=7.0.0"
   },

package/styles/components/appearance.less

@@ -26,7 +26,7 @@
     appearance: none;
     outline: 0.125rem solid transparent;
     outline-offset: -0.125rem;
-    transition-property: color, background-color, opacity, box-shadow, border, border-radius;
+    transition-property: color, background-color, opacity, box-shadow, border, border-radius, filter;
 
     &.tui-appearance-initializing {
         transition: none !important;
@@ -37,7 +37,7 @@
     });
 
     .appearance-disabled({
-        pointer-events: none;
+        cursor: initial;
         opacity: var(--tui-disabled-opacity);
     });
 }

package/styles/components/button.less

@@ -111,8 +111,9 @@
     }
 
     &[tuiButtonVertical] {
+        // StackBlitz changes "0rem" to "0" breaking calc
+        --t-margin: ~'0rem' !important;
         --t-line-height: 1rem;
-        --t-margin: var(--t-0, 0rem) !important;
 
         flex-direction: column;
         flex-shrink: 1;

package/styles/components/textfield.less

@@ -173,7 +173,8 @@ tui-textfield {
         padding: inherit;
         border: none;
         text-indent: var(--t-left, 0);
-        padding-inline-end: calc(var(--t-right, var(--t-0, 0rem)) + var(--t-side) + var(--t-padding));
+        // StackBlitz changes "0rem" to "0" breaking calc
+        padding-inline-end: calc(var(--t-right, ~'0rem') + var(--t-side) + var(--t-padding));
     }
 
     .t-template {

package/styles/mixins/mixins.less

@@ -2,11 +2,11 @@
 
 .interactive(@ruleset) {
     // TODO remove after dropping Safari 13 support
-    &:matches(a, button, select, textarea, input, label) {
+    &:matches(a, button, select, textarea, input, label):not(:disabled) {
         @ruleset();
     }
 
-    &:is(a, button, select, textarea, input, label) {
+    &:is(a, button, select, textarea, input, label):not(:disabled) {
         @ruleset();
     }
 }
@@ -71,7 +71,8 @@
     overflow: hidden;
     vertical-align: middle;
     max-inline-size: 100%;
-    gap: calc(var(--t-gap, var(--t-0, 0rem)) - 2 * var(--t-margin, 0rem));
+    // StackBlitz changes "0rem" to "0" breaking calc
+    gap: calc(var(--t-gap, ~'0rem') - 2 * var(--t-margin, 0rem));
 
     > img,
     > tui-svg,

package/styles/mixins/mixins.scss

@@ -2,11 +2,11 @@
 
 @mixin interactive {
     // TODO remove after dropping Safari 13 support
-    &:matches(a, button, select, textarea, input) {
+    &:matches(a, button, select, textarea, input):not(:disabled) {
         @content;
     }
 
-    &:is(a, button, select, textarea, input) {
+    &:is(a, button, select, textarea, input):not(:disabled) {
         @content;
     }
 }

package/styles/theme/appearance/primary.less

@@ -21,8 +21,6 @@
 }
 
 [tuiAppearance][data-appearance='primary-destructive'] {
-    .transition(filter);
-
     color: #fff;
     background: var(--tui-status-negative);
 

package/styles/theme/variables.less

@@ -4,24 +4,25 @@
     // Fonts
     --tui-font-heading: 'Manrope', @font-fallback;
     --tui-font-text: 'Manrope', @font-fallback;
+    --tui-font-offset: 0rem;
     // Heading
-    --tui-font-heading-1: bold 3.125rem/3.5rem var(--tui-font-heading);
-    --tui-font-heading-2: bold 2.75rem/3rem var(--tui-font-heading);
-    --tui-font-heading-3: bold 2.25rem/2.5rem var(--tui-font-heading);
-    --tui-font-heading-4: bold 1.75rem/2rem var(--tui-font-heading);
-    --tui-font-heading-5: bold 1.5rem/1.75rem var(--tui-font-heading);
-    --tui-font-heading-6: bold 1.25rem/1.5rem var(--tui-font-heading);
+    --tui-font-heading-1: bold calc(var(--tui-font-offset) + 3.125rem) / 3.5rem var(--tui-font-heading);
+    --tui-font-heading-2: bold calc(var(--tui-font-offset) + 2.75rem) / 3rem var(--tui-font-heading);
+    --tui-font-heading-3: bold calc(var(--tui-font-offset) + 2.25rem) / 2.5rem var(--tui-font-heading);
+    --tui-font-heading-4: bold calc(var(--tui-font-offset) + 1.75rem) / 2rem var(--tui-font-heading);
+    --tui-font-heading-5: bold calc(var(--tui-font-offset) + 1.5rem) / 1.75rem var(--tui-font-heading);
+    --tui-font-heading-6: bold calc(var(--tui-font-offset) + 1.25rem) / 1.5rem var(--tui-font-heading);
     // Body
-    --tui-font-text-xl: normal 1.1875rem/1.75rem var(--tui-font-text);
-    --tui-font-text-l: normal 1.0625rem/1.75rem var(--tui-font-text);
-    --tui-font-text-m: normal 1rem/1.5rem var(--tui-font-text);
-    --tui-font-text-s: normal 0.8125rem/1.25rem var(--tui-font-text);
-    --tui-font-text-xs: normal 0.6875rem/1rem var(--tui-font-text);
+    --tui-font-text-xl: normal calc(var(--tui-font-offset) + 1.1875rem) / 1.75rem var(--tui-font-text);
+    --tui-font-text-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.75rem var(--tui-font-text);
+    --tui-font-text-m: normal calc(var(--tui-font-offset) + 1rem) / 1.5rem var(--tui-font-text);
+    --tui-font-text-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.25rem var(--tui-font-text);
+    --tui-font-text-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1rem var(--tui-font-text);
     // Reduced
-    --tui-font-text-ui-l: normal 1.0625rem/1.5rem var(--tui-font-text);
-    --tui-font-text-ui-m: normal 1rem/1.25rem var(--tui-font-text);
-    --tui-font-text-ui-s: normal 0.8125rem/1rem var(--tui-font-text);
-    --tui-font-text-ui-xs: normal 0.6875rem/0.8125rem var(--tui-font-text);
+    --tui-font-text-ui-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.5rem var(--tui-font-text);
+    --tui-font-text-ui-m: normal calc(var(--tui-font-offset) + 1rem) / 1.25rem var(--tui-font-text);
+    --tui-font-text-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1rem var(--tui-font-text);
+    --tui-font-text-ui-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 0.8125rem var(--tui-font-text);
     // Radii
     --tui-radius-xs: 0.25rem;
     --tui-radius-s: 0.5rem;

package/utils/miscellaneous/font-scaling.d.ts

@@ -0,0 +1,2 @@
+import type { Provider } from '@angular/core';
+export declare function tuiEnableFontScaling(): Provider;

package/utils/miscellaneous/index.d.ts

@@ -1,3 +1,4 @@
+export * from './font-scaling';
 export * from './is-editing-key';
 export * from './is-obscured';
 export * from './override-options';