@salutejs/plasma-new-hope 0.342.0 → 0.342.1-canary.2350.19926791161.0

package/styled-components/es/examples/components/TextField/TextField.config.js

@@ -11,9 +11,6 @@ export var config = {
             default: css([
                 "",
                 ":var(--text-primary);",
-                ":var(--text-primary);",
-                ":var(--text-secondary);",
-                ":var(--text-tertiary);",
                 ":var(--text-secondary);",
                 ":var(--text-tertiary);",
                 ":var(--surface-transparent-primary);",
@@ -35,15 +32,12 @@ export var config = {
                 ":var(--text-accent);",
                 ":var(--surface-negative);",
                 ":var(--text-tertiary);"
-            ], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
+            ], tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
             positive: css([
                 "",
                 ":var(--text-primary);",
-                ":var(--text-positive);",
                 ":var(--text-secondary);",
                 ":var(--text-tertiary);",
-                ":var(--text-positive);",
-                ":var(--text-positive);",
                 ":var(--surface-transparent-positive);",
                 ":var(--surface-transparent-positive-hover);",
                 ":var(--surface-transparent-positive-active);",
@@ -63,15 +57,12 @@ export var config = {
                 ":var(--text-accent);",
                 ":var(--surface-negative);",
                 ":var(--text-tertiary);"
-            ], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
+            ], tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
             warning: css([
                 "",
                 ":var(--text-primary);",
-                ":var(--text-warning);",
                 ":var(--text-secondary);",
                 ":var(--text-tertiary);",
-                ":var(--text-warning);",
-                ":var(--text-warning);",
                 ":var(--surface-transparent-warning);",
                 ":var(--surface-transparent-warning-hover);",
                 ":var(--surface-transparent-warning-active);",
@@ -91,15 +82,12 @@ export var config = {
                 ":var(--text-accent);",
                 ":var(--surface-negative);",
                 ":var(--text-tertiary);"
-            ], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
+            ], tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
             negative: css([
                 "",
                 ":var(--text-primary);",
-                ":var(--text-negative);",
                 ":var(--text-secondary);",
                 ":var(--text-tertiary);",
-                ":var(--text-negative);",
-                ":var(--text-negative);",
                 ":var(--surface-transparent-negative);",
                 ":var(--surface-transparent-negative-hover);",
                 ":var(--surface-transparent-negative-active);",
@@ -119,7 +107,7 @@ export var config = {
                 ":var(--text-accent);",
                 ":var(--surface-negative);",
                 ":var(--text-tertiary);"
-            ], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
+            ], tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
         },
         size: {
             xl: css([
@@ -137,7 +125,6 @@ export var config = {
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);",
                 ":0.75rem;",
-                ":0.25rem;",
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-size);",
                 ":var(--plasma-typo-body-l-font-style);",
@@ -147,7 +134,6 @@ export var config = {
                 ":-0.688rem -0.5rem;",
                 ":2.375rem;",
                 ":0.82rem -2.938rem auto auto;",
-                ":0.82rem -2.063rem auto auto;",
                 ":0.25rem;",
                 ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-size);",
@@ -192,11 +178,8 @@ export var config = {
                 ":0 0 0 0;",
                 ":0.5rem auto auto -0.75rem;",
                 ":0 0 auto auto;",
-                ":0.25rem -0.625rem auto auto;",
-                ":1.75rem auto auto -0.875rem;",
-                ":1.75rem -0.875rem auto auto;",
-                ":1.75rem -2.488rem auto auto;"
-            ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight),
+                ":0.25rem -0.625rem auto auto;"
+            ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
             l: css([
                 "",
                 ":3.5rem;",
@@ -216,7 +199,6 @@ export var config = {
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);",
                 ":0.75rem;",
-                ":0.25rem;",
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-size);",
                 ":var(--plasma-typo-body-l-font-style);",
@@ -263,12 +245,9 @@ export var config = {
                 ":0.5rem auto auto -0.75rem;",
                 ":0 0 auto auto;",
                 ":0.25rem -0.625rem auto auto;",
-                ":1.5rem auto auto -0.875rem;",
-                ":1.5rem -0.875rem auto auto;",
-                ":1.5rem -2.488rem auto auto;",
                 ":0 0.25rem 0 0;",
                 ":0 0 0 0.25rem;"
-            ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
+            ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
             m: css([
                 "",
                 ":3rem;",
@@ -288,7 +267,6 @@ export var config = {
                 ":var(--plasma-typo-body-m-letter-spacing);",
                 ":var(--plasma-typo-body-m-line-height);",
                 ":0.625rem;",
-                ":0.25rem;",
                 ":var(--plasma-typo-body-m-font-family);",
                 ":var(--plasma-typo-body-m-font-size);",
                 ":var(--plasma-typo-body-m-font-style);",
@@ -335,12 +313,9 @@ export var config = {
                 ":0.375rem auto auto -0.75rem;",
                 ":0 0 auto auto;",
                 ":0.25rem -0.6875rem auto auto;",
-                ":1.25rem auto auto -0.875rem;",
-                ":1.25rem -0.875rem auto auto;",
-                ":1.25rem -2.488rem auto auto;",
                 ":0 0.25rem 0 0;",
                 ":0 0 0 0.25rem;"
-            ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
+            ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
             s: css([
                 "",
                 ":2.5rem;",
@@ -360,7 +335,6 @@ export var config = {
                 ":var(--plasma-typo-body-s-letter-spacing);",
                 ":var(--plasma-typo-body-s-line-height);",
                 ":0.5rem;",
-                ":0.25rem;",
                 ":var(--plasma-typo-body-s-font-family);",
                 ":var(--plasma-typo-body-s-font-size);",
                 ":var(--plasma-typo-body-s-font-style);",
@@ -407,12 +381,9 @@ export var config = {
                 ":0.3125rem auto auto -0.6875rem;",
                 ":0 0 auto auto;",
                 ":0.25rem -0.625rem auto auto;",
-                ":1.063rem auto auto -0.75rem;",
-                ":1.063rem -0.75rem auto auto;",
-                ":1.063rem -2.238rem auto auto;",
                 ":0 0.25rem 0 0;",
                 ":0 0 0 0.25rem;"
-            ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
+            ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin),
             xs: css([
                 "",
                 ":2rem;",
@@ -432,7 +403,6 @@ export var config = {
                 ":var(--plasma-typo-body-xs-letter-spacing);",
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":0.375rem;",
-                ":0.25rem;",
                 ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-size);",
                 ":var(--plasma-typo-body-xs-font-style);",
@@ -479,12 +449,9 @@ export var config = {
                 ":0.25rem auto auto -0.625rem;",
                 ":0 0 auto auto;",
                 ":0.125rem -0.6875rem auto auto;",
-                ":0.813rem auto auto -0.625rem;",
-                ":0.813rem -0.625rem auto auto;",
-                ":0.813rem -1.988rem auto auto;",
                 ":0 0.25rem 0 0;",
                 ":0 0 0 0.25rem;"
-            ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin)
+            ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.textBeforeMargin, tokens.textAfterMargin)
         },
         labelPlacement: {
             inner: css([
@@ -501,11 +468,6 @@ export var config = {
                 ""
             ])
         },
-        clear: {
-            true: css([
-                ""
-            ])
-        },
         chipView: {
             default: css([
                 "",

package/styled-components/es/examples/components/TextField/TextField.js

@@ -1,5 +1,18 @@
+import { createConditionalComponent } from "../../../utils";
 import { component, mergeConfig } from "../../../engines";
 import { textFieldConfig } from "../../../components/TextField";
 import { config } from "./TextField.config";
-var mergedConfig = mergeConfig(textFieldConfig, config);
-export var TextField = component(mergedConfig);
+import { config as clearConfig } from "./TextField.clear.config";
+var mergedConfigDefault = mergeConfig(textFieldConfig, config);
+export var TextFieldDefault = component(mergedConfigDefault);
+var mergedConfigClear = mergeConfig(textFieldConfig, clearConfig);
+export var TextFieldClear = component(mergedConfigClear);
+export var TextField = createConditionalComponent(TextFieldDefault, [
+    {
+        conditions: {
+            prop: 'appearance',
+            value: 'clear'
+        },
+        component: TextFieldClear
+    }
+]);

package/styled-components/es/examples/components/Tree/Tree.config.js

@@ -36,7 +36,13 @@ export var config = {
                 ":3.5rem;",
                 ":1rem;",
                 ":1rem;",
-                ":0.75rem 1rem;",
+                ":1rem;",
+                ":1rem;",
+                ":1rem;",
+                ":0.75rem;",
+                ":1rem;",
+                ":0.75rem;",
+                ":1rem;",
                 ":2rem;",
                 ":0.75rem;",
                 ":0.25rem;",
@@ -55,13 +61,19 @@ export var config = {
                 ":var(--plasma-typo-body-l-font-weight);",
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);"
-            ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
+            ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPaddingTop, tokens.itemPaddingRight, tokens.itemPaddingBottom, tokens.itemPaddingLeft, tokens.itemPaddingTightTop, tokens.itemPaddingTightRight, tokens.itemPaddingTightBottom, tokens.itemPaddingTightLeft, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
             m: css([
                 "",
                 ":3rem;",
                 ":0.875rem;",
-                ":0.75rem 0.875rem;",
-                ":0.5rem 0.875rem;",
+                ":0.75rem;",
+                ":0.875rem;",
+                ":0.75rem;",
+                ":0.875rem;",
+                ":0.5rem;",
+                ":0.875rem;",
+                ":0.5rem;",
+                ":0.875rem;",
                 ":2rem;",
                 ":0.625rem;",
                 ":0.25rem;",
@@ -80,13 +92,19 @@ export var config = {
                 ":var(--plasma-typo-body-m-font-weight);",
                 ":var(--plasma-typo-body-m-letter-spacing);",
                 ":var(--plasma-typo-body-m-line-height);"
-            ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
+            ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPaddingTop, tokens.itemPaddingRight, tokens.itemPaddingBottom, tokens.itemPaddingLeft, tokens.itemPaddingTightTop, tokens.itemPaddingTightRight, tokens.itemPaddingTightBottom, tokens.itemPaddingTightLeft, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
             s: css([
                 "",
                 ":2.5rem;",
                 ":0.75rem;",
-                ":0.5rem 0.75rem;",
-                ":0.4375rem 0.5rem;",
+                ":0.5rem;",
+                ":0.75rem;",
+                ":0.5rem;",
+                ":0.75rem;",
+                ":0.4375rem;",
+                ":0.5rem;",
+                ":0.4375rem;",
+                ":0.5rem;",
                 ":1.875rem;",
                 ":0.5rem;",
                 ":0.25rem;",
@@ -105,13 +123,19 @@ export var config = {
                 ":var(--plasma-typo-body-s-font-weight);",
                 ":var(--plasma-typo-body-s-letter-spacing);",
                 ":var(--plasma-typo-body-s-line-height);"
-            ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
+            ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPaddingTop, tokens.itemPaddingRight, tokens.itemPaddingBottom, tokens.itemPaddingLeft, tokens.itemPaddingTightTop, tokens.itemPaddingTightRight, tokens.itemPaddingTightBottom, tokens.itemPaddingTightLeft, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
             xs: css([
                 "",
                 ":2rem;",
                 ":0.5rem;",
                 ":0.5rem;",
-                ":0.25rem 0.5rem;",
+                ":0.5rem;",
+                ":0.5rem;",
+                ":0.5rem;",
+                ":0.25rem;",
+                ":0.5rem;",
+                ":0.25rem;",
+                ":0.5rem;",
                 ":1.25rem;",
                 ":0.375rem;",
                 ":0.25rem;",
@@ -130,7 +154,7 @@ export var config = {
                 ":var(--plasma-typo-body-xs-font-weight);",
                 ":var(--plasma-typo-body-xs-letter-spacing);",
                 ":var(--plasma-typo-body-xs-line-height);"
-            ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
+            ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPaddingTop, tokens.itemPaddingRight, tokens.itemPaddingBottom, tokens.itemPaddingLeft, tokens.itemPaddingTightTop, tokens.itemPaddingTightRight, tokens.itemPaddingTightBottom, tokens.itemPaddingTightLeft, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
         }
     }
 };

package/styled-components/es/utils/createConditionalComponent.js

@@ -1,7 +1,35 @@
-import React from "react";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import React, { forwardRef } from "react";
 // TODO: Поправить типы, если внутри услвовия типы не совпадают
 export function createConditionalComponent(defaultComponent, mappings) {
-    return function(props) {
+    return /*#__PURE__*/ forwardRef(function(props, ref) {
         var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
         try {
             for(var _iterator = mappings[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
@@ -16,7 +44,9 @@ export function createConditionalComponent(defaultComponent, mappings) {
                 });
                 if (allConditionsMatch) {
                     var Component = component;
-                    return /*#__PURE__*/ React.createElement(Component, props);
+                    return /*#__PURE__*/ React.createElement(Component, _object_spread({
+                        ref: ref
+                    }, props));
                 }
             }
         } catch (err) {
@@ -34,6 +64,8 @@ export function createConditionalComponent(defaultComponent, mappings) {
             }
         }
         var DefaultComponent = defaultComponent;
-        return /*#__PURE__*/ React.createElement(DefaultComponent, props);
-    };
+        return /*#__PURE__*/ React.createElement(DefaultComponent, _object_spread({
+            ref: ref
+        }, props));
+    });
 }

package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts

@@ -5,8 +5,8 @@ export declare const StyledAccordionContentLeft: import("@linaria/react").Styled
 export declare const StyledAccordionTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledAccordionBodyAnimate: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledAccordionBody: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
-export declare const StyledMinus: import("@linaria/react").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
+export declare const StyledArrow: import("@linaria/utils").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
+export declare const StyledMinus: import("@linaria/utils").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
 export declare const StyledPlus: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledAccordionItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 //# sourceMappingURL=AccordionItem.styles.d.ts.map

package/types/components/Attach/ui/Button/Button.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const StyledButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../..").AsProps & {
+export declare const StyledButton: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../..").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";

package/types/components/Attach/ui/Cell/Cell.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const StyledCell: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
+export declare const StyledCell: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
     size?: string;
     view?: string;
     contentLeft?: import("react").ReactNode;

package/types/components/Attach/ui/Dropdown/Dropdown.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const StyledDropdown: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & {
+export declare const StyledDropdown: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & {
     items: import("../../../Dropdown").DropdownItemOption[];
     alwaysOpened?: boolean;
     children?: import("react").ReactNode;

package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const StyledIconButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../..").AsProps & {
+export declare const StyledIconButton: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../..").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -43,7 +43,7 @@ export declare const StyledIconButton: import("@linaria/react").StyledMeta & imp
     value?: never;
     contentRight?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLButtonElement>))>;
-export declare const StyledIconButtonCancel: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../..").AsProps & {
+export declare const StyledIconButtonCancel: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../..").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";

package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts

@@ -1,4 +1,5 @@
-export declare const StyledTextField: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
+export declare const StyledTextField: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -35,6 +36,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
     chipView?: never;
     chipValidator?: never;
 } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -73,6 +75,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
         view?: string;
     };
 } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -109,6 +112,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
     chipView?: never;
     chipValidator?: never;
 } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -147,6 +151,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
         view?: string;
     };
 } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -183,6 +188,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
     chipView?: never;
     chipValidator?: never;
 } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -221,6 +227,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
         view?: string;
     };
 } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -257,6 +264,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
     chipView?: never;
     chipValidator?: never;
 } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;

package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe;;;;;;;;kBA4DR,MAAO,YAAY;mBAClC,MAAO,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;oCAxDK,CAAC;;;;;;;;;;;;wBAqDvD,YAAY;yBAC3B,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAHjD,YAAY;yBAC3B,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;oCAxDK,CAAC;;;;;;;;;;;;wBAqDvD,YAAY;yBAC3B,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAHjD,YAAY;yBAC3B,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;oCAxDK,CAAC;;;;;;;;;;;;wBAqDvD,YAAY;yBAC3B,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAHjD,YAAY;yBAC3B,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;oCAxDK,CAAC;;;;;;;;;;;;wBAqDvD,YAAY;yBAC3B,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;+IAyD3E,CAAC"}
+{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe;;;;;;;;;kBA4D+D,MAAO,YAC3F;mBAAqE,MAAO,YAAY;;;oCAG1C,CAAC;;;;;;;;;;;;;;;;;;;;oCAzD2B,CAAC;;;;;;;;;;;;;wBAqDgB,YAC3F;yBAA4E,YAAY;;;oCAG1C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAJ4C,YAC3F;yBAA4E,YAAY;;;oCAG1C,CAAC;;;;;;;;;;;;;;;;;;;;oCAzD2B,CAAC;;;;;;;;;;;;;wBAqDgB,YAC3F;yBAA4E,YAAY;;;oCAG1C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAJ4C,YAC3F;yBAA4E,YAAY;;;oCAG1C,CAAC;;;;;;;;;;;;;;;;;;;;oCAzD2B,CAAC;;;;;;;;;;;;;wBAqDgB,YAC3F;yBAA4E,YAAY;;;oCAG1C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAJ4C,YAC3F;yBAA4E,YAAY;;;oCAG1C,CAAC;;;;;;;;;;;;;;;;;;;;oCAzD2B,CAAC;;;;;;;;;;;;;wBAqDgB,YAC3F;yBAA4E,YAAY;;;oCAG1C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;+IAwDrD,CAAC"}

package/types/components/Avatar/Avatar.styles.d.ts

@@ -10,7 +10,7 @@ export declare const Image: import("@linaria/react").StyledComponent<import("rea
 }>;
 export declare const Text: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 export declare const ExtraContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ExtraBadge: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & ((import("react").HTMLAttributes<HTMLDivElement> & {
+export declare const ExtraBadge: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & ((import("react").HTMLAttributes<HTMLDivElement> & {
     text?: string;
     customColor?: string;
     customBackgroundColor?: string;
@@ -67,5 +67,5 @@ export declare const ExtraBadge: import("@linaria/react").StyledMeta & import("r
     transparent?: boolean;
     clear?: never;
 } & import("react").RefAttributes<HTMLDivElement>))>;
-export declare const ExtraCounter: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & import("../Counter/Counter.types").CustomCounterProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ExtraCounter: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & import("../Counter/Counter.types").CustomCounterProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Avatar.styles.d.ts.map

package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts

@@ -2,5 +2,5 @@ export declare const StyledLink: import("@linaria/react").StyledComponent<{
     isHref: boolean;
 } & import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("../Link/Link.types").LinkCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export declare const base: import("@linaria/core").LinariaClassName;
-export declare const Separator: import("@linaria/react").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const Separator: import("@linaria/utils").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps & import("react").HTMLAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Breadcrumbs.styles.d.ts.map

package/types/components/Button/Button.styles.d.ts

@@ -6,7 +6,7 @@ export declare const LoadWrap: import("@linaria/react").StyledComponent<import("
     isLoading?: boolean;
 }>;
 export declare const Loader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const StyledSpinner: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & ((import("react").HTMLAttributes<HTMLDivElement> & {
+export declare const StyledSpinner: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & ((import("react").HTMLAttributes<HTMLDivElement> & {
     width?: never;
     height?: never;
     size?: string | number;

package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts

@@ -2,7 +2,7 @@ export declare const StyledCalendarHeader: import("@linaria/react").StyledCompon
 export declare const StyledHeader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
 export declare const StyledHeaderDate: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 export declare const StyledArrows: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../..").AsProps & {
+export declare const StyledArrow: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../..").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -20,7 +20,7 @@ export declare const StyledArrow: import("@linaria/react").StyledMeta & import("
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("../../../../mixins").Blur;
+    blur?: import("../../../..").Blur;
 } & {
     value?: string | number;
     contentRight?: never;
@@ -42,7 +42,7 @@ export declare const StyledArrow: import("@linaria/react").StyledMeta & import("
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("../../../../mixins").Blur;
+    blur?: import("../../../..").Blur;
 } & {
     value?: never;
     contentRight?: import("react").ReactNode;
@@ -50,5 +50,5 @@ export declare const StyledArrow: import("@linaria/react").StyledMeta & import("
 export declare const StyledNavigation: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledDoubleHeaderWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledHeaderDouble: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-export declare const StyledHeaderArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
+export declare const StyledHeaderArrow: import("@linaria/utils").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
 //# sourceMappingURL=CalendarHeader.styles.d.ts.map