@salutejs/sdds-netology 0.371.0-dev.0 → 0.372.0-dev.0

package/dist/styled-components/cjs/components/Select/Select.config.js

@@ -33,6 +33,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_plasma_b2c.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_plasma_b2c.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_plasma_b2c.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_plasma_b2c.textSecondary};
@@ -78,6 +79,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_plasma_b2c.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_plasma_b2c.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_plasma_b2c.textPositive};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_plasma_b2c.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_plasma_b2c.textSecondary};
@@ -123,6 +125,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_plasma_b2c.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_plasma_b2c.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_plasma_b2c.textWarning};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_plasma_b2c.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_plasma_b2c.textSecondary};
@@ -168,6 +171,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_plasma_b2c.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_plasma_b2c.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_plasma_b2c.textNegative};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_plasma_b2c.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_plasma_b2c.textSecondary};
@@ -377,6 +381,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_plasma_b2c.bodyL.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_plasma_b2c.bodyL.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_plasma_b2c.bodyL.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.375rem;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_plasma_b2c.bodyXS.lineHeight};
 
                 ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
@@ -502,6 +513,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_plasma_b2c.bodyM.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_plasma_b2c.bodyM.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_plasma_b2c.bodyM.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.3125rem;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_plasma_b2c.bodyXS.lineHeight};
 
                 ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
@@ -627,6 +645,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_plasma_b2c.bodyS.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_plasma_b2c.bodyS.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_plasma_b2c.bodyS.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.1875rem;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_plasma_b2c.bodyXS.lineHeight};
 
                 ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
@@ -752,6 +777,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_plasma_b2c.bodyXS.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_plasma_b2c.bodyXS.lineHeight};
 
                 ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
                 ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;

package/dist/styled-components/cjs/components/Select/Select.js

@@ -11,13 +11,20 @@ Object.defineProperty(exports, "Select", {
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _Selectconfig = require("./Select.config");
+const _Selectclearconfig = require("./Select.clear.config");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.selectConfig, _Selectconfig.config);
-const SelectNewHope = (0, _styledcomponents.component)(mergedConfig);
+const SelectDefault = (0, _styledcomponents.component)(mergedConfig);
+const mergedConfigClear = (0, _styledcomponents.mergeConfig)(_styledcomponents.selectConfig, _Selectclearconfig.config);
+const SelectClear = (0, _styledcomponents.component)(mergedConfigClear);
+const SelectNewHope = (0, _styledcomponents.createConditionalComponent)({
+    default: SelectDefault,
+    clear: SelectClear
+});
 const SelectComponent = (props, ref)=>{
     return /*#__PURE__*/ _react.default.createElement(SelectNewHope, {
         ref: ref,

package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js

@@ -235,6 +235,7 @@ const config = {
                 ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
 
                 ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -309,6 +310,7 @@ const config = {
                 ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
 
                 ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -383,6 +385,7 @@ const config = {
                 ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
                 ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -457,6 +460,7 @@ const config = {
                 ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
                 ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -531,6 +535,7 @@ const config = {
                 ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
                 ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};

package/dist/styled-components/cjs/components/TextArea/TextArea.config.js

@@ -253,6 +253,7 @@ const config = {
                 ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.751rem -2.938rem auto auto;
 
                 ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -326,6 +327,7 @@ const config = {
                 ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
 
                 ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -401,6 +403,7 @@ const config = {
                 ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
 
                 ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -474,6 +477,7 @@ const config = {
                 ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
 
                 ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -547,6 +551,7 @@ const config = {
                 ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
 
                 ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};

package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js

@@ -50,9 +50,11 @@ const config = {
             `,
             positive: (0, _styledcomponents.css)`
                 ${_styledcomponents.textFieldTokens.color}: ${_plasma_b2c.textPositive};
+                ${_styledcomponents.textFieldTokens.colorFocus}: ${_plasma_b2c.textPrimary};
 
                 ${_styledcomponents.textFieldTokens.placeholderColor}: ${_plasma_b2c.textPositive};
-                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_plasma_b2c.textPositive};
+                ${_styledcomponents.textFieldTokens.placeholderColorHover}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_plasma_b2c.textTertiary};
 
                 ${_styledcomponents.textFieldTokens.backgroundColor}: transparent;
                 ${_styledcomponents.textFieldTokens.backgroundColorHover}: transparent;
@@ -63,12 +65,15 @@ const config = {
                 ${_styledcomponents.textFieldTokens.labelColor}: ${_plasma_b2c.textPrimary};
                 ${_styledcomponents.textFieldTokens.leftHelperColor}: ${_plasma_b2c.textPositive};
                 ${_styledcomponents.textFieldTokens.rightHelperColor}: ${_plasma_b2c.textPositive};
+                ${_styledcomponents.textFieldTokens.leftHelperColorFocus}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.textFieldTokens.rightHelperColorFocus}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.textFieldTokens.titleCaptionColor}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.textFieldTokens.hintIconColor}: ${_plasma_b2c.textSecondary};
 
                 ${_styledcomponents.textFieldTokens.contentSlotColor}: ${_plasma_b2c.textPositive};
                 ${_styledcomponents.textFieldTokens.contentSlotColorHover}: ${_plasma_b2c.textPositiveHover};
                 ${_styledcomponents.textFieldTokens.contentSlotColorActive}: ${_plasma_b2c.textPositiveActive};
+                ${_styledcomponents.textFieldTokens.contentSlotColorFocus}: ${_plasma_b2c.textSecondary};
 
                 ${_styledcomponents.textFieldTokens.contentSlotRightColor}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.textFieldTokens.contentSlotRightColorHover}: ${_plasma_b2c.textSecondaryHover};
@@ -84,9 +89,11 @@ const config = {
             `,
             warning: (0, _styledcomponents.css)`
                 ${_styledcomponents.textFieldTokens.color}: ${_plasma_b2c.textWarning};
+                ${_styledcomponents.textFieldTokens.colorFocus}: ${_plasma_b2c.textPrimary};
 
                 ${_styledcomponents.textFieldTokens.placeholderColor}: ${_plasma_b2c.textWarning};
-                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_plasma_b2c.textWarning};
+                ${_styledcomponents.textFieldTokens.placeholderColorHover}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_plasma_b2c.textTertiary};
 
                 ${_styledcomponents.textFieldTokens.backgroundColor}: transparent;
                 ${_styledcomponents.textFieldTokens.backgroundColorHover}: transparent;
@@ -97,12 +104,15 @@ const config = {
                 ${_styledcomponents.textFieldTokens.labelColor}: ${_plasma_b2c.textPrimary};
                 ${_styledcomponents.textFieldTokens.leftHelperColor}: ${_plasma_b2c.textWarning};
                 ${_styledcomponents.textFieldTokens.rightHelperColor}: ${_plasma_b2c.textWarning};
+                ${_styledcomponents.textFieldTokens.leftHelperColorFocus}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.textFieldTokens.rightHelperColorFocus}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.textFieldTokens.titleCaptionColor}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.textFieldTokens.hintIconColor}: ${_plasma_b2c.textSecondary};
 
                 ${_styledcomponents.textFieldTokens.contentSlotColor}: ${_plasma_b2c.textWarning};
                 ${_styledcomponents.textFieldTokens.contentSlotColorHover}: ${_plasma_b2c.textWarningHover};
                 ${_styledcomponents.textFieldTokens.contentSlotColorActive}: ${_plasma_b2c.textWarningActive};
+                ${_styledcomponents.textFieldTokens.contentSlotColorFocus}: ${_plasma_b2c.textSecondary};
 
                 ${_styledcomponents.textFieldTokens.contentSlotRightColor}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.textFieldTokens.contentSlotRightColorHover}: ${_plasma_b2c.textSecondaryHover};
@@ -118,9 +128,11 @@ const config = {
             `,
             negative: (0, _styledcomponents.css)`
                 ${_styledcomponents.textFieldTokens.color}: ${_plasma_b2c.textNegative};
+                ${_styledcomponents.textFieldTokens.colorFocus}: ${_plasma_b2c.textPrimary};
 
                 ${_styledcomponents.textFieldTokens.placeholderColor}: ${_plasma_b2c.textNegative};
-                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_plasma_b2c.textNegative};
+                ${_styledcomponents.textFieldTokens.placeholderColorHover}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_plasma_b2c.textTertiary};
 
                 ${_styledcomponents.textFieldTokens.backgroundColor}: transparent;
                 ${_styledcomponents.textFieldTokens.backgroundColorHover}: transparent;
@@ -131,12 +143,15 @@ const config = {
                 ${_styledcomponents.textFieldTokens.labelColor}: ${_plasma_b2c.textPrimary};
                 ${_styledcomponents.textFieldTokens.leftHelperColor}: ${_plasma_b2c.textNegative};
                 ${_styledcomponents.textFieldTokens.rightHelperColor}: ${_plasma_b2c.textNegative};
+                ${_styledcomponents.textFieldTokens.leftHelperColorFocus}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.textFieldTokens.rightHelperColorFocus}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.textFieldTokens.titleCaptionColor}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.textFieldTokens.hintIconColor}: ${_plasma_b2c.textSecondary};
 
                 ${_styledcomponents.textFieldTokens.contentSlotColor}: ${_plasma_b2c.textNegative};
                 ${_styledcomponents.textFieldTokens.contentSlotColorHover}: ${_plasma_b2c.textNegativeHover};
                 ${_styledcomponents.textFieldTokens.contentSlotColorActive}: ${_plasma_b2c.textNegativeActive};
+                ${_styledcomponents.textFieldTokens.contentSlotColorFocus}: ${_plasma_b2c.textSecondary};
 
                 ${_styledcomponents.textFieldTokens.contentSlotRightColor}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.textFieldTokens.contentSlotRightColorHover}: ${_plasma_b2c.textSecondaryHover};
@@ -185,6 +200,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: 0.82rem -2.063rem auto auto;
 
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -277,6 +293,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
 
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -361,6 +378,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -445,6 +463,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -529,6 +548,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};

package/dist/styled-components/cjs/components/TextField/TextField.config.js

@@ -169,6 +169,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
 
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -262,6 +263,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
 
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -348,6 +350,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -434,6 +437,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
@@ -520,6 +524,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};

package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js

@@ -57,6 +57,7 @@ const config = {
                 ${_styledcomponents.timePickerTokens.disabledOpacity}: 0.4;
 
                 ${_styledcomponents.timePickerTokens.leftHelperColor}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.timePickerTokens.titleCaptionColor}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.timePickerTokens.leftHelperColorError}: ${_plasma_b2c.textNegative};
                 ${_styledcomponents.timePickerTokens.leftHelperColorSuccess}: ${_plasma_b2c.textPositive};
 
@@ -81,6 +82,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_plasma_b2c.bodyL.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_plasma_b2c.bodyL.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_plasma_b2c.bodyL.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.375rem;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_plasma_b2c.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -164,6 +172,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_plasma_b2c.bodyM.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_plasma_b2c.bodyM.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_plasma_b2c.bodyM.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.3125rem;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_plasma_b2c.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -247,6 +262,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_plasma_b2c.bodyS.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_plasma_b2c.bodyS.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_plasma_b2c.bodyS.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.1875rem;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_plasma_b2c.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -330,6 +352,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_plasma_b2c.bodyXS.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_plasma_b2c.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -465,6 +494,7 @@ const config = {
                 ${_styledcomponents.timePickerTokens.backgroundReadOnly}: ${_plasma_b2c.surfaceTransparentPrimary};
                 ${_styledcomponents.timePickerTokens.labelColorReadOnly}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.timePickerTokens.leftHelperColorReadOnly}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.timePickerTokens.titleCaptionColorReadOnly}: ${_plasma_b2c.textSecondary};
 
                 ${_styledcomponents.timePickerTokens.textFieldColorReadOnly}: ${_plasma_b2c.textSecondary};
                 ${_styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly}: ${_plasma_b2c.surfaceTransparentPrimary};