@alphakits/ui 1.31.5 → 2.0.0

package/dist/space/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/space/utils.ts"],"sourcesContent":["import React from 'react';\n\nexport type Align = 'start' | 'end' | 'center';\nexport type Direction = 'horizontal' | 'vertical';\nexport type Size = 's' | 'm' | 'l' | number;\n\nexport const SpaceContext = React.createContext({\n    length: 0,\n    horizontalSize: 0,\n    verticalSize: 0,\n});\n"],"names":["SpaceContext","React"],"mappings":";AAMO,MAAMA,IAAeC,EAAM,cAAc;AAAA,EAC5C,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,cAAc;AAClB,CAAC;"}

package/dist/spinner/component.d.ts

@@ -1,11 +1,28 @@
 import { FC } from 'react';
-type SpinnerProps = {
+export declare type SpinnerProps = {
+    /**
+     * Управление видимостью компонента
+     */
     visible?: boolean;
+    /**
+     * Размер компонента
+     */
     size?: 's' | 'm';
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Идентификатор компонента в DOM
+     */
     id?: string;
+    /**
+     *@param view - цвет спиннера default | dark | invert
+     */
     view?: 'default' | 'dark' | 'invert';
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
 };
-declare const Spinner: FC<SpinnerProps>;
-export { SpinnerProps, Spinner };
+export declare const Spinner: FC<SpinnerProps>;

package/dist/spinner/component.js

@@ -1 +1,40 @@
-import e from"react";import d from"classnames";var a={s:"index-module_s__3oYRx",m:"index-module_m__2py_o",spinnerWrapper:"index-module_spinnerWrapper__149Yg",spinner:"index-module_spinner__1spTS",rotate:"index-module_rotate__199bN",dash:"index-module_dash__CQgkh",path:"index-module_path__1FFWF",default:"index-module_default__2pvGd",dark:"index-module_dark__2UlY1",invert:"index-module_invert__Z_Z9q"},i=function(i){var r=i.size,n=void 0===r?"s":r,t=i.id,_=i.view,s=void 0===_?"default":_,o=i.className,l=i.dataTestId;return e.createElement("div",{id:t,"data-test-id":l,className:d(a.spinnerWrapper,a[n],o)},e.createElement("svg",{className:d(a.spinner,a[n]),preserveAspectRatio:"xMinYMin meet",viewBox:"0 0 50 50"},e.createElement("circle",{className:d(a.path,a[s]),cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))};export{i as Spinner};
+import { jsx as r } from "react/jsx-runtime";
+import s from "classnames";
+import e from "./index.module.css.js";
+const m = ({
+  size: i = "s",
+  id: t,
+  view: n = "default",
+  className: a,
+  dataTestId: c
+}) => /* @__PURE__ */ r(
+  "div",
+  {
+    id: t,
+    "data-test-id": c,
+    className: s(e.spinnerWrapper, e[i], a),
+    children: /* @__PURE__ */ r(
+      "svg",
+      {
+        className: s(e.spinner, e[i]),
+        preserveAspectRatio: "xMinYMin meet",
+        viewBox: "0 0 50 50",
+        children: /* @__PURE__ */ r(
+          "circle",
+          {
+            className: s(e.path, e[n]),
+            cx: "25",
+            cy: "25",
+            r: "20",
+            fill: "none",
+            strokeWidth: "5"
+          }
+        )
+      }
+    )
+  }
+);
+export {
+  m as Spinner
+};
+//# sourceMappingURL=component.js.map

package/dist/spinner/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/spinner/component.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type SpinnerProps = {\n    /**\n     * Управление видимостью компонента\n     */\n    // eslint-disable-next-line react/no-unused-prop-types\n    visible?: boolean;\n\n    /**\n     * Размер компонента\n     */\n    size?: 's' | 'm';\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор компонента в DOM\n     */\n    id?: string;\n\n    /**\n     *@param view - цвет спиннера default | dark | invert\n     */\n    view?: 'default' | 'dark' | 'invert';\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Spinner: FC<SpinnerProps> = ({\n    size = 's',\n    id,\n    view = 'default',\n    className,\n    dataTestId,\n}) => (\n    <div\n        id={ id }\n        data-test-id={ dataTestId }\n        className={ cn(styles.spinnerWrapper, styles[size], className) }\n    >\n        <svg\n            className={ cn(styles.spinner, styles[size]) }\n            preserveAspectRatio=\"xMinYMin meet\"\n            viewBox=\"0 0 50 50\"\n        >\n            <circle\n                className={ cn(styles.path, styles[view]) }\n                cx=\"25\"\n                cy=\"25\"\n                r=\"20\"\n                fill=\"none\"\n                strokeWidth=\"5\"\n            />\n        </svg>\n    </div>\n);\n"],"names":["Spinner","size","id","view","className","dataTestId","jsx","cn","styles"],"mappings":";;;AAsCO,MAAMA,IAA4B,CAAC;AAAA,EACtC,MAAAC,IAAO;AAAA,EACP,IAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,YAAAC;AACJ,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,IAAAJ;AAAA,IACA,gBAAeG;AAAA,IACf,WAAYE,EAAGC,EAAO,gBAAgBA,EAAOP,CAAI,GAAGG,CAAS;AAAA,IAE7D,UAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAYC,EAAGC,EAAO,SAASA,EAAOP,CAAI,CAAC;AAAA,QAC3C,qBAAoB;AAAA,QACpB,SAAQ;AAAA,QAER,UAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAYC,EAAGC,EAAO,MAAMA,EAAOL,CAAI,CAAC;AAAA,YACxC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,MAAK;AAAA,YACL,aAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,EACJ;AACJ;"}

package/dist/spinner/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/spinner/index.js

@@ -1 +1,5 @@
-export{Spinner}from"./component.js";import"react";import"classnames";
+import { Spinner as n } from "./component.js";
+export {
+  n as Spinner
+};
+//# sourceMappingURL=index.js.map

package/dist/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/spinner/index.module.css

@@ -0,0 +1 @@
+:root{--spinner-display-visible: inline-block;--spinner-animation-duration: .8s;--spinner-animation-timing-function: linear}.index-module_s__Xi4z8{width:24px;height:24px}.index-module_m__ZpMyr{width:48px;height:48px}.index-module_spinnerWrapper__VE6YF{display:flex;align-items:center;justify-content:center}.index-module_spinner__QP-ux{animation-name:index-module_rotate__Qv2Ic;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;z-index:2}.index-module_spinner__QP-ux .index-module_path__SQCAA{stroke-linecap:round;animation-name:index-module_dash__PurJL;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.index-module_default__nPp3J{stroke:var(--color-graphic-accent)}.index-module_dark__QnOjR{stroke:var(--color-graphic-primary)}.index-module_invert__6bSD5{stroke:var(--color-graphic-primary-inverted)}@keyframes index-module_rotate__Qv2Ic{to{transform:rotate(360deg)}}@keyframes index-module_dash__PurJL{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}

package/dist/spinner/index.module.css.js

@@ -0,0 +1,26 @@
+import './index.module.css';
+const e = "index-module_s__Xi4z8", n = "index-module_m__ZpMyr", _ = "index-module_spinnerWrapper__VE6YF", d = "index-module_spinner__QP-ux", t = "index-module_rotate__Qv2Ic", s = "index-module_path__SQCAA", o = "index-module_dash__PurJL", r = "index-module_dark__QnOjR", i = "index-module_invert__6bSD5", a = {
+  s: e,
+  m: n,
+  spinnerWrapper: _,
+  spinner: d,
+  rotate: t,
+  path: s,
+  dash: o,
+  default: "index-module_default__nPp3J",
+  dark: r,
+  invert: i
+};
+export {
+  r as dark,
+  o as dash,
+  a as default,
+  i as invert,
+  n as m,
+  s as path,
+  t as rotate,
+  e as s,
+  d as spinner,
+  _ as spinnerWrapper
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/spinner/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/stack/component.d.ts

@@ -1,7 +1,14 @@
 import { FC, ReactNode } from 'react';
-type StackProps = {
+export declare type StackProps = {
+    /**
+     * Render prop, в который передается функция.
+     * Функция принимает аргумент со значением z-index из текущего контекста.
+     */
     children: (value: number) => ReactNode;
+    /**
+     * Исходное значение для z-index.
+     * @default 5
+     */
     value?: number;
 };
-declare const Stack: FC<StackProps>;
-export { StackProps, Stack };
+export declare const Stack: FC<StackProps>;

package/dist/stack/component.js

@@ -1 +1,11 @@
-import r,{useContext as e}from"react";import{stackingOrder as t,StackingContext as o}from"./context.js";var a=function(a){var i=a.children,m=a.value,n=void 0===m?t.DEFAULT:m,v=e(o),c=Math.max(n,v),l=c+1;return r.createElement(o.Provider,{value:l},i(c))};export{a as Stack};
+import { jsx as c } from "react/jsx-runtime";
+import { useContext as i } from "react";
+import { StackingContext as r, stackingOrder as s } from "./context.js";
+const l = ({ children: e, value: o = s.DEFAULT }) => {
+  const n = i(r), t = Math.max(o, n), a = t + 1;
+  return /* @__PURE__ */ c(r.Provider, { value: a, children: e(t) });
+};
+export {
+  l as Stack
+};
+//# sourceMappingURL=component.js.map

package/dist/stack/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/stack/component.tsx"],"sourcesContent":["import React, { FC, ReactNode, useContext } from 'react';\n\nimport { StackingContext, stackingOrder } from './context';\n\nexport type StackProps = {\n    /**\n     * Render prop, в который передается функция.\n     * Функция принимает аргумент со значением z-index из текущего контекста.\n     */\n    children: (value: number) => ReactNode;\n\n    /**\n     * Исходное значение для z-index.\n     * @default 5\n     */\n    value?: number;\n};\n\nexport const Stack: FC<StackProps> = ({ children, value = stackingOrder.DEFAULT }) => {\n    const previousValue = useContext(StackingContext);\n    const currentValue = Math.max(value, previousValue);\n    const nextValue = currentValue + 1;\n\n    return (\n        <StackingContext.Provider value={nextValue}>\n            {children(currentValue)}\n        </StackingContext.Provider>\n    );\n};\n"],"names":["Stack","children","value","stackingOrder","previousValue","useContext","StackingContext","currentValue","nextValue","jsx"],"mappings":";;;AAkBO,MAAMA,IAAwB,CAAC,EAAE,UAAAC,GAAU,OAAAC,IAAQC,EAAc,cAAc;AAClF,QAAMC,IAAgBC,EAAWC,CAAe,GAC1CC,IAAe,KAAK,IAAIL,GAAOE,CAAa,GAC5CI,IAAYD,IAAe;AAEjC,SACI,gBAAAE,EAACH,EAAgB,UAAhB,EAAyB,OAAOE,GAC5B,UAAAP,EAASM,CAAY,GAC1B;AAER;"}

package/dist/stack/context.d.ts

@@ -1,10 +1,28 @@
 /// <reference types="react" />
-declare const stackingOrder: {
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+export declare const stackingOrder: {
+    /**
+     * Для компонентов с возможностью фокуса: кнопки, поля ввода
+     */
     FOCUSED: number;
+    /**
+     * Значение по-умолчанию
+     */
     DEFAULT: number;
+    /**
+     * Компоненты, которые управляют своей позицией, например, поповер, тултип
+     */
     POPOVER: number;
+    /**
+     * Для модальных окон с оверлеем
+     */
     MODAL: number;
+    /**
+     * Для тостов и нотификаций
+     */
     TOAST: number;
 };
-declare const StackingContext: import("react").Context<number>;
-export { stackingOrder, StackingContext };
+export declare const StackingContext: import('react').Context<number>;

package/dist/stack/context.js

@@ -1 +1,28 @@
-import{createContext as r}from"react";var O={FOCUSED:2,DEFAULT:10,POPOVER:999999999,MODAL:9e4,TOAST:9999999999},A=r(O.DEFAULT);export{A as StackingContext,O as stackingOrder};
+import { createContext as t } from "react";
+const e = {
+  /**
+   * Для компонентов с возможностью фокуса: кнопки, поля ввода
+   */
+  FOCUSED: 2,
+  /**
+   * Значение по-умолчанию
+   */
+  DEFAULT: 10,
+  /**
+   * Компоненты, которые управляют своей позицией, например, поповер, тултип
+   */
+  POPOVER: 999999999,
+  /**
+   * Для модальных окон с оверлеем
+   */
+  MODAL: 9e4,
+  /**
+   * Для тостов и нотификаций
+   */
+  TOAST: 9999999999
+}, n = t(e.DEFAULT);
+export {
+  n as StackingContext,
+  e as stackingOrder
+};
+//# sourceMappingURL=context.js.map

package/dist/stack/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../src/stack/context.ts"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * Набор констант для z-index соответствующих классов компонентов.\n * Значения выбраны по приоритету.\n */\nexport const stackingOrder = {\n    /**\n     * Для компонентов с возможностью фокуса: кнопки, поля ввода\n     */\n    FOCUSED: 2,\n\n    /**\n     * Значение по-умолчанию\n     */\n    DEFAULT: 10,\n\n    /**\n     * Компоненты, которые управляют своей позицией, например, поповер, тултип\n     */\n    POPOVER: 999999999,\n\n    /**\n     * Для модальных окон с оверлеем\n     */\n    MODAL: 90000,\n\n    /**\n     * Для тостов и нотификаций\n     */\n    TOAST: 9999999999,\n};\n\nexport const StackingContext = createContext(stackingOrder.DEFAULT);\n"],"names":["stackingOrder","StackingContext","createContext"],"mappings":";AAMO,MAAMA,IAAgB;AAAA;AAAA;AAAA;AAAA,EAIzB,SAAS;AAAA;AAAA;AAAA;AAAA,EAKT,SAAS;AAAA;AAAA;AAAA;AAAA,EAKT,SAAS;AAAA;AAAA;AAAA;AAAA,EAKT,OAAO;AAAA;AAAA;AAAA;AAAA,EAKP,OAAO;AACX,GAEaC,IAAkBC,EAAcF,EAAc,OAAO;"}

package/dist/stack/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./context";
-export * from "./component";
+export * from './context';
+export * from './component';

package/dist/stack/index.js

@@ -1 +1,8 @@
-export{StackingContext,stackingOrder}from"./context.js";export{Stack}from"./component.js";import"react";
+import { StackingContext as o, stackingOrder as e } from "./context.js";
+import { Stack as c } from "./component.js";
+export {
+  c as Stack,
+  o as StackingContext,
+  e as stackingOrder
+};
+//# sourceMappingURL=index.js.map

package/dist/stack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/status/component.d.ts

@@ -1,11 +1,28 @@
 import { FC } from 'react';
-type StatusProps = {
+export declare type StatusProps = {
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * текст внутри заглавными буквамиы
+     */
     upperCase?: boolean;
+    /**
+     *  Вид компонента
+     */
     view: 'contrast' | 'soft';
+    /**
+     *  Вид компонента
+     */
     size?: 's' | 'm';
+    /**
+     * Цветовое оформление иконки
+     */
     color: 'green' | 'orange' | 'red' | 'blue' | 'grey' | 'teal' | 'purple';
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
 };
-declare const Status: FC<StatusProps>;
-export { StatusProps, Status };
+export declare const Status: FC<StatusProps>;

package/dist/status/component.js

@@ -1 +1,25 @@
-import e from"react";import _ from"classnames";var o={component:"index-module_component__1Asri",upper_case:"index-module_upper_case__217t9",m:"index-module_m__3hcKm",s:"index-module_s__3qai3",soft:"index-module_soft__3ZP2_",green:"index-module_green__3wNea",orange:"index-module_orange__1NWjo",red:"index-module_red__3C0Yb",blue:"index-module_blue__92ELD",grey:"index-module_grey__RT5Ch",teal:"index-module_teal__zQ_QB",purple:"index-module_purple__1ae38",contrast:"index-module_contrast__2kTKP"},d=function(d){var n,r=d.className,a=d.view,m=d.color,l=d.children,t=d.dataTestId,i=d.upperCase,s=d.size,u=void 0===s?"s":s;return e.createElement("span",{className:_(o.component,o[m],o[u],o[a],r,(n={},n[o.upper_case]=i,n)),"data-test-id":t},l)};export{d as Status};
+import { jsx as c } from "react/jsx-runtime";
+import n from "classnames";
+import t from "./index.module.css.js";
+const l = ({
+  className: s,
+  view: o,
+  color: m,
+  children: p,
+  dataTestId: r,
+  upperCase: a,
+  size: e = "s"
+}) => /* @__PURE__ */ c(
+  "span",
+  {
+    className: n(t.component, t[m], t[e], t[o], s, {
+      [t.upper_case]: a
+    }),
+    "data-test-id": r,
+    children: p
+  }
+);
+export {
+  l as Status
+};
+//# sourceMappingURL=component.js.map

package/dist/status/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/status/component.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type StatusProps = {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * текст внутри заглавными буквамиы\n     */\n    upperCase?: boolean;\n\n    /**\n     *  Вид компонента\n     */\n    view: 'contrast' | 'soft';\n    /**\n     *  Вид компонента\n     */\n    size?: 's' | 'm';\n\n    /**\n     * Цветовое оформление иконки\n     */\n    color: 'green' | 'orange' | 'red' | 'blue' | 'grey' | 'teal' | 'purple';\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Status: FC<StatusProps> = ({\n    className,\n    view,\n    color,\n    children,\n    dataTestId,\n    upperCase,\n    size = 's',\n}) => (\n    <span\n        className={ cn(styles.component, styles[color], styles[size], styles[view], className, {\n            [styles.upper_case]: upperCase,\n        }) }\n        data-test-id={ dataTestId }\n    >\n        { children }\n    </span>\n);\n"],"names":["Status","className","view","color","children","dataTestId","upperCase","size","jsx","cn","styles"],"mappings":";;;AAoCO,MAAMA,IAA0B,CAAC;AAAA,EACpC,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AACX,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAYC,EAAGC,EAAO,WAAWA,EAAOP,CAAK,GAAGO,EAAOH,CAAI,GAAGG,EAAOR,CAAI,GAAGD,GAAW;AAAA,MACnF,CAACS,EAAO,UAAU,GAAGJ;AAAA,IAAA,CACxB;AAAA,IACD,gBAAeD;AAAA,IAEb,UAAAD;AAAA,EAAA;AACN;"}

package/dist/status/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/status/index.js

@@ -1 +1,5 @@
-export{Status}from"./component.js";import"react";import"classnames";
+import { Status as r } from "./component.js";
+export {
+  r as Status
+};
+//# sourceMappingURL=index.js.map

package/dist/status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/status/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.index-module_component__ow7Aw{font-size:13px;line-height:20px;font-weight:500;font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 var(--gap-s);border-radius:4px;text-align:center;white-space:nowrap}.index-module_component__ow7Aw:empty{padding:0;border-radius:var(--radius-circle)}.index-module_upper_case__qm11K{text-transform:uppercase}.index-module_m__oJfGX{height:36px;gap:8px}.index-module_s__caYRs{gap:4px;height:22px!important;padding:0 8px!important}.index-module_s__caYRs svg{width:12px}.index-module_soft__BdoFt{display:inline-flex;align-items:center;justify-content:center;letter-spacing:.2px;font-weight:600;padding:0 var(--gap-s);border-radius:9999px;border:1px solid transparent;color:var(--soft-fg, currentColor);background:var(--soft-bg, transparent)}.index-module_soft__BdoFt svg{margin-left:-2px}.index-module_soft__BdoFt.index-module_green__KVuFt{--soft-fg: var(--color-graphic-positive);--soft-bg: color-mix(in srgb, var(--color-graphic-positive) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-positive) 28%,transparent)}.index-module_soft__BdoFt.index-module_orange__RhVjy{--soft-fg: var(--color-graphic-attention);--soft-bg: color-mix(in srgb, var(--color-graphic-attention) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-attention) 28%,transparent)}.index-module_soft__BdoFt.index-module_red__tLzKj{--soft-fg: var(--color-graphic-negative);--soft-bg: color-mix(in srgb, var(--color-graphic-negative) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-negative) 28%,transparent)}.index-module_soft__BdoFt.index-module_blue__Z-Cce{--soft-fg: var(--color-graphic-accent);--soft-bg: color-mix(in srgb, var(--color-graphic-accent) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-accent) 28%,transparent)}.index-module_soft__BdoFt.index-module_grey__0taE9{--soft-fg: var(--color-graphic-secondary);--soft-bg: color-mix(in srgb, var(--color-graphic-secondary) 12%, transparent);border-color:color-mix(in srgb,var(--color-graphic-secondary) 28%,transparent)}.index-module_soft__BdoFt.index-module_teal__wjFjP{--soft-fg: var(--color-status-teal);--soft-bg: color-mix(in srgb, var(--color-status-teal) 12%, transparent);border-color:color-mix(in srgb,var(--color-status-teal) 28%,transparent)}.index-module_soft__BdoFt.index-module_purple__xJsve{--soft-fg: var(--color-status-purple);--soft-bg: color-mix(in srgb, var(--color-status-purple) 12%, transparent);border-color:color-mix(in srgb,var(--color-status-purple) 28%,transparent)}@supports not (background: color-mix(in srgb,white 10%,black)){.index-module_soft__BdoFt.index-module_green__KVuFt{background:rgba(var(--rgb-positive, 22, 101, 52),.12);border-color:rgba(var(--rgb-positive, 22,101,52),.28)}.index-module_soft__BdoFt.index-module_orange__RhVjy{background:rgba(var(--rgb-attention, 161, 98, 7),.12);border-color:rgba(var(--rgb-attention,161,98,7),.28)}.index-module_soft__BdoFt.index-module_red__tLzKj{background:rgba(var(--rgb-negative, 220, 38, 38),.12);border-color:rgba(var(--rgb-negative,220,38,38),.28)}.index-module_soft__BdoFt.index-module_blue__Z-Cce{background:rgba(var(--rgb-accent, 30, 64, 175),.12);border-color:rgba(var(--rgb-accent,30,64,175),.28)}.index-module_soft__BdoFt.index-module_grey__0taE9{background:rgba(var(--rgb-secondary, 107, 114, 128),.12);border-color:rgba(var(--rgb-secondary,107,114,128),.28)}.index-module_soft__BdoFt.index-module_teal__wjFjP{background:rgba(var(--rgb-teal, 13, 148, 136),.12);border-color:rgba(var(--rgb-teal,13,148,136),.28)}.index-module_soft__BdoFt.index-module_purple__xJsve{background:rgba(var(--rgb-purple, 107, 33, 168),.12);border-color:rgba(var(--rgb-purple,107,33,168),.28)}}.index-module_contrast__Y6fKB{color:#fff}.index-module_contrast__Y6fKB.index-module_green__KVuFt{background:var(--color-graphic-positive)}.index-module_contrast__Y6fKB.index-module_orange__RhVjy{background:var(--color-graphic-attention)}.index-module_contrast__Y6fKB.index-module_red__tLzKj{background:var(--color-graphic-negative)}.index-module_contrast__Y6fKB.index-module_blue__Z-Cce{background:var(--color-graphic-accent)}.index-module_contrast__Y6fKB.index-module_grey__0taE9{background:var(--color-graphic-secondary)}.index-module_contrast__Y6fKB.index-module_teal__wjFjP{background:var(--color-status-teal)}.index-module_contrast__Y6fKB.index-module_purple__xJsve{background:var(--color-status-purple)}

package/dist/status/index.module.css.js

@@ -0,0 +1,33 @@
+import './index.module.css';
+const e = "index-module_component__ow7Aw", o = "index-module_upper_case__qm11K", n = "index-module_m__oJfGX", _ = "index-module_s__caYRs", t = "index-module_soft__BdoFt", d = "index-module_green__KVuFt", s = "index-module_orange__RhVjy", c = "index-module_red__tLzKj", l = "index-module_blue__Z-Cce", u = "index-module_grey__0taE9", r = "index-module_teal__wjFjP", m = "index-module_purple__xJsve", a = "index-module_contrast__Y6fKB", p = {
+  component: e,
+  upper_case: o,
+  m: n,
+  s: _,
+  soft: t,
+  green: d,
+  orange: s,
+  red: c,
+  blue: l,
+  grey: u,
+  teal: r,
+  purple: m,
+  contrast: a
+};
+export {
+  l as blue,
+  e as component,
+  a as contrast,
+  p as default,
+  d as green,
+  u as grey,
+  n as m,
+  s as orange,
+  m as purple,
+  c as red,
+  _ as s,
+  t as soft,
+  r as teal,
+  o as upper_case
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/status/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/stepped-progress-bar/components/step-bar.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export declare type SteppedProgressBarView = 'positive' | 'negative' | 'attention' | 'link' | 'tertiary' | 'secondary' | 'primary' | 'accent';
+declare type StepBarProps = {
+    isDone: boolean;
+    view?: SteppedProgressBarView;
+};
+export declare const StepBar: FC<StepBarProps>;
+export {};

package/dist/stepped-progress-bar/components/step-bar.js

@@ -1 +1,9 @@
-import"react";import"classnames";export{S as StepBar}from"../../step-bar-6e0ddd46.js";
+import { jsx as r } from "react/jsx-runtime";
+import { memo as p } from "react";
+import s from "classnames";
+import t from "../index.module.css.js";
+const c = p(({ isDone: o, view: m = "positive" }) => /* @__PURE__ */ r("span", { "data-test-id": o ? "on" : "off", className: s(t.bar, o && t[m]) }));
+export {
+  c as StepBar
+};
+//# sourceMappingURL=step-bar.js.map

package/dist/stepped-progress-bar/components/step-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-bar.js","sources":["../../../src/stepped-progress-bar/components/step-bar.tsx"],"sourcesContent":["import React, { FC, memo } from 'react';\nimport cn from 'classnames';\n\nimport styles from '../index.module.css';\n\nexport type SteppedProgressBarView =\n    | 'positive'\n    | 'negative'\n    | 'attention'\n    | 'link'\n    | 'tertiary'\n    | 'secondary'\n    | 'primary'\n    | 'accent';\n\ntype StepBarProps = {\n    isDone: boolean;\n    view?: SteppedProgressBarView;\n};\n\nexport const StepBar: FC<StepBarProps> = memo(({ isDone, view = 'positive' }) => (\n    <span data-test-id={ isDone ? 'on' : 'off' } className={ cn(styles.bar, isDone && styles[view]) } />\n));\n"],"names":["StepBar","memo","isDone","view","jsx","cn","styles"],"mappings":";;;;AAoBO,MAAMA,IAA4BC,EAAK,CAAC,EAAE,QAAAC,GAAQ,MAAAC,IAAO,WAAA,MAC5D,gBAAAC,EAAC,QAAA,EAAK,gBAAeF,IAAS,OAAO,OAAQ,WAAYG,EAAGC,EAAO,KAAKJ,KAAUI,EAAOH,CAAI,CAAC,GAAI,CACrG;"}

package/dist/stepped-progress-bar/index.d.ts

@@ -1,17 +1,33 @@
-/// <reference types="react" />
-import React from 'react';
-import { FC } from "react";
-import { SteppedProgressBarView } from "../step-bar-6e0ddd46";
-type SteppedProgressBarProps = {
+import { default as React, FC } from 'react';
+import { SteppedProgressBarView } from './components/step-bar';
+export declare type SteppedProgressBarProps = {
+    /**
+     * Общее количество шагов
+     */
     maxStep: number;
+    /**
+     * Постфикс описание под прогрессбаром
+     */
     description?: string;
+    /**
+     * Количество пройденных шагов
+     */
     step?: number;
+    /**
+     * Цвет заполнения
+     */
     view?: SteppedProgressBarView | SteppedProgressBarView[];
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
+    /**
+     * Дополнительный класс
+     */
     className?: string;
 };
-declare const SteppedProgressBar: FC<SteppedProgressBarProps>;
-declare const useSteps: ({ maxStep, initialStep, }: {
+export declare const SteppedProgressBar: FC<SteppedProgressBarProps>;
+export declare const useSteps: ({ maxStep, initialStep, }: {
     maxStep: number;
     initialStep?: number | undefined;
 }) => {
@@ -20,4 +36,3 @@ declare const useSteps: ({ maxStep, initialStep, }: {
     nextStep: () => void;
     prevStep: () => void;
 };
-export { SteppedProgressBarProps, SteppedProgressBar, useSteps };

package/dist/stepped-progress-bar/index.js

@@ -1 +1,47 @@
-import t,{useState as e}from"react";import r from"classnames";import{Typography as o}from"../typography/component.js";import{s as a,S as i}from"../step-bar-6e0ddd46.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";var n=function(e){var n=e.maxStep,p=e.description,s=e.step,m=void 0===s?0:s,c=e.view,l=e.dataTestId,d=e.className,y=n<=0?1:n,v="string"==typeof c;return t.createElement("div",{className:r(a.component,d),"data-test-id":l},t.createElement("div",{className:a.stepsContainer},Array.from(Array(y),(function(e,r){return t.createElement(i,{key:r,isDone:r<m,view:v?c:null==c?void 0:c[r]})}))),p&&t.createElement(o.Text,{color:"secondary",tag:"div",className:a.description,view:"primary-small"},p))},p=function(t){var r=t.maxStep,o=t.initialStep,a=e(void 0===o?1:o),i=a[0],n=a[1];return{step:i,setStep:n,nextStep:function(){n(i<r?i+1:r)},prevStep:function(){n(1===i?i:i-1)}}};export{n as SteppedProgressBar,p as useSteps};
+import { jsxs as l, jsx as p } from "react/jsx-runtime";
+import { useState as d } from "react";
+import S from "classnames";
+import { Typography as f } from "../typography/component.js";
+import { StepBar as y } from "./components/step-bar.js";
+import n from "./index.module.css.js";
+const A = ({
+  maxStep: s,
+  description: e,
+  step: r = 0,
+  view: t,
+  dataTestId: a,
+  className: c
+}) => {
+  const m = s <= 0 ? 1 : s, i = typeof t == "string";
+  return /* @__PURE__ */ l("div", { className: S(n.component, c), "data-test-id": a, children: [
+    /* @__PURE__ */ p("div", { className: n.stepsContainer, children: Array.from(Array(m), (g, o) => /* @__PURE__ */ p(
+      y,
+      {
+        isDone: o < r,
+        view: i ? t : t == null ? void 0 : t[o]
+      },
+      o
+    )) }),
+    e && /* @__PURE__ */ p(f.Text, { color: "secondary", tag: "div", className: n.description, view: "primary-small", children: e })
+  ] });
+}, B = ({
+  maxStep: s,
+  initialStep: e = 1
+}) => {
+  const [r, t] = d(e);
+  return {
+    step: r,
+    setStep: t,
+    nextStep: () => {
+      t(r < s ? r + 1 : s);
+    },
+    prevStep: () => {
+      t(r === 1 ? r : r - 1);
+    }
+  };
+};
+export {
+  A as SteppedProgressBar,
+  B as useSteps
+};
+//# sourceMappingURL=index.js.map

package/dist/stepped-progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/stepped-progress-bar/index.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport cn from 'classnames';\n\nimport { Typography } from '../typography';\n\nimport { StepBar, SteppedProgressBarView } from './components/step-bar';\n\nimport styles from './index.module.css';\n\nexport type SteppedProgressBarProps = {\n    /**\n     * Общее количество шагов\n     */\n    maxStep: number;\n\n    /**\n     * Постфикс описание под прогрессбаром\n     */\n    description?: string;\n\n    /**\n     * Количество пройденных шагов\n     */\n    step?: number;\n\n    /**\n     * Цвет заполнения\n     */\n    view?: SteppedProgressBarView | SteppedProgressBarView[];\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n};\n\nexport const SteppedProgressBar: FC<SteppedProgressBarProps> = ({\n    maxStep,\n    description,\n    step = 0,\n    view,\n    dataTestId,\n    className,\n}) => {\n    const validMaxSteps = maxStep <= 0 ? 1 : maxStep;\n    const isViewString = typeof view === 'string';\n\n    return (\n        <div className={ cn(styles.component, className) } data-test-id={ dataTestId }>\n            <div className={ styles.stepsContainer }>\n                { Array.from(Array(validMaxSteps), (_, index) => (\n                    <StepBar\n                        key={ index }\n                        isDone={ index < step }\n                        view={ (isViewString ? view : view?.[index]) as SteppedProgressBarView }\n                    />\n                )) }\n            </div>\n            { description && (\n                <Typography.Text color=\"secondary\" tag=\"div\" className={ styles.description } view=\"primary-small\">\n                    { description }\n                </Typography.Text>\n            ) }\n        </div>\n    );\n};\n\nexport const useSteps = ({\n    maxStep,\n    initialStep = 1,\n}: {\n    maxStep: number;\n    initialStep?: number;\n}) => {\n    const [step, setStep] = useState(initialStep);\n\n    const nextStep = () => {\n        setStep(step < maxStep ? step + 1 : maxStep);\n    };\n\n    const prevStep = () => {\n        setStep(step === 1 ? step : step - 1);\n    };\n\n    return {\n        step,\n        setStep,\n        nextStep,\n        prevStep,\n    };\n};\n"],"names":["SteppedProgressBar","maxStep","description","step","view","dataTestId","className","validMaxSteps","isViewString","jsxs","cn","styles","jsx","_","index","StepBar","Typography","useSteps","initialStep","setStep","useState"],"mappings":";;;;;;AAyCO,MAAMA,IAAkD,CAAC;AAAA,EAC5D,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACJ,MAAM;AACF,QAAMC,IAAgBN,KAAW,IAAI,IAAIA,GACnCO,IAAe,OAAOJ,KAAS;AAErC,SACI,gBAAAK,EAAC,SAAI,WAAYC,EAAGC,EAAO,WAAWL,CAAS,GAAI,gBAAeD,GAC9D,UAAA;AAAA,IAAA,gBAAAO,EAAC,OAAA,EAAI,WAAYD,EAAO,gBAClB,UAAA,MAAM,KAAK,MAAMJ,CAAa,GAAG,CAACM,GAAGC,MACnC,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEG,QAASD,IAAQX;AAAA,QACjB,MAAQK,IAAeJ,IAAOA,KAAA,gBAAAA,EAAOU;AAAA,MAAK;AAAA,MAFpCA;AAAA,IAAA,CAIb,GACL;AAAA,IACEZ,KACE,gBAAAU,EAACI,EAAW,MAAX,EAAgB,OAAM,aAAY,KAAI,OAAM,WAAYL,EAAO,aAAc,MAAK,iBAC7E,UAAAT,EAAA,CACN;AAAA,EAAA,GAER;AAER,GAEae,IAAW,CAAC;AAAA,EACrB,SAAAhB;AAAA,EACA,aAAAiB,IAAc;AAClB,MAGM;AACF,QAAM,CAACf,GAAMgB,CAAO,IAAIC,EAASF,CAAW;AAU5C,SAAO;AAAA,IACH,MAAAf;AAAA,IACA,SAAAgB;AAAA,IACA,UAXa,MAAM;AACnB,MAAAA,EAAQhB,IAAOF,IAAUE,IAAO,IAAIF,CAAO;AAAA,IAC/C;AAAA,IAUI,UARa,MAAM;AACnB,MAAAkB,EAAQhB,MAAS,IAAIA,IAAOA,IAAO,CAAC;AAAA,IACxC;AAAA,EAMI;AAER;"}

package/dist/stepped-progress-bar/index.module.css

@@ -0,0 +1 @@
+.index-module_bar__SJw07{width:100%;height:6px;margin-right:var(--gap-2xs);border-radius:4px;background:var(--color-bg-thirdly)}.index-module_bar__SJw07:last-child{margin-right:0}.index-module_positive__BV6AP{background:var(--color-graphic-positive)}.index-module_attention__yBWsh{background:var(--color-graphic-attention)}.index-module_negative__JYzop{background:var(--color-graphic-negative)}.index-module_link__3hGbM{background:var(--color-graphic-link)}.index-module_tertiary__4dElX{background:var(--color-graphic-tertiary)}.index-module_secondary__J2aM7{background:var(--color-graphic-secondary)}.index-module_primary__9D-Nm{background:var(--color-graphic-primary)}.index-module_accent__NXKi2{background:var(--color-graphic-accent)}.index-module_component__bJPtL{display:flex;flex-direction:column;text-align:center}.index-module_stepsContainer__o8tZI{width:100%;display:flex}.index-module_description__JRG5S{margin-top:var(--gap-xs);color:var(--color-text-secondary)}

package/dist/stepped-progress-bar/index.module.css.js

@@ -0,0 +1,31 @@
+import './index.module.css';
+const e = "index-module_bar__SJw07", n = "index-module_positive__BV6AP", t = "index-module_attention__yBWsh", o = "index-module_negative__JYzop", i = "index-module_link__3hGbM", _ = "index-module_tertiary__4dElX", d = "index-module_secondary__J2aM7", s = "index-module_primary__9D-Nm", c = "index-module_accent__NXKi2", a = "index-module_component__bJPtL", r = "index-module_stepsContainer__o8tZI", m = "index-module_description__JRG5S", l = {
+  bar: e,
+  positive: n,
+  attention: t,
+  negative: o,
+  link: i,
+  tertiary: _,
+  secondary: d,
+  primary: s,
+  accent: c,
+  component: a,
+  stepsContainer: r,
+  description: m
+};
+export {
+  c as accent,
+  t as attention,
+  e as bar,
+  a as component,
+  l as default,
+  m as description,
+  i as link,
+  o as negative,
+  n as positive,
+  s as primary,
+  d as secondary,
+  r as stepsContainer,
+  _ as tertiary
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/stepped-progress-bar/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/sticker/component.d.ts

@@ -1,10 +1,20 @@
-/// <reference types="react" />
-import React from 'react';
-interface StickerProps {
+import { default as React } from 'react';
+export interface StickerProps {
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     *  Цвет компонента
+     */
     color: 'yellow' | 'green' | 'white' | 'gray';
+    /**
+     * Текст компонента
+     */
     text: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
 }
-declare const Sticker: React.FC<StickerProps>;
-export { StickerProps, Sticker };
+export declare const Sticker: React.FC<StickerProps>;

package/dist/sticker/component.js

@@ -1 +1,24 @@
-import e from"react";import n from"classnames";var o={component:"index-module_component__1s-MT",yellow:"index-module_yellow__haQfi",white:"index-module_white__1KiJh",green:"index-module_green__2jc35",blue:"index-module_blue__I3ZuR",gray:"index-module_gray__3F_n2"},t=function(t){var l=t.className,a=t.text,_=t.color,m=t.dataTestId;return e.createElement("div",{className:n(o.component,o[_],l),"data-test-id":m},e.createElement("span",null,a))};export{t as Sticker};
+import { jsx as t } from "react/jsx-runtime";
+import s from "classnames";
+import o from "./index.module.css.js";
+const a = ({
+  className: r,
+  text: e,
+  color: i,
+  dataTestId: m
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: s(
+      o.component,
+      o[i],
+      r
+    ),
+    "data-test-id": m,
+    children: /* @__PURE__ */ t("span", { children: e })
+  }
+);
+export {
+  a as Sticker
+};
+//# sourceMappingURL=component.js.map