@salutejs/plasma-new-hope 0.150.0-canary.1443.10955942474.0 → 0.150.0-canary.1446.10958757493.0

package/emotion/es/components/Steps/Steps.template-doc.mdx

@@ -1,82 +0,0 @@
----
-id: steps
-title: Steps
----
-
-# Steps
-Шаги могут отображаться в нескольких размерах, в упрощенном виде и в горизонтальной/вертикальной ориентации
-
-```tsx live
-import React, { ReactNode, useState } from "react";
-
-interface StepItemSimple {
-  indicator?: number | string | ReactNode;
-  progress?: "notStarted" | "completed" | "inProgress";
-  disabled?: boolean;
-}
-
-interface StepItem {
-  title?: string;
-  content?: string | ReactNode;
-  indicator?: number | string | ReactNode;
-  progress?: "notStarted" | "completed" | "inProgress";
-  disabled?: boolean;
-}
-
-type StepItemType = StepItemSimple | StepItem;
-
-interface Steps {
-  orientation?: "horizontal" | "vertical";
-  /* выравнивание заголовков и контента
-   * @default 'left' */
-  contentAlign?: "left" | "center"; //
-  size?: "xs" | "s" | "m" | "l";
-  indicatorSize?: 8 | 16 | 24 | 36;
-  /* наличие разделительной линии
-   * @default 'left' */
-  hasLine?: boolean;
-  /* включает упрощенное отображение, то есть без title и content
-   * даже если они есть в items */
-  simple?: boolean;
-  /* обработчик кликов по StepItem
-    при наличии onClick у полей появляется :hover
-    без onClick можно разместить в content кнопки и обрабатывать переходы через них
-  */
-  onClick?: (item: StepItemType, index: number) => void;
-  items: StepItemType[];
-}
-
-export const fullItems = [
-  {
-    title: 'Просто заголовок',
-    indicator: 1,
-    content: text,
-    progress: 'completed',
-  },
-  {
-    title: 'Очень длинный и неприятный заголовок',
-    indicator: 2,
-    content: text,
-    progress: 'inProgress',
-  },
-  {
-    title: 'СамыйДлинныйИзНеприятныхЗаголовковЕщеИБезПробелов',
-    indicator: 3,
-    content: text,
-    progress: 'notStarted',
-  },
-];
-
-// пример использования
-const [exampleItems, setExampleItems] = useState<StepItem>(() =>
-  fullItems.map((item) => ({ ...item, progress: "notStarted" })),
-);
-
-<Steps
-  onClick={(item, index) => {
-    exampleItems[index].progress = "completed";
-    setExampleItems([...exampleItems]);
-  }}
-  items={exampleItems}
-/>;
-```

package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css

@@ -1,5 +0,0 @@
-.s1gkzlls{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.sz6s14y{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.d1m97l2m{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color);}
-.soib72h{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.w6l2f0g{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;margin:0;box-sizing:content-box;padding-top:var(--w6l2f0g-0);padding-right:var(--plasma-dropdown-item-padding-right);padding-bottom:var(--w6l2f0g-1);padding-left:var(--plasma-dropdown-item-padding-left);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.w6l2f0g:hover:not(.dropdown-item-is-disabled){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.w6l2f0g.dropdown-item-is-active{background:var(--plasma-dropdown-item-background-hover);}.w6l2f0g.dropdown-item-is-disabled{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}.w6l2f0g:focus{outline:none;}.w6l2f0g::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.w6l2f0g.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}

package/styled-components/cjs/components/Steps/Steps.template-doc.mdx

@@ -1,82 +0,0 @@
----
-id: steps
-title: Steps
----
-
-# Steps
-Шаги могут отображаться в нескольких размерах, в упрощенном виде и в горизонтальной/вертикальной ориентации
-
-```tsx live
-import React, { ReactNode, useState } from "react";
-
-interface StepItemSimple {
-  indicator?: number | string | ReactNode;
-  progress?: "notStarted" | "completed" | "inProgress";
-  disabled?: boolean;
-}
-
-interface StepItem {
-  title?: string;
-  content?: string | ReactNode;
-  indicator?: number | string | ReactNode;
-  progress?: "notStarted" | "completed" | "inProgress";
-  disabled?: boolean;
-}
-
-type StepItemType = StepItemSimple | StepItem;
-
-interface Steps {
-  orientation?: "horizontal" | "vertical";
-  /* выравнивание заголовков и контента
-   * @default 'left' */
-  contentAlign?: "left" | "center"; //
-  size?: "xs" | "s" | "m" | "l";
-  indicatorSize?: 8 | 16 | 24 | 36;
-  /* наличие разделительной линии
-   * @default 'left' */
-  hasLine?: boolean;
-  /* включает упрощенное отображение, то есть без title и content
-   * даже если они есть в items */
-  simple?: boolean;
-  /* обработчик кликов по StepItem
-    при наличии onClick у полей появляется :hover
-    без onClick можно разместить в content кнопки и обрабатывать переходы через них
-  */
-  onClick?: (item: StepItemType, index: number) => void;
-  items: StepItemType[];
-}
-
-export const fullItems = [
-  {
-    title: 'Просто заголовок',
-    indicator: 1,
-    content: text,
-    progress: 'completed',
-  },
-  {
-    title: 'Очень длинный и неприятный заголовок',
-    indicator: 2,
-    content: text,
-    progress: 'inProgress',
-  },
-  {
-    title: 'СамыйДлинныйИзНеприятныхЗаголовковЕщеИБезПробелов',
-    indicator: 3,
-    content: text,
-    progress: 'notStarted',
-  },
-];
-
-// пример использования
-const [exampleItems, setExampleItems] = useState<StepItem>(() =>
-  fullItems.map((item) => ({ ...item, progress: "notStarted" })),
-);
-
-<Steps
-  onClick={(item, index) => {
-    exampleItems[index].progress = "completed";
-    setExampleItems([...exampleItems]);
-  }}
-  items={exampleItems}
-/>;
-```

package/styled-components/es/components/Steps/Steps.template-doc.mdx

@@ -1,82 +0,0 @@
----
-id: steps
-title: Steps
----
-
-# Steps
-Шаги могут отображаться в нескольких размерах, в упрощенном виде и в горизонтальной/вертикальной ориентации
-
-```tsx live
-import React, { ReactNode, useState } from "react";
-
-interface StepItemSimple {
-  indicator?: number | string | ReactNode;
-  progress?: "notStarted" | "completed" | "inProgress";
-  disabled?: boolean;
-}
-
-interface StepItem {
-  title?: string;
-  content?: string | ReactNode;
-  indicator?: number | string | ReactNode;
-  progress?: "notStarted" | "completed" | "inProgress";
-  disabled?: boolean;
-}
-
-type StepItemType = StepItemSimple | StepItem;
-
-interface Steps {
-  orientation?: "horizontal" | "vertical";
-  /* выравнивание заголовков и контента
-   * @default 'left' */
-  contentAlign?: "left" | "center"; //
-  size?: "xs" | "s" | "m" | "l";
-  indicatorSize?: 8 | 16 | 24 | 36;
-  /* наличие разделительной линии
-   * @default 'left' */
-  hasLine?: boolean;
-  /* включает упрощенное отображение, то есть без title и content
-   * даже если они есть в items */
-  simple?: boolean;
-  /* обработчик кликов по StepItem
-    при наличии onClick у полей появляется :hover
-    без onClick можно разместить в content кнопки и обрабатывать переходы через них
-  */
-  onClick?: (item: StepItemType, index: number) => void;
-  items: StepItemType[];
-}
-
-export const fullItems = [
-  {
-    title: 'Просто заголовок',
-    indicator: 1,
-    content: text,
-    progress: 'completed',
-  },
-  {
-    title: 'Очень длинный и неприятный заголовок',
-    indicator: 2,
-    content: text,
-    progress: 'inProgress',
-  },
-  {
-    title: 'СамыйДлинныйИзНеприятныхЗаголовковЕщеИБезПробелов',
-    indicator: 3,
-    content: text,
-    progress: 'notStarted',
-  },
-];
-
-// пример использования
-const [exampleItems, setExampleItems] = useState<StepItem>(() =>
-  fullItems.map((item) => ({ ...item, progress: "notStarted" })),
-);
-
-<Steps
-  onClick={(item, index) => {
-    exampleItems[index].progress = "completed";
-    setExampleItems([...exampleItems]);
-  }}
-  items={exampleItems}
-/>;
-```