@taiga-ui/styles 5.26.0 → 5.27.0-canary.9d80d01

package/components/cell.less

@@ -1,11 +1,14 @@
 @import '@taiga-ui/styles/utils';
 
+:where([tuiCell]&) {
+    .button-clear();
+}
+
 [tuiCell]:where(*&) {
     --t-pad: 0.125rem 1rem;
     --t-radius: var(--tui-radius-s);
 
     .transition(~'background');
-    .button-clear();
 
     position: relative;
     display: flex;
@@ -280,20 +283,10 @@
 }
 
 @media @tui-mouse {
-    a[tuiCell]:where(*&):hover,
-    button[tuiCell]:where(*&):hover,
-    label[tuiCell]:where(*&):hover {
-        &:not(:disabled, [data-state='disabled']) {
-            background: var(--tui-background-neutral-1);
-            cursor: pointer;
-        }
-    }
-
-    label[tuiCell]:where(*&):hover {
-        &:not(:has(input:disabled)) {
-            background: var(--tui-background-neutral-1);
-            cursor: pointer;
-        }
+    :where(:is(a, button, label)[tuiCell]:hover:not(:disabled, [data-state='disabled'])&),
+    :where(label[tuiCell]:hover:not(:has(input:disabled))&) {
+        background: var(--tui-background-neutral-1);
+        cursor: pointer;
     }
 }
 

package/components/header.less

@@ -15,6 +15,10 @@
         margin: 0.25rem 0 0;
         font: var(--tui-typography-body-m);
 
+        &:first-child {
+            margin: 0;
+        }
+
         &:empty {
             display: none;
         }

package/components/list.less

@@ -106,7 +106,7 @@
         margin: 0;
         font: inherit;
 
-        &:not(:last-of-type) {
+        &:where(:not(:last-of-type)) {
             box-shadow: 0 1px var(--tui-border-normal);
         }
     }
@@ -143,3 +143,20 @@
         }
     }
 }
+
+[data-platform='ios'] :where([tuiList]:is(ul)&),
+[data-platform='android'] :where([tuiList]:is(ul)&) {
+    margin-inline-start: 1.125rem;
+
+    & > li::before {
+        inline-size: 0.375rem;
+        margin-inline-start: -1rem;
+        margin-inline-end: 0.75rem;
+    }
+
+    &[data-size='l'] > li::before {
+        inline-size: 0.375rem;
+        margin-inline-start: -0.9375rem;
+        margin-inline-end: 0.75rem;
+    }
+}

package/components/status.less

@@ -24,6 +24,7 @@
         display: var(--t-status, none);
         inline-size: 0.5rem;
         block-size: 0.5rem;
+        flex-shrink: 0;
         border-radius: 100%;
         background: var(--t-status);
     }

package/mixins/appearance.less

@@ -16,7 +16,7 @@
 
 .appearance-active(@content) {
     .interactive({
-        &:active:not([data-state]) {
+        &:active:not([data-state]):where(:hover,:focus-visible) {
             @content();
         }
     });

package/mixins/appearance.scss

@@ -17,7 +17,7 @@
 
 @mixin appearance-active {
     @include interactive {
-        &:active:not([data-state]) {
+        &:active:not([data-state]):where(:hover, :focus-visible) {
             @content;
         }
     }

package/mixins/theme/variables.less

@@ -39,7 +39,6 @@
     --tui-padding-l: 1rem;
     // Misc
     --tui-stroke-width: 0.125rem;
-    --tui-duration: 0.3s;
     --tui-disabled-opacity: 0.56;
     --tui-lh: 1.4em;
     // logical

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@taiga-ui/styles",
-    "version": "5.26.0",
+    "version": "5.27.0-canary.9d80d01",
     "description": "Framework-agnostic package with styles for Taiga UI",
     "repository": {
         "type": "git",
@@ -25,6 +25,6 @@
         "./*": "./*"
     },
     "peerDependencies": {
-        "@taiga-ui/design-tokens": "~0.320.0"
+        "@taiga-ui/design-tokens": "~0.326.0"
     }
 }

package/theme/appearance/outline.less

@@ -5,6 +5,7 @@
 [tuiAppearance][data-appearance='outline-grayscale'] {
     --t-bs: var(--tui-border-normal);
 
+    background: transparent;
     color: var(--tui-text-action);
     box-shadow: inset 0 0 0 1px var(--t-bs);