@salutejs/sdds-bizcom 0.372.0-dev.0 → 0.373.0-dev.0

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

@@ -33,6 +33,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_bizcom.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_bizcom.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_bizcom.textSecondary};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_bizcom.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_bizcom.textSecondary};
@@ -78,6 +79,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_bizcom.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_bizcom.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_bizcom.textPositive};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_bizcom.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_bizcom.textSecondary};
@@ -123,6 +125,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_bizcom.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_bizcom.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_bizcom.textWarning};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_bizcom.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_bizcom.textSecondary};
@@ -168,6 +171,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_bizcom.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_bizcom.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_bizcom.textNegative};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_bizcom.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_bizcom.textSecondary};
@@ -377,6 +381,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_bizcom.bodyL.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_bizcom.bodyL.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_bizcom.bodyL.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.375rem;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_bizcom.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_bizcom.bodyXS.lineHeight};
 
                 ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
@@ -502,6 +513,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_bizcom.bodyM.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_bizcom.bodyM.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_bizcom.bodyM.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.3125rem;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_bizcom.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_bizcom.bodyXS.lineHeight};
 
                 ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
@@ -627,6 +645,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_bizcom.bodyS.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_bizcom.bodyS.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_bizcom.bodyS.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.1875rem;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_bizcom.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_bizcom.bodyXS.lineHeight};
 
                 ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
@@ -752,6 +777,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_bizcom.bodyXS.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_bizcom.bodyXS.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_bizcom.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.textPositive};
+                ${_styledcomponents.textFieldTokens.colorFocus}: ${_sdds_bizcom.textPrimary};
 
                 ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_bizcom.textPositive};
-                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_bizcom.textPositive};
+                ${_styledcomponents.textFieldTokens.placeholderColorHover}: ${_sdds_bizcom.textSecondary};
+                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_bizcom.textTertiary};
 
                 ${_styledcomponents.textFieldTokens.backgroundColor}: transparent;
                 ${_styledcomponents.textFieldTokens.backgroundColorHover}: transparent;
@@ -63,12 +65,15 @@ const config = {
                 ${_styledcomponents.textFieldTokens.labelColor}: ${_sdds_bizcom.textPrimary};
                 ${_styledcomponents.textFieldTokens.leftHelperColor}: ${_sdds_bizcom.textPositive};
                 ${_styledcomponents.textFieldTokens.rightHelperColor}: ${_sdds_bizcom.textPositive};
+                ${_styledcomponents.textFieldTokens.leftHelperColorFocus}: ${_sdds_bizcom.textSecondary};
+                ${_styledcomponents.textFieldTokens.rightHelperColorFocus}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.textFieldTokens.titleCaptionColor}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.textFieldTokens.hintIconColor}: ${_sdds_bizcom.textSecondary};
 
                 ${_styledcomponents.textFieldTokens.contentSlotColor}: ${_sdds_bizcom.textPositive};
                 ${_styledcomponents.textFieldTokens.contentSlotColorHover}: ${_sdds_bizcom.textPositiveHover};
                 ${_styledcomponents.textFieldTokens.contentSlotColorActive}: ${_sdds_bizcom.textPositiveActive};
+                ${_styledcomponents.textFieldTokens.contentSlotColorFocus}: ${_sdds_bizcom.textSecondary};
 
                 ${_styledcomponents.textFieldTokens.contentSlotRightColor}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.textFieldTokens.contentSlotRightColorHover}: ${_sdds_bizcom.textSecondaryHover};
@@ -84,9 +89,11 @@ const config = {
             `,
             warning: (0, _styledcomponents.css)`
                 ${_styledcomponents.textFieldTokens.color}: ${_sdds_bizcom.textWarning};
+                ${_styledcomponents.textFieldTokens.colorFocus}: ${_sdds_bizcom.textPrimary};
 
                 ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_bizcom.textWarning};
-                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_bizcom.textWarning};
+                ${_styledcomponents.textFieldTokens.placeholderColorHover}: ${_sdds_bizcom.textSecondary};
+                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_bizcom.textTertiary};
 
                 ${_styledcomponents.textFieldTokens.backgroundColor}: transparent;
                 ${_styledcomponents.textFieldTokens.backgroundColorHover}: transparent;
@@ -97,12 +104,15 @@ const config = {
                 ${_styledcomponents.textFieldTokens.labelColor}: ${_sdds_bizcom.textPrimary};
                 ${_styledcomponents.textFieldTokens.leftHelperColor}: ${_sdds_bizcom.textWarning};
                 ${_styledcomponents.textFieldTokens.rightHelperColor}: ${_sdds_bizcom.textWarning};
+                ${_styledcomponents.textFieldTokens.leftHelperColorFocus}: ${_sdds_bizcom.textSecondary};
+                ${_styledcomponents.textFieldTokens.rightHelperColorFocus}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.textFieldTokens.titleCaptionColor}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.textFieldTokens.hintIconColor}: ${_sdds_bizcom.textSecondary};
 
                 ${_styledcomponents.textFieldTokens.contentSlotColor}: ${_sdds_bizcom.textWarning};
                 ${_styledcomponents.textFieldTokens.contentSlotColorHover}: ${_sdds_bizcom.textWarningHover};
                 ${_styledcomponents.textFieldTokens.contentSlotColorActive}: ${_sdds_bizcom.textWarningActive};
+                ${_styledcomponents.textFieldTokens.contentSlotColorFocus}: ${_sdds_bizcom.textSecondary};
 
                 ${_styledcomponents.textFieldTokens.contentSlotRightColor}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.textFieldTokens.contentSlotRightColorHover}: ${_sdds_bizcom.textSecondaryHover};
@@ -118,9 +128,11 @@ const config = {
             `,
             negative: (0, _styledcomponents.css)`
                 ${_styledcomponents.textFieldTokens.color}: ${_sdds_bizcom.textNegative};
+                ${_styledcomponents.textFieldTokens.colorFocus}: ${_sdds_bizcom.textPrimary};
 
                 ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_bizcom.textNegative};
-                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_bizcom.textNegative};
+                ${_styledcomponents.textFieldTokens.placeholderColorHover}: ${_sdds_bizcom.textSecondary};
+                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_bizcom.textTertiary};
 
                 ${_styledcomponents.textFieldTokens.backgroundColor}: transparent;
                 ${_styledcomponents.textFieldTokens.backgroundColorHover}: transparent;
@@ -131,12 +143,15 @@ const config = {
                 ${_styledcomponents.textFieldTokens.labelColor}: ${_sdds_bizcom.textPrimary};
                 ${_styledcomponents.textFieldTokens.leftHelperColor}: ${_sdds_bizcom.textNegative};
                 ${_styledcomponents.textFieldTokens.rightHelperColor}: ${_sdds_bizcom.textNegative};
+                ${_styledcomponents.textFieldTokens.leftHelperColorFocus}: ${_sdds_bizcom.textSecondary};
+                ${_styledcomponents.textFieldTokens.rightHelperColorFocus}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.textFieldTokens.titleCaptionColor}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.textFieldTokens.hintIconColor}: ${_sdds_bizcom.textSecondary};
 
                 ${_styledcomponents.textFieldTokens.contentSlotColor}: ${_sdds_bizcom.textNegative};
                 ${_styledcomponents.textFieldTokens.contentSlotColorHover}: ${_sdds_bizcom.textNegativeHover};
                 ${_styledcomponents.textFieldTokens.contentSlotColorActive}: ${_sdds_bizcom.textNegativeActive};
+                ${_styledcomponents.textFieldTokens.contentSlotColorFocus}: ${_sdds_bizcom.textSecondary};
 
                 ${_styledcomponents.textFieldTokens.contentSlotRightColor}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.textFieldTokens.contentSlotRightColorHover}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_bizcom.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}: ${_sdds_bizcom.textSecondary};
+                ${_styledcomponents.timePickerTokens.titleCaptionColor}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.timePickerTokens.leftHelperColorError}: ${_sdds_bizcom.textNegative};
                 ${_styledcomponents.timePickerTokens.leftHelperColorSuccess}: ${_sdds_bizcom.textPositive};
 
@@ -81,6 +82,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_bizcom.bodyL.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_bizcom.bodyL.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_bizcom.bodyL.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.375rem;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_bizcom.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_bizcom.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -164,6 +172,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_bizcom.bodyM.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_bizcom.bodyM.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_bizcom.bodyM.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.3125rem;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_bizcom.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_bizcom.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -247,6 +262,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_bizcom.bodyS.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_bizcom.bodyS.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_bizcom.bodyS.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.1875rem;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_bizcom.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_bizcom.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -330,6 +352,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_bizcom.bodyXS.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_bizcom.bodyXS.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_bizcom.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_bizcom.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -465,6 +494,7 @@ const config = {
                 ${_styledcomponents.timePickerTokens.backgroundReadOnly}: ${_sdds_bizcom.surfaceTransparentPrimary};
                 ${_styledcomponents.timePickerTokens.labelColorReadOnly}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.timePickerTokens.leftHelperColorReadOnly}: ${_sdds_bizcom.textSecondary};
+                ${_styledcomponents.timePickerTokens.titleCaptionColorReadOnly}: ${_sdds_bizcom.textSecondary};
 
                 ${_styledcomponents.timePickerTokens.textFieldColorReadOnly}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly}: ${_sdds_bizcom.surfaceTransparentPrimary};

package/dist/styled-components/es/ai.js

@@ -0,0 +1,6 @@
+export * from './components/_ai/Answer';
+export * from './components/_ai/Container';
+export * from './components/_ai/Header';
+export * from './components/_ai/Input';
+export * from './components/_ai/Markdown';
+export * from './components/_ai/UserMessage';