@salutejs/plasma-new-hope 0.194.0-canary.1558.11852073996.0 → 0.194.0-canary.1560.11855728487.0

package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx

@@ -3,7 +3,6 @@ import styled from 'styled-components';
 import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { SSRProvider } from '@salutejs/plasma-core';
-import { disableProps } from '@salutejs/plasma-sb-utils';
 
 import { PopupProvider, popupClasses } from '../Popup/Popup';
 import { Button } from '../Button/Button';
@@ -19,7 +18,6 @@ export default {
         docs: { story: { inline: false, iframeHeight: '30rem' } },
     },
     argTypes: {
-        ...disableProps(['hasBody']),
         placement: {
             options: [
                 'center',
@@ -77,7 +75,6 @@ type StoryModalProps = ComponentProps<typeof Modal> & {
     closeOnEsc: boolean;
     closeOnOverlayClick: boolean;
     withBlur: boolean;
-    hasClose?: boolean;
 };
 
 const StyledButton = styled(Button)`
@@ -138,72 +135,6 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
     const [isOpenB, setIsOpenB] = useState(false);
     const [isOpenC, setIsOpenC] = useState(false);
 
-    return (
-        <SSRProvider>
-            <StyledWrapper>
-                <PopupProvider>
-                    <ButtonWrapper>
-                        <StyledButton text="Открыть A" onClick={() => setIsOpenA(true)} />
-                    </ButtonWrapper>
-                    <StyledModal
-                        id="modalA"
-                        frame="theme-root"
-                        withAnimation
-                        onClose={() => setIsOpenA(false)}
-                        opened={isOpenA}
-                        placement={placement}
-                        offset={[offsetX, offsetY]}
-                        hasBody
-                        {...rest}
-                    >
-                        <Button onClick={() => setIsOpenA(false)}>Close</Button>
-                        <ButtonWrapper>
-                            <StyledButton text="Открыть B" onClick={() => setIsOpenB(true)} />
-                        </ButtonWrapper>
-                        <Modal
-                            id="modalB"
-                            frame="theme-root"
-                            onClose={() => setIsOpenB(false)}
-                            opened={isOpenB}
-                            placement="left"
-                            offset={[offsetX, offsetY]}
-                            hasBody
-                            {...rest}
-                        >
-                            <Button style={{ marginRight: '1rem' }} onClick={() => setIsOpenB(false)}>
-                                Close
-                            </Button>
-                            <ButtonWrapper>
-                                <StyledButton text="Открыть C" onClick={() => setIsOpenC(true)} />
-                            </ButtonWrapper>
-                            <Modal
-                                id="modalC"
-                                frame="theme-root"
-                                onClose={() => setIsOpenC(false)}
-                                opened={isOpenC}
-                                placement="top"
-                                offset={[offsetX, offsetY]}
-                                hasBody
-                                {...rest}
-                            >
-                                <Button style={{ marginRight: '1rem' }} onClick={() => setIsOpenC(false)}>
-                                    Close
-                                </Button>
-                                <>Content</>
-                            </Modal>
-                        </Modal>
-                    </StyledModal>
-                </PopupProvider>
-            </StyledWrapper>
-        </SSRProvider>
-    );
-};
-
-const StoryCustomModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProps) => {
-    const [isOpenA, setIsOpenA] = useState(false);
-    const [isOpenB, setIsOpenB] = useState(false);
-    const [isOpenC, setIsOpenC] = useState(false);
-
     return (
         <SSRProvider>
             <StyledWrapper>
@@ -268,7 +199,7 @@ const StoryCustomModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryMod
     );
 };
 
-export const Default: StoryObj<StoryModalProps> = {
+export const ModalDemo: StoryObj<StoryModalProps> = {
     args: {
         placement: 'center',
         withBlur: false,
@@ -276,30 +207,10 @@ export const Default: StoryObj<StoryModalProps> = {
         closeOnOverlayClick: true,
         offsetX: 0,
         offsetY: 0,
-        hasClose: true,
-    },
-    argTypes: {
-        hasClose: {
-            control: {
-                type: 'boolean',
-            },
-        },
     },
     render: (args) => <StoryModalDemo {...args} />,
 };
 
-export const CustomModalDemo: StoryObj<StoryModalProps> = {
-    args: {
-        placement: 'center',
-        withBlur: false,
-        closeOnEsc: true,
-        closeOnOverlayClick: true,
-        offsetX: 0,
-        offsetY: 0,
-    },
-    render: (args) => <StoryCustomModalDemo {...args} />,
-};
-
 const StyledModalAnimation = styled(Modal)`
     /* stylelint-disable */
     && .${popupClasses.root} {

package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js

@@ -19,7 +19,7 @@ export var config = {
       s: /*#__PURE__*/css(["", ":2rem;", ":1.25rem;", ":calc(var(", ") / 2);", ":1rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;"], switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale)
     },
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":0rem;", ":transparent;", ":transparent;", ":transparent;", ":transparent;", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.trackBorderWidth, switchTokens.trackBorderColorOff, switchTokens.trackBorderColorOffHover, switchTokens.trackBorderColorOn, switchTokens.trackBorderColorOnHover, switchTokens.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, switchTokens.thumbBoxShadow)
     },
     disabled: {
       "true": /*#__PURE__*/css(["", ":0.4;"], switchTokens.disabledOpacity)

package/styled-components/es/examples/plasma_web/components/Switch/Switch.js

@@ -1,5 +1,8 @@
 import { switchConfig } from '../../../../components/Switch';
 import { component, mergeConfig } from '../../../../engines';
 import { config } from './Switch.config';
+import { config as outlineConfig } from './Switch.outline.config';
 var mergedConfig = /*#__PURE__*/mergeConfig(switchConfig, config);
-export var Switch = /*#__PURE__*/component(mergedConfig);
+export var Switch = /*#__PURE__*/component(mergedConfig);
+var mergedOutlineConfig = /*#__PURE__*/mergeConfig(switchConfig, outlineConfig);
+export var SwitchOutline = /*#__PURE__*/component(mergedOutlineConfig);

package/styled-components/es/examples/plasma_web/components/Switch/Switch.outline.config.js

@@ -0,0 +1,31 @@
+import { css } from 'styled-components';
+import { switchTokens } from '../../../../components/Switch';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm',
+    toggleSize: 'l',
+    labelPosition: 'before',
+    focused: 'true'
+  },
+  variations: {
+    size: {
+      s: /*#__PURE__*/css(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset),
+      m: /*#__PURE__*/css(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset),
+      l: /*#__PURE__*/css(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset)
+    },
+    toggleSize: {
+      l: /*#__PURE__*/css(["", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.5rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;"], switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale),
+      s: /*#__PURE__*/css(["", ":2rem;", ":1.25rem;", ":calc(var(", ") / 2);", ":1rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;"], switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale)
+    },
+    view: {
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":transparent;", ":transparent;", ":transparent;", ":0.0625rem;", ":var(--outline-secondary);", ":var(--outline-secondary-hover);", ":var(--outline-accent);", ":var(--outline-accent-hover);", ":var(--text-tertiary);", ":var(--text-accent);", ":0 1px 1px rgba(0,0,0,0.11);"], switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.trackBorderWidth, switchTokens.trackBorderColorOff, switchTokens.trackBorderColorOffHover, switchTokens.trackBorderColorOn, switchTokens.trackBorderColorOnHover, switchTokens.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, switchTokens.thumbBoxShadow)
+    },
+    disabled: {
+      "true": /*#__PURE__*/css(["", ":0.4;"], switchTokens.disabledOpacity)
+    },
+    focused: {
+      "true": /*#__PURE__*/css(["", ":var(--surface-accent);"], switchTokens.trackFocusColor)
+    }
+  }
+};

package/styled-components/es/examples/plasma_web/components/Switch/Switch.stories.tsx

@@ -9,7 +9,7 @@ import { mergeConfig } from '../../../../engines';
 import { WithTheme, argTypesFromConfig } from '../../../_helpers';
 
 import { config } from './Switch.config';
-import { Switch } from './Switch';
+import { Switch, SwitchOutline } from './Switch';
 
 type SwitchProps = ComponentProps<typeof Switch>;
 
@@ -72,3 +72,35 @@ export const Default: StoryObj<SwitchProps> = {
     },
     render: (args) => <StoryDefault {...args} />,
 };
+
+const StoryOutline = (args: SwitchProps) => {
+    const value = 'yes';
+    const name = 'agree';
+    const [checked, setChecked] = useState(true);
+
+    return (
+        <StyledWrapper>
+            <SwitchOutline
+                value={value}
+                name={name}
+                checked={checked}
+                onChange={(event) => {
+                    setChecked(event.target.checked);
+                    onChange(event);
+                }}
+                onFocus={onFocus}
+                onBlur={onBlur}
+                {...args}
+            />
+        </StyledWrapper>
+    );
+};
+
+export const Outline: StoryObj<SwitchProps> = {
+    args: {
+        size: 'm',
+        toggleSize: 'l',
+        disabled: false,
+    },
+    render: (args) => <StoryOutline {...args} />,
+};

package/types/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AAQrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAS3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFA6GhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA/GQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CA4HpE,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AAOrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFA2FhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA7FQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CA0GpE,CAAC"}

package/types/components/Modal/Modal.tokens.d.ts

@@ -4,11 +4,5 @@ export declare const classes: {
 export declare const tokens: {
     modalOverlayWithBlurColor: string;
     modalOverlayColor: string;
-    modalBodyBackground: string;
-    modalBodyBorderRadius: string;
-    modalBodyPadding: string;
-    modalContentPadding: string;
-    modalOutlineFocusColor: string;
-    modalCloseButtonRadius: string;
 };
 //# sourceMappingURL=Modal.tokens.d.ts.map

package/types/components/Modal/Modal.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC"}
+{"version":3,"file":"Modal.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}

package/types/components/Modal/Modal.types.d.ts

@@ -1,25 +1,6 @@
 /// <reference types="react" />
 import { PopupHookArgs, PopupProps, PopupRootProps } from '../Popup/Popup.types';
-export declare type ModalBodyProps = {
-    /**
-     * Оборачивает children в стилизованную обертку
-     */
-    hasBody: true;
-    /**
-     * Отображает кнопку с крестиком для закрытия
-     */
-    hasClose?: never | boolean;
-} | {
-    /**
-     * Оборачивает children в стилизованную обертку
-     */
-    hasBody?: never | false;
-    /**
-     * Отображает кнопку с крестиком для закрытия
-     */
-    hasClose?: never;
-};
-export interface CommonModalProps extends PopupProps {
+export interface ModalProps extends PopupProps {
     /**
      * Нужно ли применять blur для подложки.
      */
@@ -55,7 +36,6 @@ export interface CommonModalProps extends PopupProps {
     onClose?: () => void;
     view?: string;
 }
-export declare type ModalProps = CommonModalProps & ModalBodyProps;
 export declare type ModalBaseRootProps = PopupRootProps & Pick<ModalProps, 'initialFocusRef' | 'focusAfterRef' | 'onClose'>;
 export declare type ModalOverlayProps = Pick<PopupRootProps, 'id' | 'zIndex'> & Pick<ModalProps, 'withBlur' | 'closeOnOverlayClick' | 'onOverlayClick' | 'onClose'>;
 export declare type ModalHookArgs = Pick<PopupHookArgs, 'id' | 'popupInfo' | 'isOpen'> & Pick<ModalProps, 'closeOnEsc' | 'onEscKeyDown' | 'onClose'>;

package/types/components/Modal/Modal.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjF,oBAAY,cAAc,GACpB;IACI;;OAEG;IACH,OAAO,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;CAC9B,GACD;IACI;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,UAAU,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAE3D,oBAAY,kBAAkB,GAAG,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAAC,CAAC;AAEpH,oBAAY,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,QAAQ,CAAC,GACjE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,qBAAqB,GAAG,gBAAgB,GAAG,SAAS,CAAC,CAAC;AAExF,oBAAY,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,GAC1E,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC,CAAC"}
+{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjF,MAAM,WAAW,UAAW,SAAQ,UAAU;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,kBAAkB,GAAG,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAAC,CAAC;AAEpH,oBAAY,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,QAAQ,CAAC,GACjE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,qBAAqB,GAAG,gBAAgB,GAAG,SAAS,CAAC,CAAC;AAExF,oBAAY,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,GAC1E,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC,CAAC"}

package/types/components/Modal/index.d.ts

@@ -1,4 +1,4 @@
 export { modalConfig, modalRoot } from './Modal';
 export { classes as modalClasses, tokens as modalTokens } from './Modal.tokens';
-export type { ModalBodyProps, CommonModalProps, ModalProps, ModalOverlayProps } from './Modal.types';
+export type { ModalProps, ModalOverlayProps } from './Modal.types';
 //# sourceMappingURL=index.d.ts.map

package/types/components/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAChF,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAChF,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/types/components/Switch/Switch.tokens.d.ts

@@ -20,6 +20,11 @@ export declare const tokens: {
     verticalGap: string;
     trackWidth: string;
     trackHeight: string;
+    trackBorderWidth: string;
+    trackBorderColorOn: string;
+    trackBorderColorOnHover: string;
+    trackBorderColorOff: string;
+    trackBorderColorOffHover: string;
     trackBorderRadius: string;
     trackBackgroundColorOn: string;
     trackBackgroundColorOnHover: string;
@@ -30,7 +35,8 @@ export declare const tokens: {
     thumbOffset: string;
     thumbBorderRadius: string;
     thumbPressScale: string;
-    thumbBackgroundColor: string;
+    thumbBackgroundColorOn: string;
+    thumbBackgroundColorOff: string;
     thumbBoxShadow: string;
     thumbBoxShadowOn: string;
     labelOffsetPrivate: string;

package/types/components/Switch/Switch.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;IAwBf,6DAA6D;;;;;;;;;;;;;;;;;;;CA0BhE,CAAC;AAEF,eAAO,MAAM,OAAO;;;CAGnB,CAAC"}
+{"version":3,"file":"Switch.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;IAwBf,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;;;CAiChE,CAAC;AAEF,eAAO,MAAM,OAAO;;;CAGnB,CAAC"}

package/types/components/Switch/_toggleSize/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/_toggleSize/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAkBhB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/_toggleSize/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAyBhB,CAAC"}

package/types/components/Switch/_view/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAiChB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAsChB,CAAC"}

package/types/examples/plasma_b2c/components/Modal/Modal.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Modal/Modal.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;CAkBlB,CAAC"}
+{"version":3,"file":"Modal.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Modal/Modal.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;CAYlB,CAAC"}

package/types/examples/plasma_b2c/components/Modal/Modal.d.ts

@@ -4,11 +4,5 @@ export declare const Modal: import("react").FunctionComponent<import("../../../.
     view: {
         default: import("@linaria/core").LinariaClassName;
     };
-}> & ((import("../../../../components/Modal").CommonModalProps & {
-    hasBody: true;
-    hasClose?: boolean | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("../../../../components/Modal").CommonModalProps & {
-    hasBody?: false | undefined;
-    hasClose?: undefined;
-} & import("react").RefAttributes<HTMLDivElement>))>;
+}> & import("../../../../components/Modal").ModalProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Modal.d.ts.map

package/types/examples/plasma_b2c/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Modal/Modal.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D,eAAO,MAAM,KAAK;;;;;;;;;;oDAA0B,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Modal/Modal.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D,eAAO,MAAM,KAAK;;;;uGAA0B,CAAC"}

package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Switch/Switch.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGlB,CAAC"}
+{"version":3,"file":"Switch.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Switch/Switch.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GlB,CAAC"}

package/types/examples/plasma_b2c/components/Switch/Switch.d.ts

@@ -19,4 +19,24 @@ export declare const Switch: import("react").FunctionComponent<import("../../../
         true: import("@linaria/core").LinariaClassName;
     };
 }> & import("../../../../components/Switch").SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const SwitchOutline: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+    size: {
+        s: import("@linaria/core").LinariaClassName;
+        m: import("@linaria/core").LinariaClassName;
+        l: import("@linaria/core").LinariaClassName;
+    };
+    toggleSize: {
+        l: import("@linaria/core").LinariaClassName;
+        s: import("@linaria/core").LinariaClassName;
+    };
+    view: {
+        default: import("@linaria/core").LinariaClassName;
+    };
+    disabled: {
+        true: import("@linaria/core").LinariaClassName;
+    };
+    focused: {
+        true: import("@linaria/core").LinariaClassName;
+    };
+}> & import("../../../../components/Switch").SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Switch.d.ts.map

package/types/examples/plasma_b2c/components/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Switch/Switch.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;2GAA0B,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Switch/Switch.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;2GAA0B,CAAC;AAI9C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;2GAAiC,CAAC"}

package/types/examples/plasma_b2c/components/Switch/Switch.outline.config.d.ts

@@ -0,0 +1,30 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+        toggleSize: string;
+        labelPosition: string;
+        focused: string;
+    };
+    variations: {
+        size: {
+            s: import("@linaria/core").LinariaClassName;
+            m: import("@linaria/core").LinariaClassName;
+            l: import("@linaria/core").LinariaClassName;
+        };
+        toggleSize: {
+            l: import("@linaria/core").LinariaClassName;
+            s: import("@linaria/core").LinariaClassName;
+        };
+        view: {
+            default: import("@linaria/core").LinariaClassName;
+        };
+        disabled: {
+            true: import("@linaria/core").LinariaClassName;
+        };
+        focused: {
+            true: import("@linaria/core").LinariaClassName;
+        };
+    };
+};
+//# sourceMappingURL=Switch.outline.config.d.ts.map

package/types/examples/plasma_b2c/components/Switch/Switch.outline.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.outline.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Switch/Switch.outline.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GlB,CAAC"}

package/types/examples/plasma_web/components/Modal/Modal.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Modal/Modal.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;CAkBlB,CAAC"}
+{"version":3,"file":"Modal.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Modal/Modal.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;CAYlB,CAAC"}

package/types/examples/plasma_web/components/Modal/Modal.d.ts

@@ -4,11 +4,5 @@ export declare const Modal: import("react").FunctionComponent<import("../../../.
     view: {
         default: import("@linaria/core").LinariaClassName;
     };
-}> & ((import("../../../../components/Modal").CommonModalProps & {
-    hasBody: true;
-    hasClose?: boolean | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("../../../../components/Modal").CommonModalProps & {
-    hasBody?: false | undefined;
-    hasClose?: undefined;
-} & import("react").RefAttributes<HTMLDivElement>))>;
+}> & import("../../../../components/Modal").ModalProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Modal.d.ts.map

package/types/examples/plasma_web/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Modal/Modal.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D,eAAO,MAAM,KAAK;;;;;;;;;;oDAA0B,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Modal/Modal.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D,eAAO,MAAM,KAAK;;;;uGAA0B,CAAC"}

package/types/examples/plasma_web/components/Switch/Switch.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Switch/Switch.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGlB,CAAC"}
+{"version":3,"file":"Switch.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Switch/Switch.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GlB,CAAC"}

package/types/examples/plasma_web/components/Switch/Switch.d.ts

@@ -19,4 +19,24 @@ export declare const Switch: import("react").FunctionComponent<import("../../../
         true: import("@linaria/core").LinariaClassName;
     };
 }> & import("../../../../components/Switch").SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const SwitchOutline: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+    size: {
+        s: import("@linaria/core").LinariaClassName;
+        m: import("@linaria/core").LinariaClassName;
+        l: import("@linaria/core").LinariaClassName;
+    };
+    toggleSize: {
+        l: import("@linaria/core").LinariaClassName;
+        s: import("@linaria/core").LinariaClassName;
+    };
+    view: {
+        default: import("@linaria/core").LinariaClassName;
+    };
+    disabled: {
+        true: import("@linaria/core").LinariaClassName;
+    };
+    focused: {
+        true: import("@linaria/core").LinariaClassName;
+    };
+}> & import("../../../../components/Switch").SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Switch.d.ts.map

package/types/examples/plasma_web/components/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Switch/Switch.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;2GAA0B,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Switch/Switch.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;2GAA0B,CAAC;AAI9C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;2GAAiC,CAAC"}

package/types/examples/plasma_web/components/Switch/Switch.outline.config.d.ts

@@ -0,0 +1,30 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+        toggleSize: string;
+        labelPosition: string;
+        focused: string;
+    };
+    variations: {
+        size: {
+            s: import("@linaria/core").LinariaClassName;
+            m: import("@linaria/core").LinariaClassName;
+            l: import("@linaria/core").LinariaClassName;
+        };
+        toggleSize: {
+            l: import("@linaria/core").LinariaClassName;
+            s: import("@linaria/core").LinariaClassName;
+        };
+        view: {
+            default: import("@linaria/core").LinariaClassName;
+        };
+        disabled: {
+            true: import("@linaria/core").LinariaClassName;
+        };
+        focused: {
+            true: import("@linaria/core").LinariaClassName;
+        };
+    };
+};
+//# sourceMappingURL=Switch.outline.config.d.ts.map

package/types/examples/plasma_web/components/Switch/Switch.outline.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.outline.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Switch/Switch.outline.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GlB,CAAC"}

package/cjs/components/Modal/Modal.styles.js

@@ -1,27 +0,0 @@
-import './Modal.styles_tqsxxy.css';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('@linaria/react');
-
-var ModalBody = /*#__PURE__*/react.styled('div')({
-  name: "ModalBody",
-  "class": "m7npn1w",
-  propsAsIs: false
-});
-var ModalContent = /*#__PURE__*/react.styled('div')({
-  name: "ModalContent",
-  "class": "m16phoaz",
-  propsAsIs: false
-});
-var CloseButton = /*#__PURE__*/react.styled('button')({
-  name: "CloseButton",
-  "class": "c5bx5hr",
-  propsAsIs: false
-});
-
-exports.CloseButton = CloseButton;
-exports.ModalBody = ModalBody;
-exports.ModalContent = ModalContent;
-//# sourceMappingURL=Modal.styles.js.map

package/cjs/components/Modal/Modal.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.styles.js","sources":["../../../src/components/Modal/Modal.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Modal.tokens';\n\nexport const ModalBody = styled.div`\n    border-radius: var(${tokens.modalBodyBorderRadius});\n    padding: var(${tokens.modalBodyPadding});\n    background: var(${tokens.modalBodyBackground});\n    box-shadow: var(--shadow-down-soft-l);\n`;\n\nexport const ModalContent = styled.div`\n    position: relative;\n    padding: var(${tokens.modalContentPadding});\n`;\n\nexport const CloseButton = styled.button`\n    top: 0;\n    right: 0;\n\n    width: 1.5rem;\n    height: 1.5rem;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border: none;\n    border-radius: var(${tokens.modalCloseButtonRadius});\n\n    padding: 0;\n    margin: 0;\n    outline: none;\n\n    cursor: pointer;\n\n    background: transparent;\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.modalOutlineFocusColor})`,\n        outlineRadius: `calc(var(${tokens.modalCloseButtonRadius}) + 0.063rem)`,\n    })};\n\n    position: absolute;\n`;\n"],"names":["ModalBody","styled","name","class","propsAsIs","ModalContent","CloseButton"],"mappings":";;;;;;AAMO,IAAMA,SAAS,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9B,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGjC,EAAA;AAEM,IAAME,WAAW,gBAAGL,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA8BhC;;;;;;"}

package/cjs/components/Modal/Modal.styles_tqsxxy.css

@@ -1,3 +0,0 @@
-.m7npn1w{border-radius:var(--plasma-modal-body-border-radius);padding:var(--plasma-modal-body-padding);background:var(--plasma-modal-body-background);box-shadow:var(--shadow-down-soft-l);}
-.m16phoaz{position:relative;padding:var(--plasma-modal-content-padding);}
-.c5bx5hr{top:0;right:0;width:1.5rem;height:1.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--plasma-modal-close-button-radius);padding:0;margin:0;outline:none;cursor:pointer;background:transparent;position:relative;position:absolute;}.c5bx5hr::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-modal-close-button-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.c5bx5hr.focus-visible:focus::before,.c5bx5hr[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-modal-outline-focus-color);}

package/cjs/components/Switch/_toggleSize/base_6i0904.css

@@ -1 +0,0 @@
-.b1wld3h3 .s2cs3kf{-webkit-flex:0 0 var(--plasma-switch__track-width);-ms-flex:0 0 var(--plasma-switch__track-width);flex:0 0 var(--plasma-switch__track-width);width:var(--plasma-switch__track-width);height:var(--plasma-switch__track-height);border-radius:var(--plasma-switch__track-border-radius);}.b1wld3h3 .s2cs3kf::after{width:var(--plasma-switch__thumb-size);height:var(--plasma-switch__thumb-size);border-radius:var(--plasma-switch__thumb-border-radius);margin:auto var(--plasma-switch__thumb-offset);}.b1wld3h3:active:not([disabled]) .s2cs3kf::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}

package/cjs/components/Switch/_view/base_yxkf3s.css

@@ -1 +0,0 @@
-.b1g0jmh3 .s2cs3kf{background-color:var(--plasma-switch__track_checked_false-bg-color);}.b1g0jmh3 .ssthlx1:not([disabled]) ~ .s2cs3kf:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));}.b1g0jmh3 .ssthlx1:checked ~ .s2cs3kf{background-color:var(--plasma-switch__track_checked_true-bg-color);}.b1g0jmh3 .ssthlx1:checked:not([disabled]) ~ .s2cs3kf:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));}.b1g0jmh3 .s2cs3kf::after{background-color:var(--plasma-switch__thumb-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.b1g0jmh3 .ssthlx1:checked ~ .s2cs3kf::after{box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}.b1g0jmh3 .s1ilr5eq{color:var(--plasma-switch__label-color);}.b1g0jmh3 .sdjnckq{color:var(--plasma-switch__description-color);}