@taiga-ui/addon-mobile 5.24.0 → 5.25.0-canary.3fb67e2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/addon-mobile",
-  "version": "5.24.0",
+  "version": "5.25.0-canary.3fb67e2",
   "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
   "keywords": [
     "angular",
@@ -40,14 +40,14 @@
       "types": "./components/index.d.ts",
       "default": "./fesm2022/taiga-ui-addon-mobile-components.mjs"
     },
-    "./services": {
-      "types": "./services/index.d.ts",
-      "default": "./fesm2022/taiga-ui-addon-mobile-services.mjs"
-    },
     "./directives": {
       "types": "./directives/index.d.ts",
       "default": "./fesm2022/taiga-ui-addon-mobile-directives.mjs"
     },
+    "./services": {
+      "types": "./services/index.d.ts",
+      "default": "./fesm2022/taiga-ui-addon-mobile-services.mjs"
+    },
     "./components/bottom-sheet": {
       "types": "./components/bottom-sheet/index.d.ts",
       "default": "./fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs"
@@ -120,10 +120,10 @@
     "@ng-web-apis/common": "^5.3.0",
     "@ng-web-apis/platform": "^5.3.0",
     "@ng-web-apis/resize-observer": "^5.3.0",
-    "@taiga-ui/cdk": "5.24.0",
-    "@taiga-ui/core": "5.24.0",
-    "@taiga-ui/kit": "5.24.0",
-    "@taiga-ui/layout": "5.24.0",
+    "@taiga-ui/cdk": "5.25.0",
+    "@taiga-ui/core": "5.25.0",
+    "@taiga-ui/kit": "5.25.0",
+    "@taiga-ui/layout": "5.25.0",
     "@taiga-ui/polymorpheus": "^5.0.1",
     "rxjs": ">=7.0.0"
   },

package/styles/android/radio.less

@@ -19,7 +19,7 @@ input[tuiRadio] {
         color: var(--tui-background-accent-2);
 
         &::after {
-            transform: scale(0.555);
+            scale: 0.555;
         }
     }
 

package/styles/android/switch.less

@@ -34,7 +34,7 @@ input[tuiSwitch] {
         block-size: 1.25rem;
         border-radius: 100%;
         background: #f6f6f6;
-        transform: none;
+        scale: 1;
         outline: none;
         box-shadow:
             0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.24),

package/styles/common/card-large.less

@@ -1,11 +1,13 @@
 [tuiCardLarge][data-space] {
     &[data-space='normal'] {
         --t-padding: 1.25rem;
+        --tui-padding-inline: 1.25rem;
         --t-space: 1.25rem;
     }
 
     &[data-space='compact'] {
         --t-padding: 1rem;
+        --tui-padding-inline: 1rem;
         --t-space: 1rem;
         --t-comp: -0.125rem;
     }

package/styles/common/file.less

@@ -5,7 +5,7 @@
 }
 
 [tuiFile][data-orientation='vertical'] {
-    .transition(transform, @tui-duration-fastest);
+    .transition(scale, @tui-duration-fastest);
 
     min-inline-size: 6rem;
     max-inline-size: 10rem;
@@ -25,6 +25,6 @@
     }
 
     &:has(> label:active) {
-        transform: scale(0.95);
+        scale: 0.95;
     }
 }

package/styles/ios/checkbox.less

@@ -22,7 +22,7 @@ input[tuiRadio] {
 
         &::before {
             display: block;
-            transform: none;
+            scale: 1;
             mask-image: var(--t-icon);
             mask-repeat: no-repeat;
             mask-position: center;

package/styles/ios/switch.less

@@ -29,7 +29,7 @@ input[tuiSwitch]._native {
             inline-size: 100%;
             background-color: transparent;
             mix-blend-mode: color;
-            transform: none;
+            scale: 1;
         }
 
         &:invalid:not(:checked)::before {
@@ -68,7 +68,7 @@ input[tuiSwitch]:not(._native) {
         block-size: 1.9375rem;
         border-radius: 2rem;
         background: currentColor;
-        transform: scale(0.871);
+        scale: 0.871;
         outline: none;
         box-shadow:
             0 0.25rem 0.125rem rgba(0, 0, 0, 0.06),
@@ -89,11 +89,11 @@ input[tuiSwitch]:not(._native) {
         }
 
         &::after {
-            transform: scale(0.871) translateX(calc(1.44rem * var(--tui-inline)));
+            transform: translateX(calc(1.44rem * var(--tui-inline)));
         }
 
         &:active::after {
-            transform: scale(0.871) translateX(calc(1.0775rem * var(--tui-inline)));
+            transform: translateX(calc(1.0775rem * var(--tui-inline)));
         }
     }
 }

package/styles/ios/tab-bar.less

@@ -16,9 +16,7 @@
 
         --t-tabbar-offset: max(env(safe-area-inset-bottom), 1.25rem);
         --t-tabbar-active: rgba(255, 255, 255, 0.9);
-        // the tab bar has its own bevel lighting angles and keeps
-        // the light backdrop filter in both themes
-        --t-glass-filter: blur(0.25rem) saturate(6) brightness(1.05);
+        // the tab bar has its own bevel lighting angles
         --t-glass-bevel-filter: brightness(1.05);
         --t-glass-bevel: linear-gradient(227deg, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0.35) 21%, rgba(255, 255, 255, 0.85) 40%, rgba(255, 255, 255, 0.95) 45%, #fff 48%, #fff 50%, #fff 52%, rgba(255, 255, 255, 0.95) 55%, rgba(255, 255, 255, 0.85) 60%, rgba(255, 255, 255, 0.35) 80%, rgba(255, 255, 255, 0) 95%);
 
@@ -147,7 +145,6 @@
 
     --tui-active-color: var(--tui-text-primary);
     --t-tabbar-active: rgba(255, 255, 255, 0.18);
-    --t-glass-filter: blur(0.25rem) saturate(6) brightness(1.05);
     --t-glass-bevel-filter: brightness(1.05);
     --t-glass-bevel: linear-gradient(-6deg, rgba(255, 255, 255, 0.15) 5%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.04) 40%, rgba(255, 255, 255, 0.03) 45%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0.03) 55%, rgba(255, 255, 255, 0.04) 60%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.15) 95%);
 }

package/styles/ios/thumbnail-card.less

@@ -1,3 +1,3 @@
 [tuiThumbnailCard]:active {
-    transform: scale(0.95);
+    scale: 0.95;
 }

package/styles/taiga-ui-mobile.less

@@ -30,7 +30,7 @@
 
     [tuiToast]:active {
         .interactive({
-            transform: scale(0.95);
+            scale: 0.95;
         });
     }
 }