@taiga-ui/addon-mobile 4.11.0 → 4.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/addon-mobile",
-  "version": "4.11.0",
+  "version": "4.12.0",
   "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
   "keywords": [
     "angular",
@@ -21,6 +21,12 @@
       "esm": "./esm2022/taiga-ui-addon-mobile.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile.mjs"
     },
+    "./components": {
+      "types": "./components/index.d.ts",
+      "esm2022": "./esm2022/components/taiga-ui-addon-mobile-components.mjs",
+      "esm": "./esm2022/components/taiga-ui-addon-mobile-components.mjs",
+      "default": "./fesm2022/taiga-ui-addon-mobile-components.mjs"
+    },
     "./directives": {
       "types": "./directives/index.d.ts",
       "esm2022": "./esm2022/directives/taiga-ui-addon-mobile-directives.mjs",
@@ -33,42 +39,6 @@
       "esm": "./esm2022/services/taiga-ui-addon-mobile-services.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-services.mjs"
     },
-    "./components": {
-      "types": "./components/index.d.ts",
-      "esm2022": "./esm2022/components/taiga-ui-addon-mobile-components.mjs",
-      "esm": "./esm2022/components/taiga-ui-addon-mobile-components.mjs",
-      "default": "./fesm2022/taiga-ui-addon-mobile-components.mjs"
-    },
-    "./directives/dropdown-mobile": {
-      "types": "./directives/dropdown-mobile/index.d.ts",
-      "esm2022": "./esm2022/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs",
-      "esm": "./esm2022/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs",
-      "default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs"
-    },
-    "./directives/elastic-sticky": {
-      "types": "./directives/elastic-sticky/index.d.ts",
-      "esm2022": "./esm2022/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
-      "esm": "./esm2022/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
-      "default": "./fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs"
-    },
-    "./directives/ripple": {
-      "types": "./directives/ripple/index.d.ts",
-      "esm2022": "./esm2022/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
-      "esm": "./esm2022/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
-      "default": "./fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs"
-    },
-    "./directives/sidebar": {
-      "types": "./directives/sidebar/index.d.ts",
-      "esm2022": "./esm2022/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
-      "esm": "./esm2022/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
-      "default": "./fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs"
-    },
-    "./directives/touchable": {
-      "types": "./directives/touchable/index.d.ts",
-      "esm2022": "./esm2022/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
-      "esm": "./esm2022/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
-      "default": "./fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs"
-    },
     "./components/mobile-calendar": {
       "types": "./components/mobile-calendar/index.d.ts",
       "esm2022": "./esm2022/components/mobile-calendar/taiga-ui-addon-mobile-components-mobile-calendar.mjs",
@@ -116,16 +86,52 @@
       "esm2022": "./esm2022/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.mjs",
       "esm": "./esm2022/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs"
+    },
+    "./directives/dropdown-mobile": {
+      "types": "./directives/dropdown-mobile/index.d.ts",
+      "esm2022": "./esm2022/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs",
+      "esm": "./esm2022/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs",
+      "default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs"
+    },
+    "./directives/elastic-sticky": {
+      "types": "./directives/elastic-sticky/index.d.ts",
+      "esm2022": "./esm2022/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
+      "esm": "./esm2022/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
+      "default": "./fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs"
+    },
+    "./directives/responsive-dialog": {
+      "types": "./directives/responsive-dialog/index.d.ts",
+      "esm2022": "./esm2022/directives/responsive-dialog/taiga-ui-addon-mobile-directives-responsive-dialog.mjs",
+      "esm": "./esm2022/directives/responsive-dialog/taiga-ui-addon-mobile-directives-responsive-dialog.mjs",
+      "default": "./fesm2022/taiga-ui-addon-mobile-directives-responsive-dialog.mjs"
+    },
+    "./directives/ripple": {
+      "types": "./directives/ripple/index.d.ts",
+      "esm2022": "./esm2022/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
+      "esm": "./esm2022/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
+      "default": "./fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs"
+    },
+    "./directives/sidebar": {
+      "types": "./directives/sidebar/index.d.ts",
+      "esm2022": "./esm2022/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
+      "esm": "./esm2022/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
+      "default": "./fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs"
+    },
+    "./directives/touchable": {
+      "types": "./directives/touchable/index.d.ts",
+      "esm2022": "./esm2022/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
+      "esm": "./esm2022/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
+      "default": "./fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs"
     }
   },
   "peerDependencies": {
     "@angular/cdk": ">=16.0.0",
     "@angular/common": ">=16.0.0",
     "@angular/core": ">=16.0.0",
-    "@ng-web-apis/common": "^4.8.0",
-    "@taiga-ui/cdk": "^4.11.0",
-    "@taiga-ui/core": "^4.11.0",
-    "@taiga-ui/kit": "^4.11.0",
+    "@ng-web-apis/common": "^4.11.1",
+    "@taiga-ui/cdk": "^4.12.0",
+    "@taiga-ui/core": "^4.12.0",
+    "@taiga-ui/kit": "^4.12.0",
     "@taiga-ui/polymorpheus": "^4.7.4",
     "rxjs": ">=7.0.0"
   },
@@ -133,6 +139,6 @@
   "typings": "index.d.ts",
   "sideEffects": false,
   "dependencies": {
-    "tslib": ">=2.7.0"
+    "tslib": ">=2.8.0"
   }
 }

package/styles/android/app-bar.less

@@ -1,11 +1,11 @@
 tui-app-bar {
-    text-align: start;
     font: var(--tui-font-heading-6);
     block-size: 3.5rem;
 
     > .t-content {
         position: static;
-        padding: 0 0 0 1.375rem;
+        padding: 0 0 0 1rem;
+        text-align: start;
         transform: none;
         max-inline-size: calc(100% - var(--t-sides, 0px) / 2);
 
@@ -14,7 +14,7 @@ tui-app-bar {
         }
     }
 
-    > *:empty + .t-content {
-        padding: 0 0 0 0.625rem;
+    > :last-child [tuiIconButton] {
+        margin: 0 -0.25rem;
     }
 }

package/styles/common/button.less

@@ -14,17 +14,17 @@
         --t-radius: 0.75rem;
     }
 
-    &[data-appearance='primary']:disabled:not(._loading),
-    &[data-appearance='secondary']:disabled:not(._loading),
-    &[data-appearance='accent']:disabled:not(._loading),
-    &[data-appearance='destructive']:disabled:not(._loading),
-    &[data-appearance='opposite']:disabled:not(._loading),
-    &[data-appearance='flat']:disabled:not(._loading) {
+    &[data-appearance^='primary']:disabled:not(._loading),
+    &[data-appearance^='secondary']:disabled:not(._loading),
+    &[data-appearance^='accent']:disabled:not(._loading),
+    &[data-appearance^='destructive']:disabled:not(._loading),
+    &[data-appearance^='opposite']:disabled:not(._loading),
+    &[data-appearance^='flat']:disabled:not(._loading) {
         background: var(--tui-background-neutral-1);
-        color: var(--tui-background-neutral-1-pressed);
+        color: var(--tui-text-tertiary);
         opacity: 1;
 
-        &[data-appearance='flat'] {
+        &[data-appearance^='flat'] {
             background: transparent;
         }
     }

package/styles/{ios → common}/search.less

@@ -9,7 +9,6 @@ input[type='search'][tuiSearch] {
     border: none;
     border-radius: 0.625rem;
     padding: 0 0 0 1.875rem;
-    margin: 0;
     font:
         1.0625rem 'SF Pro Text',
         sans-serif;

package/styles/taiga-ui-mobile.less

@@ -1,8 +1,10 @@
+@import './common/search.less';
+
 [data-platform='android'] {
-    @import './android/app-bar';
-    @import './android/checkbox';
-    @import './android/radio';
-    @import './android/switch';
+    @import './android/app-bar.less';
+    @import './android/checkbox.less';
+    @import './android/radio.less';
+    @import './android/switch.less';
 
     tui-badge-notification[data-size='l'] {
         --t-size: 1.375rem;
@@ -10,10 +12,9 @@
 }
 
 [data-platform='ios'] {
-    @import './ios/app-bar';
-    @import './ios/checkbox';
-    @import './ios/search';
-    @import './ios/switch';
+    @import './ios/app-bar.less';
+    @import './ios/checkbox.less';
+    @import './ios/switch.less';
 
     tui-segmented > *:not(tui-segmented_active):active {
         background-color: var(--tui-background-neutral-1);
@@ -26,12 +27,12 @@
 
 [data-platform='android'],
 [data-platform='ios'] {
-    @import './common/badge';
-    @import './common/badge-notification';
-    @import './common/block-status';
-    @import './common/button';
-    @import './common/title';
-    @import './common/card-large';
-    @import './common/segmented';
-    @import './common/header';
+    @import './common/badge.less';
+    @import './common/badge-notification.less';
+    @import './common/block-status.less';
+    @import './common/button.less';
+    @import './common/title.less';
+    @import './common/card-large.less';
+    @import './common/segmented.less';
+    @import './common/header.less';
 }