@taiga-ui/addon-mobile 3.55.0 → 3.56.0-canary.40af9f3

package/styles/common/badge-notification.less

@@ -0,0 +1,9 @@
+tui-badge-notification {
+    &[data-size='l'] {
+        font: var(--tui-font-text-m);
+    }
+
+    &[data-size='m'] {
+        --t-size: 1.125rem;
+    }
+}

package/styles/common/badge.less

@@ -0,0 +1,21 @@
+tui-badge,
+[tuiBadge] {
+    font-weight: bold;
+
+    &[data-appearance='neutral'] {
+        background: var(--tui-base-06);
+    }
+
+    &[data-size='s'] {
+        font: var(--tui-font-text-xs);
+        font-weight: bold;
+    }
+
+    &[data-size='xl'] {
+        font: var(--tui-font-text-s);
+        font-weight: bold;
+
+        --t-padding: 0 0.625rem;
+        --t-size: 1.75rem;
+    }
+}

package/styles/common/button.less

@@ -0,0 +1,27 @@
+[tuiButtonNew] {
+    width: 100%;
+
+    &[data-size='xs'],
+    &[data-size='s'],
+    &[data-size='l'] {
+        --t-radius: 1rem;
+    }
+
+    &[data-size='m'] {
+        --t-radius: 0.75rem;
+    }
+
+    &:disabled:not(._loading) {
+        background: var(--tui-clear);
+        color: var(--tui-clear-active);
+        opacity: 1;
+
+        &[data-appearance='flat'] {
+            background: transparent;
+        }
+    }
+}
+
+[tuiButton][tuiButtonVertical] {
+    gap: 0.5rem;
+}

package/styles/common/title.less

@@ -0,0 +1,7 @@
+[tuiTitle] {
+    gap: 0.25rem;
+
+    [tuiSubtitle] {
+        color: var(--tui-text-02);
+    }
+}

package/styles/ios/checkbox.less

@@ -0,0 +1,38 @@
+input[tuiCheckbox],
+input[tuiRadio] {
+    width: 1.375rem;
+    height: 1.375rem;
+    border-radius: 100%;
+    color: var(--tui-base-01);
+    transition: none;
+
+    &:checked,
+    &:not([tuiRadio]):indeterminate {
+        background: var(--tui-accent);
+        box-shadow: none;
+
+        &:disabled:not(._readonly) {
+            background: var(--tui-base-04);
+        }
+
+        &:before {
+            display: block;
+            transform: none;
+            mask: var(--t-mask) center/100%;
+        }
+
+        &._invalid {
+            background: var(--tui-error-fill);
+        }
+    }
+
+    &:before {
+        display: none;
+
+        --t-mask: url('data:image/svg+xml,<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><path d="M6.75 11.25L9.8 15.2L15.2 7" fill="none" stroke="black" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+    }
+
+    &: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>');
+    }
+}

package/styles/taiga-ui-mobile.less

@@ -1,9 +1,24 @@
 @import '@taiga-ui/core/styles/taiga-ui-local';
 
+[data-platform='android'] {
+    @import './android/checkbox';
+    @import './android/radio';
+    @import './android/toggle';
+
+    tui-badge-notification[data-size='l'] {
+        --t-size: 1.375rem;
+    }
+}
+
 [data-platform='ios'] {
+    @import './ios/checkbox';
     @import './ios/toggle';
 }
 
-[data-platform='android'] {
-    @import './android/toggle';
+[data-platform='android'],
+[data-platform='ios'] {
+    @import './common/badge';
+    @import './common/badge-notification';
+    @import './common/button';
+    @import './common/title';
 }