@salutejs/plasma-b2c 1.640.0-dev.0 → 1.641.0

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

@@ -33,6 +33,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: var(--text-tertiary);
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: var(--text-primary);
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: var(--text-secondary);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: var(--text-secondary);
                 ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: var(--text-accent);
 
                 ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -75,6 +76,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: var(--text-tertiary);
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: var(--text-primary);
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: var(--text-positive);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: var(--text-secondary);
                 ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: var(--text-accent);
 
                 ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -117,6 +119,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: var(--text-tertiary);
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: var(--text-primary);
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: var(--text-warning);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: var(--text-secondary);
                 ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: var(--text-accent);
 
                 ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -159,6 +162,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: var(--text-tertiary);
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: var(--text-primary);
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: var(--text-negative);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: var(--text-secondary);
                 ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: var(--text-accent);
 
                 ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -217,6 +221,13 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-l-font-weight);
                 ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                 ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.375rem;
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -292,6 +303,13 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);
                 ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.3125rem;
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -367,6 +385,13 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);
                 ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.1875rem;
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -442,6 +467,13 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);
                 ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0;
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
                 ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -571,6 +603,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
                 ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColorReadOnly}: var(--text-secondary);
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly}: var(--text-primary);
                 ${_styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly}: var(--surface-transparent-primary);
             `

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

@@ -12,20 +12,33 @@ _export(exports, {
     get Autocomplete () {
         return Autocomplete;
     },
+    get AutocompleteClear () {
+        return AutocompleteClear;
+    },
     get AutocompleteComponent () {
         return AutocompleteComponent;
+    },
+    get AutocompleteDefault () {
+        return AutocompleteDefault;
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _Autocompleteconfig = require("./Autocomplete.config");
+const _Autocompleteclearconfig = require("./Autocomplete.clear.config");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.autocompleteConfig, _Autocompleteconfig.config);
-const AutocompleteComponent = (0, _styledcomponents.component)(mergedConfig);
+const AutocompleteDefault = (0, _styledcomponents.component)(mergedConfig);
+const mergedClearConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.autocompleteConfig, _Autocompleteclearconfig.config);
+const AutocompleteClear = (0, _styledcomponents.component)(mergedClearConfig);
+const AutocompleteComponent = (0, _styledcomponents.createConditionalComponent)({
+    default: AutocompleteDefault,
+    clear: AutocompleteClear
+});
 const AutocompleteWithoutRef = (props, ref)=>{
     return /*#__PURE__*/ _react.default.createElement(AutocompleteComponent, {
         ...props,

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

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Card () {
+        return Card;
+    },
+    get StyledCard () {
+        return StyledCard;
+    }
+});
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const { applyRoundness, Card: CardBase, CardContent, StyledCard } = _styledcomponents1.plasmaCore;
+const DEFAULT_ROUNDNESS = 20;
+const Card = (0, _styledcomponents.default)(CardBase).withConfig({
+    displayName: "Card",
+    componentId: "sc-a673e9d5-0"
+})([
+    `box-shadow:none;background:transparent;img{`,
+    `}`,
+    ``
+], ({ roundness = DEFAULT_ROUNDNESS })=>roundness && (0, _styledcomponents.css)([
+        ``,
+        `;`
+    ], applyRoundness({
+        roundness
+    })), ({ background })=>background && (0, _styledcomponents.css)([
+        `background:`,
+        `;`,
+        `{padding:1.25rem;}img{border-bottom-left-radius:0;border-bottom-right-radius:0;}`
+    ], background, CardContent));

package/dist/styled-components/cjs/components/Card/CardBadge.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CardBadge", {
+    enumerable: true,
+    get: function() {
+        return CardBadge;
+    }
+});
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const BaseBadge = _styledcomponents1.plasmaCore.Badge;
+const { surfaceLiquid02 } = _styledcomponents1.plasmaCore;
+const { text } = _styledcomponents1.plasmaCore;
+const badgeViews = {
+    primary: (0, _styledcomponents.css)([
+        `color:#226af1;background-color:rgba(34,106,241,0.09);`
+    ]),
+    secondary: (0, _styledcomponents.css)([
+        `color:`,
+        `;background-color:`,
+        `;`
+    ], text, surfaceLiquid02),
+    success: (0, _styledcomponents.css)([
+        `color:#09a552;background-color:rgba(9,165,82,0.08);`
+    ]),
+    warning: (0, _styledcomponents.css)([
+        `color:#ee6820;background-color:rgba(238,104,32,0.08);`
+    ]),
+    critical: (0, _styledcomponents.css)([
+        `color:#df2638;background-color:rgba(223,38,56,0.09);`
+    ])
+};
+const Badge = (0, _styledcomponents.default)(BaseBadge).withConfig({
+    displayName: "CardBadge__Badge",
+    componentId: "sc-7420800e-0"
+})([
+    `border-radius:0.25rem;`,
+    ``
+], ({ view = 'primary' })=>badgeViews[view]);
+const CardBadge = (0, _styledcomponents.default)(Badge).withConfig({
+    displayName: "CardBadge",
+    componentId: "sc-7420800e-1"
+})([
+    `position:absolute;`
+]);

package/dist/styled-components/cjs/components/Card/CardBody.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CardBody", {
+    enumerable: true,
+    get: function() {
+        return CardBody;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _styledcomponents1 = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const CardBody = (0, _styledcomponents1.default)(_styledcomponents.plasmaCore.CardBody).withConfig({
+    displayName: "CardBody",
+    componentId: "sc-24af94e7-0"
+})([
+    `overflow:visible;`
+]);

package/dist/styled-components/cjs/components/Card/CardContent.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get CardContent () {
+        return CardContent;
+    },
+    get CardContentBase () {
+        return CardContentBase;
+    }
+});
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const CardContentBase = _styledcomponents1.plasmaCore.CardContent;
+const CardContent = (0, _styledcomponents.default)(CardContentBase).withConfig({
+    displayName: "CardContent",
+    componentId: "sc-41a65dbb-0"
+})([
+    `padding:0;padding-top:1rem;`,
+    ``
+], ({ cover })=>cover && (0, _styledcomponents.css)([
+        `padding:1.25rem;`
+    ]));

package/dist/styled-components/cjs/components/Card/CardMedia.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CardMedia", {
+    enumerable: true,
+    get: function() {
+        return CardMedia;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const { CardMedia } = _styledcomponents.plasmaCore;

package/dist/styled-components/cjs/components/Card/index.js

@@ -10,22 +10,26 @@ function _export(target, all) {
 }
 _export(exports, {
     get Card () {
-        return _plasmahope.Card;
+        return _Card.Card;
     },
     get CardBadge () {
-        return _plasmahope.CardBadge;
+        return _CardBadge.CardBadge;
     },
     get CardBody () {
-        return _plasmahope.CardBody;
+        return _CardBody.CardBody;
     },
     get CardContent () {
-        return _plasmahope.CardContent;
+        return _CardContent.CardContent;
     },
     get CardMedia () {
-        return _plasmahope.CardMedia;
+        return _CardMedia.CardMedia;
     },
     get StyledCard () {
-        return _plasmahope.StyledCard;
+        return _Card.StyledCard;
     }
 });
-const _plasmahope = require("@salutejs/plasma-hope");
+const _Card = require("./Card");
+const _CardBadge = require("./CardBadge");
+const _CardBody = require("./CardBody");
+const _CardContent = require("./CardContent");
+const _CardMedia = require("./CardMedia");

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

@@ -207,6 +207,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}:0.82rem -2.063rem auto auto;
 
                 ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -378,6 +379,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
 
                 ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -549,6 +551,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
                 ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.313rem;
+                ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -720,6 +723,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
                 ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.188rem;
+                ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -891,6 +895,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
                 ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0;
+                ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);

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

@@ -173,6 +173,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: 0.813rem -2.938rem auto auto;
 
                 ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -343,6 +344,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
 
                 ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -513,6 +515,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
                 ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.313rem;
+                ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -683,6 +686,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
                 ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.188rem;
+                ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -853,6 +857,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
                 ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0;
+                ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);

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

@@ -164,6 +164,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -331,6 +332,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -498,6 +500,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.313rem;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -665,6 +668,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.188rem;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -832,6 +836,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);

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

@@ -151,6 +151,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -318,6 +319,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -485,6 +487,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.313rem;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -652,6 +655,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.188rem;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -819,6 +823,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);

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

@@ -72,6 +72,7 @@ const config = {
                 ${_styledcomponents.informationWrapperTokens.hintWithoutLabelPlacementOffset}: 0.438rem -2.938rem auto auto;
 
                 ${_styledcomponents.informationWrapperTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.informationWrapperTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -121,6 +122,7 @@ const config = {
                 ${_styledcomponents.informationWrapperTokens.hintWithoutLabelPlacementOffset}: 0.438rem -2.813rem auto auto;
 
                 ${_styledcomponents.informationWrapperTokens.titleCaptionOffset}: 0.313rem;
+                ${_styledcomponents.informationWrapperTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -170,6 +172,7 @@ const config = {
                 ${_styledcomponents.informationWrapperTokens.hintWithoutLabelPlacementOffset}: 0.438rem -2.688rem auto auto;
 
                 ${_styledcomponents.informationWrapperTokens.titleCaptionOffset}: 0.188rem;
+                ${_styledcomponents.informationWrapperTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -219,6 +222,7 @@ const config = {
                 ${_styledcomponents.informationWrapperTokens.hintWithoutLabelPlacementOffset}: 0.188rem -2.063rem auto auto;
 
                 ${_styledcomponents.informationWrapperTokens.titleCaptionOffset}: 0;
+                ${_styledcomponents.informationWrapperTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);