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

package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx

@@ -1,13 +1,14 @@
 import React, { ComponentProps, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
+import { IconPlaceholder, getConfigVariations } from '@salutejs/plasma-sb-utils';
 
 import { WithTheme } from '../../../_helpers';
 import { IconCross, IconLock } from '../../../../components/_Icon';
 import type { PopoverPlacement } from '../Popover/Popover';
 
 import { TextField } from './TextField';
+import { config } from './TextField.config';
 
 const onChange = action('onChange');
 const onFocus = action('onFocus');
@@ -15,8 +16,8 @@ const onBlur = action('onBlur');
 const onSearch = action('onSearch');
 const onChipsChange = action('onChipsChange');
 
-const sizes = ['l', 'm', 's', 'xs'];
-const views = ['default', 'positive', 'warning', 'negative'];
+const { views, sizes } = getConfigVariations(config);
+
 const chipViews = ['default', 'secondary', 'accent', 'positive', 'warning', 'negative'];
 const hintViews = ['default'];
 const hintSizes = ['m', 's'];
@@ -63,6 +64,10 @@ const meta: Meta<typeof TextField> = {
             control: {
                 type: 'select',
             },
+            if: {
+                arg: 'optional',
+                truthy: false,
+            },
         },
         required: {
             control: {
@@ -328,7 +333,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
     },
     parameters: {
         controls: {
-            exclude: ['chipType'],
+            exclude: ['chipType', 'chipView'],
         },
     },
     render: (args) => <StoryDemo {...args} />,

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

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

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

@@ -0,0 +1,5 @@
+import { codeFieldConfig } from "../../../../components/CodeField";
+import { component, mergeConfig } from "../../../../engines";
+import { config } from "./CodeField.config";
+var mergedConfig = /*#__PURE__*/mergeConfig(codeFieldConfig, config);
+export var CodeField = /*#__PURE__*/component(mergedConfig);

package/emotion/es/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,
+};