@salutejs/plasma-new-hope 0.134.0-canary.1403.10590022490.0 → 0.134.0-canary.1404.10615452870.0

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

@@ -1,205 +0,0 @@
-import React, { useState } from 'react';
-import styled from '@emotion/styled';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { WithTheme } from '../../../_helpers';
-import { Button } from '../Button/Button';
-import { PopoverPlacement } from '../Popover/Popover';
-import { IconDisclosureRight } from '../../../../components/_Icon';
-
-import { Tooltip } from './Tooltip';
-import type { TooltipProps } from './Tooltip';
-
-const placements: Array<PopoverPlacement> = [
-    'top',
-    'top-start',
-    'top-end',
-
-    'bottom',
-    'bottom-start',
-    'bottom-end',
-
-    'left',
-    'left-start',
-    'left-end',
-
-    'right',
-    'right-start',
-    'right-end',
-
-    'auto',
-];
-
-const meta: Meta<TooltipProps> = {
-    title: 'sds_engineer/Tooltip',
-    decorators: [WithTheme],
-    component: Tooltip,
-    parameters: {
-        docs: { story: { inline: false, iframeHeight: '20rem' } },
-    },
-};
-
-export default meta;
-
-const StyledGrid = styled.div`
-    display: grid;
-    grid-template-columns: repeat(3, max-content);
-    grid-gap: 1rem 3.5rem;
-    padding: 3.5rem;
-`;
-
-const StoryDefault = ({ size }: TooltipProps) => {
-    return (
-        <StyledGrid>
-            <Tooltip
-                target={
-                    <Tooltip
-                        target={<Button>Btn</Button>}
-                        placement="left"
-                        size={size}
-                        opened
-                        hasArrow
-                        text="left"
-                        frame="theme-root"
-                    />
-                }
-                placement="top-start"
-                size={size}
-                opened
-                hasArrow
-                text="top-start"
-                frame="theme-root"
-            />
-            <Tooltip
-                target={<Button>Btn</Button>}
-                placement="top"
-                size={size}
-                opened
-                hasArrow
-                text="top"
-                frame="theme-root"
-            />
-            <Tooltip
-                target={
-                    <Tooltip
-                        target={<Button>Btn</Button>}
-                        placement="right"
-                        size={size}
-                        opened
-                        hasArrow
-                        text="right"
-                        frame="theme-root"
-                    />
-                }
-                placement="top-end"
-                size={size}
-                opened
-                hasArrow
-                text="top-end"
-                frame="theme-root"
-            />
-            <Tooltip
-                target={<Button>Btn</Button>}
-                placement="bottom-start"
-                size={size}
-                opened
-                hasArrow
-                text="bottom-start"
-                frame="theme-root"
-            />
-            <Tooltip
-                target={<Button>Btn</Button>}
-                placement="bottom"
-                size={size}
-                opened
-                hasArrow
-                text="bottom"
-                frame="theme-root"
-            />
-            <Tooltip
-                target={<Button>Btn</Button>}
-                placement="bottom-end"
-                size={size}
-                opened
-                hasArrow
-                text="bottom-end"
-                frame="theme-root"
-            />
-        </StyledGrid>
-    );
-};
-
-export const Default: StoryObj<TooltipProps> = {
-    argTypes: {
-        size: {
-            options: ['m', 's'],
-            control: {
-                type: 'select',
-            },
-        },
-    },
-    args: {
-        size: 'm',
-    },
-    render: (args) => <StoryDefault {...args} />,
-};
-
-const StyledRow = styled.div`
-    display: flex;
-    width: 150vw;
-    height: 150vh;
-    padding: 10rem;
-`;
-
-const StoryLive = (args: TooltipProps) => {
-    const [text, setText] = useState('Type here');
-
-    return (
-        <>
-            <StyledRow>
-                <Tooltip
-                    target={
-                        <input
-                            name="Имя"
-                            value={text}
-                            onChange={(e) => setText(e.target.value)}
-                            aria-describedby="example-tooltip-firstname"
-                        />
-                    }
-                    contentLeft={<IconDisclosureRight size="xs" />}
-                    {...args}
-                    id="example-tooltip-firstname"
-                    text={text}
-                    opened
-                    frame="theme-root"
-                />
-            </StyledRow>
-        </>
-    );
-};
-
-export const Live: StoryObj<TooltipProps> = {
-    argTypes: {
-        placement: {
-            options: placements,
-            control: {
-                type: 'select',
-            },
-            mapping: placements,
-        },
-        size: {
-            options: ['m', 's'],
-            control: {
-                type: 'select',
-            },
-        },
-    },
-    args: {
-        placement: 'bottom',
-        maxWidth: 10,
-        minWidth: 3,
-        hasArrow: true,
-        size: 'm',
-    },
-    render: (args) => <StoryLive {...args} />,
-};

package/emotion/es/examples/themes/sds_engineer.module.css

@@ -1,373 +0,0 @@
-/* Generated by robots, do not change this manually! */
-
-.dark {
-  --overlay-soft: rgba(0, 0, 0, 0.56);
-  --overlay-hard: rgba(0, 0, 0, 0.9);
-  --on-dark-overlay-soft: rgba(0, 0, 0, 0.56);
-  --on-dark-overlay-hard: rgba(0, 0, 0, 0.9);
-  --on-light-overlay-soft: rgba(0, 0, 0, 0.56);
-  --on-light-overlay-hard: rgba(0, 0, 0, 0.9);
-  --inverse-overlay-soft: rgba(0, 0, 0, 0.56);
-  --inverse-overlay-hard: rgba(0, 0, 0, 0.9);
-  --text-primary: rgba(245, 245, 245, 0.96);
-  --text-secondary: rgba(245, 245, 245, 0.56);
-  --text-tertiary: rgba(245, 245, 245, 0.4);
-  --text-paragraph: rgba(245, 245, 245, 0.8);
-  --text-accent: #FFFFFF;
-  --text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --text-positive: #1A9E32;
-  --text-warning: #FA5F05;
-  --text-negative: #FF293E;
-  --on-dark-text-primary: rgba(245, 245, 245, 0.96);
-  --on-dark-text-secondary: rgba(245, 245, 245, 0.56);
-  --on-dark-text-tertiary: rgba(245, 245, 245, 0.4);
-  --on-dark-text-paragraph: rgba(245, 245, 245, 0.8);
-  --on-dark-text-accent: #FFFFFF;
-  --on-dark-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --on-dark-text-positive: #1A9E32;
-  --on-dark-text-warning: #FA5F05;
-  --on-dark-text-negative: #FF293E;
-  --on-light-text-primary: rgba(8, 8, 8, 0.96);
-  --on-light-text-secondary: rgba(8, 8, 8, 0.56);
-  --on-light-text-tertiary: rgba(8, 8, 8, 0.4);
-  --on-light-text-paragraph: rgba(8, 8, 8, 0.8);
-  --on-light-text-accent: #FFFFFF;
-  --on-light-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
-  --on-light-text-positive: #108E25;
-  --on-light-text-warning: #E85702;
-  --on-light-text-negative: #F31B30;
-  --inverse-text-primary: rgba(8, 8, 8, 0.96);
-  --inverse-text-secondary: rgba(8, 8, 8, 0.56);
-  --inverse-text-tertiary: rgba(8, 8, 8, 0.4);
-  --inverse-text-paragraph: rgba(8, 8, 8, 0.8);
-  --inverse-text-accent: #FFFFFF;
-  --inverse-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
-  --inverse-text-positive: #108E25;
-  --inverse-text-warning: #E85702;
-  --inverse-text-negative: #F31B30;
-  --surface-solid-default: #FFFFFF;
-  --surface-solid-primary: #171717;
-  --surface-solid-secondary: #262626;
-  --surface-solid-tertiary: #363636;
-  --surface-solid-card: #171717;
-  --surface-transparent-default: #FFFFFF;
-  --surface-transparent-primary: rgba(255, 255, 255, 0.06);
-  --surface-transparent-secondary: rgba(255, 255, 255, 0.12);
-  --surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
-  --surface-transparent-card: rgba(255, 255, 255, 0.12);
-  --surface-accent: #FFFFFF;
-  /* добавлены вручную */
-  --surface-accent-hover: #1383cf80;
-  /* добавлены вручную */
-  --surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --surface-positive: #1A9E32;
-  --surface-warning: #FA5F05;
-  --surface-negative: #FF293E;
-  /* добавлены вручную */
-  --surface-transparent-negative: #e3122712;
-  --surface-clear: rgba(0, 0, 0, 0);
-  --on-dark-surface-solid-default: #FFFFFF;
-  --on-dark-surface-solid-primary: #171717;
-  --on-dark-surface-solid-secondary: #262626;
-  --on-dark-surface-solid-tertiary: #363636;
-  --on-dark-surface-solid-card: #171717;
-  --on-dark-surface-transparent-default: #FFFFFF;
-  --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
-  --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
-  --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
-  --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12);
-  --on-dark-surface-accent: #FFFFFF;
-  --on-dark-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --on-dark-surface-positive: #1A9E32;
-  --on-dark-surface-warning: #FA5F05;
-  --on-dark-surface-negative: #FF293E;
-  --on-dark-surface-clear: rgba(0, 0, 0, 0);
-  --on-light-surface-solid-default: #080808;
-  --on-light-surface-solid-primary: #F5F5F5;
-  --on-light-surface-solid-secondary: #ECECEC;
-  --on-light-surface-solid-tertiary: #DDDDDD;
-  --on-light-surface-solid-card: #F7F7F7;
-  --on-light-surface-transparent-default: #080808;
-  --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02);
-  --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
-  --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
-  --on-light-surface-transparent-card: rgba(8, 8, 8, 0.06);
-  --on-light-surface-accent: #FFFFFF;
-  --on-light-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
-  --on-light-surface-positive: #108E25;
-  --on-light-surface-warning: #E85702;
-  --on-light-surface-negative: #F31B30;
-  --on-light-surface-clear: rgba(0, 0, 0, 0);
-  --inverse-surface-solid-default: #080808;
-  --inverse-surface-solid-primary: #F5F5F5;
-  --inverse-surface-solid-secondary: #ECECEC;
-  --inverse-surface-solid-tertiary: #DDDDDD;
-  --inverse-surface-solid-card: #F7F7F7;
-  --inverse-surface-transparent-default: #080808;
-  --inverse-surface-transparent-primary: rgba(8, 8, 8, 0.02);
-  --inverse-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
-  --inverse-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
-  --inverse-surface-transparent-card: rgba(8, 8, 8, 0.06);
-  --inverse-surface-accent: #FFFFFF;
-  --inverse-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
-  --inverse-surface-positive: #108E25;
-  --inverse-surface-warning: #E85702;
-  --inverse-surface-negative: #F31B30;
-  --inverse-surface-clear: rgba(0, 0, 0, 0);
-  --background-primary: #000000;
-  --background-secondary: #080808;
-  --background-tertiary: #171717;
-  --dark-background-primary: #000000;
-  --dark-background-secondary: #080808;
-  --dark-background-tertiary: #171717;
-  --light-background-primary: #FFFFFF;
-  --light-background-secondary: #FFFFFF;
-  --light-background-tertiary: #FFFFFF;
-  --inverse-background-primary: #FFFFFF;
-  --inverse-background-secondary: #FFFFFF;
-  --inverse-background-tertiary: #FFFFFF;
-  --text-primary-hover:  #17171793;
-  --text-primary-active:  #171717C4;
-  --surface-solid-default-hover:  #0D0D0DFF;
-  --surface-solid-default-active:  #030303FF;
-  --surface-accent-hover:  #0C8ADFFF;
-  --surface-accent-active:  #0A78C2FF;
-  --surface-positive-hover:  #1DAF37FF;
-  --surface-positive-active:  #18952FFF;
-  --surface-warning-hover:  #FB7223FF;
-  --surface-warning-active:  #F05B05FF;
-  --surface-negative-hover:  #EA1A2FFF;
-  --surface-negative-active:  #D21427FF;
-  --surface-transparent-secondary-hover:  #0808081F;
-  --surface-transparent-secondary-active:  #0808080A;
-  --on-light-surface-solid-default-hover:  #0D0D0DFF;
-  --on-light-surface-solid-default-active:  #030303FF;
-  --on-dark-surface-solid-default-hover:  #FFFFFFFF;
-  --on-dark-surface-solid-default-active:  #FFFFFFFF;
-  --on-light-surface-transparent-deep-hover: #080808C2;
-  --on-light-surface-transparent-deep-active: #08080894;
-  --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
-  --surface-skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
-  --surface-skeleton-deep-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
-  --plasma-colors-white-primary: var(--on-dark-text-primary);
-  --plasma-colors-white-secondary: var(--on-dark-text-secondary);
-  --plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
-  --plasma-colors-black-primary: var(--on-light-text-primary);
-  --plasma-colors-black-secondary: var(--on-light-text-secondary);
-  --plasma-colors-black-tertiary: var(--on-light-text-tertiary);
-  --plasma-colors-button-black: var(--on-light-surface-solid-default);
-  --plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
-  --plasma-colors-button-white: var(--on-dark-surface-solid-default);
-  --plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
-  --plasma-colors-text: var(--text-primary);
-  --plasma-colors-primary: var(--text-primary);
-  --plasma-colors-secondary: var(--text-secondary);
-  --plasma-colors-tertiary: var(--text-tertiary);
-  --plasma-colors-paragraph: var(--text-paragraph);
-  --plasma-colors-background: var(--background-primary);
-  --plasma-colors-accent: var(--text-accent);
-  --plasma-colors-success: var(--text-positive);
-  --plasma-colors-warning: var(--text-warning);
-  --plasma-colors-critical: var(--text-negative);
-  --plasma-colors-overlay: var(--overlay-soft);
-  --plasma-colors-surface-liquid01: var(--surface-transparent-primary);
-  --plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
-  --plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
-  --plasma-colors-surface-solid01: var(--surface-solid-primary);
-  --plasma-colors-surface-solid02: var(--surface-solid-secondary);
-  --plasma-colors-surface-solid03: var(--surface-solid-tertiary);
-  --plasma-colors-surface-card: var(--surface-transparent-card);
-  --plasma-colors-button-secondary: var(--surface-transparent-secondary);
-  --plasma-colors-button-accent: var(--text-accent);
-  --plasma-colors-button-success: var(--surface-positive);
-  --plasma-colors-button-warning: var(--surface-warning);
-  --plasma-colors-button-critical: var(--surface-negative);
-  color: var(--text-primary);
-  background-color: var(--background-primary);
-}
-
-.light {
-  --overlay-soft: rgba(0, 0, 0, 0.56);
-  --overlay-hard: rgba(0, 0, 0, 0.9);
-  --on-dark-overlay-soft: rgba(0, 0, 0, 0.56);
-  --on-dark-overlay-hard: rgba(0, 0, 0, 0.9);
-  --on-light-overlay-soft: rgba(0, 0, 0, 0.56);
-  --on-light-overlay-hard: rgba(0, 0, 0, 0.9);
-  --inverse-overlay-soft: rgba(0, 0, 0, 0.56);
-  --inverse-overlay-hard: rgba(0, 0, 0, 0.9);
-  --text-primary: rgba(23, 23, 23, 0.96);
-  --text-secondary: rgba(23, 23, 23, 0.56);
-  --text-tertiary: rgba(23, 23, 23, 0.4);
-  --text-paragraph: rgba(23, 23, 23, 0.8);
-  --text-accent: #0C72B6;
-  --text-accent-gradient: linear-gradient(45.00deg, rgb(30, 44, 108) 0%,rgb(43, 101, 185) 100%);
-  --text-positive: #108E25;
-  --text-warning: #E85702;
-  --text-negative: #F31B31;
-  --on-dark-text-primary: rgba(245, 245, 245, 0.96);
-  --on-dark-text-secondary: rgba(245, 245, 245, 0.56);
-  --on-dark-text-tertiary: rgba(245, 245, 245, 0.4);
-  --on-dark-text-paragraph: rgba(245, 245, 245, 0.8);
-  --on-dark-text-accent: #FFFFFF;
-  --on-dark-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --on-dark-text-positive: #1A9E32;
-  --on-dark-text-warning: #FA5F05;
-  --on-dark-text-negative: #FF293E;
-  --on-light-text-primary: rgba(8, 8, 8, 0.96);
-  --on-light-text-secondary: rgba(8, 8, 8, 0.56);
-  --on-light-text-tertiary: rgba(8, 8, 8, 0.4);
-  --on-light-text-paragraph: rgba(8, 8, 8, 0.8);
-  --on-light-text-accent: #FFFFFF;
-  --on-light-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
-  --on-light-text-positive: #108E25;
-  --on-light-text-warning: #E85702;
-  --on-light-text-negative: #F31B30;
-  --inverse-text-primary: rgba(245, 245, 245, 0.96);
-  --inverse-text-secondary: rgba(245, 245, 245, 0.56);
-  --inverse-text-tertiary: rgba(245, 245, 245, 0.4);
-  --inverse-text-paragraph: rgba(245, 245, 245, 0.8);
-  --inverse-text-accent: #FFFFFF;
-  --inverse-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --inverse-text-positive: #1A9E32;
-  --inverse-text-warning: #FA5F05;
-  --inverse-text-negative: #FF293E;
-  --surface-solid-default: #080808;
-  --surface-solid-primary: #F5F5F5;
-  --surface-solid-secondary: #ECECEC;
-  --surface-solid-tertiary: #DDDDDD;
-  --surface-solid-card: #FFFFFF;
-  --surface-transparent-default: #080808;
-  --surface-transparent-primary: rgba(8, 8, 8, 0.02);
-  --surface-transparent-secondary: rgba(8, 8, 8, 0.06);
-  --surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
-  --surface-transparent-card: #FFFFFF;
-  --surface-accent: #0B7ECB;
-  /* добавлены вручную */
-  --surface-accent-hover: #1383cf80;
-  /* добавлены вручную */
-  --surface-accent-gradient: linear-gradient(45.00deg, rgb(30, 44, 108) 0%,rgb(43, 101, 185) 100%);
-  --surface-positive: #1A9E32;
-  --surface-warning: #FA5F05;
-  --surface-negative: #DD1428;
-  /* добавлены вручную */
-  --surface-transparent-negative: #e3122712;
-  --surface-clear: rgba(0, 0, 0, 0);
-  --on-dark-surface-solid-default: #FFFFFF;
-  --on-dark-surface-solid-primary: #171717;
-  --on-dark-surface-solid-secondary: #262626;
-  --on-dark-surface-solid-tertiary: #363636;
-  --on-dark-surface-solid-card: #171717;
-  --on-dark-surface-transparent-default: #FFFFFF;
-  --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
-  --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
-  --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
-  --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12);
-  --on-dark-surface-accent: #FFFFFF;
-  --on-dark-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --on-dark-surface-positive: #1A9E32;
-  --on-dark-surface-warning: #FA5F05;
-  --on-dark-surface-negative: #FF293E;
-  --on-dark-surface-clear: rgba(0, 0, 0, 0);
-  --on-light-surface-solid-default: #080808;
-  --on-light-surface-solid-primary: #F5F5F5;
-  --on-light-surface-solid-secondary: #ECECEC;
-  --on-light-surface-solid-tertiary: #DDDDDD;
-  --on-light-surface-solid-card: #F7F7F7;
-  --on-light-surface-transparent-default: #080808;
-  --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02);
-  --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
-  --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
-  --on-light-surface-transparent-card: rgba(8, 8, 8, 0.06);
-  --on-light-surface-accent: #FFFFFF;
-  --on-light-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
-  --on-light-surface-positive: #108E25;
-  --on-light-surface-warning: #E85702;
-  --on-light-surface-negative: #F31B30;
-  --on-light-surface-clear: rgba(0, 0, 0, 0);
-  --inverse-surface-solid-default: #FFFFFF;
-  --inverse-surface-solid-primary: #171717;
-  --inverse-surface-solid-secondary: #262626;
-  --inverse-surface-solid-tertiary: #363636;
-  --inverse-surface-solid-card: #171717;
-  --inverse-surface-transparent-default: #FFFFFF;
-  --inverse-surface-transparent-primary: rgba(255, 255, 255, 0.06);
-  --inverse-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
-  --inverse-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
-  --inverse-surface-transparent-card: rgba(255, 255, 255, 0.12);
-  --inverse-surface-accent: #FFFFFF;
-  --inverse-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --inverse-surface-positive: #1A9E32;
-  --inverse-surface-warning: #FA5F05;
-  --inverse-surface-negative: #FF293E;
-  --inverse-surface-clear: rgba(0, 0, 0, 0);
-  --background-primary: #F9F9F9;
-  --background-secondary: #FFFFFF;
-  --background-tertiary: #FFFFFF;
-  --dark-background-primary: #000000;
-  --dark-background-secondary: #080808;
-  --dark-background-tertiary: #171717;
-  --light-background-primary: #FFFFFF;
-  --light-background-secondary: #FFFFFF;
-  --light-background-tertiary: #FFFFFF;
-  --inverse-background-primary: #000000;
-  --inverse-background-secondary: #080808;
-  --inverse-background-tertiary: #171717;
-  --text-primary-hover:  #17171793;
-  --text-primary-active:  #171717C4;
-  --surface-solid-default-hover:  #262626FF;
-  --surface-solid-default-active:  #030303FF;
-  --surface-accent-hover:  #0C8ADFFF;
-  --surface-accent-active:  #0A72B8FF;
-  --surface-positive-hover:  #1EB83AFF;
-  --surface-positive-active:  #178C2CFF;
-  --surface-warning-hover:  #FB782DFF;
-  --surface-warning-active:  #E65705FF;
-  --surface-negative-hover:  #EA1A2FFF;
-  --surface-negative-active:  #C91325FF;
-  --surface-transparent-secondary-hover:  #08080805;
-  --surface-transparent-secondary-active:  #0808081A;
-  --on-light-surface-solid-default-hover:  #262626FF;
-  --on-light-surface-solid-default-active:  #030303FF;
-  --on-dark-surface-solid-default-hover:  #FFFFFFFF;
-  --on-dark-surface-solid-default-active:  #FFFFFFFF;
-  --on-light-surface-transparent-deep-hover: #0808088F;
-  --on-light-surface-transparent-deep-active: #080808AD;
-  --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
-  --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
-  --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
-  --plasma-colors-white-primary: var(--on-dark-text-primary);
-  --plasma-colors-white-secondary: var(--on-dark-text-secondary);
-  --plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
-  --plasma-colors-black-primary: var(--on-light-text-primary);
-  --plasma-colors-black-secondary: var(--on-light-text-secondary);
-  --plasma-colors-black-tertiary: var(--on-light-text-tertiary);
-  --plasma-colors-button-black: var(--on-light-surface-solid-default);
-  --plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
-  --plasma-colors-button-white: var(--on-dark-surface-solid-default);
-  --plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
-  --plasma-colors-text: var(--text-primary);
-  --plasma-colors-primary: var(--text-primary);
-  --plasma-colors-secondary: var(--text-secondary);
-  --plasma-colors-tertiary: var(--text-tertiary);
-  --plasma-colors-paragraph: var(--text-paragraph);
-  --plasma-colors-background: var(--background-primary);
-  --plasma-colors-accent: var(--text-accent);
-  --plasma-colors-success: var(--text-positive);
-  --plasma-colors-warning: var(--text-warning);
-  --plasma-colors-critical: var(--text-negative);
-  --plasma-colors-overlay: var(--overlay-soft);
-  --plasma-colors-surface-liquid01: var(--surface-transparent-primary);
-  --plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
-  --plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
-  --plasma-colors-surface-solid01: var(--surface-solid-primary);
-  --plasma-colors-surface-solid02: var(--surface-solid-secondary);
-  --plasma-colors-surface-solid03: var(--surface-solid-tertiary);
-  --plasma-colors-surface-card: var(--surface-transparent-card);
-  --plasma-colors-button-secondary: var(--surface-transparent-secondary);
-  --plasma-colors-button-accent: var(--text-accent);
-  --plasma-colors-button-success: var(--surface-positive);
-  --plasma-colors-button-warning: var(--surface-warning);
-  --plasma-colors-button-critical: var(--surface-negative);
-  color: var(--text-primary);
-  background-color: var(--background-primary);
-}

package/es/components/Switch/_view/base_b0jyco.css

@@ -1 +0,0 @@
-.b1g0jmh3 .sdjnckq{background-color:var(--plasma-switch__track_checked_false-bg-color);}.b1g0jmh3 .sdjnckq:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));}.b1g0jmh3 .s1fcyfkl:checked ~ .sdjnckq{background-color:var(--plasma-switch__track_cheched_true-bg-color);}.b1g0jmh3 .s1fcyfkl:checked:hover ~ .sdjnckq{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_cheched_true-bg-color));}.b1g0jmh3 .sdjnckq::after{background-color:var(--plasma-switch__thumb-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.b1g0jmh3 .s1fcyfkl:checked ~ .sdjnckq::after{box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}

package/styled-components/cjs/examples/sds_engineer/components/Avatar/Avatar.config.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Avatar = /*#__PURE__*/require("../../../../components/Avatar/Avatar.tokens");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'xxl'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent-gradient);", ":linear-gradient(94deg,rgba(62,121,240,0.20) 6.49%,rgba(39,198,229,0.20) 93.51%);", ":var(--surface-positive);", ":var(--surface-solid-tertiary);", ":1.02;"], _Avatar.tokens.color, _Avatar.tokens.backgroundColor, _Avatar.tokens.statusOnlineColor, _Avatar.tokens.statusOfflineColor, _Avatar.tokens.scaleHover)
-    },
-    size: {
-      xxl: /*#__PURE__*/(0, _styledComponents.css)(["", ":6.25rem;", ":2rem;", ":600;", ":2rem;", ":0.75rem;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":1.25rem;", ":600;", ":1.25rem;", ":0.5rem;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.25rem;", ":0.875rem;", ":600;", ":0.875rem;", ":0.5rem;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":0.5rem;", ":600;", ":0.5rem;", ":0.375rem;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize),
-      fit: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":0;", ":0;", ":0;", ":0;"], _Avatar.tokens.avatarSize, _Avatar.tokens.fontSize, _Avatar.tokens.fontWeight, _Avatar.tokens.lineHeight, _Avatar.tokens.statusIconSize)
-    },
-    focused: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.1rem;", ":0.2rem;", ":var(--surface-accent);"], _Avatar.tokens.outlineSize, _Avatar.tokens.outlineOffset, _Avatar.tokens.outlineColor)
-    }
-  }
-};

package/styled-components/cjs/examples/sds_engineer/components/Avatar/Avatar.js

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