npm - @salutejs/sdds-insol-next - Versions diffs - 0.366.0-dev.0 → 0.367.0 - Mend

@salutejs/sdds-insol-next 0.366.0-dev.0 → 0.367.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (142) hide show

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

@@ -34,6 +34,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_insol_next.textSecondary};
@@ -93,6 +94,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textPositive};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_insol_next.textSecondary};
@@ -149,6 +151,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textWarning};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_insol_next.textSecondary};
@@ -205,6 +208,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textNegative};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_insol_next.textSecondary};
@@ -261,6 +265,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textAccent};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
                 ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineAccentMinor};
@@ -307,6 +312,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: color-mix(in oklab, ${_sdds_insol_next.textSecondary} 70%, transparent);
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineTransparentPrimary};
@@ -353,6 +359,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
                 ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineTransparentPrimary};
@@ -399,6 +406,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
                 ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineTransparentPrimary};
@@ -445,6 +453,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
                 ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineTransparentPrimary};
@@ -491,6 +500,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
                 ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineTransparentPrimary};
@@ -554,6 +564,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.375rem;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
                 ${_styledcomponents.selectTokens.textFieldLabelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.selectTokens.textFieldLabelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
@@ -688,6 +705,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.375rem;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
                 ${_styledcomponents.selectTokens.textFieldLabelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.selectTokens.textFieldLabelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
@@ -822,6 +846,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_insol_next.bodyM.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_insol_next.bodyM.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_insol_next.bodyM.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.3125rem;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
                 ${_styledcomponents.selectTokens.textFieldLabelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.selectTokens.textFieldLabelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
@@ -956,6 +987,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_insol_next.bodyS.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_insol_next.bodyS.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.1875rem;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
                 ${_styledcomponents.selectTokens.textFieldLabelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.selectTokens.textFieldLabelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
@@ -1093,6 +1131,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
                 ${_styledcomponents.selectTokens.textFieldLabelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.selectTokens.textFieldLabelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};

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

@@ -12,13 +12,20 @@ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components")
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _Autocomplete = require("../Autocomplete/Autocomplete");
 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)=>{
     // TODO: #2087
     return /*#__PURE__*/ _react.default.createElement(SelectNewHope, {

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

@@ -208,6 +208,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_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -283,6 +284,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_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -358,6 +360,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_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -433,6 +436,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_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -508,6 +512,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_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};

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

@@ -181,6 +181,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_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -269,6 +270,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_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -349,6 +351,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_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -429,6 +432,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_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -509,6 +513,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};

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

@@ -181,6 +181,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset}: 0.82rem -2.063rem auto auto;
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -269,6 +270,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.labelLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -364,6 +366,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.labelLineHeight}: ${_sdds_insol_next.bodyM.lineHeight};
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -459,6 +462,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.labelLineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -555,6 +559,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.labelLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};

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

@@ -75,6 +75,7 @@ const config = {
                 ${_styledcomponents.timePickerTokens.disabledOpacity}: 0.4;
                 ${_styledcomponents.timePickerTokens.leftHelperColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.timePickerTokens.titleCaptionColor}: ${_sdds_insol_next.textSecondary};
                 ${_styledcomponents.timePickerTokens.leftHelperColorError}: ${_sdds_insol_next.textNegative};
                 ${_styledcomponents.timePickerTokens.leftHelperColorSuccess}: ${_sdds_insol_next.textPositive};
@@ -100,6 +101,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.375rem;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -185,6 +193,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.375rem;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -270,6 +285,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_insol_next.bodyM.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_insol_next.bodyM.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_insol_next.bodyM.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.3125rem;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -355,6 +377,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_insol_next.bodyS.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_insol_next.bodyS.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.1875rem;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
                 ${_styledcomponents.timePickerTokens.textFieldBorderWidth}: 0.0625rem;
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
@@ -440,6 +469,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -525,6 +561,7 @@ const config = {
                 ${_styledcomponents.timePickerTokens.textFieldColor}: var(--text-primary);
                 ${_styledcomponents.timePickerTokens.textFieldPlaceholderColor}: var(--text-secondary);
                 ${_styledcomponents.timePickerTokens.leftHelperColor}: var(--text-secondary);
+                ${_styledcomponents.timePickerTokens.titleCaptionColor}: var(--text-secondary);
                 ${_styledcomponents.timePickerTokens.labelColor}: var(--text-primary);
             `
         },
@@ -591,6 +628,7 @@ const config = {
                 ${_styledcomponents.timePickerTokens.backgroundReadOnly}: ${_sdds_insol_next.surfaceSolidSecondary};
                 ${_styledcomponents.timePickerTokens.textFieldColorReadOnly}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.timePickerTokens.titleCaptionColorReadOnly}: ${_sdds_insol_next.textSecondary};
                 ${_styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly}: ${_sdds_insol_next.surfaceSolidSecondary};
                 ${_styledcomponents.timePickerTokens.textFieldPlaceholderColorReadOnly}: ${_sdds_insol_next.textSecondary};
             `