@salutejs/plasma-new-hope 0.133.2-canary.1396.10611246152.0 → 0.134.0-canary.1352.10609199302.0

package/emotion/cjs/examples/sds_engineer/components/TextField/TextField.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextField = void 0;
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _TextField = /*#__PURE__*/require("../../../../components/TextField");
+var _TextField2 = /*#__PURE__*/require("./TextField.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldConfig, _TextField2.config);
+var TextField = exports.TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/emotion/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx

@@ -0,0 +1,171 @@
+import React, { ComponentProps, useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
+
+import { WithTheme } from '../../../_helpers';
+
+import { TextField } from './TextField';
+
+const onChange = action('onChange');
+const onFocus = action('onFocus');
+const onBlur = action('onBlur');
+const onSearch = action('onSearch');
+const onChipsChange = action('onChipsChange');
+
+const sizes = ['l', 'm', 's', 'xs'];
+const views = ['default', 'positive', 'warning', 'negative'];
+const labelPlacements = ['outer', 'inner'];
+
+const meta: Meta<typeof TextField> = {
+    title: 'sds_engineer/TextField',
+    component: TextField,
+    decorators: [WithTheme],
+    argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        maxLength: {
+            control: {
+                type: 'number',
+            },
+        },
+        labelPlacement: {
+            options: labelPlacements,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = Omit<
+    ComponentProps<typeof TextField>,
+    | 'helperBlock'
+    | 'contentLeft'
+    | 'htmlSize'
+    | 'contentRight'
+    | 'type'
+    | 'name'
+    | 'onFocus'
+    | 'onBlur'
+    | 'onChange'
+    | 'value'
+    | 'checked'
+    | 'maxLength'
+    | 'minLength'
+    | 'required'
+    | 'enumerationType'
+    | 'chips'
+    | 'onChangeChips'
+> & {
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
+};
+
+const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
+    const [text, setText] = useState('Значение поля');
+
+    const iconSize = rest.size === 'xs' ? 'xs' : 's';
+
+    return (
+        <TextField
+            {...rest}
+            enumerationType="plain"
+            value={text}
+            contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
+            contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
+            view={view}
+            onChange={(e) => {
+                setText(e.target.value);
+                onChange(e.target.value);
+            }}
+            onFocus={onFocus}
+            onBlur={onBlur}
+            onSearch={onSearch}
+        />
+    );
+};
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    args: {
+        id: 'example-text-field',
+        size: 'l',
+        view: 'default',
+        label: 'Лейбл',
+        labelPlacement: 'outer',
+        placeholder: 'Заполните поле',
+        leftHelper: 'Подсказка к полю',
+        disabled: false,
+        readOnly: false,
+        enableContentLeft: true,
+        enableContentRight: true,
+    },
+    render: (args) => <StoryDemo {...args} />,
+};
+
+type StoryPropsChips = Omit<
+    ComponentProps<typeof TextField>,
+    | 'helperBlock'
+    | 'contentLeft'
+    | 'htmlSize'
+    | 'contentRight'
+    | 'type'
+    | 'name'
+    | 'onFocus'
+    | 'onBlur'
+    | 'onChange'
+    | 'onSearch'
+    | 'value'
+    | 'checked'
+    | 'maxLength'
+    | 'minLength'
+    | 'required'
+    | 'enumerationType'
+> & {
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
+};
+
+const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
+    const [text, setText] = useState('Значение поля');
+
+    const iconSize = rest.size === 'xs' ? 'xs' : 's';
+
+    return (
+        <TextField
+            {...rest}
+            enumerationType="chip"
+            value={text}
+            contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
+            contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
+            view={view}
+            onChange={(e) => {
+                setText(e.target.value);
+                onChange(e.target.value);
+            }}
+            onFocus={onFocus}
+            onBlur={onBlur}
+            onChangeChips={onChipsChange}
+        />
+    );
+};
+
+export const Chips: StoryObj<StoryPropsChips> = {
+    args: {
+        ...Default.args,
+        chips: ['1 value', '2 value', '3 value', '4 value'],
+    },
+    render: (args) => <StoryChips {...args} />,
+};

package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.config.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _Toast = /*#__PURE__*/require("../../../../components/Toast");
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _react.css)(_Toast.toastTokens.color, ":var(--text-primary);", _Toast.toastTokens.background, ":var(--surface-solid-card);", _Toast.toastTokens.closeIconColor, ":var(--text-secondary);", _Toast.toastTokens.closeIconColorOnHover, ":var(--text-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1RvYXN0L1RvYXN0LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXd0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvc2RzX2VuZ2luZWVyL2NvbXBvbmVudHMvVG9hc3QvVG9hc3QuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2FzdFRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVG9hc3QnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgZGFyazogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29sb3J9OiB2YXIoLS1vbi1kYXJrLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tb24tZGFyay1zdXJmYWNlLXNvbGlkLXByaW1hcnkpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLW9uLWRhcmstdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbGlnaHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNvbG9yfTogdmFyKC0tb24tbGlnaHQtdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1vbi1saWdodC1zdXJmYWNlLXNvbGlkLXByaW1hcnkpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLW9uLWxpZ2h0LXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLW9uLWxpZ2h0LXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5tYXhXaWR0aH06IGNhbGMoMTAwdncgLSA1cmVtKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLnBhZGRpbmd9OiAwLjU2MjVyZW0gMC43NXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5sZWZ0Q29udGVudE1hcmdpbn06IC0wLjA2MjVyZW0gMC4zNzVyZW0gLTAuMDYyNXJlbSAtMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25NYXJnaW59OiAtMC4wNjI1cmVtIC0wLjI1cmVtIC0wLjA2MjVyZW0gMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgcGlsbGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5waWxsZWRCb3JkZXJSYWRpdXN9OiAxLjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxlZnRDb250ZW50TWFyZ2lufTogLTAuMDYyNXJlbSAwLjM3NXJlbSAtMC4wNjI1cmVtIC0wLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uTWFyZ2lufTogLTAuMDYyNXJlbSAtMC4yNXJlbSAtMC4wNjI1cmVtIDAuMzc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      dark: /*#__PURE__*/(0, _react.css)(_Toast.toastTokens.color, ":var(--on-dark-text-primary);", _Toast.toastTokens.background, ":var(--on-dark-surface-solid-primary);", _Toast.toastTokens.closeIconColor, ":var(--on-dark-text-secondary);", _Toast.toastTokens.closeIconColorOnHover, ":var(--on-dark-text-secondary);;label:plasma-new-hope__dark;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1RvYXN0L1RvYXN0LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1RvYXN0L1RvYXN0LmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9hc3RUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1RvYXN0JztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZCk7XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNvbG9yfTogdmFyKC0tb24tZGFyay10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLW9uLWRhcmstc3VyZmFjZS1zb2xpZC1wcmltYXJ5KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLW9uLWRhcmstdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLW9uLWxpZ2h0LXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tb24tbGlnaHQtc3VyZmFjZS1zb2xpZC1wcmltYXJ5KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubWF4V2lkdGh9OiBjYWxjKDEwMHZ3IC0gNXJlbSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5wYWRkaW5nfTogMC41NjI1cmVtIDAuNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubGVmdENvbnRlbnRNYXJnaW59OiAtMC4wNjI1cmVtIDAuMzc1cmVtIC0wLjA2MjVyZW0gLTAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uTWFyZ2lufTogLTAuMDYyNXJlbSAtMC4yNXJlbSAtMC4wNjI1cmVtIDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHBpbGxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMucGlsbGVkQm9yZGVyUmFkaXVzfTogMS41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5sZWZ0Q29udGVudE1hcmdpbn06IC0wLjA2MjVyZW0gMC4zNzVyZW0gLTAuMDYyNXJlbSAtMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbk1hcmdpbn06IC0wLjA2MjVyZW0gLTAuMjVyZW0gLTAuMDYyNXJlbSAwLjM3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */")),
+      light: /*#__PURE__*/(0, _react.css)(_Toast.toastTokens.color, ":var(--on-light-text-primary);", _Toast.toastTokens.background, ":var(--on-light-surface-solid-primary);", _Toast.toastTokens.closeIconColor, ":var(--on-light-text-secondary);", _Toast.toastTokens.closeIconColorOnHover, ":var(--on-light-text-secondary);;label:plasma-new-hope__light;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1RvYXN0L1RvYXN0LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QnNCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1RvYXN0L1RvYXN0LmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9hc3RUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1RvYXN0JztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZCk7XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNvbG9yfTogdmFyKC0tb24tZGFyay10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLW9uLWRhcmstc3VyZmFjZS1zb2xpZC1wcmltYXJ5KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLW9uLWRhcmstdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLW9uLWxpZ2h0LXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tb24tbGlnaHQtc3VyZmFjZS1zb2xpZC1wcmltYXJ5KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubWF4V2lkdGh9OiBjYWxjKDEwMHZ3IC0gNXJlbSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5wYWRkaW5nfTogMC41NjI1cmVtIDAuNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubGVmdENvbnRlbnRNYXJnaW59OiAtMC4wNjI1cmVtIDAuMzc1cmVtIC0wLjA2MjVyZW0gLTAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uTWFyZ2lufTogLTAuMDYyNXJlbSAtMC4yNXJlbSAtMC4wNjI1cmVtIDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHBpbGxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMucGlsbGVkQm9yZGVyUmFkaXVzfTogMS41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5sZWZ0Q29udGVudE1hcmdpbn06IC0wLjA2MjVyZW0gMC4zNzVyZW0gLTAuMDYyNXJlbSAtMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbk1hcmdpbn06IC0wLjA2MjVyZW0gLTAuMjVyZW0gLTAuMDYyNXJlbSAwLjM3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    },
+    size: {
+      m: /*#__PURE__*/(0, _react.css)(_Toast.toastTokens.borderRadius, ":0.75rem;", _Toast.toastTokens.maxWidth, ":calc(100vw - 5rem);", _Toast.toastTokens.padding, ":0.5625rem 0.75rem;", _Toast.toastTokens.fontFamily, ":var(--plasma-typo-body-xs-font-family);", _Toast.toastTokens.fontSize, ":var(--plasma-typo-body-xs-font-size);", _Toast.toastTokens.fontStyle, ":var(--plasma-typo-body-xs-font-style);", _Toast.toastTokens.fontWeight, ":var(--plasma-typo-body-xs-font-weight);", _Toast.toastTokens.letterSpacing, ":var(--plasma-typo-body-xs-letter-spacing);", _Toast.toastTokens.lineHeight, ":var(--plasma-typo-body-xs-line-height);", _Toast.toastTokens.leftContentMargin, ":-0.0625rem 0.375rem -0.0625rem -0.125rem;", _Toast.toastTokens.closeIconMargin, ":-0.0625rem -0.25rem -0.0625rem 0.5rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1RvYXN0L1RvYXN0LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ2tCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1RvYXN0L1RvYXN0LmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9hc3RUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1RvYXN0JztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZCk7XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNvbG9yfTogdmFyKC0tb24tZGFyay10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLW9uLWRhcmstc3VyZmFjZS1zb2xpZC1wcmltYXJ5KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLW9uLWRhcmstdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLW9uLWxpZ2h0LXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tb24tbGlnaHQtc3VyZmFjZS1zb2xpZC1wcmltYXJ5KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubWF4V2lkdGh9OiBjYWxjKDEwMHZ3IC0gNXJlbSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5wYWRkaW5nfTogMC41NjI1cmVtIDAuNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubGVmdENvbnRlbnRNYXJnaW59OiAtMC4wNjI1cmVtIDAuMzc1cmVtIC0wLjA2MjVyZW0gLTAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uTWFyZ2lufTogLTAuMDYyNXJlbSAtMC4yNXJlbSAtMC4wNjI1cmVtIDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHBpbGxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMucGlsbGVkQm9yZGVyUmFkaXVzfTogMS41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5sZWZ0Q29udGVudE1hcmdpbn06IC0wLjA2MjVyZW0gMC4zNzVyZW0gLTAuMDYyNXJlbSAtMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbk1hcmdpbn06IC0wLjA2MjVyZW0gLTAuMjVyZW0gLTAuMDYyNXJlbSAwLjM3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    },
+    pilled: {
+      "true": /*#__PURE__*/(0, _react.css)(_Toast.toastTokens.pilledBorderRadius, ":1.5rem;", _Toast.toastTokens.leftContentMargin, ":-0.0625rem 0.375rem -0.0625rem -0.25rem;", _Toast.toastTokens.closeIconMargin, ":-0.0625rem -0.25rem -0.0625rem 0.375rem;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1RvYXN0L1RvYXN0LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1RvYXN0L1RvYXN0LmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9hc3RUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1RvYXN0JztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZCk7XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNvbG9yfTogdmFyKC0tb24tZGFyay10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLW9uLWRhcmstc3VyZmFjZS1zb2xpZC1wcmltYXJ5KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLW9uLWRhcmstdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLW9uLWxpZ2h0LXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tb24tbGlnaHQtc3VyZmFjZS1zb2xpZC1wcmltYXJ5KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubWF4V2lkdGh9OiBjYWxjKDEwMHZ3IC0gNXJlbSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5wYWRkaW5nfTogMC41NjI1cmVtIDAuNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubGVmdENvbnRlbnRNYXJnaW59OiAtMC4wNjI1cmVtIDAuMzc1cmVtIC0wLjA2MjVyZW0gLTAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uTWFyZ2lufTogLTAuMDYyNXJlbSAtMC4yNXJlbSAtMC4wNjI1cmVtIDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHBpbGxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMucGlsbGVkQm9yZGVyUmFkaXVzfTogMS41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5sZWZ0Q29udGVudE1hcmdpbn06IC0wLjA2MjVyZW0gMC4zNzVyZW0gLTAuMDYyNXJlbSAtMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbk1hcmdpbn06IC0wLjA2MjVyZW0gLTAuMjVyZW0gLTAuMDYyNXJlbSAwLjM3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    }
+  }
+};

package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToastProvider = exports.ToastController = exports.Toast = void 0;
+Object.defineProperty(exports, "useToast", {
+  enumerable: true,
+  get: function get() {
+    return _Toast.useToast;
+  }
+});
+var _Toast = /*#__PURE__*/require("../../../../components/Toast");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Toast2 = /*#__PURE__*/require("./Toast.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Toast.toastConfig, _Toast2.config);
+var Toast = exports.Toast = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+var ToastController = exports.ToastController = /*#__PURE__*/(0, _Toast.ToastControllerHoc)(Toast);
+var ToastProvider = exports.ToastProvider = /*#__PURE__*/(0, _Toast.ToastProviderHoc)(ToastController);

package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.stories.tsx

@@ -0,0 +1,223 @@
+import React, { ComponentProps, useCallback, useRef, useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import styled from 'styled-components';
+import { disableProps } from '@salutejs/plasma-sb-utils';
+
+import { toastConfig } from '../../../../components/Toast';
+import { mergeConfig } from '../../../../engines';
+import { WithTheme, argTypesFromConfig } from '../../../_helpers';
+import { Button } from '../Button/Button';
+import { PopupProvider } from '../Popup/Popup';
+import { addNotification } from '../../../../../src/components/Notification';
+import { NotificationsProvider } from '../Notification/Notification';
+import { Modal } from '../Modal/Modal';
+
+import { config } from './Toast.config';
+import { Toast, ToastController, ToastProvider, useToast } from './Toast';
+
+const meta: Meta<typeof ToastController> = {
+    title: 'sds_engineer/Toast',
+    decorators: [WithTheme],
+};
+
+export default meta;
+
+type StoryComponentProps = ComponentProps<typeof Toast> & {
+    enableContentLeft?: boolean;
+};
+type StoryComponent = StoryObj<StoryComponentProps>;
+
+type StoryProps = ComponentProps<typeof ToastController> & {
+    text: string;
+    timeout?: number;
+    enableContentLeft?: boolean;
+};
+type Story = StoryObj<StoryProps>;
+
+const BellIcon = (props) => (
+    <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
+        <path
+            d="M11.501 21.28c1.088 0 1.978-.889 1.978-1.977H9.524c0 1.088.88 1.978 1.977 1.978zm5.933-5.932v-4.944c0-3.035-1.622-5.576-4.45-6.248v-.673c0-.82-.662-1.483-1.483-1.483-.82 0-1.483.662-1.483 1.483v.672c-2.838.673-4.45 3.204-4.45 6.25v4.943l-1.275 1.276c-.623.623-.188 1.69.692 1.69h13.022c.88 0 1.325-1.067.702-1.69l-1.275-1.276z"
+            fill="currentColor"
+        />
+    </svg>
+);
+
+const ToastContainer = styled.div`
+    position: fixed;
+    transform: translateX(50%);
+`;
+
+const Container = styled.div`
+    display: flex;
+    gap: 0.5rem;
+`;
+
+export const ToastComponent: StoryComponent = {
+    args: {
+        text: 'Текст всплывающего уведомления',
+        view: 'default',
+        size: 'm',
+        hasClose: true,
+        enableContentLeft: true,
+        pilled: false,
+    },
+    render: ({ enableContentLeft, ...args }) => (
+        <ToastContainer>
+            <Toast contentLeft={enableContentLeft && <BellIcon width="1rem" height="1rem" />} {...args} />
+        </ToastContainer>
+    ),
+};
+
+const StoryLiveDemo = ({
+    text,
+    position,
+    timeout,
+    fade,
+    offset,
+    pilled,
+    view,
+    size,
+    hasClose,
+    enableContentLeft,
+}: StoryProps) => {
+    const { showToast, hideToast } = useToast();
+    const contentLeft = enableContentLeft && <BellIcon width="1rem" height="1rem" />;
+
+    return (
+        <Container>
+            <Button onClick={hideToast}>Скрыть уведомление</Button>
+            <Button
+                onClick={() => {
+                    showToast({
+                        text,
+                        position,
+                        offset,
+                        timeout,
+                        fade,
+                        contentLeft,
+                        pilled,
+                        view,
+                        size,
+                        hasClose,
+                        onHide: action('onHide'),
+                        onShow: action('onShow'),
+                    });
+                }}
+            >
+                Показать уведомление
+            </Button>
+        </Container>
+    );
+};
+
+export const LiveDemo: Story = {
+    args: {
+        ...ToastComponent.args,
+        position: 'bottom',
+        fade: true,
+        offset: 0,
+        timeout: 3000,
+        role: 'alert',
+    },
+    argTypes: {
+        position: {
+            options: ['top', 'bottom'],
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        ...argTypesFromConfig(mergeConfig(toastConfig, config)),
+        ...disableProps(['role', 'onShow', 'onHide', 'contentLeft']),
+    },
+    parameters: {
+        chromatic: {
+            disable: true,
+        },
+    },
+    render: (args) => (
+        <ToastProvider>
+            <StoryLiveDemo {...args} />
+        </ToastProvider>
+    ),
+};
+
+const StoryComplex = ({
+    text,
+    position,
+    timeout,
+    fade,
+    offset,
+    pilled,
+    view,
+    size,
+    hasClose,
+    enableContentLeft,
+}: StoryProps) => {
+    const [isModalOpen, setIsModalOpen] = useState(false);
+
+    const { showToast } = useToast();
+    const contentLeft = enableContentLeft && <BellIcon width="1rem" height="1rem" />;
+
+    const handleShowToast = () => {
+        showToast({
+            text,
+            position,
+            offset,
+            timeout,
+            fade,
+            contentLeft,
+            pilled,
+            view,
+            size,
+            hasClose,
+            onHide: action('onHide'),
+            onShow: action('onShow'),
+        });
+    };
+
+    const count = useRef(0);
+    const handleShowNotification = useCallback(() => {
+        addNotification(
+            {
+                title: 'Добавить Toast',
+                size: 'xs',
+                actions: <Button text="Добавить" size="xs" stretch onClick={handleShowToast} />,
+            },
+            5000,
+        );
+        count.current++;
+    }, [count]);
+
+    return (
+        <NotificationsProvider>
+            <PopupProvider>
+                <Button text="Открыть модальное окно" onClick={() => setIsModalOpen(true)} />
+                <Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
+                    <div>Hello!</div>
+                    <Button view="default" text="Add notification" onClick={handleShowNotification} />
+                </Modal>
+            </PopupProvider>
+        </NotificationsProvider>
+    );
+};
+
+export const Complex: Story = {
+    args: {
+        ...LiveDemo.args,
+    },
+    argTypes: {
+        ...LiveDemo.argTypes,
+    },
+    parameters: {
+        chromatic: {
+            disable: true,
+        },
+    },
+    render: (args) => (
+        <ToastProvider>
+            <StoryComplex {...args} />
+        </ToastProvider>
+    ),
+};

package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.config.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _Toolbar = /*#__PURE__*/require("../../../../components/Toolbar");
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _react.css)(_Toolbar.toolbarTokens.boxShadow, ":var(--shadow-down-soft-s);", _Toolbar.toolbarTokens.background, ":var(--surface-solid-card);", _Toolbar.toolbarTokens.dividerColor, ":var(--surface-transparent-tertiary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Rvb2xiYXIvVG9vbGJhci5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Rvb2xiYXIvVG9vbGJhci5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRvb2xiYXJUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Rvb2xiYXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmJveFNoYWRvd306IHZhcigtLXNoYWRvdy1kb3duLXNvZnQtcyk7XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgeHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuc2l6ZX06IDIuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMucGFkZGluZ306IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlclNpemV9OiAxLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyT2Zmc2V0fTogMC41cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyQm9yZGVyUmFkaXVzfTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuc2l6ZX06IDNyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLnBhZGRpbmd9OiAwLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyU2l6ZX06IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlck9mZnNldH06IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlckJvcmRlclJhZGl1c306IDAuMDYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLnNpemV9OiAzLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5wYWRkaW5nfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmJvcmRlclJhZGl1c306IDFyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlclNpemV9OiAxLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyT2Zmc2V0fTogMC42MjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJCb3JkZXJSYWRpdXN9OiAwLjA2MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5zaXplfTogNC41cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5wYWRkaW5nfTogMC41cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5ib3JkZXJSYWRpdXN9OiAxLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJTaXplfTogMnJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlck9mZnNldH06IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJCb3JkZXJSYWRpdXN9OiAwLjA2MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    },
+    size: {
+      xs: /*#__PURE__*/(0, _react.css)(_Toolbar.toolbarTokens.size, ":2.5rem;", _Toolbar.toolbarTokens.padding, ":0.25rem;", _Toolbar.toolbarTokens.borderRadius, ":0.75rem;", _Toolbar.toolbarTokens.dividerSize, ":1.25rem;", _Toolbar.toolbarTokens.dividerOffset, ":0.5rem;", _Toolbar.toolbarTokens.dividerBorderRadius, ":0.0625rem;;label:plasma-new-hope__xs;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Rvb2xiYXIvVG9vbGJhci5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJtQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9zZHNfZW5naW5lZXIvY29tcG9uZW50cy9Ub29sYmFyL1Rvb2xiYXIuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b29sYmFyVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub29sYmFyJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LXMpO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcblxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLnNpemV9OiAyLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLnBhZGRpbmd9OiAwLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJTaXplfTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlck9mZnNldH06IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlckJvcmRlclJhZGl1c306IDAuMDYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLnNpemV9OiAzcmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5wYWRkaW5nfTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuYm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlclNpemV9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJPZmZzZXR9OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJCb3JkZXJSYWRpdXN9OiAwLjA2MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5zaXplfTogMy43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMucGFkZGluZ306IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5ib3JkZXJSYWRpdXN9OiAxcmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJTaXplfTogMS43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlck9mZnNldH06IDAuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyQm9yZGVyUmFkaXVzfTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuc2l6ZX06IDQuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMucGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuYm9yZGVyUmFkaXVzfTogMS4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyU2l6ZX06IDJyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyQm9yZGVyUmFkaXVzfTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      s: /*#__PURE__*/(0, _react.css)(_Toolbar.toolbarTokens.size, ":3rem;", _Toolbar.toolbarTokens.padding, ":0.25rem;", _Toolbar.toolbarTokens.borderRadius, ":0.875rem;", _Toolbar.toolbarTokens.dividerSize, ":1.5rem;", _Toolbar.toolbarTokens.dividerOffset, ":0.5rem;", _Toolbar.toolbarTokens.dividerBorderRadius, ":0.0625rem;;label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Rvb2xiYXIvVG9vbGJhci5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9zZHNfZW5naW5lZXIvY29tcG9uZW50cy9Ub29sYmFyL1Rvb2xiYXIuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b29sYmFyVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub29sYmFyJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LXMpO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcblxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLnNpemV9OiAyLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLnBhZGRpbmd9OiAwLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJTaXplfTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlck9mZnNldH06IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlckJvcmRlclJhZGl1c306IDAuMDYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLnNpemV9OiAzcmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5wYWRkaW5nfTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuYm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlclNpemV9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJPZmZzZXR9OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJCb3JkZXJSYWRpdXN9OiAwLjA2MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5zaXplfTogMy43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMucGFkZGluZ306IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5ib3JkZXJSYWRpdXN9OiAxcmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJTaXplfTogMS43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlck9mZnNldH06IDAuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyQm9yZGVyUmFkaXVzfTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuc2l6ZX06IDQuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMucGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuYm9yZGVyUmFkaXVzfTogMS4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyU2l6ZX06IDJyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyQm9yZGVyUmFkaXVzfTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      m: /*#__PURE__*/(0, _react.css)(_Toolbar.toolbarTokens.size, ":3.75rem;", _Toolbar.toolbarTokens.padding, ":0.375rem;", _Toolbar.toolbarTokens.borderRadius, ":1rem;", _Toolbar.toolbarTokens.dividerSize, ":1.75rem;", _Toolbar.toolbarTokens.dividerOffset, ":0.625rem;", _Toolbar.toolbarTokens.dividerBorderRadius, ":0.0625rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Rvb2xiYXIvVG9vbGJhci5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9zZHNfZW5naW5lZXIvY29tcG9uZW50cy9Ub29sYmFyL1Rvb2xiYXIuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b29sYmFyVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub29sYmFyJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LXMpO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcblxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLnNpemV9OiAyLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLnBhZGRpbmd9OiAwLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJTaXplfTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlck9mZnNldH06IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlckJvcmRlclJhZGl1c306IDAuMDYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLnNpemV9OiAzcmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5wYWRkaW5nfTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuYm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlclNpemV9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJPZmZzZXR9OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJCb3JkZXJSYWRpdXN9OiAwLjA2MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5zaXplfTogMy43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMucGFkZGluZ306IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5ib3JkZXJSYWRpdXN9OiAxcmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJTaXplfTogMS43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlck9mZnNldH06IDAuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyQm9yZGVyUmFkaXVzfTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuc2l6ZX06IDQuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMucGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuYm9yZGVyUmFkaXVzfTogMS4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyU2l6ZX06IDJyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyQm9yZGVyUmFkaXVzfTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      l: /*#__PURE__*/(0, _react.css)(_Toolbar.toolbarTokens.size, ":4.5rem;", _Toolbar.toolbarTokens.padding, ":0.5rem;", _Toolbar.toolbarTokens.borderRadius, ":1.25rem;", _Toolbar.toolbarTokens.dividerSize, ":2rem;", _Toolbar.toolbarTokens.dividerOffset, ":0.75rem;", _Toolbar.toolbarTokens.dividerBorderRadius, ":0.0625rem;;label:plasma-new-hope__l;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Rvb2xiYXIvVG9vbGJhci5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9zZHNfZW5naW5lZXIvY29tcG9uZW50cy9Ub29sYmFyL1Rvb2xiYXIuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b29sYmFyVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub29sYmFyJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LXMpO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcblxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLnNpemV9OiAyLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLnBhZGRpbmd9OiAwLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJTaXplfTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlck9mZnNldH06IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlckJvcmRlclJhZGl1c306IDAuMDYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLnNpemV9OiAzcmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5wYWRkaW5nfTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuYm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlclNpemV9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJPZmZzZXR9OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJCb3JkZXJSYWRpdXN9OiAwLjA2MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5zaXplfTogMy43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMucGFkZGluZ306IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5ib3JkZXJSYWRpdXN9OiAxcmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJTaXplfTogMS43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuZGl2aWRlck9mZnNldH06IDAuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyQm9yZGVyUmFkaXVzfTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuc2l6ZX06IDQuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMucGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rvb2xiYXJUb2tlbnMuYm9yZGVyUmFkaXVzfTogMS4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyU2l6ZX06IDJyZW07XG4gICAgICAgICAgICAgICAgJHt0b29sYmFyVG9rZW5zLmRpdmlkZXJPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9vbGJhclRva2Vucy5kaXZpZGVyQm9yZGVyUmFkaXVzfTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    }
+  }
+};

package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarDivider = exports.Toolbar = void 0;
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Toolbar = /*#__PURE__*/require("../../../../components/Toolbar");
+var _Toolbar2 = /*#__PURE__*/require("./Toolbar.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Toolbar.toolbarConfig, _Toolbar2.config);
+
+/**
+ * Компонент Toolbar.
+ */
+var Toolbar = exports.Toolbar = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+var mergedDividerConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Toolbar.toolbarDividerConfig);
+var ToolbarDivider = exports.ToolbarDivider = /*#__PURE__*/(0, _engines.component)(mergedDividerConfig);

package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx

@@ -0,0 +1,64 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { IconDone } from '../../../../components/_Icon';
+import { Button } from '../Button/Button';
+import { WithTheme } from '../../../_helpers';
+
+import { Toolbar, ToolbarDivider } from './Toolbar';
+
+const orientations: Array<string> = ['vertical', 'horizontal'];
+const size: Array<string> = ['xs', 's', 'm', 'l'];
+
+const ToolbarWrapper = (props: ComponentProps<typeof Toolbar>) => {
+    return (
+        <Toolbar {...props}>
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <ToolbarDivider />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+        </Toolbar>
+    );
+};
+
+const meta: Meta<typeof Toolbar> = {
+    title: 'sds_engineer/Toolbar',
+    component: ToolbarWrapper,
+    decorators: [WithTheme],
+    argTypes: {
+        orientation: {
+            options: orientations,
+            control: {
+                type: 'select',
+            },
+        },
+        hasShadow: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        size: {
+            options: size,
+            control: {
+                type: 'select',
+            },
+        },
+    },
+    args: {
+        orientation: 'vertical',
+        hasShadow: true,
+        size: 'm',
+        view: 'default',
+    },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Toolbar>;
+
+export const Default: Story = {
+    args: {},
+};