@salutejs/plasma-new-hope 0.325.0-canary.1954.15277675821.0 → 0.325.0-canary.1967.15291487889.0

package/emotion/cjs/components/Notification/Notification.template-doc.mdx

@@ -133,3 +133,47 @@ export function App() {
     );
 }
 ```
+
+## Управление шириной уведомления
+
+Для управления шириной компонента доступны следующие свойства:
+
+- `width` — устанавливает ширину компонента.
+- `maxWidth` — устанавливает максимальную ширину компонента.
+
+Оба свойства принимает любые действительные CSS значения для [width](https://developer.mozilla.org/en-US/docs/Web/CSS/width#syntax) и [maxWidth](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#syntax)
+
+```jsx live
+import React, { useCallback } from 'react';
+import { IconBell } from '@salutejs/plasma-icons';
+import { Button, ButtonGroup, addNotification, closeNotification, NotificationsProvider } from '@salutejs/{{ package }}';
+
+export function App() {
+    const handleShow = useCallback(() => {
+        addNotification({
+            id: 'incoming-call',
+            title: 'Входящий вызов',
+            icon: <IconBell color="inherit" size="xs" />,
+            children: 'Задача организации, в особенности же сплочённость команды профессионалов требует определения и уточнения глубокомысленных рассуждений.',
+            view: 'positive',
+            textColor: 'black',
+            titleColor: 'blue',
+            width: 'fit-content',
+            maxWidth: '30rem'
+        }, 3000);
+    }, []);
+
+    const handleHide = useCallback(() => {
+        closeNotification('incoming-call');
+    }, []);
+
+    return (
+        <NotificationsProvider>
+            <ButtonGroup>
+                <Button text="Показать оповещение" onClick={handleShow} />
+                <Button text="Скрыть оповещение" onClick={handleHide} />
+            </ButtonGroup>
+        </NotificationsProvider>
+    );
+}
+```

package/emotion/cjs/components/Notification/variations/_layout/base.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _react = /*#__PURE__*/require("@emotion/react");
 var _Notification = /*#__PURE__*/require("../../Notification.tokens");
-var base = exports.base = /*#__PURE__*/(0, _react.css)(".", _Notification.classes.wrapper, "{width:var(", _Notification.tokens.width, ");padding:var(", _Notification.tokens.padding, ");}.", _Notification.classes.wrapper, ".", _Notification.classes.horizontal, "{padding:var(", _Notification.tokens.horizontalLayoutPadding, ");&.", _Notification.classes.withoutCloseIcon, "{padding-right:var(", _Notification.tokens.horizontalLayoutRightPaddingWithoutCloseIcon, ");}}.", _Notification.classes.wrapper, ".", _Notification.classes.horizontal, ".", _Notification.classes.oneLine, "{padding:var(", _Notification.tokens.paddingOneLineTextbox, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3ZhcmlhdGlvbnMvX2xheW91dC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL05vdGlmaWNhdGlvbi92YXJpYXRpb25zL19sYXlvdXQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vTm90aWZpY2F0aW9uLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIC4ke2NsYXNzZXMud3JhcHBlcn0ge1xuICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLndpZHRofSk7XG4gICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG4gICAgfVxuXG4gICAgLiR7Y2xhc3Nlcy53cmFwcGVyfS4ke2NsYXNzZXMuaG9yaXpvbnRhbH0ge1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuaG9yaXpvbnRhbExheW91dFBhZGRpbmd9KTtcbiAgICAgICAgJi4ke2NsYXNzZXMud2l0aG91dENsb3NlSWNvbn0ge1xuICAgICAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLmhvcml6b250YWxMYXlvdXRSaWdodFBhZGRpbmdXaXRob3V0Q2xvc2VJY29ufSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAuJHtjbGFzc2VzLndyYXBwZXJ9LiR7Y2xhc3Nlcy5ob3Jpem9udGFsfS4ke2NsYXNzZXMub25lTGluZX0ge1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ09uZUxpbmVUZXh0Ym94fSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
+var base = exports.base = /*#__PURE__*/(0, _react.css)(".", _Notification.classes.wrapper, "{padding:var(", _Notification.tokens.padding, ");}.", _Notification.classes.wrapper, ".", _Notification.classes.horizontal, "{padding:var(", _Notification.tokens.horizontalLayoutPadding, ");&.", _Notification.classes.withoutCloseIcon, "{padding-right:var(", _Notification.tokens.horizontalLayoutRightPaddingWithoutCloseIcon, ");}}.", _Notification.classes.wrapper, ".", _Notification.classes.horizontal, ".", _Notification.classes.oneLine, "{padding:var(", _Notification.tokens.paddingOneLineTextbox, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3ZhcmlhdGlvbnMvX2xheW91dC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL05vdGlmaWNhdGlvbi92YXJpYXRpb25zL19sYXlvdXQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vTm90aWZpY2F0aW9uLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIC4ke2NsYXNzZXMud3JhcHBlcn0ge1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuICAgIH1cblxuICAgIC4ke2NsYXNzZXMud3JhcHBlcn0uJHtjbGFzc2VzLmhvcml6b250YWx9IHtcbiAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmhvcml6b250YWxMYXlvdXRQYWRkaW5nfSk7XG5cbiAgICAgICAgJi4ke2NsYXNzZXMud2l0aG91dENsb3NlSWNvbn0ge1xuICAgICAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLmhvcml6b250YWxMYXlvdXRSaWdodFBhZGRpbmdXaXRob3V0Q2xvc2VJY29ufSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAuJHtjbGFzc2VzLndyYXBwZXJ9LiR7Y2xhc3Nlcy5ob3Jpem9udGFsfS4ke2NsYXNzZXMub25lTGluZX0ge1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ09uZUxpbmVUZXh0Ym94fSk7XG4gICAgfVxuYDtcbiJdfQ== */"));

package/emotion/cjs/components/NumberInput/ui/Input/Input.js

@@ -140,14 +140,11 @@ var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _react.forwardRef)(func
       }
       return;
     }
-    console.log('here');
     var isValid = _utils2.numberSchema.test(cleanValue);
     if (!isValid) {
-      console.log('not valid', cleanValue);
       setValues(event, lastValidValue);
       return;
     }
-    console.log('valid!', cleanValue);
     if (textWrapperRef !== null && textWrapperRef !== void 0 && textWrapperRef.current && wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && (textWrapperRef === null || textWrapperRef === void 0 || (_textWrapperRef$curre = textWrapperRef.current) === null || _textWrapperRef$curre === void 0 ? void 0 : _textWrapperRef$curre.clientWidth) > (wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.clientWidth)) {
       wrapperRef.current.scrollLeft = textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;
     }

package/emotion/cjs/examples/fixtures/Notification.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.titles = exports.texts = exports.size = exports.notificationsPlacements = exports.longText = exports.iconPlacement = exports.IconPlacements = void 0;
 var titles = exports.titles = ['Выполнено', 'Внимание', 'Ошибка'];
-var texts = exports.texts = ['SSH ключ успешно скопирован', 'Нельзя скопировать SSH ключ', 'Не удалось скопировать SSH ключ'];
+var texts = exports.texts = ['Задача организации, в особенности же сплочённость команды профессионалов требует определения и уточнения глубокомысленных рассуждений.', 'Задача организации, в особенности же сплочённость команды профессионалов требует определения и уточнения глубокомысленных рассуждений.', 'Задача организации, в особенности же сплочённость команды профессионалов требует определения и уточнения глубокомысленных рассуждений.'];
 var size = exports.size = ['xs', 'xxs'];
 var iconPlacement = exports.iconPlacement = ['top', 'left'];
 var notificationsPlacements = exports.notificationsPlacements = ['center', 'top', 'bottom', 'right', 'left', 'top-right', 'top-left', 'bottom-right', 'bottom-left'];

package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _CodeField = /*#__PURE__*/require("../../../../components/CodeField");
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'l',
+    shape: 'default'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _react.css)(_CodeField.codeFieldTokens.caretColor, ":var(--surface-accent);", _CodeField.codeFieldTokens.captionColor, ":var(--text-secondary);", _CodeField.codeFieldTokens.captionColorError, ":var(--text-negative);", _CodeField.codeFieldTokens.codeColor, ":var(--text-primary);", _CodeField.codeFieldTokens.codeColorError, ":var(--text-negative);", _CodeField.codeFieldTokens.backgroundColor, ":var(--surface-transparent-primary);", _CodeField.codeFieldTokens.backgroundColorHover, ":var(--surface-transparent-primary-hover);", _CodeField.codeFieldTokens.backgroundColorFocus, ":var(--surface-transparent-secondary);", _CodeField.codeFieldTokens.backgroundErrorColor, ":var(--surface-transparent-negative);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZd0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX2IyYy9jb21wb25lbnRzL0NvZGVGaWVsZC9Db2RlRmllbGQuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjb2RlRmllbGRUb2tlbnMgYXMgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Db2RlRmllbGQnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ2wnLFxuICAgICAgICBzaGFwZTogJ2RlZmF1bHQnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FyZXRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uQ29sb3JFcnJvcn06IHZhcigtLXRleHQtbmVnYXRpdmUpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlQ29sb3JFcnJvcn06IHZhcigtLXRleHQtbmVnYXRpdmUpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtcHJpbWFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yRm9jdXN9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZEVycm9yQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LW5lZ2F0aXZlKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uR2FwfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1zR2FwfTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZXBhcmF0b3JXaWR0aH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbVdpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbUhlaWdodH06IDMuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuODc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c1NlZ21lbnRlZH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnNlZ21lbnRlZFNpZGVCb3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkdhcH06IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1zR2FwfTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZXBhcmF0b3JXaWR0aH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbVdpZHRofTogMi4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1IZWlnaHR9OiAzcmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5saW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXNTZWdtZW50ZWR9OiAwLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnNlZ21lbnRlZFNpZGVCb3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2hhcGU6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BgLFxuICAgICAgICAgICAgc2VnbWVudGVkOiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    },
+    size: {
+      l: /*#__PURE__*/(0, _react.css)(_CodeField.codeFieldTokens.captionGap, ":0.875rem;", _CodeField.codeFieldTokens.codeItemsGap, ":0.125rem;", _CodeField.codeFieldTokens.separatorWidth, ":0.25rem;", _CodeField.codeFieldTokens.codeItemWidth, ":2.75rem;", _CodeField.codeFieldTokens.codeItemHeight, ":3.5rem;", _CodeField.codeFieldTokens.fontFamily, ":var(--plasma-typo-body-l-font-family);", _CodeField.codeFieldTokens.fontSize, ":var(--plasma-typo-body-l-font-size);", _CodeField.codeFieldTokens.fontStyle, ":var(--plasma-typo-body-l-font-style);", _CodeField.codeFieldTokens.fontWeight, ":var(--plasma-typo-body-l-bold-font-weight);", _CodeField.codeFieldTokens.letterSpacing, ":var(--plasma-typo-body-l-letter-spacing);", _CodeField.codeFieldTokens.lineHeight, ":var(--plasma-typo-body-l-line-height);", _CodeField.codeFieldTokens.captionFontFamily, ":var(--plasma-typo-body-s-font-family);", _CodeField.codeFieldTokens.captionFontSize, ":var(--plasma-typo-body-s-font-size);", _CodeField.codeFieldTokens.captionFontStyle, ":var(--plasma-typo-body-s-font-style);", _CodeField.codeFieldTokens.captionFontWeight, ":var(--plasma-typo-body-s-font-weight);", _CodeField.codeFieldTokens.captionLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", _CodeField.codeFieldTokens.captionLineHeight, ":var(--plasma-typo-body-s-line-height);", _CodeField.codeFieldTokens.borderRadius, ":0.875rem;", _CodeField.codeFieldTokens.borderRadiusSegmented, ":0.375rem;", _CodeField.codeFieldTokens.segmentedSideBorderRadius, ":0.875rem;;label:plasma-new-hope__l;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QmtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29kZUZpZWxkVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQ29kZUZpZWxkJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdsJyxcbiAgICAgICAgc2hhcGU6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmV0Q29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uQ29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXByaW1hcnktaG92ZXIpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvckZvY3VzfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRFcnJvckNvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1uZWdhdGl2ZSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkdhcH06IDAuODc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtc0dhcH06IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1XaWR0aH06IDIuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1IZWlnaHR9OiAzLjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXNTZWdtZW50ZWR9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25HYXB9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtc0dhcH06IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1XaWR0aH06IDIuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtSGVpZ2h0fTogM3JlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNoYXBlOiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgICAgIHNlZ21lbnRlZDogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      m: /*#__PURE__*/(0, _react.css)(_CodeField.codeFieldTokens.captionGap, ":0.75rem;", _CodeField.codeFieldTokens.codeItemsGap, ":0.125rem;", _CodeField.codeFieldTokens.separatorWidth, ":0.25rem;", _CodeField.codeFieldTokens.codeItemWidth, ":2.375rem;", _CodeField.codeFieldTokens.codeItemHeight, ":3rem;", _CodeField.codeFieldTokens.fontFamily, ":var(--plasma-typo-body-m-font-family);", _CodeField.codeFieldTokens.fontSize, ":var(--plasma-typo-body-m-font-size);", _CodeField.codeFieldTokens.fontStyle, ":var(--plasma-typo-body-m-font-style);", _CodeField.codeFieldTokens.fontWeight, ":var(--plasma-typo-body-m-bold-font-weight);", _CodeField.codeFieldTokens.letterSpacing, ":var(--plasma-typo-body-m-letter-spacing);", _CodeField.codeFieldTokens.lineHeight, ":var(--plasma-typo-body-m-line-height);", _CodeField.codeFieldTokens.captionFontFamily, ":var(--plasma-typo-body-xs-font-family);", _CodeField.codeFieldTokens.captionFontSize, ":var(--plasma-typo-body-xs-font-size);", _CodeField.codeFieldTokens.captionFontStyle, ":var(--plasma-typo-body-xs-font-style);", _CodeField.codeFieldTokens.captionFontWeight, ":var(--plasma-typo-body-xs-font-weight);", _CodeField.codeFieldTokens.captionLetterSpacing, ":var(--plasma-typo-body-xs-letter-spacing);", _CodeField.codeFieldTokens.captionLineHeight, ":var(--plasma-typo-body-xs-line-height);", _CodeField.codeFieldTokens.borderRadius, ":0.75rem;", _CodeField.codeFieldTokens.borderRadiusSegmented, ":0.25rem;", _CodeField.codeFieldTokens.segmentedSideBorderRadius, ":0.75rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RGtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29kZUZpZWxkVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQ29kZUZpZWxkJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdsJyxcbiAgICAgICAgc2hhcGU6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmV0Q29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uQ29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXByaW1hcnktaG92ZXIpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvckZvY3VzfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRFcnJvckNvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1uZWdhdGl2ZSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkdhcH06IDAuODc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtc0dhcH06IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1XaWR0aH06IDIuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1IZWlnaHR9OiAzLjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXNTZWdtZW50ZWR9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25HYXB9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtc0dhcH06IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1XaWR0aH06IDIuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtSGVpZ2h0fTogM3JlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNoYXBlOiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgICAgIHNlZ21lbnRlZDogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    },
+    shape: {
+      "default": /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRndCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29kZUZpZWxkVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQ29kZUZpZWxkJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdsJyxcbiAgICAgICAgc2hhcGU6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmV0Q29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uQ29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXByaW1hcnktaG92ZXIpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvckZvY3VzfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRFcnJvckNvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1uZWdhdGl2ZSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkdhcH06IDAuODc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtc0dhcH06IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1XaWR0aH06IDIuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1IZWlnaHR9OiAzLjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXNTZWdtZW50ZWR9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25HYXB9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtc0dhcH06IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1XaWR0aH06IDIuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtSGVpZ2h0fTogM3JlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNoYXBlOiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgICAgIHNlZ21lbnRlZDogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      segmented: /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__segmented;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRjBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29kZUZpZWxkVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQ29kZUZpZWxkJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdsJyxcbiAgICAgICAgc2hhcGU6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmV0Q29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uQ29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXByaW1hcnktaG92ZXIpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvckZvY3VzfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRFcnJvckNvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1uZWdhdGl2ZSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkdhcH06IDAuODc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtc0dhcH06IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1XaWR0aH06IDIuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1IZWlnaHR9OiAzLjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXNTZWdtZW50ZWR9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25HYXB9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtc0dhcH06IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1XaWR0aH06IDIuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtSGVpZ2h0fTogM3JlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNoYXBlOiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgICAgIHNlZ21lbnRlZDogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    },
+    disabled: {
+      "true": /*#__PURE__*/(0, _react.css)(_CodeField.codeFieldTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RnFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29kZUZpZWxkVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQ29kZUZpZWxkJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdsJyxcbiAgICAgICAgc2hhcGU6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmV0Q29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uQ29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXByaW1hcnktaG92ZXIpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvckZvY3VzfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRFcnJvckNvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1uZWdhdGl2ZSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkdhcH06IDAuODc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtc0dhcH06IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1XaWR0aH06IDIuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1IZWlnaHR9OiAzLjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXNTZWdtZW50ZWR9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25HYXB9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtc0dhcH06IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1XaWR0aH06IDIuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtSGVpZ2h0fTogM3JlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNoYXBlOiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgICAgIHNlZ21lbnRlZDogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    }
+  }
+};

package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.js

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

package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx

@@ -0,0 +1,107 @@
+import React, { ComponentProps, useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { getConfigVariations } from '@salutejs/plasma-sb-utils';
+
+import { WithTheme } from '../../../_helpers';
+
+import { CodeField } from './CodeField';
+import { config } from './CodeField.config';
+
+const onChange = action('onChange');
+const onFullCodeEnter = action('onFullCodeEnter');
+
+const { views, sizes } = getConfigVariations(config);
+const codeLengths = [4, 5, 6];
+const shapes = ['default', 'segmented'];
+const captionAlignVariants = ['left', 'center'];
+const itemErrorBehaviorVariants = ['remove-symbol', 'keep', 'forbid-enter'];
+const codeErrorBehaviorVariants = ['remove-code', 'keep'];
+
+const meta: Meta<typeof CodeField> = {
+    title: 'b2c/Data Entry/CodeField',
+    component: CodeField,
+    decorators: [WithTheme],
+    argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        shape: {
+            options: shapes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        captionAlign: {
+            options: captionAlignVariants,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        codeLength: {
+            options: codeLengths,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        itemErrorBehavior: {
+            options: itemErrorBehaviorVariants,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        codeErrorBehavior: {
+            options: codeErrorBehaviorVariants,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+    },
+    parameters: {
+        controls: {
+            exclude: ['view'],
+        },
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = ComponentProps<typeof CodeField>;
+
+const StoryDefault = (args: StoryPropsDefault) => {
+    const [value, setValue] = useState('');
+
+    const handleChange = (newValue: string) => {
+        setValue(newValue);
+        onChange(newValue);
+    };
+
+    return <CodeField {...args} value={value} onChange={handleChange} onFullCodeEnter={onFullCodeEnter} />;
+};
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    args: {
+        view: 'default',
+        size: 'm',
+        shape: 'default',
+        codeLength: 6,
+        caption: 'Caption',
+        captionAlign: 'center',
+        width: '',
+        isError: false,
+        itemErrorBehavior: 'remove-symbol',
+        codeErrorBehavior: 'keep',
+        autoFocus: true,
+        disabled: false,
+    },
+    render: StoryDefault,
+};

package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx

@@ -167,12 +167,14 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
     placement?: NotificationPlacement;
 };
 
-const StoryLiveDemo = ({ timeout, placement, ...rest }: StoryLiveDemoProps) => {
+const StoryLiveDemo = ({ timeout, placement, width, maxWidth, ...rest }: StoryLiveDemoProps) => {
     const count = useRef(0);
     const handleClick = useCallback(() => {
         addNotification(
             {
                 icon: <IconDisclosureRight color="inherit" />,
+                width,
+                maxWidth,
                 ...rest,
                 ...getNotificationProps(count.current),
             },
@@ -210,6 +212,8 @@ export const LiveDemo: StoryObj<StoryLiveDemoProps> = {
         role: 'alert',
         layout: 'vertical',
         placement: 'bottom-right',
+        width: '',
+        maxWidth: '',
     },
     render: (args) => <StoryLiveDemo {...args} />,
 };

package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.config.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _CodeField = /*#__PURE__*/require("../../../../components/CodeField");
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'l',
+    shape: 'default'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _react.css)(_CodeField.codeFieldTokens.caretColor, ":var(--surface-accent);", _CodeField.codeFieldTokens.captionColor, ":var(--text-secondary);", _CodeField.codeFieldTokens.captionColorError, ":var(--text-negative);", _CodeField.codeFieldTokens.codeColor, ":var(--text-primary);", _CodeField.codeFieldTokens.codeColorError, ":var(--text-negative);", _CodeField.codeFieldTokens.borderColor, ":var(--surface-transparent-tertiary);", _CodeField.codeFieldTokens.borderColorHover, ":var(--text-secondary);", _CodeField.codeFieldTokens.borderColorFocus, ":var(--surface-accent);", _CodeField.codeFieldTokens.borderErrorColor, ":var(--surface-negative);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZd0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX3dlYi9jb21wb25lbnRzL0NvZGVGaWVsZC9Db2RlRmllbGQuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjb2RlRmllbGRUb2tlbnMgYXMgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Db2RlRmllbGQnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ2wnLFxuICAgICAgICBzaGFwZTogJ2RlZmF1bHQnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FyZXRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uQ29sb3JFcnJvcn06IHZhcigtLXRleHQtbmVnYXRpdmUpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlQ29sb3JFcnJvcn06IHZhcigtLXRleHQtbmVnYXRpdmUpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJDb2xvckhvdmVyfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlckNvbG9yRm9jdXN9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyRXJyb3JDb2xvcn06IHZhcigtLXN1cmZhY2UtbmVnYXRpdmUpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25HYXB9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbXNHYXB9OiAwLjEyNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnNlcGFyYXRvcldpZHRofTogMC4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtV2lkdGh9OiAyLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtSGVpZ2h0fTogMy41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5saW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyV2lkdGh9OiAwLjA2M3JlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXNTZWdtZW50ZWR9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25HYXB9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtc0dhcH06IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9OiAwLjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1XaWR0aH06IDIuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtSGVpZ2h0fTogM3JlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlcldpZHRofTogMC4wNjNyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXNTZWdtZW50ZWR9OiAwLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnNlZ21lbnRlZFNpZGVCb3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2hhcGU6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BgLFxuICAgICAgICAgICAgc2VnbWVudGVkOiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    },
+    size: {
+      l: /*#__PURE__*/(0, _react.css)(_CodeField.codeFieldTokens.captionGap, ":0.875rem;", _CodeField.codeFieldTokens.codeItemsGap, ":0.125rem;", _CodeField.codeFieldTokens.separatorWidth, ":0.25rem;", _CodeField.codeFieldTokens.codeItemWidth, ":2.75rem;", _CodeField.codeFieldTokens.codeItemHeight, ":3.5rem;", _CodeField.codeFieldTokens.fontFamily, ":var(--plasma-typo-body-l-font-family);", _CodeField.codeFieldTokens.fontSize, ":var(--plasma-typo-body-l-font-size);", _CodeField.codeFieldTokens.fontStyle, ":var(--plasma-typo-body-l-font-style);", _CodeField.codeFieldTokens.fontWeight, ":var(--plasma-typo-body-l-bold-font-weight);", _CodeField.codeFieldTokens.letterSpacing, ":var(--plasma-typo-body-l-letter-spacing);", _CodeField.codeFieldTokens.lineHeight, ":var(--plasma-typo-body-l-line-height);", _CodeField.codeFieldTokens.captionFontFamily, ":var(--plasma-typo-body-s-font-family);", _CodeField.codeFieldTokens.captionFontSize, ":var(--plasma-typo-body-s-font-size);", _CodeField.codeFieldTokens.captionFontStyle, ":var(--plasma-typo-body-s-font-style);", _CodeField.codeFieldTokens.captionFontWeight, ":var(--plasma-typo-body-s-font-weight);", _CodeField.codeFieldTokens.captionLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", _CodeField.codeFieldTokens.captionLineHeight, ":var(--plasma-typo-body-s-line-height);", _CodeField.codeFieldTokens.borderWidth, ":0.063rem;", _CodeField.codeFieldTokens.borderRadius, ":0.875rem;", _CodeField.codeFieldTokens.borderRadiusSegmented, ":0.375rem;", _CodeField.codeFieldTokens.segmentedSideBorderRadius, ":0.875rem;;label:plasma-new-hope__l;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QmtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29kZUZpZWxkVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQ29kZUZpZWxkJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdsJyxcbiAgICAgICAgc2hhcGU6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmV0Q29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uQ29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlckNvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJDb2xvckZvY3VzfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlckVycm9yQ29sb3J9OiB2YXIoLS1zdXJmYWNlLW5lZ2F0aXZlKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uR2FwfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1zR2FwfTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZXBhcmF0b3JXaWR0aH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbVdpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbUhlaWdodH06IDMuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlcldpZHRofTogMC4wNjNyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VnbWVudGVkU2lkZUJvcmRlclJhZGl1c306IDAuODc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uR2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbXNHYXB9OiAwLjEyNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnNlcGFyYXRvcldpZHRofTogMC4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtV2lkdGh9OiAyLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbUhlaWdodH06IDNyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJXaWR0aH06IDAuMDYzcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNoYXBlOiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgICAgIHNlZ21lbnRlZDogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      m: /*#__PURE__*/(0, _react.css)(_CodeField.codeFieldTokens.captionGap, ":0.75rem;", _CodeField.codeFieldTokens.codeItemsGap, ":0.125rem;", _CodeField.codeFieldTokens.separatorWidth, ":0.25rem;", _CodeField.codeFieldTokens.codeItemWidth, ":2.375rem;", _CodeField.codeFieldTokens.codeItemHeight, ":3rem;", _CodeField.codeFieldTokens.fontFamily, ":var(--plasma-typo-body-m-font-family);", _CodeField.codeFieldTokens.fontSize, ":var(--plasma-typo-body-m-font-size);", _CodeField.codeFieldTokens.fontStyle, ":var(--plasma-typo-body-m-font-style);", _CodeField.codeFieldTokens.fontWeight, ":var(--plasma-typo-body-m-bold-font-weight);", _CodeField.codeFieldTokens.letterSpacing, ":var(--plasma-typo-body-m-letter-spacing);", _CodeField.codeFieldTokens.lineHeight, ":var(--plasma-typo-body-m-line-height);", _CodeField.codeFieldTokens.captionFontFamily, ":var(--plasma-typo-body-xs-font-family);", _CodeField.codeFieldTokens.captionFontSize, ":var(--plasma-typo-body-xs-font-size);", _CodeField.codeFieldTokens.captionFontStyle, ":var(--plasma-typo-body-xs-font-style);", _CodeField.codeFieldTokens.captionFontWeight, ":var(--plasma-typo-body-xs-font-weight);", _CodeField.codeFieldTokens.captionLetterSpacing, ":var(--plasma-typo-body-xs-letter-spacing);", _CodeField.codeFieldTokens.captionLineHeight, ":var(--plasma-typo-body-xs-line-height);", _CodeField.codeFieldTokens.borderWidth, ":0.063rem;", _CodeField.codeFieldTokens.borderRadius, ":0.75rem;", _CodeField.codeFieldTokens.borderRadiusSegmented, ":0.25rem;", _CodeField.codeFieldTokens.segmentedSideBorderRadius, ":0.75rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RGtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29kZUZpZWxkVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQ29kZUZpZWxkJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdsJyxcbiAgICAgICAgc2hhcGU6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmV0Q29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uQ29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlckNvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJDb2xvckZvY3VzfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlckVycm9yQ29sb3J9OiB2YXIoLS1zdXJmYWNlLW5lZ2F0aXZlKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uR2FwfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1zR2FwfTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZXBhcmF0b3JXaWR0aH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbVdpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbUhlaWdodH06IDMuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlcldpZHRofTogMC4wNjNyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VnbWVudGVkU2lkZUJvcmRlclJhZGl1c306IDAuODc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uR2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbXNHYXB9OiAwLjEyNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnNlcGFyYXRvcldpZHRofTogMC4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtV2lkdGh9OiAyLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbUhlaWdodH06IDNyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJXaWR0aH06IDAuMDYzcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNoYXBlOiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgICAgIHNlZ21lbnRlZDogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    },
+    shape: {
+      "default": /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRndCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29kZUZpZWxkVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQ29kZUZpZWxkJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdsJyxcbiAgICAgICAgc2hhcGU6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmV0Q29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uQ29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlckNvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJDb2xvckZvY3VzfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlckVycm9yQ29sb3J9OiB2YXIoLS1zdXJmYWNlLW5lZ2F0aXZlKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uR2FwfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1zR2FwfTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZXBhcmF0b3JXaWR0aH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbVdpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbUhlaWdodH06IDMuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlcldpZHRofTogMC4wNjNyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VnbWVudGVkU2lkZUJvcmRlclJhZGl1c306IDAuODc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uR2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbXNHYXB9OiAwLjEyNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnNlcGFyYXRvcldpZHRofTogMC4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtV2lkdGh9OiAyLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbUhlaWdodH06IDNyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJXaWR0aH06IDAuMDYzcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNoYXBlOiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgICAgIHNlZ21lbnRlZDogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      segmented: /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__segmented;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RjBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29kZUZpZWxkVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQ29kZUZpZWxkJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdsJyxcbiAgICAgICAgc2hhcGU6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmV0Q29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uQ29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlckNvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJDb2xvckZvY3VzfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlckVycm9yQ29sb3J9OiB2YXIoLS1zdXJmYWNlLW5lZ2F0aXZlKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uR2FwfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1zR2FwfTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZXBhcmF0b3JXaWR0aH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbVdpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbUhlaWdodH06IDMuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlcldpZHRofTogMC4wNjNyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VnbWVudGVkU2lkZUJvcmRlclJhZGl1c306IDAuODc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uR2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbXNHYXB9OiAwLjEyNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnNlcGFyYXRvcldpZHRofTogMC4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtV2lkdGh9OiAyLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbUhlaWdodH06IDNyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJXaWR0aH06IDAuMDYzcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNoYXBlOiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgICAgIHNlZ21lbnRlZDogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    },
+    disabled: {
+      "true": /*#__PURE__*/(0, _react.css)(_CodeField.codeFieldTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRnFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29kZUZpZWxkVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQ29kZUZpZWxkJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdsJyxcbiAgICAgICAgc2hhcGU6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmV0Q29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uQ29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUNvbG9yRXJyb3J9OiB2YXIoLS10ZXh0LW5lZ2F0aXZlKTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlckNvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJDb2xvckZvY3VzfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlckVycm9yQ29sb3J9OiB2YXIoLS1zdXJmYWNlLW5lZ2F0aXZlKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uR2FwfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY29kZUl0ZW1zR2FwfTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZXBhcmF0b3JXaWR0aH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbVdpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbUhlaWdodH06IDMuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlcldpZHRofTogMC4wNjNyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuc2VnbWVudGVkU2lkZUJvcmRlclJhZGl1c306IDAuODc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uR2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbXNHYXB9OiAwLjEyNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnNlcGFyYXRvcldpZHRofTogMC4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNvZGVJdGVtV2lkdGh9OiAyLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jb2RlSXRlbUhlaWdodH06IDNyZW07XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuY2FwdGlvbkZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJXaWR0aH06IDAuMDYzcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm9yZGVyUmFkaXVzU2VnbWVudGVkfTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5zZWdtZW50ZWRTaWRlQm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNoYXBlOiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgICAgIHNlZ21lbnRlZDogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    }
+  }
+};

package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.js

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

package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx

@@ -0,0 +1,107 @@
+import React, { ComponentProps, useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { getConfigVariations } from '@salutejs/plasma-sb-utils';
+
+import { WithTheme } from '../../../_helpers';
+
+import { CodeField } from './CodeField';
+import { config } from './CodeField.config';
+
+const onChange = action('onChange');
+const onFullCodeEnter = action('onFullCodeEnter');
+
+const { views, sizes } = getConfigVariations(config);
+const codeLengths = [4, 5, 6];
+const shapes = ['default', 'segmented'];
+const captionAlignVariants = ['left', 'center'];
+const itemErrorBehaviorVariants = ['remove-symbol', 'keep', 'forbid-enter'];
+const codeErrorBehaviorVariants = ['remove-code', 'keep'];
+
+const meta: Meta<typeof CodeField> = {
+    title: 'web/Data Entry/CodeField',
+    component: CodeField,
+    decorators: [WithTheme],
+    argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        shape: {
+            options: shapes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        captionAlign: {
+            options: captionAlignVariants,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        codeLength: {
+            options: codeLengths,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        itemErrorBehavior: {
+            options: itemErrorBehaviorVariants,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        codeErrorBehavior: {
+            options: codeErrorBehaviorVariants,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+    },
+    parameters: {
+        controls: {
+            exclude: ['view'],
+        },
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = ComponentProps<typeof CodeField>;
+
+const StoryDefault = (args: StoryPropsDefault) => {
+    const [value, setValue] = useState('');
+
+    const handleChange = (newValue: string) => {
+        setValue(newValue);
+        onChange(newValue);
+    };
+
+    return <CodeField {...args} value={value} onChange={handleChange} onFullCodeEnter={onFullCodeEnter} />;
+};
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    args: {
+        view: 'default',
+        size: 'm',
+        shape: 'default',
+        codeLength: 6,
+        caption: 'Caption',
+        captionAlign: 'center',
+        width: '',
+        isError: false,
+        itemErrorBehavior: 'remove-symbol',
+        codeErrorBehavior: 'keep',
+        autoFocus: true,
+        disabled: false,
+    },
+    render: StoryDefault,
+};

package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx

@@ -170,12 +170,14 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
     placement?: NotificationPlacement;
 };
 
-const StoryLiveDemo = ({ timeout, placement, ...rest }: StoryLiveDemoProps) => {
+const StoryLiveDemo = ({ timeout, placement, width, maxWidth, ...rest }: StoryLiveDemoProps) => {
     const count = useRef(0);
     const handleClick = useCallback(() => {
         addNotification(
             {
                 icon: <IconDisclosureRight color="inherit" />,
+                width,
+                maxWidth,
                 ...rest,
                 ...getNotificationProps(count.current),
             },
@@ -213,6 +215,8 @@ export const LiveDemo: StoryObj<StoryLiveDemoProps> = {
         role: 'alert',
         layout: 'vertical',
         placement: 'bottom-right',
+        width: '',
+        maxWidth: '',
     },
     render: (args) => <StoryLiveDemo {...args} />,
 };