@taiga-ui/addon-mobile 5.13.0 → 5.14.0-canary.2b3ccfb

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/addon-mobile",
-  "version": "5.13.0",
+  "version": "5.14.0-canary.2b3ccfb",
   "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
   "keywords": [
     "angular",
@@ -36,10 +36,6 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/taiga-ui-addon-mobile.mjs"
     },
-    "./components": {
-      "types": "./components/index.d.ts",
-      "default": "./fesm2022/taiga-ui-addon-mobile-components.mjs"
-    },
     "./directives": {
       "types": "./directives/index.d.ts",
       "default": "./fesm2022/taiga-ui-addon-mobile-directives.mjs"
@@ -48,6 +44,34 @@
       "types": "./services/index.d.ts",
       "default": "./fesm2022/taiga-ui-addon-mobile-services.mjs"
     },
+    "./components": {
+      "types": "./components/index.d.ts",
+      "default": "./fesm2022/taiga-ui-addon-mobile-components.mjs"
+    },
+    "./directives/dropdown-mobile": {
+      "types": "./directives/dropdown-mobile/index.d.ts",
+      "default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs"
+    },
+    "./directives/elastic-sticky": {
+      "types": "./directives/elastic-sticky/index.d.ts",
+      "default": "./fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs"
+    },
+    "./directives/dropdown-sheet": {
+      "types": "./directives/dropdown-sheet/index.d.ts",
+      "default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-sheet.mjs"
+    },
+    "./directives/responsive-dialog": {
+      "types": "./directives/responsive-dialog/index.d.ts",
+      "default": "./fesm2022/taiga-ui-addon-mobile-directives-responsive-dialog.mjs"
+    },
+    "./directives/ripple": {
+      "types": "./directives/ripple/index.d.ts",
+      "default": "./fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs"
+    },
+    "./directives/touchable": {
+      "types": "./directives/touchable/index.d.ts",
+      "default": "./fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs"
+    },
     "./components/bottom-sheet": {
       "types": "./components/bottom-sheet/index.d.ts",
       "default": "./fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs"
@@ -79,30 +103,6 @@
     "./components/tab-bar": {
       "types": "./components/tab-bar/index.d.ts",
       "default": "./fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs"
-    },
-    "./directives/dropdown-mobile": {
-      "types": "./directives/dropdown-mobile/index.d.ts",
-      "default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs"
-    },
-    "./directives/dropdown-sheet": {
-      "types": "./directives/dropdown-sheet/index.d.ts",
-      "default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-sheet.mjs"
-    },
-    "./directives/elastic-sticky": {
-      "types": "./directives/elastic-sticky/index.d.ts",
-      "default": "./fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs"
-    },
-    "./directives/responsive-dialog": {
-      "types": "./directives/responsive-dialog/index.d.ts",
-      "default": "./fesm2022/taiga-ui-addon-mobile-directives-responsive-dialog.mjs"
-    },
-    "./directives/ripple": {
-      "types": "./directives/ripple/index.d.ts",
-      "default": "./fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs"
-    },
-    "./directives/touchable": {
-      "types": "./directives/touchable/index.d.ts",
-      "default": "./fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs"
     }
   },
   "peerDependencies": {
@@ -111,10 +111,10 @@
     "@angular/core": ">=19.0.0",
     "@ng-web-apis/common": "^5.3.0",
     "@ng-web-apis/platform": "^5.3.0",
-    "@taiga-ui/cdk": "5.13.0",
-    "@taiga-ui/core": "5.13.0",
-    "@taiga-ui/kit": "5.13.0",
-    "@taiga-ui/layout": "5.13.0",
+    "@taiga-ui/cdk": "5.14.0",
+    "@taiga-ui/core": "5.14.0",
+    "@taiga-ui/kit": "5.14.0",
+    "@taiga-ui/layout": "5.14.0",
     "@taiga-ui/polymorpheus": "^5.0.1",
     "rxjs": ">=7.0.0"
   },

package/styles/common/hint.less

@@ -0,0 +1,17 @@
+tui-hint {
+    font: var(--tui-typography-body-m);
+
+    &.tui-enter {
+        animation-timing-function: var(--tui-curve-expressive-entrance);
+    }
+
+    &.tui-leave {
+        animation-timing-function: var(--tui-curve-expressive-exit);
+    }
+
+    &::before {
+        inline-size: 1.5rem;
+        block-size: 1.125rem;
+        mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 18"><path d="M7.22854 3.81615L4.89971 6.6711C3.69732 8.14514 1.8988 9 0 9C1.8988 9 3.69732 9.85486 4.89971 11.3289L7.22854 14.1839L7.22854 14.1839C9.12123 16.5041 10.0676 17.6643 11.2665 17.922C11.75 18.026 12.25 18.026 12.7335 17.922C13.9324 17.6643 14.8788 16.5041 16.7715 14.1839L19.1003 11.3289C20.3027 9.85486 22.1012 9 24 9C22.1012 9 20.3027 8.14514 19.1003 6.6711L16.7715 3.81614C14.8788 1.49586 13.9324 0.335716 12.7335 0.0779663C12.25 -0.0259888 11.75 -0.0259888 11.2665 0.0779663C10.0676 0.335716 9.12123 1.49586 7.22854 3.81614L7.22854 3.81615Z" /></svg>');
+    }
+}

package/styles/taiga-ui-mobile.less

@@ -47,6 +47,7 @@
     @import 'common/file.less';
     @import 'common/segmented.less';
     @import 'common/header.less';
+    @import 'common/hint.less';
     @import 'common/message.less';
     @import 'common/notification.less';
     @import 'common/notification-middle.less';