@taiga-ui/core 4.85.0 → 4.87.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/core",
-  "version": "4.85.0",
+  "version": "4.87.0",
   "description": "Core library for creating Angular components and applications using Taiga UI",
   "keywords": [
     "angular",
@@ -329,10 +329,10 @@
     "@angular/router": ">=16.0.0",
     "@ng-web-apis/common": "^4.14.0",
     "@ng-web-apis/mutation-observer": "^4.14.0",
-    "@taiga-ui/cdk": "4.85.0",
+    "@taiga-ui/cdk": "4.87.0",
     "@taiga-ui/event-plugins": "^4.7.0",
-    "@taiga-ui/i18n": "4.85.0",
-    "@taiga-ui/polymorpheus": "^4.9.0",
+    "@taiga-ui/i18n": "4.87.0",
+    "@taiga-ui/polymorpheus": "^4.10.0",
     "rxjs": ">=7.0.0"
   },
   "schematics": "./schematics/collection.json",

package/styles/components/icon.less

@@ -18,7 +18,7 @@
  * @see-also
  * Icons
  */
-tui-icon {
+[tuiIconV='@{tui-version}'] {
     position: relative;
     display: inline-block;
     inline-size: 1em;

package/styles/components/textfield.less

@@ -1,6 +1,6 @@
 @import '@taiga-ui/core/styles/taiga-ui-local.less';
 
-tui-textfield {
+[tuiTextfieldV='@{tui-version}'] {
     .scrollbar-hidden();
     .transition(color);
 
@@ -82,7 +82,6 @@ tui-textfield {
         outline: none;
         padding-block-start: 1.125rem;
         padding-block-end: 1.125rem;
-        color: var(--tui-text-primary);
 
         &[inputmode='none'] {
             caret-color: transparent;
@@ -268,7 +267,6 @@ tui-textfield {
 
         appearance: none;
         box-sizing: border-box;
-        border-radius: inherit;
         border-width: 0;
         // StackBlitz changes "0rem" to "0" breaking calc
         padding-inline-start: calc(var(--t-start, ~'0rem') + var(--t-padding));
@@ -278,6 +276,7 @@ tui-textfield {
     & > .t-template {
         display: flex;
         align-items: center;
+        border-radius: inherit;
         color: var(--tui-text-primary);
     }
 
@@ -287,11 +286,17 @@ tui-textfield {
         color: transparent !important;
     }
 
+    input,
+    select,
+    textarea {
+        background: none;
+        border-radius: inherit;
+    }
+
     input:not([type='range']),
     select:defined,
     textarea:defined {
         pointer-events: auto;
-        background: none;
 
         // TODO: Remove :not when we drop old select tuiTextfield in v5
         &:not(select):read-only ~ .t-filler {

package/styles/components/title.less

@@ -1,3 +1,4 @@
+@import '@taiga-ui/core/styles/taiga-ui-local.less';
 /**
  * @name Title
  * @selector [tuiTitle], [tuiSubtitle]
@@ -18,7 +19,7 @@
  * @see-also
  * Label
  */
-[tuiTitle] {
+[tuiTitleV='@{tui-version}'] {
     position: relative;
     display: flex;
     min-inline-size: 0;
@@ -71,7 +72,7 @@
     margin: 0;
 }
 
-[tuiButton] [tuiTitle] {
+[tuiButton] [tuiTitleV='@{tui-version}'] {
     margin-inline-end: auto;
 
     [tuiSubtitle] {

package/styles/theme/palette.less

@@ -20,9 +20,9 @@
     --tui-border-hover: rgba(255, 255, 255, 0.6);
     --tui-border-focus: rgba(255, 255, 255, 0.64);
     // Statuses
-    --tui-status-negative: rgba(255, 140, 103, 1);
-    --tui-status-negative-pale: rgba(244, 87, 37, 0.32);
-    --tui-status-negative-pale-hover: rgba(244, 87, 37, 0.4);
+    --tui-status-negative: #ff4d4d;
+    --tui-status-negative-pale: rgba(255, 77, 77, 0.24);
+    --tui-status-negative-pale-hover: rgba(255, 77, 77, 0.32);
     --tui-status-positive: rgb(74, 201, 155);
     --tui-status-positive-pale: rgba(74, 201, 155, 0.32);
     --tui-status-positive-pale-hover: rgba(74, 201, 155, 0.4);
@@ -41,8 +41,8 @@
     --tui-text-action-hover: #526ed3;
     --tui-text-positive: #44c596;
     --tui-text-positive-hover: #3aa981;
-    --tui-text-negative: #ff8c67;
-    --tui-text-negative-hover: #bb593a;
+    --tui-text-negative: #ff4d4d;
+    --tui-text-negative-hover: #f66;
 }
 
 .light() {
@@ -75,9 +75,9 @@
     --tui-border-hover: rgba(0, 0, 0, 0.16);
     --tui-border-focus: rgba(51, 51, 51, 0.64);
     // Statuses
-    --tui-status-negative: rgba(244, 87, 37, 1);
-    --tui-status-negative-pale: rgba(244, 87, 37, 0.12);
-    --tui-status-negative-pale-hover: rgba(244, 87, 37, 0.24);
+    --tui-status-negative: #ff291a;
+    --tui-status-negative-pale: rgba(245, 34, 34, 0.08);
+    --tui-status-negative-pale-hover: rgba(245, 34, 34, 0.16);
     --tui-status-positive: rgba(74, 201, 155, 1);
     --tui-status-positive-pale: rgba(74, 201, 155, 0.12);
     --tui-status-positive-pale-hover: rgba(74, 201, 155, 0.24);
@@ -98,8 +98,8 @@
     --tui-text-action-hover: #6c86e2;
     --tui-text-positive: #3aa981;
     --tui-text-positive-hover: #7ac5aa;
-    --tui-text-negative: #dd4c1e;
-    --tui-text-negative-hover: #e38163;
+    --tui-text-negative: #ff291a;
+    --tui-text-negative-hover: #ff4d4d;
     // Charts
     --tui-chart-categorical-00: var(--tui-background-accent-1);
     --tui-chart-categorical-01: #ea97c4;

package/styles/variables/version.less

@@ -1 +1 @@
-@tui-version: '4.85.0';
+@tui-version: '4.87.0';