@taiga-ui/core 2.41.0 → 2.43.0

package/styles/taiga-ui-global.less

@@ -1,18 +1,18 @@
-@import './taiga-ui-local.less';
-@import './basic/keyframes.less';
-@import './basic/normalize.less';
-@import './basic/main.less';
-@import './markup/tui-autofill.less';
-@import './markup/tui-container.less';
-@import './markup/tui-form.less';
-@import './markup/tui-group.less';
-@import './markup/tui-island.less';
-@import './markup/tui-list.less';
-@import './markup/tui-mobile-only.less';
-@import './markup/tui-palette.less';
-@import './markup/tui-required.less';
-@import './markup/tui-row.less';
-@import './markup/tui-skeleton.less';
-@import './markup/tui-space.less';
-@import './markup/tui-table.less';
-@import './markup/tui-text.less';
+@import 'taiga-ui-local.less';
+@import 'basic/keyframes.less';
+@import 'basic/normalize.less';
+@import 'basic/main.less';
+@import 'markup/tui-autofill.less';
+@import 'markup/tui-container.less';
+@import 'markup/tui-form.less';
+@import 'markup/tui-group.less';
+@import 'markup/tui-island.less';
+@import 'markup/tui-list.less';
+@import 'markup/tui-mobile-only.less';
+@import 'markup/tui-palette.less';
+@import 'markup/tui-required.less';
+@import 'markup/tui-row.less';
+@import 'markup/tui-skeleton.less';
+@import 'markup/tui-space.less';
+@import 'markup/tui-table.less';
+@import 'markup/tui-text.less';

package/styles/taiga-ui-local-old.less

@@ -1,7 +1,7 @@
 @space: 0.25rem;
 
-@import './mixins/mixins.less';
-@import './mixins/picker.less';
-@import './mixins/text.less';
-@import './mixins/textfield.less';
-@import './variables/media-old.less';
+@import 'mixins/mixins.less';
+@import 'mixins/picker.less';
+@import 'mixins/text.less';
+@import 'mixins/textfield.less';
+@import 'variables/media-old.less';

package/styles/taiga-ui-local.less

@@ -1,9 +1,9 @@
 @space: 0.25rem;
 
-@import './mixins/mixins.less';
-@import './mixins/picker.less';
-@import './mixins/slider.less';
-@import './mixins/text.less';
-@import './mixins/textfield.less';
-@import './mixins/wrapper.less';
-@import './variables/media.less';
+@import 'mixins/mixins.less';
+@import 'mixins/picker.less';
+@import 'mixins/slider.less';
+@import 'mixins/text.less';
+@import 'mixins/textfield.less';
+@import 'mixins/wrapper.less';
+@import 'variables/media.less';

package/styles/taiga-ui-local.scss

@@ -1,9 +1,9 @@
 $space: 4px;
 
-@import './mixins/mixins.scss';
-@import './mixins/picker.scss';
-@import './mixins/slider.scss';
-@import './mixins/text.scss';
-@import './mixins/textfield.scss';
-@import './mixins/wrapper.scss';
-@import './variables/media.scss';
+@import 'mixins/mixins.scss';
+@import 'mixins/picker.scss';
+@import 'mixins/slider.scss';
+@import 'mixins/text.scss';
+@import 'mixins/textfield.scss';
+@import 'mixins/wrapper.scss';
+@import 'variables/media.scss';

package/styles/taiga-ui-stackblitz.less

@@ -0,0 +1,7 @@
+/**
+THIS IS A WORKAROUND FOR STACKBLITZ:
+DO NOT REPEAT, read https://taiga-ui.dev/getting-started#less
+ */
+@import 'taiga-ui-global.less';
+@import 'theme/variables.less';
+@import 'theme/wrapper.less';

package/styles/taiga-ui-theme.less

@@ -1,4 +1,4 @@
-@import './theme/fonts.css';
-@import './theme/dialog.less';
-@import './theme/variables.less';
-@import './theme/wrapper.less';
+@import 'theme/fonts.css';
+@import 'theme/dialog.less';
+@import 'theme/variables.less';
+@import 'theme/wrapper.less';

package/styles/theme/dialog.less

@@ -1,4 +1,4 @@
-@import './../mixins/mixins';
+@import '../mixins/mixins';
 
 tui-root:not(._mobile) tui-dialog-host > section {
     .customize-scroll();

package/styles/theme/wrapper/accent.less

@@ -1,4 +1,4 @@
-@import './../../taiga-ui-local.less';
+@import '../../taiga-ui-local';
 
 /* stylelint-disable order/order */
 tui-wrapper[data-appearance='accent'],

package/styles/theme/wrapper/base.less

@@ -1,4 +1,4 @@
-@import './../../taiga-ui-local.less';
+@import '../../taiga-ui-local';
 
 /* stylelint-disable order/order */
 tui-wrapper,

package/styles/theme/wrapper/icon.less

@@ -1,4 +1,4 @@
-@import './../../taiga-ui-local.less';
+@import '../../taiga-ui-local';
 
 /* stylelint-disable order/order */
 tui-wrapper[data-appearance='icon'],

package/styles/theme/wrapper/outline.less

@@ -1,4 +1,4 @@
-@import './../../taiga-ui-local.less';
+@import '../../taiga-ui-local';
 
 /* stylelint-disable order/order */
 tui-wrapper[data-appearance='outline'],

package/styles/theme/wrapper/primary.less

@@ -1,4 +1,4 @@
-@import './../../taiga-ui-local';
+@import '../../taiga-ui-local';
 
 /* stylelint-disable order/order */
 tui-wrapper[data-appearance='primary'],

package/styles/theme/wrapper/secondary.less

@@ -1,4 +1,4 @@
-@import './../../taiga-ui-local';
+@import '../../taiga-ui-local';
 
 /* stylelint-disable order/order */
 tui-wrapper[data-appearance='secondary'],

package/styles/theme/wrapper/table.less

@@ -1,4 +1,4 @@
-@import './../../taiga-ui-local';
+@import '../../taiga-ui-local';
 
 /* stylelint-disable order/order */
 tui-wrapper[data-appearance='table'],
@@ -7,6 +7,24 @@ tui-wrapper[data-appearance='table'],
     background: transparent;
     color: var(--tui-text-01);
 
+    &:before,
+    &[data-appearance='table']:after {
+        position: fixed;
+        top: -1px;
+        left: -1px;
+        right: -1px;
+        bottom: -1px;
+    }
+
+    &:before {
+        .transition(background);
+        content: '';
+        z-index: -1;
+        background-repeat: no-repeat;
+        background-position: top right;
+        background-size: 0.5rem 0.5rem;
+    }
+
     table &[data-appearance='table']:not(._focused):after {
         border-width: 0;
     }
@@ -27,7 +45,9 @@ tui-wrapper[data-appearance='table'],
     }
 
     .wrapper-hover({
-        background: var(--tui-clear-disabled);
+        &:not(._focused):before {
+            background-color: var(--tui-clear-disabled);
+        }
     });
 
     .wrapper-focus({
@@ -35,20 +55,18 @@ tui-wrapper[data-appearance='table'],
     });
 
     .wrapper-invalid({
-        background: var(--tui-error-bg);
-
         &:before {
-            content: '';
-            position: absolute;
-            top: 0;
-            right: 0;
-            z-index: 1;
-            border-top: 0.5rem solid var(--tui-error-fill);
-            border-left: 0.5rem solid transparent;
+            background-image: linear-gradient(to top right, transparent 0%, transparent 50%, var(--tui-error-fill) 50%, var(--tui-error-fill) 100%);
+        }
+
+        &:not(._focused):before {
+            background-color: var(--tui-error-bg);
         }
 
         .wrapper-hover({
-            background: var(--tui-error-bg-hover);
+            &:not(._focused):before {
+                background-color: var(--tui-error-bg-hover);
+            }
         });
 
         .wrapper-disabled({

package/styles/theme/wrapper/textfield.less

@@ -1,4 +1,4 @@
-@import './../../taiga-ui-local';
+@import '../../taiga-ui-local';
 
 /* stylelint-disable order/order */
 tui-wrapper[data-appearance='textfield'],

package/styles/theme/wrapper/whiteblock.less

@@ -1,4 +1,4 @@
-@import './../../taiga-ui-local';
+@import '../../taiga-ui-local';
 
 /* stylelint-disable order/order */
 tui-wrapper[data-appearance='whiteblock'],

package/styles/theme/wrapper.less

@@ -1,10 +1,10 @@
-@import './wrapper/icon.less';
-@import './wrapper/outline.less';
-@import './wrapper/primary.less';
-@import './wrapper/accent.less';
-@import './wrapper/secondary.less';
-@import './wrapper/table.less';
-@import './wrapper/textfield.less';
-@import './wrapper/whiteblock.less';
-@import './wrapper/none.less';
-@import './wrapper/base.less';
+@import 'wrapper/icon.less';
+@import 'wrapper/outline.less';
+@import 'wrapper/primary.less';
+@import 'wrapper/accent.less';
+@import 'wrapper/secondary.less';
+@import 'wrapper/table.less';
+@import 'wrapper/textfield.less';
+@import 'wrapper/whiteblock.less';
+@import 'wrapper/none.less';
+@import 'wrapper/base.less';