@salutejs/plasma-new-hope 0.131.1-canary.1396.10560424945.0 → 0.132.0-canary.1352.10568540479.0

package/emotion/es/examples/sds_engineer/components/Panel/Panel.stories.tsx

@@ -0,0 +1,148 @@
+import React, { useState } from 'react';
+import styled from '@emotion/styled';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { Button } from '../Button/Button';
+import { WithTheme } from '../../../_helpers';
+import { Heading } from '../../../typograpy/components/Heading/Heading';
+import { IconDone } from '../../../../components/_Icon';
+import { ClosePlacementType } from '../../../../components/Panel';
+import { SSRProvider } from '../../../../components/SSRProvider';
+
+import { Panel, PanelContent, PanelFooter, PanelHeader } from './Panel';
+
+export default {
+    title: 'sds_engineer/Panel',
+    decorators: [WithTheme],
+    argTypes: {
+        borderRadius: {
+            options: ['none', 'default'],
+            control: {
+                type: 'select',
+            },
+        },
+        showHeader: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: true } },
+        },
+        showFooter: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: true } },
+        },
+        showActions: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: true } },
+        },
+        closePlacement: {
+            options: ['right', 'left'],
+            control: {
+                type: 'select',
+            },
+            table: { defaultValue: { summary: 'right' } },
+        },
+    },
+} as Meta;
+
+type StoryPanelProps = ComponentProps<typeof Panel> & {
+    showHeader: boolean;
+    showFooter: boolean;
+    showActions: boolean;
+    closePlacement: string;
+    hasCloseArrow: boolean;
+};
+
+const StyledWrapper = styled.div`
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+`;
+
+const StyledContentWrapper = styled.div`
+    height: 80%;
+    display: flex;
+    flex-grow: 1;
+`;
+
+const StyledContent = styled.div`
+    background: #f5f5dc;
+    flex-grow: 1;
+    height: 100%;
+`;
+
+const StyledSection = styled.div`
+    background: #808080;
+    min-height: 20%;
+`;
+
+const StyledIconButton = styled(Button)`
+    position: relative;
+    width: 1.5rem;
+    height: 1.5rem;
+`;
+
+const StoryPanelDemo = ({ showHeader, showFooter, showActions, closePlacement, ...rest }: StoryPanelProps) => {
+    const [isOpen, setIsOpen] = useState(false);
+
+    return (
+        <SSRProvider>
+            <StyledWrapper>
+                <StyledSection>
+                    <Button text="Открыть панель" onClick={() => setIsOpen(true)} />
+                </StyledSection>
+                <StyledContentWrapper>
+                    {isOpen && (
+                        <Panel {...rest}>
+                            <PanelHeader
+                                closePlacement={closePlacement as ClosePlacementType}
+                                actions={
+                                    showActions && (
+                                        <StyledIconButton size="s" view="clear">
+                                            <IconDone size="s" />
+                                        </StyledIconButton>
+                                    )
+                                }
+                                onClose={() => setIsOpen(false)}
+                            >
+                                {showHeader && <Heading size="h3">Header</Heading>}
+                            </PanelHeader>
+                            <PanelContent>Content</PanelContent>
+                            {showFooter && (
+                                <PanelFooter>
+                                    <Heading size="h3">Footer</Heading>
+                                </PanelFooter>
+                            )}
+                        </Panel>
+                    )}
+                    <StyledContent>
+                        <Heading style={{ margin: '2rem' }} size="h2">
+                            Some basic content
+                        </Heading>
+                    </StyledContent>
+                </StyledContentWrapper>
+                <StyledSection />
+            </StyledWrapper>
+        </SSRProvider>
+    );
+};
+
+export const PanelDemo: StoryObj<StoryPanelProps> = {
+    args: {
+        showHeader: true,
+        showFooter: true,
+        showActions: true,
+        hasCloseArrow: true,
+        borderRadius: 'none',
+        closePlacement: 'right',
+        width: '30%',
+        height: '100%',
+    },
+    render: (args) => <StoryPanelDemo {...args} />,
+};

package/emotion/es/examples/sds_engineer/components/Popover/Popover.config.js

@@ -0,0 +1,12 @@
+import { css } from '@emotion/react';
+import { popoverTokens } from '../../../../components/Popover';
+export var config = {
+  defaults: {
+    view: 'default'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(popoverTokens.arrowMaskWidth, ":1rem;", popoverTokens.arrowMaskHeight, ":1rem;", popoverTokens.arrowMaskImage, ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", popoverTokens.arrowHeight, ":0.375rem;", popoverTokens.arrowEdgeMargin, ":0.5625rem;", popoverTokens.arrowBackground, ":var(--plasma-colors-surface-solid03);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BvcG92ZXIvUG9wb3Zlci5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1BvcG92ZXIvUG9wb3Zlci5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHBvcG92ZXJUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1BvcG92ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd01hc2tXaWR0aH06IDFyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmFycm93TWFza0hlaWdodH06IDFyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmFycm93TWFza0ltYWdlfTogdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCM2FXUjBhRDBpTVRZaUlHaGxhV2RvZEQwaU1UWWlJSGh0Ykc1elBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHlNREF3TDNOMlp5SWdlRzFzYm5NNmMzWm5QU0pvZEhSd09pOHZkM2QzTG5jekxtOXlaeTh5TURBd0wzTjJaeUkrQ2lBZ1BIQmhkR2dnWTJ4cGNDMXlkV3hsUFNKbGRtVnViMlJrSWlCa1BTSnRNQ3c1TGpnMWJERTJMREJqTFRRdU5ERXNNQ0F0T0N3eUxqWTVJQzA0TERaak1Dd3RNeTR6TVNBdE15NDFPU3d0TmlBdE9Dd3RObm9pSUdacGJHdzlJaU14TnpFM01UY2lJR1pwYkd3dGNuVnNaVDBpWlhabGJtOWtaQ0lnYVdROUlsUmhhV3dpTHo0S1BDOXpkbWMrXCIpO1xuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd0hlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd0VkZ2VNYXJnaW59OiAwLjU2MjVyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmFycm93QmFja2dyb3VuZH06IHZhcigtLXBsYXNtYS1jb2xvcnMtc3VyZmFjZS1zb2xpZDAzKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    }
+  }
+};

package/emotion/es/examples/sds_engineer/components/Popover/Popover.js

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

package/emotion/es/examples/sds_engineer/components/Popover/Popover.stories.tsx

@@ -0,0 +1,117 @@
+import React, { useState } from 'react';
+import styled from '@emotion/styled';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { Button } from '../Button/Button';
+import { WithTheme } from '../../../_helpers';
+
+import { Popover } from './Popover';
+
+const meta: Meta<typeof Popover> = {
+    title: 'sds_engineer/Popover',
+    decorators: [WithTheme],
+    component: Popover,
+    argTypes: {
+        placement: {
+            options: ['top', 'bottom', 'right', 'left', 'auto'],
+            control: {
+                type: 'select',
+            },
+            table: { defaultValue: { summary: 'bottom' } },
+        },
+        trigger: {
+            options: ['click', 'hover'],
+            control: {
+                type: 'select',
+            },
+            table: { defaultValue: { summary: 'click' } },
+        },
+        closeOnOverlayClick: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: true } },
+        },
+        closeOnEsc: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: true } },
+        },
+        isFocusTrapped: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: true } },
+        },
+        skidding: {
+            control: {
+                type: 'number',
+            },
+            table: { defaultValue: { summary: 0 } },
+        },
+        distance: {
+            control: {
+                type: 'number',
+            },
+            table: { defaultValue: { summary: 8 } },
+        },
+    },
+    args: {
+        placement: 'bottom',
+        trigger: 'click',
+        closeOnOverlayClick: true,
+        closeOnEsc: true,
+        isFocusTrapped: true,
+        skidding: 0,
+        distance: 8,
+    },
+};
+
+export default meta;
+
+type StoryPopoverProps = ComponentProps<typeof Popover> & {
+    skidding?: number;
+    distance?: number;
+};
+
+const StyledContent = styled.div`
+    background: var(--plasma-colors-surface-solid03);
+    padding: 1rem;
+    border-radius: 0.5rem;
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+`;
+
+const StoryDefault = (args: StoryPopoverProps) => {
+    const { skidding = 0, distance = 8 } = args;
+
+    const [isOpen, setIsOpen] = useState(false);
+
+    return (
+        <Popover
+            opened={isOpen}
+            onToggle={(is) => setIsOpen(is)}
+            frame="theme-root"
+            usePortal={false}
+            role="presentation"
+            id="popover"
+            target={<Button>Target</Button>}
+            hasArrow
+            offset={[skidding, distance]}
+            {...args}
+        >
+            <StyledContent>
+                <>Content</>
+                <Button onClick={() => setIsOpen(false)}>Close</Button>
+            </StyledContent>
+        </Popover>
+    );
+};
+
+export const Default: StoryObj<StoryPopoverProps> = {
+    render: (args) => <StoryDefault {...args} />,
+};

package/emotion/es/examples/sds_engineer/components/Popup/Popup.js

@@ -0,0 +1,5 @@
+import { popupConfig } from '../../../../components/Popup';
+import { component, mergeConfig } from '../../../../engines';
+export { PopupProvider, popupClasses, usePopupContext } from '../../../../components/Popup';
+var mergedConfig = /*#__PURE__*/mergeConfig(popupConfig);
+export var Popup = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/sds_engineer/components/Popup/Popup.stories.tsx

@@ -0,0 +1,179 @@
+import React, { useState, useRef } from 'react';
+import type { ComponentProps } from 'react';
+import styled from '@emotion/styled';
+import type { StoryObj, Meta } from '@storybook/react';
+import { SSRProvider } from '@salutejs/plasma-core';
+
+import { Button } from '../Button/Button';
+import { WithTheme } from '../../../_helpers';
+
+import { Popup, popupClasses, PopupProvider } from './Popup';
+
+const meta: Meta<typeof Popup> = {
+    title: 'sds_engineer/Popup',
+    decorators: [WithTheme],
+    argTypes: {
+        placement: {
+            options: [
+                'center',
+                'top',
+                'bottom',
+                'right',
+                'left',
+                'top-right',
+                'top-left',
+                'bottom-right',
+                'bottom-left',
+            ],
+            control: {
+                type: 'select',
+            },
+            table: { defaultValue: { summary: 'center' } },
+        },
+        offsetX: {
+            control: {
+                type: 'number',
+            },
+            table: { defaultValue: { summary: 0 } },
+        },
+        offsetY: {
+            control: {
+                type: 'number',
+            },
+            table: { defaultValue: { summary: 0 } },
+        },
+    },
+};
+
+export default meta;
+
+type StoryPopupProps = ComponentProps<typeof Popup> & { placement: string; offsetX: number; offsetY: number };
+
+const StyledButton = styled(Button)`
+    margin-top: 1rem;
+    width: 15rem;
+`;
+
+const StyledWrapper = styled.div`
+    height: 1200px;
+`;
+
+const OtherContent = styled.div`
+    width: 50%;
+    height: 50%;
+    background: var(--plasma-colors-surface-solid03);
+    position: absolute;
+
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    padding: 1rem;
+
+    top: 10rem;
+    right: 0;
+`;
+
+const Content = styled.div`
+    background: var(--plasma-colors-surface-solid02);
+    padding: 1rem;
+`;
+
+const StyledPopupAnimation = styled(Popup)`
+    && > .${popupClasses.root} {
+        animation: fadeIn 1s forwards;
+    }
+
+    &&.${popupClasses.endAnimation} > .${popupClasses.root} {
+        animation: fadeOut 1s forwards;
+    }
+
+    @keyframes fadeIn {
+        from {
+            opacity: 0;
+        }
+
+        to {
+            opacity: 1;
+        }
+    }
+
+    @keyframes fadeOut {
+        from {
+            opacity: 1;
+        }
+
+        to {
+            opacity: 0;
+        }
+    }
+`;
+
+const StyledPopupTransition = styled(Popup)`
+    && > .${popupClasses.root} {
+        opacity: 1;
+        transition: opacity 0.5s 0.1s;
+    }
+
+    &&.${popupClasses.endTransition} > .${popupClasses.root} {
+        opacity: 0;
+        transition: opacity 0.5s 0.1s;
+    }
+`;
+
+const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
+    const [isOpenA, setIsOpenA] = useState(false);
+    const [isOpenB, setIsOpenB] = useState(false);
+
+    const ref = useRef<HTMLDivElement>(null);
+
+    return (
+        <SSRProvider>
+            <StyledWrapper>
+                <PopupProvider>
+                    <div style={{ display: 'flex', flexDirection: 'column' }}>
+                        <StyledButton text="Открыть в document" onClick={() => setIsOpenB(true)} />
+                        <StyledButton text="Открыть во Frame" onClick={() => setIsOpenA(true)} />
+                    </div>
+                    <StyledPopupAnimation
+                        id="popupA"
+                        frame={ref}
+                        withAnimation
+                        opened={isOpenA}
+                        placement={placement}
+                        offset={[offsetX, offsetY]}
+                    >
+                        <Content>
+                            <Button onClick={() => setIsOpenA(false)}>Close</Button>
+                            <>Content</>
+                        </Content>
+                    </StyledPopupAnimation>
+                    <OtherContent ref={ref}>
+                        <>Frame</>
+                    </OtherContent>
+                    <StyledPopupTransition
+                        id="popupB"
+                        frame="theme-root"
+                        withAnimation
+                        opened={isOpenB}
+                        placement={placement}
+                        offset={[offsetX, offsetY]}
+                    >
+                        <Content>
+                            <Button onClick={() => setIsOpenB(false)}>Close</Button>
+                            <>Content</>
+                        </Content>
+                    </StyledPopupTransition>
+                </PopupProvider>
+            </StyledWrapper>
+        </SSRProvider>
+    );
+};
+
+export const PopupDemo: StoryObj<StoryPopupProps> = {
+    args: {
+        placement: 'center',
+        offsetX: 0,
+        offsetY: 0,
+    },
+    render: (args) => <StoryPopupDemo {...args} />,
+};

package/emotion/es/examples/sds_engineer/components/Progress/Progress.config.js

@@ -0,0 +1,22 @@
+import { css } from '@emotion/react';
+import { progressTokens } from '../../../../components/Progress';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(progressTokens.trackBackgroundColor, ":var(--surface-transparent-secondary);", progressTokens.progressFilledBackgroundColor, ":var(--surface-solid-default);", progressTokens.valueColor, ":var(--text-tertiary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXd0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvc2RzX2VuZ2luZWVyL2NvbXBvbmVudHMvUHJvZ3Jlc3MvUHJvZ3Jlc3MuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBwcm9ncmVzc1Rva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvUHJvZ3Jlc3MnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1kZWZhdWx0KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzZWNvbmRhcnk6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLXRlcnRpYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBwcmltYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGFjY2VudDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50LWdyYWRpZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzdWNjZXNzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1wb3NpdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgd2FybmluZzogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utd2FybmluZyk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgZXJyb3I6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLW5lZ2F0aXZlKTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrSGVpZ2h0fTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQm9yZGVyUmFkaXVzfTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkSGVpZ2h0fTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJvcmRlclJhZGl1c306IDAuMzc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZU1hcmdpbkxlZnR9OiAwLjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
+      secondary: /*#__PURE__*/css(progressTokens.trackBackgroundColor, ":var(--surface-transparent-secondary);", progressTokens.progressFilledBackgroundColor, ":var(--surface-solid-tertiary);", progressTokens.valueColor, ":var(--text-tertiary);;label:plasma-new-hope__secondary;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJvZ3Jlc3NUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Byb2dyZXNzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc2Vjb25kYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcHJpbWFyeTogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ncmFkaWVudCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc3VjY2VzczogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtcG9zaXRpdmUpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHdhcm5pbmc6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXdhcm5pbmcpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGVycm9yOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1uZWdhdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0hlaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JvcmRlclJhZGl1c306IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEhlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCb3JkZXJSYWRpdXN9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVNYXJnaW5MZWZ0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      primary: /*#__PURE__*/css(progressTokens.trackBackgroundColor, ":var(--surface-transparent-secondary);", progressTokens.progressFilledBackgroundColor, ":var(--surface-accent);", progressTokens.valueColor, ":var(--text-tertiary);;label:plasma-new-hope__primary;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJvZ3Jlc3NUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Byb2dyZXNzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc2Vjb25kYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcHJpbWFyeTogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ncmFkaWVudCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc3VjY2VzczogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtcG9zaXRpdmUpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHdhcm5pbmc6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXdhcm5pbmcpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGVycm9yOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1uZWdhdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0hlaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JvcmRlclJhZGl1c306IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEhlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCb3JkZXJSYWRpdXN9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVNYXJnaW5MZWZ0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      accent: /*#__PURE__*/css(progressTokens.trackBackgroundColor, ":var(--surface-transparent-secondary);", progressTokens.progressFilledBackgroundColor, ":var(--surface-accent-gradient);", progressTokens.valueColor, ":var(--text-tertiary);;label:plasma-new-hope__accent;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQnVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJvZ3Jlc3NUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Byb2dyZXNzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc2Vjb25kYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcHJpbWFyeTogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ncmFkaWVudCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc3VjY2VzczogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtcG9zaXRpdmUpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHdhcm5pbmc6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXdhcm5pbmcpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGVycm9yOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1uZWdhdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0hlaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JvcmRlclJhZGl1c306IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEhlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCb3JkZXJSYWRpdXN9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVNYXJnaW5MZWZ0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      success: /*#__PURE__*/css(progressTokens.trackBackgroundColor, ":var(--surface-transparent-secondary);", progressTokens.progressFilledBackgroundColor, ":var(--surface-positive);", progressTokens.valueColor, ":var(--text-tertiary);;label:plasma-new-hope__success;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQndCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJvZ3Jlc3NUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Byb2dyZXNzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc2Vjb25kYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcHJpbWFyeTogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ncmFkaWVudCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc3VjY2VzczogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtcG9zaXRpdmUpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHdhcm5pbmc6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXdhcm5pbmcpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGVycm9yOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1uZWdhdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0hlaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JvcmRlclJhZGl1c306IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEhlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCb3JkZXJSYWRpdXN9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVNYXJnaW5MZWZ0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      warning: /*#__PURE__*/css(progressTokens.trackBackgroundColor, ":var(--surface-transparent-secondary);", progressTokens.progressFilledBackgroundColor, ":var(--surface-warning);", progressTokens.valueColor, ":var(--text-tertiary);;label:plasma-new-hope__warning;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJvZ3Jlc3NUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Byb2dyZXNzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc2Vjb25kYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcHJpbWFyeTogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ncmFkaWVudCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc3VjY2VzczogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtcG9zaXRpdmUpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHdhcm5pbmc6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXdhcm5pbmcpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGVycm9yOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1uZWdhdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0hlaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JvcmRlclJhZGl1c306IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEhlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCb3JkZXJSYWRpdXN9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVNYXJnaW5MZWZ0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      error: /*#__PURE__*/css(progressTokens.trackBackgroundColor, ":var(--surface-transparent-secondary);", progressTokens.progressFilledBackgroundColor, ":var(--surface-negative);", progressTokens.valueColor, ":var(--text-tertiary);;label:plasma-new-hope__error;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q3NCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJvZ3Jlc3NUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Byb2dyZXNzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc2Vjb25kYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcHJpbWFyeTogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ncmFkaWVudCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc3VjY2VzczogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtcG9zaXRpdmUpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHdhcm5pbmc6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXdhcm5pbmcpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGVycm9yOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1uZWdhdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0hlaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JvcmRlclJhZGl1c306IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEhlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCb3JkZXJSYWRpdXN9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVNYXJnaW5MZWZ0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    },
+    size: {
+      m: /*#__PURE__*/css(progressTokens.trackHeight, ":0.25rem;", progressTokens.trackBorderRadius, ":0.125rem;", progressTokens.progressFilledHeight, ":0.375rem;", progressTokens.progressFilledBorderRadius, ":0.375rem;", progressTokens.valueMarginLeft, ":0.5rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJvZ3Jlc3NUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Byb2dyZXNzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc2Vjb25kYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcHJpbWFyeTogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ncmFkaWVudCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc3VjY2VzczogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtcG9zaXRpdmUpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHdhcm5pbmc6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXdhcm5pbmcpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGVycm9yOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1uZWdhdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0hlaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JvcmRlclJhZGl1c306IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEhlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCb3JkZXJSYWRpdXN9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVNYXJnaW5MZWZ0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    }
+  }
+};

package/emotion/es/examples/sds_engineer/components/Progress/Progress.js

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

package/emotion/es/examples/sds_engineer/components/Progress/Progress.stories.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { WithTheme } from '../../../_helpers';
+
+import { Progress } from './Progress';
+
+const views = ['default', 'secondary', 'primary', 'accent', 'success', 'warning', 'error'];
+
+const meta: Meta<typeof Progress> = {
+    title: 'sds_engineer/Progress',
+    component: Progress,
+    decorators: [WithTheme],
+    argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+    },
+};
+
+export default meta;
+
+export const Default: StoryObj<ComponentProps<typeof Progress>> = {
+    args: {
+        value: 25,
+        view: 'default',
+        displayValue: true,
+    },
+};