@salutejs/sdds-platform-ai 0.332.0-canary.2408.20481631293.0 → 0.332.0-canary.2414.20568370482.0

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

@@ -0,0 +1,189 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.75rem;\n\n                ",
+        ": 3rem;\n                ",
+        ": 0.875rem 1rem 0.875rem 1rem;\n                ",
+        ": 0.375rem;\n\n                ",
+        ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ",
+        ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n                ",
+        ": 0 0.25rem 0 0;\n                ",
+        ": 0 0 0 0.25rem;\n\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n\n                ",
+        ": 0.625rem;\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n\n                ",
+        ": 0.25rem;\n                ",
+        ": var(--plasma-typo-body-xs-font-family);\n                ",
+        ": var(--plasma-typo-body-xs-font-size);\n                ",
+        ": var(--plasma-typo-body-xs-font-style);\n                ",
+        ": var(--plasma-typo-body-xs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
+        ": 0.375rem 0 0.125rem 0;\n                ",
+        ": 1.375rem 0 0.375rem 0;\n\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": auto;\n                ",
+        ": 2.25rem;\n                ",
+        ": 0 0.625rem 0 0.875rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 0rem;\n                ",
+        ": 1.25rem;\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": row;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": column;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.063rem;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.125rem;\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.5rem;\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject8() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject8 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject9() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject9 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        size: 'm'
+    },
+    variations: {
+        size: {
+            m: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldGroupTokens.textFieldDefaultRadius, _styledcomponents.textFieldGroupTokens.textFieldSegmentedRadius, _styledcomponents.textFieldGroupTokens.textFieldSideRadius, _styledcomponents.textFieldGroupTokens.height, _styledcomponents.textFieldGroupTokens.padding, _styledcomponents.textFieldGroupTokens.paddingWithChips, _styledcomponents.textFieldGroupTokens.leftContentMargin, _styledcomponents.textFieldGroupTokens.rightContentMargin, _styledcomponents.textFieldGroupTokens.textBeforeMargin, _styledcomponents.textFieldGroupTokens.textAfterMargin, _styledcomponents.textFieldGroupTokens.fontFamily, _styledcomponents.textFieldGroupTokens.fontSize, _styledcomponents.textFieldGroupTokens.fontStyle, _styledcomponents.textFieldGroupTokens.fontWeight, _styledcomponents.textFieldGroupTokens.letterSpacing, _styledcomponents.textFieldGroupTokens.lineHeight, _styledcomponents.textFieldGroupTokens.labelOffset, _styledcomponents.textFieldGroupTokens.labelFontFamily, _styledcomponents.textFieldGroupTokens.labelFontSize, _styledcomponents.textFieldGroupTokens.labelFontStyle, _styledcomponents.textFieldGroupTokens.labelFontWeight, _styledcomponents.textFieldGroupTokens.labelLetterSpacing, _styledcomponents.textFieldGroupTokens.labelLineHeight, _styledcomponents.textFieldGroupTokens.leftHelperOffset, _styledcomponents.textFieldGroupTokens.leftHelperFontFamily, _styledcomponents.textFieldGroupTokens.leftHelperFontSize, _styledcomponents.textFieldGroupTokens.leftHelperFontStyle, _styledcomponents.textFieldGroupTokens.leftHelperFontWeight, _styledcomponents.textFieldGroupTokens.leftHelperLetterSpacing, _styledcomponents.textFieldGroupTokens.leftHelperLineHeight, _styledcomponents.textFieldGroupTokens.labelInnerPadding, _styledcomponents.textFieldGroupTokens.contentLabelInnerPadding, _styledcomponents.textFieldGroupTokens.chipGap, _styledcomponents.textFieldGroupTokens.chipBorderRadius, _styledcomponents.textFieldGroupTokens.chipWidth, _styledcomponents.textFieldGroupTokens.chipHeight, _styledcomponents.textFieldGroupTokens.chipPadding, _styledcomponents.textFieldGroupTokens.chipClearContentMarginLeft, _styledcomponents.textFieldGroupTokens.chipClearContentMarginRight, _styledcomponents.textFieldGroupTokens.chipCloseIconSize, _styledcomponents.textFieldGroupTokens.chipFontFamily, _styledcomponents.textFieldGroupTokens.chipFontSize, _styledcomponents.textFieldGroupTokens.chipFontStyle, _styledcomponents.textFieldGroupTokens.chipFontWeight, _styledcomponents.textFieldGroupTokens.chipLetterSpacing, _styledcomponents.textFieldGroupTokens.chipLineHeight)
+        },
+        orientation: {
+            horizontal: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldGroupTokens.textFieldGroupOrientation),
+            vertical: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textFieldGroupTokens.textFieldGroupOrientation)
+        },
+        gap: {
+            none: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.textFieldGroupTokens.textFieldGroupItemsGap),
+            dense: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.textFieldGroupTokens.textFieldGroupItemsGap),
+            wide: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.textFieldGroupTokens.textFieldGroupItemsGap)
+        },
+        shape: {
+            segmented: (0, _styledcomponents.css)(_templateObject6()),
+            default: (0, _styledcomponents.css)(_templateObject7())
+        },
+        stretching: {
+            auto: (0, _styledcomponents.css)(_templateObject8()),
+            filled: (0, _styledcomponents.css)(_templateObject9())
+        }
+    }
+};

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TextFieldGroup", {
+    enumerable: true,
+    get: function() {
+        return TextFieldGroup;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _TextFieldGroupconfig = require("./TextFieldGroup.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textFieldGroupConfig, _TextFieldGroupconfig.config);
+var TextFieldGroup = (0, _styledcomponents.component)(mergedConfig);

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TextFieldGroup", {
+    enumerable: true,
+    get: function() {
+        return _TextFieldGroup.TextFieldGroup;
+    }
+});
+var _TextFieldGroup = require("./TextFieldGroup");

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

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--surface-solid-card-brightness);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--surface-solid-card-brightness);\n                ",
+        ": var(--text-positive);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--surface-solid-card-brightness);\n                ",
+        ": var(--text-negative);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.75rem;\n                ",
+        ": calc(100vw - 5rem);\n                ",
+        ": 0.5625rem 0.75rem;\n                ",
+        ": var(--plasma-typo-body-xs-font-family);\n                ",
+        ": var(--plasma-typo-body-xs-font-size);\n                ",
+        ": var(--plasma-typo-body-xs-font-style);\n                ",
+        ": var(--plasma-typo-body-xs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
+        ": -0.0625rem 0.375rem -0.0625rem -0.125rem;\n                ",
+        ": -0.0625rem -0.25rem -0.0625rem 0.5rem;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1rem;\n                ",
+        ": 1.5rem;\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.5rem;\n\n                ",
+        ": -0.0625rem 0.375rem -0.0625rem -0.25rem;\n                ",
+        ": -0.0625rem -0.25rem -0.0625rem 0.375rem;\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm',
+        closeIconType: 'default'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.toastTokens.color, _styledcomponents.toastTokens.background, _styledcomponents.toastTokens.closeIconColor, _styledcomponents.toastTokens.closeIconColorOnHover),
+            positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.toastTokens.color, _styledcomponents.toastTokens.background, _styledcomponents.toastTokens.contentLeftColor, _styledcomponents.toastTokens.closeIconColor, _styledcomponents.toastTokens.closeIconColorOnHover),
+            negative: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.toastTokens.color, _styledcomponents.toastTokens.background, _styledcomponents.toastTokens.contentLeftColor, _styledcomponents.toastTokens.closeIconColor, _styledcomponents.toastTokens.closeIconColorOnHover)
+        },
+        size: {
+            m: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.toastTokens.borderRadius, _styledcomponents.toastTokens.maxWidth, _styledcomponents.toastTokens.padding, _styledcomponents.toastTokens.fontFamily, _styledcomponents.toastTokens.fontSize, _styledcomponents.toastTokens.fontStyle, _styledcomponents.toastTokens.fontWeight, _styledcomponents.toastTokens.letterSpacing, _styledcomponents.toastTokens.lineHeight, _styledcomponents.toastTokens.contentLeftMargin, _styledcomponents.toastTokens.closeIconMargin)
+        },
+        closeIconType: {
+            default: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.toastTokens.closeIconButtonSize, _styledcomponents.toastTokens.closeIconSize)
+        },
+        pilled: {
+            true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.toastTokens.pilledBorderRadius, _styledcomponents.toastTokens.contentLeftMargin, _styledcomponents.toastTokens.closeIconMargin)
+        }
+    }
+};

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

@@ -0,0 +1,30 @@
+"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 Toast () {
+        return Toast;
+    },
+    get ToastController () {
+        return ToastController;
+    },
+    get ToastProvider () {
+        return ToastProvider;
+    },
+    get useToast () {
+        return _styledcomponents.useToast;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Toastconfig = require("./Toast.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.toastConfig, _Toastconfig.config);
+var Toast = (0, _styledcomponents.component)(mergedConfig);
+var ToastController = (0, _styledcomponents.ToastControllerHoc)(Toast);
+var ToastProvider = (0, _styledcomponents.ToastProviderHoc)(ToastController);

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

@@ -0,0 +1,22 @@
+"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 Toast () {
+        return _Toast.Toast;
+    },
+    get ToastProvider () {
+        return _Toast.ToastProvider;
+    },
+    get useToast () {
+        return _Toast.useToast;
+    }
+});
+var _Toast = require("./Toast");

package/dist/styled-components/cjs/components/Tokens/Colors/Colors.styles.js

@@ -0,0 +1,150 @@
+"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 AccordionInfo () {
+        return AccordionInfo;
+    },
+    get ColorCircle () {
+        return ColorCircle;
+    },
+    get ColorTokenDataWrapper () {
+        return ColorTokenDataWrapper;
+    },
+    get ColorTokensWrapper () {
+        return ColorTokensWrapper;
+    },
+    get ColumnTitle () {
+        return ColumnTitle;
+    },
+    get OpacityPart () {
+        return OpacityPart;
+    },
+    get StateDataWrapper () {
+        return StateDataWrapper;
+    },
+    get StyledAccordionItem () {
+        return StyledAccordionItem;
+    },
+    get StyledSegmentItem () {
+        return StyledSegmentItem;
+    },
+    get Subcategory () {
+        return Subcategory;
+    },
+    get SubthemeSwitcher () {
+        return SubthemeSwitcher;
+    },
+    get TokenInfo () {
+        return TokenInfo;
+    },
+    get TokenInfoWrapper () {
+        return TokenInfoWrapper;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
+var _Accordion = require("../../Accordion");
+var _Segment = require("../../Segment/Segment");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var ColorTokensWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__ColorTokensWrapper",
+    componentId: "sc-e9243388-0"
+})([
+    "padding-top:1.5rem;width:100%;"
+]);
+var SubthemeSwitcher = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__SubthemeSwitcher",
+    componentId: "sc-e9243388-1"
+})([
+    "margin:-0.5rem auto 2.5rem auto;width:fit-content;position:relative;&:before{content:'Подтема';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);bold-font-weight:var(--plasma-typo-body-xs-bold-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}"
+]);
+var StyledSegmentItem = (0, _styledcomponents.default)(_Segment.SegmentItem).withConfig({
+    displayName: "Colors.styles__StyledSegmentItem",
+    componentId: "sc-e9243388-2"
+})([
+    "",
+    ":1.75rem;",
+    ":0.375rem 0.5rem;"
+], _styledcomponents1.segmentTokens.itemHeight, _styledcomponents1.segmentTokens.itemPilledPadding);
+var AccordionInfo = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__AccordionInfo",
+    componentId: "sc-e9243388-3"
+})([
+    "display:grid;grid-template-columns:16.75rem 9.938rem 2.375rem 3.813rem 9.313rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"
+]);
+var Subcategory = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__Subcategory",
+    componentId: "sc-e9243388-4"
+})([
+    "color:var(--text-secondary);"
+]);
+var ColumnTitle = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__ColumnTitle",
+    componentId: "sc-e9243388-5"
+})([
+    "color:var(--text-tertiary);transition:opacity 0.2s;&.color{display:flex;align-items:center;gap:2.5rem;}&.hex{padding-left:3.75rem;}"
+]);
+var StyledAccordionItem = (0, _styledcomponents.default)(_Accordion.AccordionItem).withConfig({
+    displayName: "Colors.styles__StyledAccordionItem",
+    componentId: "sc-e9243388-6"
+})([
+    "--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;width:50.375rem;div > div > div > svg{color:var(--text-secondary);}.accordion-item-body{margin-bottom:2.375rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{margin-bottom:1.125rem;",
+    " ",
+    "{opacity:0;}}[aria-expanded='false'] + div > .accordion-item-body{margin:0;padding:0;}"
+], AccordionInfo, ColumnTitle);
+var TokenInfoWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__TokenInfoWrapper",
+    componentId: "sc-e9243388-7"
+})([
+    "display:flex;flex-direction:column;gap:0.75rem;margin-top:-0.125rem;"
+]);
+var ColorTokenDataWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__ColorTokenDataWrapper",
+    componentId: "sc-e9243388-8"
+})([
+    "display:flex;flex-direction:column;gap:0.5rem;"
+]);
+var StateDataWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__StateDataWrapper",
+    componentId: "sc-e9243388-9"
+})([
+    "display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem;"
+]);
+var OpacityPart = _styledcomponents.default.span.withConfig({
+    displayName: "Colors.styles__OpacityPart",
+    componentId: "sc-e9243388-10"
+})([
+    "color:var(--text-secondary);padding-left:0.125rem;"
+]);
+var TokenInfo = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__TokenInfo",
+    componentId: "sc-e9243388-11"
+})([
+    "color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:2.5rem;}&.no-interaction{text-align:right;}&.hex{padding-left:3.75rem;}&:not(.no-interaction):hover{color:var(--text-paragraph-hover);",
+    "{color:var(--text-paragraph-hover);}}&:not(.no-interaction):active{color:var(--text-paragraph-active);",
+    "{color:var(--text-secondary-active);}}&.state{padding-left:1.5rem;color:var(--text-secondary);&:hover{color:var(--text-secondary);}&:active{color:var(--text-secondary-active);}}"
+], OpacityPart, OpacityPart);
+var ColorCircle = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__ColorCircle",
+    componentId: "sc-e9243388-12"
+})([
+    "width:1.25rem;height:1.25rem;border-radius:50%;background:",
+    ";box-shadow:",
+    ";"
+], function(props) {
+    return props.background || 'transparent';
+}, function(props) {
+    return props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)';
+});

package/dist/styled-components/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js

@@ -0,0 +1,73 @@
+"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 TokenData () {
+        return TokenData;
+    },
+    get TokenDataHeader () {
+        return TokenDataHeader;
+    },
+    get TokenInfo () {
+        return TokenInfo;
+    },
+    get TokensDataWrapper () {
+        return TokensDataWrapper;
+    },
+    get TokensTitle () {
+        return TokensTitle;
+    },
+    get TokensWrapper () {
+        return TokensWrapper;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var TokensWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "NumberTokens.styles__TokensWrapper",
+    componentId: "sc-5cff0c2a-0"
+})([
+    "margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;gap:2rem;"
+]);
+var TokensTitle = _styledcomponents.default.h2.withConfig({
+    displayName: "NumberTokens.styles__TokensTitle",
+    componentId: "sc-5cff0c2a-1"
+})([
+    "margin:0;font-family:var(--plasma-typo-h2-font-family);font-size:var(--plasma-typo-h2-font-size);font-style:var(--plasma-typo-h2-font-style);font-weight:var(--plasma-typo-h2-font-weight);letter-spacing:var(--plasma-typo-h2-letter-spacing);line-height:var(--plasma-typo-h2-line-height);"
+]);
+var TokensDataWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "NumberTokens.styles__TokensDataWrapper",
+    componentId: "sc-5cff0c2a-2"
+})([
+    "display:flex;flex-direction:column;gap:1rem;"
+]);
+var TokenInfo = _styledcomponents.default.p.withConfig({
+    displayName: "NumberTokens.styles__TokenInfo",
+    componentId: "sc-5cff0c2a-3"
+})([
+    "margin:0;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);cursor:copy;color:var(--text-paragraph);&.value{text-align:end;}&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}"
+]);
+var TokenData = _styledcomponents.default.div.withConfig({
+    displayName: "NumberTokens.styles__TokenData",
+    componentId: "sc-5cff0c2a-4"
+})([
+    "display:grid;grid-template-columns:16.75rem 3.813rem;column-gap:1.5rem;row-gap:0.75rem;"
+]);
+var TokenDataHeader = (0, _styledcomponents.default)(TokenData).withConfig({
+    displayName: "NumberTokens.styles__TokenDataHeader",
+    componentId: "sc-5cff0c2a-5"
+})([
+    "",
+    "{color:var(--text-secondary);cursor:default;pointer-events:none;&:hover{color:var(--text-secondary);}&:active{color:var(--text-secondary);}}"
+], TokenInfo);