@taiga-ui/addon-mobile 3.58.0 → 3.59.0-canary.10da730

package/fesm2020/taiga-ui-addon-mobile-utils.mjs

@@ -0,0 +1,16 @@
+function tuiFindTouchIndex(touches, id) {
+    for (let i = 0; i < touches.length; i++) {
+        const { identifier } = touches[i];
+        if (identifier === id) {
+            return i;
+        }
+    }
+    return -1;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { tuiFindTouchIndex };
+//# sourceMappingURL=taiga-ui-addon-mobile-utils.mjs.map

package/fesm2020/taiga-ui-addon-mobile-utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-addon-mobile-utils.mjs","sources":["../../../projects/addon-mobile/utils/find-touch-index.ts","../../../projects/addon-mobile/utils/taiga-ui-addon-mobile-utils.ts"],"sourcesContent":["export function tuiFindTouchIndex(touches: TouchList, id: number): number {\n    for (let i = 0; i < touches.length; i++) {\n        const {identifier} = touches[i];\n\n        if (identifier === id) {\n            return i;\n        }\n    }\n\n    return -1;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAgB,SAAA,iBAAiB,CAAC,OAAkB,EAAE,EAAU,EAAA;AAC5D,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACrC,MAAM,EAAC,UAAU,EAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAEhC,IAAI,UAAU,KAAK,EAAE,EAAE;AACnB,YAAA,OAAO,CAAC,CAAC;AACZ,SAAA;AACJ,KAAA;IAED,OAAO,CAAC,CAAC,CAAC;AACd;;ACVA;;AAEG;;;;"}

package/fesm2020/taiga-ui-addon-mobile.mjs

@@ -0,0 +1,11 @@
+export * from '@taiga-ui/addon-mobile/components';
+export * from '@taiga-ui/addon-mobile/const';
+export * from '@taiga-ui/addon-mobile/directives';
+export * from '@taiga-ui/addon-mobile/interfaces';
+export * from '@taiga-ui/addon-mobile/types';
+export * from '@taiga-ui/addon-mobile/utils';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=taiga-ui-addon-mobile.mjs.map

package/fesm2020/taiga-ui-addon-mobile.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-addon-mobile.mjs","sources":["../../../projects/addon-mobile/taiga-ui-addon-mobile.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;AAEG"}

package/internal/primitive-calendar-mobile/primitive-calendar-mobile.component.d.ts

@@ -8,5 +8,5 @@ export declare class TuiPrimitiveCalendarMobileComponent extends TuiPrimitiveCal
     readonly isIOS: boolean;
     constructor(isIOS: boolean, unorderedWeekDays$: TuiInjectionTokenType<typeof TUI_SHORT_WEEK_DAYS>, dayType: TuiHandler<TuiDay, string>);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPrimitiveCalendarMobileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPrimitiveCalendarMobileComponent, "tui-primitive-calendar-mobile", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPrimitiveCalendarMobileComponent, "tui-primitive-calendar-mobile", never, {}, {}, never, never, false, never>;
 }

package/package.json

@@ -1,34 +1,231 @@
 {
-  "name": "@taiga-ui/addon-mobile",
-  "version": "3.58.0",
-  "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
-  "keywords": [
-    "angular",
-    "component",
-    "mobile"
-  ],
-  "homepage": "https://github.com/taiga-family/taiga-ui",
-  "repository": "https://github.com/taiga-family/taiga-ui",
-  "license": "Apache-2.0",
-  "peerDependencies": {
-    "@angular/cdk": ">=12.0.0",
-    "@angular/common": ">=12.0.0",
-    "@angular/core": ">=12.0.0",
-    "@ng-web-apis/common": "3.0.6",
-    "@taiga-ui/cdk": ">=3.58.0",
-    "@taiga-ui/core": ">=3.58.0",
-    "@taiga-ui/kit": ">=3.58.0",
-    "@tinkoff/ng-polymorpheus": "4.3.0",
-    "rxjs": ">=6.0.0"
-  },
-  "main": "bundles/taiga-ui-addon-mobile.umd.js",
-  "module": "fesm2015/taiga-ui-addon-mobile.js",
-  "es2015": "fesm2015/taiga-ui-addon-mobile.js",
-  "esm2015": "esm2015/taiga-ui-addon-mobile.js",
-  "fesm2015": "fesm2015/taiga-ui-addon-mobile.js",
-  "typings": "taiga-ui-addon-mobile.d.ts",
-  "sideEffects": false,
-  "dependencies": {
-    "tslib": "2.6.2"
-  }
+    "name": "@taiga-ui/addon-mobile",
+    "version": "3.59.0-canary.10da730",
+    "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
+    "keywords": [
+        "angular",
+        "component",
+        "mobile"
+    ],
+    "homepage": "https://github.com/taiga-family/taiga-ui",
+    "repository": "https://github.com/taiga-family/taiga-ui",
+    "license": "Apache-2.0",
+    "peerDependencies": {
+        "@angular/cdk": ">=12.0.0",
+        "@angular/common": ">=12.0.0",
+        "@angular/core": ">=12.0.0",
+        "@ng-web-apis/common": "3.0.6",
+        "@taiga-ui/cdk": ">=3.59.0-canary.10da730",
+        "@taiga-ui/core": ">=3.59.0-canary.10da730",
+        "@taiga-ui/kit": ">=3.59.0-canary.10da730",
+        "@tinkoff/ng-polymorpheus": "4.3.0",
+        "rxjs": ">=6.0.0"
+    },
+    "module": "fesm2015/taiga-ui-addon-mobile.mjs",
+    "es2020": "fesm2020/taiga-ui-addon-mobile.mjs",
+    "esm2020": "esm2020/taiga-ui-addon-mobile.mjs",
+    "fesm2020": "fesm2020/taiga-ui-addon-mobile.mjs",
+    "fesm2015": "fesm2015/taiga-ui-addon-mobile.mjs",
+    "typings": "index.d.ts",
+    "exports": {
+        "./package.json": {
+            "default": "./package.json"
+        },
+        ".": {
+            "types": "./index.d.ts",
+            "esm2020": "./esm2020/taiga-ui-addon-mobile.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile.mjs"
+        },
+        "./components/app-bar": {
+            "types": "./components/app-bar/index.d.ts",
+            "esm2020": "./esm2020/components/app-bar/taiga-ui-addon-mobile-components-app-bar.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-components-app-bar.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-components-app-bar.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-components-app-bar.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-components-app-bar.mjs"
+        },
+        "./components/mobile-calendar-dialog": {
+            "types": "./components/mobile-calendar-dialog/index.d.ts",
+            "esm2020": "./esm2020/components/mobile-calendar-dialog/taiga-ui-addon-mobile-components-mobile-calendar-dialog.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-components-mobile-calendar-dialog.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-components-mobile-calendar-dialog.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-components-mobile-calendar-dialog.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-components-mobile-calendar-dialog.mjs"
+        },
+        "./components/mobile-calendar": {
+            "types": "./components/mobile-calendar/index.d.ts",
+            "esm2020": "./esm2020/components/mobile-calendar/taiga-ui-addon-mobile-components-mobile-calendar.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-components-mobile-calendar.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-components-mobile-calendar.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-components-mobile-calendar.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-components-mobile-calendar.mjs"
+        },
+        "./components/mobile-dialog": {
+            "types": "./components/mobile-dialog/index.d.ts",
+            "esm2020": "./esm2020/components/mobile-dialog/taiga-ui-addon-mobile-components-mobile-dialog.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-components-mobile-dialog.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-components-mobile-dialog.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-components-mobile-dialog.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-components-mobile-dialog.mjs"
+        },
+        "./components": {
+            "types": "./components/index.d.ts",
+            "esm2020": "./esm2020/components/taiga-ui-addon-mobile-components.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-components.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-components.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-components.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-components.mjs"
+        },
+        "./components/pull-to-refresh": {
+            "types": "./components/pull-to-refresh/index.d.ts",
+            "esm2020": "./esm2020/components/pull-to-refresh/taiga-ui-addon-mobile-components-pull-to-refresh.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-components-pull-to-refresh.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-components-pull-to-refresh.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-components-pull-to-refresh.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-components-pull-to-refresh.mjs"
+        },
+        "./components/sheet-dialog": {
+            "types": "./components/sheet-dialog/index.d.ts",
+            "esm2020": "./esm2020/components/sheet-dialog/taiga-ui-addon-mobile-components-sheet-dialog.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-components-sheet-dialog.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-components-sheet-dialog.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-components-sheet-dialog.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-components-sheet-dialog.mjs"
+        },
+        "./components/sheet": {
+            "types": "./components/sheet/index.d.ts",
+            "esm2020": "./esm2020/components/sheet/taiga-ui-addon-mobile-components-sheet.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-components-sheet.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-components-sheet.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-components-sheet.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-components-sheet.mjs"
+        },
+        "./components/tab-bar": {
+            "types": "./components/tab-bar/index.d.ts",
+            "esm2020": "./esm2020/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-components-tab-bar.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-components-tab-bar.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-components-tab-bar.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-components-tab-bar.mjs"
+        },
+        "./components/theme-android": {
+            "types": "./components/theme-android/index.d.ts",
+            "esm2020": "./esm2020/components/theme-android/taiga-ui-addon-mobile-components-theme-android.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-components-theme-android.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-components-theme-android.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-components-theme-android.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-components-theme-android.mjs"
+        },
+        "./components/theme-ios": {
+            "types": "./components/theme-ios/index.d.ts",
+            "esm2020": "./esm2020/components/theme-ios/taiga-ui-addon-mobile-components-theme-ios.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-components-theme-ios.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-components-theme-ios.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-components-theme-ios.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-components-theme-ios.mjs"
+        },
+        "./const": {
+            "types": "./const/index.d.ts",
+            "esm2020": "./esm2020/const/taiga-ui-addon-mobile-const.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-const.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-const.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-const.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-const.mjs"
+        },
+        "./directives/elastic-sticky": {
+            "types": "./directives/elastic-sticky/index.d.ts",
+            "esm2020": "./esm2020/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-directives-elastic-sticky.mjs"
+        },
+        "./directives/mobile-tabs": {
+            "types": "./directives/mobile-tabs/index.d.ts",
+            "esm2020": "./esm2020/directives/mobile-tabs/taiga-ui-addon-mobile-directives-mobile-tabs.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-directives-mobile-tabs.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-directives-mobile-tabs.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-directives-mobile-tabs.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-directives-mobile-tabs.mjs"
+        },
+        "./directives": {
+            "types": "./directives/index.d.ts",
+            "esm2020": "./esm2020/directives/taiga-ui-addon-mobile-directives.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-directives.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-directives.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-directives.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-directives.mjs"
+        },
+        "./directives/ripple": {
+            "types": "./directives/ripple/index.d.ts",
+            "esm2020": "./esm2020/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-directives-ripple.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-directives-ripple.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-directives-ripple.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-directives-ripple.mjs"
+        },
+        "./directives/sidebar": {
+            "types": "./directives/sidebar/index.d.ts",
+            "esm2020": "./esm2020/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-directives-sidebar.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-directives-sidebar.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-directives-sidebar.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-directives-sidebar.mjs"
+        },
+        "./directives/touchable": {
+            "types": "./directives/touchable/index.d.ts",
+            "esm2020": "./esm2020/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-directives-touchable.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-directives-touchable.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-directives-touchable.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-directives-touchable.mjs"
+        },
+        "./interfaces": {
+            "types": "./interfaces/index.d.ts",
+            "esm2020": "./esm2020/interfaces/taiga-ui-addon-mobile-interfaces.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-interfaces.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-interfaces.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-interfaces.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-interfaces.mjs"
+        },
+        "./internal": {
+            "types": "./internal/index.d.ts",
+            "esm2020": "./esm2020/internal/taiga-ui-addon-mobile-internal.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-internal.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-internal.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-internal.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-internal.mjs"
+        },
+        "./internal/primitive-calendar-mobile": {
+            "types": "./internal/primitive-calendar-mobile/index.d.ts",
+            "esm2020": "./esm2020/internal/primitive-calendar-mobile/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.mjs"
+        },
+        "./types": {
+            "types": "./types/index.d.ts",
+            "esm2020": "./esm2020/types/taiga-ui-addon-mobile-types.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-types.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-types.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-types.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-types.mjs"
+        },
+        "./utils": {
+            "types": "./utils/index.d.ts",
+            "esm2020": "./esm2020/utils/taiga-ui-addon-mobile-utils.mjs",
+            "es2020": "./fesm2020/taiga-ui-addon-mobile-utils.mjs",
+            "es2015": "./fesm2015/taiga-ui-addon-mobile-utils.mjs",
+            "node": "./fesm2015/taiga-ui-addon-mobile-utils.mjs",
+            "default": "./fesm2020/taiga-ui-addon-mobile-utils.mjs"
+        }
+    },
+    "sideEffects": false,
+    "dependencies": {
+        "tslib": "2.6.2"
+    }
 }

package/styles/android/checkbox.less

@@ -1,21 +1,25 @@
 input[tuiCheckbox] {
-    width: 1.125rem;
-    height: 1.125rem;
+    --t-size: 1.125rem;
+
     color: var(--tui-base-01);
     border-radius: 0.125rem;
-    box-shadow: inset 0 0 0 0.125rem var(--tui-base-04);
+    outline: 0.125rem solid var(--tui-base-04);
+    outline-offset: -0.125rem;
+    transition: none;
+    box-shadow: none !important;
+    background: var(--t-background) !important;
 
     &:checked,
     &:indeterminate {
-        background: var(--tui-accent);
-        box-shadow: none;
+        --t-background: var(--tui-accent);
+        outline: none;
 
-        &._invalid {
-            background: var(--tui-error-fill);
+        &:invalid {
+            --t-background: var(--tui-error-fill);
         }
 
         &:disabled:not(._readonly) {
-            background: var(--tui-base-04);
+            --t-background: var(--tui-base-04);
         }
 
         &:before {
@@ -25,7 +29,7 @@ input[tuiCheckbox] {
     }
 
     &:before {
-        --t-mask: url('data:image/svg+xml,<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M2.7 8.5L7 12.7L15.3 4.7" fill="none" stroke="black" stroke-width="2"/></svg>');
+        mask-image: url('data:image/svg+xml,<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M2.7 8.5L7 12.7L15.3 4.7" fill="none" stroke="black" stroke-width="2"/></svg>');
         transition:
             clip-path var(--tui-duration) ease-in-out,
             mask 0s var(--tui-duration) ease-in-out;
@@ -33,10 +37,10 @@ input[tuiCheckbox] {
     }
 
     &:indeterminate:before {
-        --t-mask: url('data:image/svg+xml,<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M3 9H15" fill="none" stroke="black" stroke-width="2"/></svg>');
+        mask-image: url('data:image/svg+xml,<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M3 9H15" fill="none" stroke="black" stroke-width="2"/></svg>');
     }
 
-    &._invalid {
-        box-shadow: inset 0 0 0 0.125rem var(--tui-error-bg-hover);
+    &:invalid {
+        outline-color: var(--tui-error-bg-hover);
     }
 }

package/styles/android/radio.less

@@ -2,15 +2,17 @@ input[tuiRadio] {
     --t-size: 1.125rem;
 
     .transition(color);
-    box-shadow: inset 0 0 0 0.125rem;
     color: var(--tui-base-04);
+    outline: 0.125rem solid;
+    outline-offset: -0.125rem;
+    box-shadow: none !important;
+    background: transparent !important;
 
     &:disabled:not(._readonly) {
         color: var(--tui-base-04);
     }
 
     &:checked {
-        background: transparent;
         color: var(--tui-accent);
 
         &:after {
@@ -18,7 +20,7 @@ input[tuiRadio] {
         }
     }
 
-    &._invalid {
+    &:invalid {
         color: var(--tui-error-bg-hover);
 
         &:checked {

package/styles/android/toggle.less

@@ -1,10 +1,9 @@
-input[tuiToggle],
-input[tuiToggle]& {
+input[tuiToggle] {
     .transition(~'color, opacity');
     height: 1.25rem;
     width: 2.5rem;
     color: var(--tui-base-05);
-    background: transparent;
+    background: transparent !important;
     overflow: visible;
 
     &:before {
@@ -49,7 +48,7 @@ input[tuiToggle]& {
         }
     }
 
-    &._invalid {
+    &:invalid {
         color: var(--tui-error-fill);
 
         &:not(:checked) {

package/styles/ios/checkbox.less

@@ -1,18 +1,22 @@
 input[tuiCheckbox],
 input[tuiRadio] {
-    width: 1.375rem;
-    height: 1.375rem;
+    --t-size: 1.375rem;
+
     border-radius: 100%;
     color: var(--tui-base-01);
+    outline: 1px solid var(--tui-base-04);
+    outline-offset: -1px;
     transition: none;
+    box-shadow: none !important;
+    background: var(--t-background) !important;
 
     &:checked,
     &:not([tuiRadio]):indeterminate {
-        background: var(--tui-accent);
-        box-shadow: none;
+        --t-background: var(--tui-accent);
+        outline: none;
 
         &:disabled:not(._readonly) {
-            background: var(--tui-base-04);
+            --t-background: var(--tui-base-04);
         }
 
         &:before {
@@ -21,8 +25,8 @@ input[tuiRadio] {
             mask: var(--t-mask) center/100%;
         }
 
-        &._invalid {
-            background: var(--tui-error-fill);
+        &:invalid {
+            --t-background: var(--tui-error-fill);
         }
     }
 
@@ -35,4 +39,8 @@ input[tuiRadio] {
     &:not([tuiRadio]):indeterminate:before {
         --t-mask: url('data:image/svg+xml,<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><path d="M6 11H16" fill="none" stroke="black" stroke-width="1.75" stroke-linecap="round"/></svg>');
     }
+
+    &:invalid {
+        outline-color: var(--tui-error-bg-hover);
+    }
 }

package/styles/ios/toggle.less

@@ -1,5 +1,4 @@
-input[tuiToggle],
-input[tuiToggle]& {
+input[tuiToggle] {
     height: 1.9375rem;
     width: 3.1875rem;
     border-radius: 2rem;
@@ -28,9 +27,15 @@ input[tuiToggle]& {
         width: 2.3rem;
     }
 
-    &:checked {
+    &:checked,
+    &:checked:hover,
+    &:checked:active {
         background: var(--tui-accent);
 
+        &:invalid {
+            background: var(--tui-error-fill);
+        }
+
         &:after {
             transform: scale(0.871) translateX(1.44rem);
         }
@@ -39,12 +44,4 @@ input[tuiToggle]& {
             transform: scale(0.871) translateX(1.0775rem);
         }
     }
-
-    &._invalid {
-        background: var(--tui-error-bg);
-
-        &:checked {
-            background: var(--tui-error-fill);
-        }
-    }
 }

package/types/touch-mode.d.ts

@@ -1 +1 @@
-export declare type TuiTouchMode = 'background' | 'opacity' | 'transform';
+export type TuiTouchMode = 'background' | 'opacity' | 'transform';