@salutejs/plasma-new-hope 0.194.0-canary.1568.11891833298.0 → 0.194.1-canary.1569.11907567976.0

package/styled-components/es/components/Switch/_toggleSize/base.js

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
 import { tokens } from '../Switch.tokens';
-import { StyledTrigger } from '../Switch.styles';
-export var base = /*#__PURE__*/css(["", "{box-sizing:border-box;flex:0 0 var(", ");border-style:solid;border-width:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");&::after{width:var(", ");height:var(", ");border-radius:var(", ");margin:auto var(", ");}}:active:not([disabled]) ", "::after{width:calc(var(", ") * var(", ",1));}"], StyledTrigger, tokens.trackWidth, tokens.trackBorderWidth, tokens.trackBorderRadius, tokens.trackWidth, tokens.trackHeight, tokens.thumbSize, tokens.thumbSize, tokens.thumbBorderRadius, tokens.thumbOffset, StyledTrigger, tokens.thumbSize, tokens.thumbPressScale);
+import { StyledInput, StyledTrigger } from '../Switch.styles';
+export var base = /*#__PURE__*/css(["", "{box-sizing:border-box;flex:0 0 var(", ");border-style:solid;border-width:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");&::after{width:var(", ");height:var(", ");border-radius:var(", ");margin:auto var(", ");}}", ":checked ~ ", "{border-width:var(", ",var(", "));}:active:not([disabled]) ", "::after{width:calc(var(", ") * var(", ",1));}"], StyledTrigger, tokens.trackWidth, tokens.trackBorderWidthOff, tokens.trackBorderRadius, tokens.trackWidth, tokens.trackHeight, tokens.thumbSize, tokens.thumbSize, tokens.thumbBorderRadius, tokens.thumbOffset, StyledInput, StyledTrigger, tokens.trackBorderWidthOn, tokens.trackBorderWidthOff, StyledTrigger, tokens.thumbSize, tokens.thumbPressScale);

package/styled-components/es/examples/plasma_b2c/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);", ":0rem;", ":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.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, 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);", ":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.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, switchTokens.thumbBoxShadow)
     },
     disabled: {
       "true": /*#__PURE__*/css(["", ":0.4;"], switchTokens.disabledOpacity)

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

@@ -19,7 +19,7 @@ export var config = {
       s: /*#__PURE__*/css(["", ":2rem;", ":1.25rem;", ":calc(var(", ") / 2);", ":0.875rem;", ":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);", ":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.trackBorderWidth, switchTokens.trackBorderColorOff, switchTokens.trackBorderColorOffHover, switchTokens.trackBorderColorOn, switchTokens.trackBorderColorOnHover, switchTokens.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, switchTokens.thumbBoxShadow)
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":0.0625rem;", ":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.trackBorderWidthOn, switchTokens.trackBorderWidthOff, 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.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);", ":0rem;", ":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.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, 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);", ":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.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, switchTokens.thumbBoxShadow)
     },
     disabled: {
       "true": /*#__PURE__*/css(["", ":0.4;"], switchTokens.disabledOpacity)

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

@@ -19,7 +19,7 @@ export var config = {
       s: /*#__PURE__*/css(["", ":2rem;", ":1.25rem;", ":calc(var(", ") / 2);", ":0.875rem;", ":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);", ":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.trackBorderWidth, switchTokens.trackBorderColorOff, switchTokens.trackBorderColorOffHover, switchTokens.trackBorderColorOn, switchTokens.trackBorderColorOnHover, switchTokens.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, switchTokens.thumbBoxShadow)
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":0.0625rem;", ":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.trackBorderWidthOn, switchTokens.trackBorderWidthOff, switchTokens.trackBorderColorOff, switchTokens.trackBorderColorOffHover, switchTokens.trackBorderColorOn, switchTokens.trackBorderColorOnHover, switchTokens.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, switchTokens.thumbBoxShadow)
     },
     disabled: {
       "true": /*#__PURE__*/css(["", ":0.4;"], switchTokens.disabledOpacity)

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

@@ -20,7 +20,8 @@ export declare const tokens: {
     verticalGap: string;
     trackWidth: string;
     trackHeight: string;
-    trackBorderWidth: string;
+    trackBorderWidthOn: string;
+    trackBorderWidthOff: string;
     trackBorderColorOn: string;
     trackBorderColorOnHover: string;
     trackBorderColorOff: 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;;;;;;;;;;;;;;;;;;;;;;;;;CAiChE,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;;;;;;;;;;;;;;;;;;;;;;;;;;CAkChE,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,0CAuBhB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/_toggleSize/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA2BhB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGlB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuGlB,CAAC"}

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGlB,CAAC"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyGlB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGlB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuGlB,CAAC"}

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGlB,CAAC"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyGlB,CAAC"}

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

@@ -1 +0,0 @@
-.b1wld3h3 .s2cs3kf{box-sizing:border-box;-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);border-style:solid;border-width:var(--plasma-switch__track-border);border-radius:var(--plasma-switch__track-border-radius);width:var(--plasma-switch__track-width);height:var(--plasma-switch__track-height);}.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/emotion/cjs/components/Card/Card.api.mdx

@@ -1,184 +0,0 @@
----
-id: card
-title: Card
----
-
-отличия от https://plasma.sberdevices.ru/b2c/components/card/:
-* избавляемся от CardBody
-* убираем дублирование disabled
-
-примеры дизайна https://www.figma.com/design/MXl0ZkXEqEhIFDS2H6b3yk/StarDS-Cards?node-id=2-690&node-type=instance&t=TJN8Nqyiky3Dfw2T-0
-
-другие либы:
-https://ant.design/components/card#
-https://mui.com/material-ui/react-card/
-
-```tsx live
-import React, { ReactNode } from "react";
-
-/**
- * Набор часто встречающихся скруглений.
- */
-
-export const radiuses = {
-  250: 15.625,
-  32: 2,
-  28: 1.75,
-  24: 1.5,
-  20: 1.25,
-  18: 1.125,
-  16: 1,
-  14: 0.875,
-  12: 0.75,
-  8: 0.5,
-  0: 0,
-};
-
-export type Roundness = keyof typeof radiuses;
-
-export interface RoundnessProps {
-  /** Скругленность */
-  roundness: Roundness;
-}
-
-interface Card {
-  /** Компонент в фокусе */
-  focused?: boolean;
-  /** Увеличение по фокусу */
-  scaleOnFocus?: boolean;
-  /** Компонент неактивен */
-  disabled?: boolean;
-  /** Добавить рамку при фокусе */
-  outlined?: boolean;
-  /** Цвет подложки */
-  background?: string;
-  /** Делает карточку квадратной */
-  square?: boolean;
-  /** Заголовок */
-  title?: string | ReactNode;
-  /** Подзаголовок */
-  subtitle?: string | ReactNode;
-  /** Расположение заголовка и подзаголовка, пока нет в дизайне */
-  titlePlacement?: "inner" | "outer";
-  /** Выравнивание заголовка и подзаголовка */
-  titleAlign?: "left" | "center";
-  /** Подвал, или вынести в
-   * <CardContent footer={<CardTimeline />} /> или <CardFooter><CardTimeline /></CardFooter>
-   * */
-  footer?: ReactNode;
-}
-
-const ratios = {
-  "1 / 1": "100",
-  "1/1": "100",
-  "3 / 4": "133.3333",
-  "3/4": "133.3333",
-  "4 / 3": "75",
-  "4/3": "75",
-  "9 / 16": "177.7778",
-  "9/16": "177.7778",
-  "16 / 9": "56.25",
-  "16/9": "56.25",
-  "1 / 2": "200",
-  "1/2": "200",
-  "2 / 1": "50",
-  "2/1": "50",
-};
-
-export type Ratio = keyof typeof ratios;
-
-/**
- * CardMedia из текущей реализации
- * Стоит ли заменить пропсом `cover?: ReactNode;` в Card как в Ant?
- * а width и height передавать в style...
- *
- * имхо, нет. у Card может быть title и subtitle под карточкой
- * скорее всего, на них свойство height не должно распространяться
- * стоит подождать финальный дизайн
- */
-interface CardMedia {
-  base?: "img" | "div";
-  height?: string | number;
-  ratio?: Ratio;
-  customRatio?: string;
-}
-
-interface CardContent {
-  topLeft?: string | ReactNode;
-  topRight?: string | ReactNode;
-  bottomLeft?: string | ReactNode;
-  bottomRight?: string | ReactNode;
-  children?: ReactNode;
-}
-
-/** или */
-interface CardContent {
-  placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-  children?: ReactNode;
-}
-
-interface CardTimeline {
-  /**
-   * Описание, например время до конца фильма. Возможно,
-   * не нужно и стоит указывать bottomRight контент
-   */
-  text?: string;
-  progress?: string | number;
-  /**
-   * Не увеличивать высоту карточки
-   * @default true
-   */
-  inline?: boolean;
-}
-```
-
-```tsx live
-<Card title="Title" subtitle="Subtitle">
-  <CardContent placement="top-left">
-    <SomeIcon />
-  </CardContent>
-  <CardContent placement="top-right">
-    <SaveButton saved={isSaved} />
-  </CardContent>
-  <CardContent placement="bottom-right">18+</CardContent>
-</Card>;
-
-<Card title="Title" subtitle="Subtitle">
-  <CardContent
-    topLeft={<SomeIcon />}
-    topRight={<SaveButton saved={isSaved} />}
-    bottomRight="18+"
-  />
-</Card>;
-
-<Card title="Title" subtitle="Subtitle">
-  <CardMedia src={someSrc} alt="trailer" />
-  <CardContent
-    topLeft={<SomeIcon />}
-    topRight={<SaveButton saved={isSaved} />}
-    bottomRight="18+"
-  />
-  <CardTimeline text="еще 1ч 23мин" progress={56} />
-</Card>;
-
-<Card title="Title" subtitle="Subtitle">
-  <CardContent topLeft={<SomeIcon />} topRight={<SaveButton saved={isSaved} />}>
-    <CardMedia src={someSrc} alt="trailer" />
-  </CardContent>
-  <CardTimeline text="еще 1ч 23мин" progress={56} />
-</Card>;
-
-<Card
-  title="Title"
-  subtitle="Subtitle"
-  // как в ant, но кажется, что так менее гибко
-  cover={<CardMedia src={someSrc} alt="trailer" />}
-  square
->
-  <CardContent
-    topLeft={<SomeIcon />}
-    topRight={<SaveButton saved={isSaved} />}
-  />
-  <CardTimeline text="еще 1ч 23мин" progress={56} />
-</Card>;
-```

package/emotion/es/components/Card/Card.api.mdx

@@ -1,184 +0,0 @@
----
-id: card
-title: Card
----
-
-отличия от https://plasma.sberdevices.ru/b2c/components/card/:
-* избавляемся от CardBody
-* убираем дублирование disabled
-
-примеры дизайна https://www.figma.com/design/MXl0ZkXEqEhIFDS2H6b3yk/StarDS-Cards?node-id=2-690&node-type=instance&t=TJN8Nqyiky3Dfw2T-0
-
-другие либы:
-https://ant.design/components/card#
-https://mui.com/material-ui/react-card/
-
-```tsx live
-import React, { ReactNode } from "react";
-
-/**
- * Набор часто встречающихся скруглений.
- */
-
-export const radiuses = {
-  250: 15.625,
-  32: 2,
-  28: 1.75,
-  24: 1.5,
-  20: 1.25,
-  18: 1.125,
-  16: 1,
-  14: 0.875,
-  12: 0.75,
-  8: 0.5,
-  0: 0,
-};
-
-export type Roundness = keyof typeof radiuses;
-
-export interface RoundnessProps {
-  /** Скругленность */
-  roundness: Roundness;
-}
-
-interface Card {
-  /** Компонент в фокусе */
-  focused?: boolean;
-  /** Увеличение по фокусу */
-  scaleOnFocus?: boolean;
-  /** Компонент неактивен */
-  disabled?: boolean;
-  /** Добавить рамку при фокусе */
-  outlined?: boolean;
-  /** Цвет подложки */
-  background?: string;
-  /** Делает карточку квадратной */
-  square?: boolean;
-  /** Заголовок */
-  title?: string | ReactNode;
-  /** Подзаголовок */
-  subtitle?: string | ReactNode;
-  /** Расположение заголовка и подзаголовка, пока нет в дизайне */
-  titlePlacement?: "inner" | "outer";
-  /** Выравнивание заголовка и подзаголовка */
-  titleAlign?: "left" | "center";
-  /** Подвал, или вынести в
-   * <CardContent footer={<CardTimeline />} /> или <CardFooter><CardTimeline /></CardFooter>
-   * */
-  footer?: ReactNode;
-}
-
-const ratios = {
-  "1 / 1": "100",
-  "1/1": "100",
-  "3 / 4": "133.3333",
-  "3/4": "133.3333",
-  "4 / 3": "75",
-  "4/3": "75",
-  "9 / 16": "177.7778",
-  "9/16": "177.7778",
-  "16 / 9": "56.25",
-  "16/9": "56.25",
-  "1 / 2": "200",
-  "1/2": "200",
-  "2 / 1": "50",
-  "2/1": "50",
-};
-
-export type Ratio = keyof typeof ratios;
-
-/**
- * CardMedia из текущей реализации
- * Стоит ли заменить пропсом `cover?: ReactNode;` в Card как в Ant?
- * а width и height передавать в style...
- *
- * имхо, нет. у Card может быть title и subtitle под карточкой
- * скорее всего, на них свойство height не должно распространяться
- * стоит подождать финальный дизайн
- */
-interface CardMedia {
-  base?: "img" | "div";
-  height?: string | number;
-  ratio?: Ratio;
-  customRatio?: string;
-}
-
-interface CardContent {
-  topLeft?: string | ReactNode;
-  topRight?: string | ReactNode;
-  bottomLeft?: string | ReactNode;
-  bottomRight?: string | ReactNode;
-  children?: ReactNode;
-}
-
-/** или */
-interface CardContent {
-  placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-  children?: ReactNode;
-}
-
-interface CardTimeline {
-  /**
-   * Описание, например время до конца фильма. Возможно,
-   * не нужно и стоит указывать bottomRight контент
-   */
-  text?: string;
-  progress?: string | number;
-  /**
-   * Не увеличивать высоту карточки
-   * @default true
-   */
-  inline?: boolean;
-}
-```
-
-```tsx live
-<Card title="Title" subtitle="Subtitle">
-  <CardContent placement="top-left">
-    <SomeIcon />
-  </CardContent>
-  <CardContent placement="top-right">
-    <SaveButton saved={isSaved} />
-  </CardContent>
-  <CardContent placement="bottom-right">18+</CardContent>
-</Card>;
-
-<Card title="Title" subtitle="Subtitle">
-  <CardContent
-    topLeft={<SomeIcon />}
-    topRight={<SaveButton saved={isSaved} />}
-    bottomRight="18+"
-  />
-</Card>;
-
-<Card title="Title" subtitle="Subtitle">
-  <CardMedia src={someSrc} alt="trailer" />
-  <CardContent
-    topLeft={<SomeIcon />}
-    topRight={<SaveButton saved={isSaved} />}
-    bottomRight="18+"
-  />
-  <CardTimeline text="еще 1ч 23мин" progress={56} />
-</Card>;
-
-<Card title="Title" subtitle="Subtitle">
-  <CardContent topLeft={<SomeIcon />} topRight={<SaveButton saved={isSaved} />}>
-    <CardMedia src={someSrc} alt="trailer" />
-  </CardContent>
-  <CardTimeline text="еще 1ч 23мин" progress={56} />
-</Card>;
-
-<Card
-  title="Title"
-  subtitle="Subtitle"
-  // как в ant, но кажется, что так менее гибко
-  cover={<CardMedia src={someSrc} alt="trailer" />}
-  square
->
-  <CardContent
-    topLeft={<SomeIcon />}
-    topRight={<SaveButton saved={isSaved} />}
-  />
-  <CardTimeline text="еще 1ч 23мин" progress={56} />
-</Card>;
-```

package/es/components/Switch/_toggleSize/base_1d0b3t4.css

@@ -1 +0,0 @@
-.b1wld3h3 .s2cs3kf{box-sizing:border-box;-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);border-style:solid;border-width:var(--plasma-switch__track-border);border-radius:var(--plasma-switch__track-border-radius);width:var(--plasma-switch__track-width);height:var(--plasma-switch__track-height);}.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/styled-components/cjs/components/Card/Card.api.mdx

@@ -1,184 +0,0 @@
----
-id: card
-title: Card
----
-
-отличия от https://plasma.sberdevices.ru/b2c/components/card/:
-* избавляемся от CardBody
-* убираем дублирование disabled
-
-примеры дизайна https://www.figma.com/design/MXl0ZkXEqEhIFDS2H6b3yk/StarDS-Cards?node-id=2-690&node-type=instance&t=TJN8Nqyiky3Dfw2T-0
-
-другие либы:
-https://ant.design/components/card#
-https://mui.com/material-ui/react-card/
-
-```tsx live
-import React, { ReactNode } from "react";
-
-/**
- * Набор часто встречающихся скруглений.
- */
-
-export const radiuses = {
-  250: 15.625,
-  32: 2,
-  28: 1.75,
-  24: 1.5,
-  20: 1.25,
-  18: 1.125,
-  16: 1,
-  14: 0.875,
-  12: 0.75,
-  8: 0.5,
-  0: 0,
-};
-
-export type Roundness = keyof typeof radiuses;
-
-export interface RoundnessProps {
-  /** Скругленность */
-  roundness: Roundness;
-}
-
-interface Card {
-  /** Компонент в фокусе */
-  focused?: boolean;
-  /** Увеличение по фокусу */
-  scaleOnFocus?: boolean;
-  /** Компонент неактивен */
-  disabled?: boolean;
-  /** Добавить рамку при фокусе */
-  outlined?: boolean;
-  /** Цвет подложки */
-  background?: string;
-  /** Делает карточку квадратной */
-  square?: boolean;
-  /** Заголовок */
-  title?: string | ReactNode;
-  /** Подзаголовок */
-  subtitle?: string | ReactNode;
-  /** Расположение заголовка и подзаголовка, пока нет в дизайне */
-  titlePlacement?: "inner" | "outer";
-  /** Выравнивание заголовка и подзаголовка */
-  titleAlign?: "left" | "center";
-  /** Подвал, или вынести в
-   * <CardContent footer={<CardTimeline />} /> или <CardFooter><CardTimeline /></CardFooter>
-   * */
-  footer?: ReactNode;
-}
-
-const ratios = {
-  "1 / 1": "100",
-  "1/1": "100",
-  "3 / 4": "133.3333",
-  "3/4": "133.3333",
-  "4 / 3": "75",
-  "4/3": "75",
-  "9 / 16": "177.7778",
-  "9/16": "177.7778",
-  "16 / 9": "56.25",
-  "16/9": "56.25",
-  "1 / 2": "200",
-  "1/2": "200",
-  "2 / 1": "50",
-  "2/1": "50",
-};
-
-export type Ratio = keyof typeof ratios;
-
-/**
- * CardMedia из текущей реализации
- * Стоит ли заменить пропсом `cover?: ReactNode;` в Card как в Ant?
- * а width и height передавать в style...
- *
- * имхо, нет. у Card может быть title и subtitle под карточкой
- * скорее всего, на них свойство height не должно распространяться
- * стоит подождать финальный дизайн
- */
-interface CardMedia {
-  base?: "img" | "div";
-  height?: string | number;
-  ratio?: Ratio;
-  customRatio?: string;
-}
-
-interface CardContent {
-  topLeft?: string | ReactNode;
-  topRight?: string | ReactNode;
-  bottomLeft?: string | ReactNode;
-  bottomRight?: string | ReactNode;
-  children?: ReactNode;
-}
-
-/** или */
-interface CardContent {
-  placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-  children?: ReactNode;
-}
-
-interface CardTimeline {
-  /**
-   * Описание, например время до конца фильма. Возможно,
-   * не нужно и стоит указывать bottomRight контент
-   */
-  text?: string;
-  progress?: string | number;
-  /**
-   * Не увеличивать высоту карточки
-   * @default true
-   */
-  inline?: boolean;
-}
-```
-
-```tsx live
-<Card title="Title" subtitle="Subtitle">
-  <CardContent placement="top-left">
-    <SomeIcon />
-  </CardContent>
-  <CardContent placement="top-right">
-    <SaveButton saved={isSaved} />
-  </CardContent>
-  <CardContent placement="bottom-right">18+</CardContent>
-</Card>;
-
-<Card title="Title" subtitle="Subtitle">
-  <CardContent
-    topLeft={<SomeIcon />}
-    topRight={<SaveButton saved={isSaved} />}
-    bottomRight="18+"
-  />
-</Card>;
-
-<Card title="Title" subtitle="Subtitle">
-  <CardMedia src={someSrc} alt="trailer" />
-  <CardContent
-    topLeft={<SomeIcon />}
-    topRight={<SaveButton saved={isSaved} />}
-    bottomRight="18+"
-  />
-  <CardTimeline text="еще 1ч 23мин" progress={56} />
-</Card>;
-
-<Card title="Title" subtitle="Subtitle">
-  <CardContent topLeft={<SomeIcon />} topRight={<SaveButton saved={isSaved} />}>
-    <CardMedia src={someSrc} alt="trailer" />
-  </CardContent>
-  <CardTimeline text="еще 1ч 23мин" progress={56} />
-</Card>;
-
-<Card
-  title="Title"
-  subtitle="Subtitle"
-  // как в ant, но кажется, что так менее гибко
-  cover={<CardMedia src={someSrc} alt="trailer" />}
-  square
->
-  <CardContent
-    topLeft={<SomeIcon />}
-    topRight={<SaveButton saved={isSaved} />}
-  />
-  <CardTimeline text="еще 1ч 23мин" progress={56} />
-</Card>;
-```