@alphakits/ui 1.31.5 → 2.0.1

package/dist/toast-notifier/use-timer.js

@@ -1 +1,20 @@
-var e=function(e,t){var n,u,o,i=!1,c=(new Date).getTime(),a=(u=c,o?o-u:(new Date).getTime()-u);n=setTimeout(e,t);return{cancel:function(){clearTimeout(n)},pause:function(){clearTimeout(n),i=a>=t},resume:function(){n=i?-1:setTimeout(e,t-a)},countdown:t}};export{e as useTimer};
+const n = (s, e) => {
+  let t, i = !1;
+  const a = (/* @__PURE__ */ new Date()).getTime(), m = ((T, u) => (/* @__PURE__ */ new Date()).getTime() - T)(a), c = () => {
+    clearTimeout(t);
+  }, r = () => {
+    clearTimeout(t), i = m >= e;
+  };
+  return t = setTimeout(s, e), {
+    cancel: c,
+    pause: r,
+    resume: () => {
+      t = i ? -1 : setTimeout(s, e - m);
+    },
+    countdown: e
+  };
+};
+export {
+  n as useTimer
+};
+//# sourceMappingURL=use-timer.js.map

package/dist/toast-notifier/use-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-timer.js","sources":["../../src/toast-notifier/use-timer.ts"],"sourcesContent":["export const useTimer = (fn: () => void, countdown: number) => {\n    let ident: any;\n    let complete = false;\n    const startTime: number = new Date().getTime();\n\n    const timeDiff = (date1: any, date2?: any) =>\n        (date2 ? date2 - date1 : new Date().getTime() - date1);\n\n    const totalTimeRun = timeDiff(startTime);\n\n    const cancel = () => {\n        clearTimeout(ident);\n    };\n\n    const pause = () => {\n        clearTimeout(ident);\n        complete = totalTimeRun >= countdown;\n    };\n\n    ident = setTimeout(fn, countdown);\n\n    const resume = () => {\n        ident = complete ? -1 : setTimeout(fn, countdown - totalTimeRun);\n    };\n\n    return {\n        cancel,\n        pause,\n        resume,\n        countdown,\n    };\n};\n"],"names":["useTimer","fn","countdown","ident","complete","startTime","totalTimeRun","date1","date2","cancel","pause"],"mappings":"AAAO,MAAMA,IAAW,CAACC,GAAgBC,MAAsB;AAC3D,MAAIC,GACAC,IAAW;AACf,QAAMC,KAAoB,oBAAI,KAAA,GAAO,QAAA,GAK/BC,KAHW,CAACC,GAAYC,OACD,oBAAI,KAAA,GAAO,QAAA,IAAYD,GAEtBF,CAAS,GAEjCI,IAAS,MAAM;AACjB,iBAAaN,CAAK;AAAA,EACtB,GAEMO,IAAQ,MAAM;AAChB,iBAAaP,CAAK,GAClBC,IAAWE,KAAgBJ;AAAA,EAC/B;AAEA,SAAAC,IAAQ,WAAWF,GAAIC,CAAS,GAMzB;AAAA,IACH,QAAAO;AAAA,IACA,OAAAC;AAAA,IACA,QAPW,MAAM;AACjB,MAAAP,IAAQC,IAAW,KAAK,WAAWH,GAAIC,IAAYI,CAAY;AAAA,IACnE;AAAA,IAMI,WAAAJ;AAAA,EAAA;AAER;"}

package/dist/toast-plate/component.d.ts

@@ -1,30 +1,93 @@
-/// <reference types="react" />
-import React from 'react';
-import { HTMLAttributes, MouseEvent, ReactNode } from "react";
-type ToastPlateProps = HTMLAttributes<HTMLDivElement> & {
+import { default as React, HTMLAttributes, MouseEvent, ReactNode } from 'react';
+export declare type ToastPlateProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Дополнительный класс для контентной области
+     */
     contentClassName?: string;
+    /**
+     * Дочерние элементы
+     */
     children?: ReactNode;
+    /**
+     * Заголовок компонента
+     */
     title?: ReactNode;
+    /**
+     * цвет заднего фона
+     */
     view: 'negative' | 'positive' | 'attention' | 'default' | 'neutral' | 'black';
+    /**
+     * Слот слева, заменяет стандартную иконку
+     */
     leftAddons?: ReactNode;
+    /**
+     * Кнопка действия
+     */
     bottomAddons?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
+    /**
+     * Управляет отображением кнопки закрытия уведомления
+     */
     hasCloser?: boolean;
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
     block?: boolean;
+    /**
+     * Обработчик клика по крестику
+     */
     onClose?: (event?: MouseEvent<HTMLButtonElement>) => void;
 };
-declare const ToastPlate: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+export declare const ToastPlate: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Дополнительный класс
+     */
     className?: string | undefined;
+    /**
+     * Дополнительный класс для контентной области
+     */
     contentClassName?: string | undefined;
+    /**
+     * Дочерние элементы
+     */
     children?: ReactNode;
+    /**
+     * Заголовок компонента
+     */
     title?: ReactNode;
+    /**
+     * цвет заднего фона
+     */
     view: 'negative' | 'positive' | 'attention' | 'default' | 'neutral' | 'black';
+    /**
+     * Слот слева, заменяет стандартную иконку
+     */
     leftAddons?: ReactNode;
+    /**
+     * Кнопка действия
+     */
     bottomAddons?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string | undefined;
+    /**
+     * Управляет отображением кнопки закрытия уведомления
+     */
     hasCloser?: boolean | undefined;
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
     block?: boolean | undefined;
+    /**
+     * Обработчик клика по крестику
+     */
     onClose?: ((event?: React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | undefined) => void) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export { ToastPlateProps, ToastPlate };

package/dist/toast-plate/component.js

@@ -1 +1,79 @@
-import{__rest as e,__assign as t}from"tslib";import o,{forwardRef as l,useCallback as n}from"react";import a from"@alphakits/icons/dist/AlertCircleM";import d from"@alphakits/icons/dist/CheckmarkCircleM";import i from"@alphakits/icons/dist/ClockCircleM";import s from"@alphakits/icons/dist/CloseS";import m from"classnames";import{Button as c}from"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";var r={component:"index-module_component__1-bP3",hasCloser:"index-module_hasCloser__1tXHy",block:"index-module_block__1aVTZ",positive:"index-module_positive__2B8L6",checkmark:"index-module_checkmark__3HoEE",attention:"index-module_attention__y0Kg9",negative:"index-module_negative__34lhl",default:"index-module_default__3XEJe",neutral:"index-module_neutral__1Ew4_",black:"index-module_black__Fgng-",closeButton:"index-module_closeButton__2rWck",contentWrap:"index-module_contentWrap__2OfQM",content:"index-module_content__3WQJx",leftAddons:"index-module_leftAddons__dPWvX",title:"index-module_title__3s4Iy",children:"index-module_children__20qcv",bottomAddons:"index-module_bottomAddons__1g_uZ"},_=l((function(l,_){var u,p=l.dataTestId,k=l.className,f=l.contentClassName,v=l.hasCloser,h=l.leftAddons,x=l.view,E=void 0===x?"default":x,b=l.title,C=l.children,N=l.bottomAddons,A=l.block,g=l.onClose,W=e(l,["dataTestId","className","contentClassName","hasCloser","leftAddons","view","title","children","bottomAddons","block","onClose"]),w={negative:o.createElement(a,null),attention:o.createElement(a,null),positive:o.createElement(d,null),default:o.createElement(i,null),neutral:o.createElement(i,null),black:null},B=n((function(e){g&&g(e)}),[g]);return o.createElement("div",t({ref:_,className:m(r.component,r[E],(u={},u[r.block]=A,u[r.hasCloser]=v,u),k),"data-test-id":p},W),o.createElement("div",{className:r.contentWrap},h&&o.createElement("div",{className:r.leftAddons},w[E]),w[E]&&!h&&o.createElement("div",{className:r.checkmark},w[E]),o.createElement("div",{className:m(f,r.content)},b&&o.createElement("div",{className:r.title},b),C&&o.createElement("div",{className:r.children},C),N&&o.createElement("div",{className:r.bottomAddons},N)),v&&o.createElement(c,t({className:m(r.closeButton),view:"ghost"},{onClick:B},{"aria-label":"закрыть",leftAddons:o.createElement(s,null)}))))}));export{_ as ToastPlate};
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as M, useCallback as g } from "react";
+import f from "@alphakits/icons/dist/AlertCircleM";
+import j from "@alphakits/icons/dist/CheckmarkCircleM";
+import p from "@alphakits/icons/dist/ClockCircleM";
+import A from "@alphakits/icons/dist/CloseS";
+import o from "classnames";
+import { Button as B } from "../button/component.js";
+import r from "./index.module.css.js";
+const E = M(
+  ({
+    dataTestId: h,
+    className: k,
+    contentClassName: N,
+    hasCloser: c,
+    leftAddons: s,
+    view: t = "default",
+    title: i,
+    children: m,
+    bottomAddons: n,
+    block: u,
+    onClose: a,
+    ...v
+  }, C) => {
+    const l = {
+      negative: /* @__PURE__ */ e(f, {}),
+      attention: /* @__PURE__ */ e(f, {}),
+      positive: /* @__PURE__ */ e(j, {}),
+      default: /* @__PURE__ */ e(p, {}),
+      neutral: /* @__PURE__ */ e(p, {}),
+      black: null
+    }, b = g(
+      (x) => {
+        a && a(x);
+      },
+      [a]
+    );
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: C,
+        className: o(
+          r.component,
+          r[t],
+          {
+            [r.block]: u,
+            [r.hasCloser]: c
+          },
+          k
+        ),
+        "data-test-id": h,
+        ...v,
+        children: /* @__PURE__ */ d("div", { className: r.contentWrap, children: [
+          s && /* @__PURE__ */ e("div", { className: r.leftAddons, children: l[t] }),
+          l[t] && !s && /* @__PURE__ */ e("div", { className: r.checkmark, children: l[t] }),
+          /* @__PURE__ */ d("div", { className: o(N, r.content), children: [
+            i && /* @__PURE__ */ e("div", { className: r.title, children: i }),
+            m && /* @__PURE__ */ e("div", { className: r.children, children: m }),
+            n && /* @__PURE__ */ e("div", { className: r.bottomAddons, children: n })
+          ] }),
+          c && /* @__PURE__ */ e(
+            B,
+            {
+              className: o(r.closeButton),
+              view: "ghost",
+              onClick: b,
+              "aria-label": "закрыть",
+              leftAddons: /* @__PURE__ */ e(A, {})
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+export {
+  E as ToastPlate
+};
+//# sourceMappingURL=component.js.map

package/dist/toast-plate/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/toast-plate/component.tsx"],"sourcesContent":["import React, {\n    forwardRef, HTMLAttributes, MouseEvent, ReactNode, useCallback,\n} from 'react';\nimport AlertCircleM from '@alphakits/icons/dist/AlertCircleM';\nimport CheckmarkCircleM from '@alphakits/icons/dist/CheckmarkCircleM';\nimport ClockCircleM from '@alphakits/icons/dist/ClockCircleM';\nimport CloseS from '@alphakits/icons/dist/CloseS';\nimport cn from 'classnames';\n\nimport { Button } from '../button';\n\nimport styles from './index.module.css';\n\nexport type ToastPlateProps = HTMLAttributes<HTMLDivElement> & {\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс для контентной области\n     */\n    contentClassName?: string;\n\n    /**\n     * Дочерние элементы\n     */\n    children?: ReactNode;\n\n    /**\n     * Заголовок компонента\n     */\n    title?: ReactNode;\n\n    /**\n     * цвет заднего фона\n     */\n    view: 'negative' | 'positive' | 'attention' | 'default' | 'neutral' | 'black';\n\n    /**\n     * Слот слева, заменяет стандартную иконку\n     */\n    leftAddons?: ReactNode;\n\n    /**\n     * Кнопка действия\n     */\n    bottomAddons?: ReactNode;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Управляет отображением кнопки закрытия уведомления\n     */\n    hasCloser?: boolean;\n\n    /**\n     * Растягивает компонент на ширину контейнера\n     */\n    block?: boolean;\n\n    /**\n     * Обработчик клика по крестику\n     */\n    onClose?: (event?: MouseEvent<HTMLButtonElement>) => void;\n};\n\nexport const ToastPlate = forwardRef<HTMLDivElement, ToastPlateProps>(\n    (\n        {\n            dataTestId,\n            className,\n            contentClassName,\n            hasCloser,\n            leftAddons,\n            view = 'default',\n            title,\n            children,\n            bottomAddons,\n            block,\n            onClose,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const marks = {\n            negative: <AlertCircleM />,\n            attention: <AlertCircleM />,\n            positive: <CheckmarkCircleM />,\n            default: <ClockCircleM />,\n            neutral: <ClockCircleM />,\n            black: null,\n        };\n\n        const handleClose = useCallback(\n            (event: any) => {\n                if (onClose) {\n                    onClose(event);\n                }\n            },\n            [onClose],\n        );\n\n        return (\n\n            <div\n                ref={ ref }\n                className={ cn(\n                    styles.component,\n                    styles[view],\n                    {\n                        [styles.block]: block,\n                        [styles.hasCloser]: hasCloser,\n                    },\n                    className,\n                ) }\n                data-test-id={ dataTestId }\n                { ...restProps }\n            >\n                <div className={ styles.contentWrap }>\n                    { leftAddons && (\n                        <div className={ styles.leftAddons }>\n                            { marks[view] }\n                        </div>\n                    ) }\n\n                    { marks[view] && !leftAddons && (\n                        <div className={ styles.checkmark }>\n                            { marks[view] }\n                        </div>\n                    ) }\n\n                    <div className={ cn(contentClassName, styles.content) }>\n                        { title && <div className={ styles.title }>{ title }</div> }\n\n                        { children && <div className={ styles.children }>{ children }</div> }\n\n                        { bottomAddons && (\n                            <div className={ styles.bottomAddons }>\n                                { bottomAddons }\n                            </div>\n                        ) }\n                    </div>\n\n                    { hasCloser && (\n                        <Button\n                            className={ cn(styles.closeButton) }\n                            view=\"ghost\"\n                            { ...{ onClick: handleClose } }\n                            aria-label=\"закрыть\"\n                            leftAddons={ <CloseS /> }\n                        />\n                    ) }\n                </div>\n            </div>\n\n        );\n    },\n);\n"],"names":["ToastPlate","forwardRef","dataTestId","className","contentClassName","hasCloser","leftAddons","view","title","children","bottomAddons","block","onClose","restProps","ref","marks","AlertCircleM","CheckmarkCircleM","ClockCircleM","handleClose","useCallback","event","jsx","cn","styles","jsxs","Button","CloseS"],"mappings":";;;;;;;;;AAuEO,MAAMA,IAAaC;AAAA,EACtB,CACI;AAAA,IACI,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAQ;AAAA,MACV,4BAAWC,GAAA,EAAa;AAAA,MACxB,6BAAYA,GAAA,EAAa;AAAA,MACzB,4BAAWC,GAAA,EAAiB;AAAA,MAC5B,2BAAUC,GAAA,EAAa;AAAA,MACvB,2BAAUA,GAAA,EAAa;AAAA,MACvB,OAAO;AAAA,IAAA,GAGLC,IAAcC;AAAA,MAChB,CAACC,MAAe;AACZ,QAAIT,KACAA,EAAQS,CAAK;AAAA,MAErB;AAAA,MACA,CAACT,CAAO;AAAA,IAAA;AAGZ,WAEI,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAR;AAAA,QACA,WAAYS;AAAA,UACRC,EAAO;AAAA,UACPA,EAAOjB,CAAI;AAAA,UACX;AAAA,YACI,CAACiB,EAAO,KAAK,GAAGb;AAAA,YAChB,CAACa,EAAO,SAAS,GAAGnB;AAAA,UAAA;AAAA,UAExBF;AAAA,QAAA;AAAA,QAEJ,gBAAeD;AAAA,QACb,GAAGW;AAAA,QAEL,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAYD,EAAO,aAClB,UAAA;AAAA,UAAAlB,uBACG,OAAA,EAAI,WAAYkB,EAAO,YAClB,UAAAT,EAAMR,CAAI,GAChB;AAAA,UAGFQ,EAAMR,CAAI,KAAK,CAACD,KACd,gBAAAgB,EAAC,OAAA,EAAI,WAAYE,EAAO,WAClB,UAAAT,EAAMR,CAAI,EAAA,CAChB;AAAA,4BAGH,OAAA,EAAI,WAAYgB,EAAGnB,GAAkBoB,EAAO,OAAO,GAC9C,UAAA;AAAA,YAAAhB,KAAS,gBAAAc,EAAC,OAAA,EAAI,WAAYE,EAAO,OAAU,UAAAhB,GAAO;AAAA,YAElDC,KAAY,gBAAAa,EAAC,OAAA,EAAI,WAAYE,EAAO,UAAa,UAAAf,GAAU;AAAA,YAE3DC,KACE,gBAAAY,EAAC,OAAA,EAAI,WAAYE,EAAO,cAClB,UAAAd,EAAA,CACN;AAAA,UAAA,GAER;AAAA,UAEEL,KACE,gBAAAiB;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,WAAYH,EAAGC,EAAO,WAAW;AAAA,cACjC,MAAK;AAAA,cACE,SAASL;AAAA,cAChB,cAAW;AAAA,cACX,8BAAcQ,GAAA,CAAA,CAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QACzB,EAAA,CAER;AAAA,MAAA;AAAA,IAAA;AAAA,EAIZ;AACJ;"}

package/dist/toast-plate/index.d.ts

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

package/dist/toast-plate/index.js

@@ -1 +1,5 @@
-export{ToastPlate}from"./component.js";import"tslib";import"react";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"classnames";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";
+import { ToastPlate as a } from "./component.js";
+export {
+  a as ToastPlate
+};
+//# sourceMappingURL=index.js.map

package/dist/toast-plate/index.js.map

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

package/dist/toast-plate/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)}:root{--toast-plate-bg-color: var(--color-bg-secondary-inverted);--toast-plate-bg-color-negative: var(--color-bg-negative);--toast-plate-bg-color-positive: var(--color-bg-positive);--toast-plate-border-radius: 8px;--toast-plate-title-font-weight: 700;--toast-plate-action-align: center;--toast-plate-action-padding: 0 var(--gap-2xl);--toast-plate-action-divider-display: block}.index-module_component__2FCoC{position:relative;display:inline-flex;flex-direction:column;box-sizing:border-box;border-radius:var(--toast-plate-border-radius);color:var(--color-text-primary);min-height:56px;width:100%;padding:var(--gap-m);background-color:var(--toast-plate-bg-color)}.index-module_component__2FCoC.index-module_hasCloser__ig0bb{padding-right:56px}.index-module_component__2FCoC.index-module_block__aZI2E{display:flex;width:100%}.index-module_component__2FCoC.index-module_positive__k8leE{background-color:color-mix(in srgb,var(--color-bg-positive) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-positive)}.index-module_component__2FCoC.index-module_positive__k8leE .index-module_checkmark__Uk-P- svg{color:var(--color-graphic-positive)}.index-module_component__2FCoC.index-module_attention__qo9dl{background-color:color-mix(in srgb,var(--color-bg-attention) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-attention)}.index-module_component__2FCoC.index-module_attention__qo9dl .index-module_checkmark__Uk-P- svg{color:var(--color-graphic-attention)}.index-module_component__2FCoC.index-module_negative__rdTB6{background-color:color-mix(in srgb,var(--color-bg-negative) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-negative)}.index-module_component__2FCoC.index-module_negative__rdTB6 .index-module_checkmark__Uk-P- svg{color:var(--color-graphic-negative)}.index-module_component__2FCoC.index-module_default__yyLQR{background-color:color-mix(in srgb,var(--color-bg-accent) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-accent)}.index-module_component__2FCoC.index-module_default__yyLQR .index-module_checkmark__Uk-P- svg{color:var(--color-graphic-accent)}.index-module_component__2FCoC.index-module_neutral__KAatw{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary)}.index-module_component__2FCoC.index-module_neutral__KAatw .index-module_checkmark__Uk-P- svg{color:var(--color-graphic-secondary)}.index-module_component__2FCoC.index-module_black__c7gBa{background-color:var(--color-bg-primary-inverted);color:var(--color-text-primary-inverted)}.index-module_component__2FCoC.index-module_black__c7gBa .index-module_checkmark__Uk-P- svg{color:var(--color-graphic-primaty-inverted)}.index-module_component__2FCoC.index-module_black__c7gBa .index-module_closeButton__mFhAC{color:var(--color-text-primary-inverted)!important}.index-module_contentWrap__-P3Jg{display:flex;justify-content:space-between}.index-module_content__ING2J{display:flex;flex:1;flex-direction:column;padding-left:12px}.index-module_leftAddons__Odkdf{display:flex;align-items:flex-start;flex-shrink:0;padding-right:var(--gap-s)}.index-module_title__QZFUh{font-size:16px;line-height:24px;font-weight:700;font-family:var(--font-family);font-weight:var(--toast-plate-title-font-weight);margin-bottom:4px}.index-module_children__tKSv7{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);margin-bottom:0}.index-module_bottomAddons__ixVcA{margin-top:16px}.index-module_closeButton__mFhAC{display:flex!important;align-items:flex-start!important;position:absolute!important;top:var(--gap-m)!important;bottom:var(--gap-s)!important;right:var(--gap-s)!important;padding:var(--gap-2xs)!important;transition:opacity .2s ease-out!important;cursor:pointer!important;color:var(--color-text-primary)!important}.index-module_closeButton__mFhAC:hover{opacity:.7!important}.index-module_closeButton__mFhAC:active{opacity:.5!important}

package/dist/toast-plate/index.module.css.js

@@ -0,0 +1,40 @@
+import './index.module.css';
+const e = "index-module_component__2FCoC", o = "index-module_hasCloser__ig0bb", t = "index-module_block__aZI2E", n = "index-module_positive__k8leE", d = "index-module_checkmark__Uk-P-", _ = "index-module_attention__qo9dl", l = "index-module_negative__rdTB6", c = "index-module_neutral__KAatw", s = "index-module_black__c7gBa", i = "index-module_closeButton__mFhAC", a = "index-module_contentWrap__-P3Jg", m = "index-module_content__ING2J", u = "index-module_leftAddons__Odkdf", x = "index-module_title__QZFUh", r = "index-module_children__tKSv7", k = "index-module_bottomAddons__ixVcA", b = {
+  component: e,
+  hasCloser: o,
+  block: t,
+  positive: n,
+  checkmark: d,
+  attention: _,
+  negative: l,
+  default: "index-module_default__yyLQR",
+  neutral: c,
+  black: s,
+  closeButton: i,
+  contentWrap: a,
+  content: m,
+  leftAddons: u,
+  title: x,
+  children: r,
+  bottomAddons: k
+};
+export {
+  _ as attention,
+  s as black,
+  t as block,
+  k as bottomAddons,
+  d as checkmark,
+  r as children,
+  i as closeButton,
+  e as component,
+  m as content,
+  a as contentWrap,
+  b as default,
+  o as hasCloser,
+  u as leftAddons,
+  l as negative,
+  c as neutral,
+  n as positive,
+  x as title
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/toast-plate/index.module.css.js.map

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

package/dist/tooltip/component.d.ts

@@ -1,23 +1,72 @@
 import { FC, ReactElement, ReactNode } from 'react';
-import { PopoverProps, Position } from "../popover/index";
-type Trigger = 'click' | 'hover';
-type TooltipProps = {
+import { PopoverProps, Position } from '../popover';
+declare type Trigger = 'click' | 'hover';
+export declare type TooltipProps = {
+    /**
+     * Контент тултипа
+     */
     content: ReactNode;
+    /**
+     * Позиционирование тултипа
+     */
     position?: Position;
+    /**
+     * Задержка перед открытием тултипа
+     */
     onOpenDelay?: number;
+    /**
+     * Задержка перед закрытием тултипа
+     */
     onCloseDelay?: number;
+    /**
+     * Обработчик открытия тултипа
+     */
     onOpen?: () => void;
+    /**
+     * Обработчик закрытия тултипа
+     */
     onClose?: () => void;
+    /**
+     * Событие, по которому происходит открытие тултипа
+     */
     trigger?: Trigger;
+    /**
+     * Если `true`, то тултип будет открыт
+     */
     open?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
+    /**
+     * Дочерние элементы тултипа.
+     * При срабатывании событий на них, тултип будет открываться
+     */
     children: ReactElement;
+    /**
+     * Смещение тултипа
+     */
     offset?: [number, number];
+    /**
+     * Функция, возвращающая контейнер, в который будет рендериться тултип
+     */
     getPortalContainer?: () => HTMLElement;
+    /**
+     * Дополнительный класс для стрелочки
+     */
     arrowClassName?: string;
+    /**
+     * Дополнительный класс для контента
+     */
     contentClassName?: string;
+    /**
+     * Дополнительный класс для поповера
+     */
     popoverClassName?: string;
+    /**
+     * Хранит функцию, с помощью которой можно обновить положение компонента
+     */
     updatePopover?: PopoverProps['update'];
 };
-declare const Tooltip: FC<TooltipProps>;
-export { TooltipProps, Tooltip };
+export declare const Tooltip: FC<TooltipProps>;
+export {};

package/dist/tooltip/component.js

@@ -1 +1,125 @@
-import{__assign as e}from"tslib";import o,{useState as t,useRef as r,useCallback as n,useEffect as c,cloneElement as i}from"react";import u from"react-node-resolver";import a from"classnames";import{Popover as s}from"../popover/component.js";import"react-popper";import"react-transition-group";import"../portal/component.js";import"react-dom";import"../portal/utils.js";import"../stack/context.js";import"../stack/component.js";var p="index-module_component__27XUU",l="index-module_popper__15ABf",m="index-module_target__3lSlZ",f=function(f){var d=f.children,v=f.content,C=f.trigger,w=void 0===C?"hover":C,T=f.onCloseDelay,h=void 0===T?300:T,g=f.onOpenDelay,_=void 0===g?300:g,k=f.dataTestId,N=f.onClose,O=f.onOpen,E=f.open,M=f.getPortalContainer,j=f.offset,x=void 0===j?[0,10]:j,y=f.position,S=f.contentClassName,b=f.arrowClassName,P=f.popoverClassName,R=f.updatePopover,A=t(!!E),D=A[0],L=A[1],U=t(null),B=U[0],F=U[1],I=o.useRef(null),X=o.useRef(null),Z=r(0),q=function(){D||(L(!0),O&&O())},z=n((function(){D&&(L(!1),N&&N())}),[N,D]),G=function(e){return(!I.current||!I.current.contains(e))&&(!X.current||!X.current.contains(e))};c((function(){var e=function(e){var o=e.target;G(o)&&z()};return document.body.addEventListener("click",e),function(){document.body.removeEventListener("click",e),clearTimeout(Z.current)}}),[z]);var H,J={onClick:function(e){d.props.onClick&&d.props.onClick(e),D?z():q()}},K={onMouseOver:function(e){d.props.onMouseOver&&d.props.onMouseOver(e),clearTimeout(Z.current),Z.current=window.setTimeout((function(){q()}),_)},onMouseOut:function(e){d.props.onMouseOut&&d.props.onMouseOut(e),clearTimeout(Z.current),Z.current=window.setTimeout((function(){z()}),h)},onTouchStart:function(e){d.props.onTouchStart&&d.props.onTouchStart(e);var o=e.target;clearTimeout(Z.current),G(o)?Z.current=window.setTimeout((function(){z()}),h):q()}},Q=void 0===E?D:E,V=n((function(e){I.current=e,F(I.current)}),[]);return o.createElement(o.Fragment,null,o.createElement(u,{innerRef:V},(H=function(o){var t={className:a(m,o.className)};switch(w){case"click":return e(e({},t),J);case"hover":return e(e({},t),K);default:return{}}}(d.props),i(d,H))),B&&o.createElement(s,{anchorElement:B,open:Q,getPortalContainer:M,arrowClassName:b,popperClassName:a(l,P),offset:x,withArrow:!0,position:y,update:R},function(){var t=function(){var o={ref:X,"data-test-id":k,className:a(p,S)};return"hover"===w?e(e({},o),K):o}();return o.createElement("div",e({},t),v)}()))};export{f as Tooltip};
+import { jsxs as X, jsx as l } from "react/jsx-runtime";
+import f, { useState as M, useRef as Y, useCallback as C, useEffect as Z, cloneElement as _ } from "react";
+import $ from "react-node-resolver";
+import m from "classnames";
+import { Popover as D } from "../popover/component.js";
+import d from "./index.module.css.js";
+const ce = ({
+  children: t,
+  content: O,
+  trigger: T = "hover",
+  onCloseDelay: v = 300,
+  onOpenDelay: b = 300,
+  dataTestId: E,
+  onClose: u,
+  onOpen: g,
+  open: a,
+  getPortalContainer: N,
+  offset: P = [0, 10],
+  position: S,
+  contentClassName: x,
+  arrowClassName: y,
+  popoverClassName: j,
+  updatePopover: L
+}) => {
+  const [n, h] = M(!!a), [k, A] = M(null), c = f.useRef(null), i = f.useRef(null), o = Y(0), p = () => {
+    n || (h(!0), g && g());
+  }, s = C(() => {
+    n && (h(!1), u && u());
+  }, [u, n]), B = () => {
+    n ? s() : p();
+  }, w = (e) => !(c.current && c.current.contains(e) || i.current && i.current.contains(e));
+  Z(() => {
+    const e = (r) => {
+      const W = r.target;
+      w(W) && s();
+    };
+    return document.body.addEventListener("click", e), () => {
+      document.body.removeEventListener("click", e), clearTimeout(o.current);
+    };
+  }, [s]);
+  const F = (e) => {
+    t.props.onClick && t.props.onClick(e), B();
+  }, H = (e) => {
+    t.props.onMouseOver && t.props.onMouseOver(e), clearTimeout(o.current), o.current = window.setTimeout(() => {
+      p();
+    }, b);
+  }, V = (e) => {
+    t.props.onMouseOut && t.props.onMouseOut(e), clearTimeout(o.current), o.current = window.setTimeout(() => {
+      s();
+    }, v);
+  }, q = (e) => {
+    t.props.onTouchStart && t.props.onTouchStart(e);
+    const r = e.target;
+    clearTimeout(o.current), w(r) ? o.current = window.setTimeout(() => {
+      s();
+    }, v) : p();
+  }, z = { onClick: F }, R = {
+    onMouseOver: H,
+    onMouseOut: V,
+    onTouchStart: q
+  }, G = (e) => {
+    const r = {
+      className: m(d.target, e.className)
+    };
+    switch (T) {
+      case "click":
+        return {
+          ...r,
+          ...z
+        };
+      case "hover":
+        return {
+          ...r,
+          ...R
+        };
+      default:
+        return {};
+    }
+  }, I = () => {
+    const e = {
+      ref: i,
+      "data-test-id": E,
+      className: m(d.component, x)
+    };
+    switch (T) {
+      case "hover":
+        return {
+          ...e,
+          ...R
+        };
+      default:
+        return e;
+    }
+  }, J = () => {
+    const e = G(t.props);
+    return _(t, e);
+  }, K = () => {
+    const e = I();
+    return /* @__PURE__ */ l("div", { ...e, children: O });
+  }, Q = a === void 0 ? n : a, U = C((e) => {
+    c.current = e, A(c.current);
+  }, []);
+  return /* @__PURE__ */ X(f.Fragment, { children: [
+    /* @__PURE__ */ l($, { innerRef: U, children: J() }),
+    k && /* @__PURE__ */ l(
+      D,
+      {
+        anchorElement: k,
+        open: Q,
+        getPortalContainer: N,
+        arrowClassName: y,
+        popperClassName: m(d.popper, j),
+        offset: P,
+        withArrow: !0,
+        position: S,
+        update: L,
+        children: K()
+      }
+    )
+  ] });
+};
+export {
+  ce as Tooltip
+};
+//# sourceMappingURL=component.js.map

package/dist/tooltip/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/tooltip/component.tsx"],"sourcesContent":["import React, {\n    cloneElement,\n    FC,\n    HTMLAttributes,\n    ReactElement,\n    ReactNode,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport NodeResolver from 'react-node-resolver';\nimport cn from 'classnames';\n\nimport { Popover, PopoverProps, Position } from '../popover';\n\nimport styles from './index.module.css';\n\ntype Trigger = 'click' | 'hover';\n\ntype RefElement = HTMLElement | null;\n\nexport type TooltipProps = {\n    /**\n     * Контент тултипа\n     */\n    content: ReactNode;\n\n    /**\n     * Позиционирование тултипа\n     */\n    position?: Position;\n\n    /**\n     * Задержка перед открытием тултипа\n     */\n    onOpenDelay?: number;\n\n    /**\n     * Задержка перед закрытием тултипа\n     */\n    onCloseDelay?: number;\n\n    /**\n     * Обработчик открытия тултипа\n     */\n    onOpen?: () => void;\n\n    /**\n     * Обработчик закрытия тултипа\n     */\n    onClose?: () => void;\n\n    /**\n     * Событие, по которому происходит открытие тултипа\n     */\n    trigger?: Trigger;\n\n    /**\n     * Если `true`, то тултип будет открыт\n     */\n    open?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Дочерние элементы тултипа.\n     * При срабатывании событий на них, тултип будет открываться\n     */\n    children: ReactElement;\n\n    /**\n     * Смещение тултипа\n     */\n    offset?: [number, number];\n\n    /**\n     * Функция, возвращающая контейнер, в который будет рендериться тултип\n     */\n    getPortalContainer?: () => HTMLElement;\n\n    /**\n     * Дополнительный класс для стрелочки\n     */\n    arrowClassName?: string;\n\n    /**\n     * Дополнительный класс для контента\n     */\n    contentClassName?: string;\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popoverClassName?: string;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение компонента\n     */\n    updatePopover?: PopoverProps['update'];\n};\n\nexport const Tooltip: FC<TooltipProps> = ({\n    children,\n    content,\n    trigger = 'hover',\n    onCloseDelay = 300,\n    onOpenDelay = 300,\n    dataTestId,\n    onClose,\n    onOpen,\n    open: forcedOpen,\n    getPortalContainer,\n    offset = [0, 10],\n    position,\n    contentClassName,\n    arrowClassName,\n    popoverClassName,\n    updatePopover,\n}) => {\n    const [visible, setVisible] = useState(!!forcedOpen);\n    const [target, setTarget] = useState<RefElement>(null);\n\n    const targetRef = React.useRef<RefElement>(null);\n    const contentRef = React.useRef<RefElement>(null);\n\n    const timer = useRef(0);\n\n    const open = () => {\n        if (!visible) {\n            setVisible(true);\n\n            if (onOpen) {\n                onOpen();\n            }\n        }\n    };\n\n    const close = useCallback(() => {\n        if (visible) {\n            setVisible(false);\n\n            if (onClose) {\n                onClose();\n            }\n        }\n    }, [onClose, visible]);\n\n    const toggle = () => {\n        if (visible) {\n            close();\n        } else {\n            open();\n        }\n    };\n\n    const clickedOutside = (node: Element): boolean => {\n        if (targetRef.current && targetRef.current.contains(node)) {\n            return false;\n        }\n\n        if (contentRef.current && contentRef.current.contains(node)) {\n            return false;\n        }\n\n        return true;\n    };\n\n    useEffect(() => {\n        const handleBodyClick = (event: MouseEvent) => {\n            const eventTarget = event.target as Element;\n\n            if (clickedOutside(eventTarget)) {\n                close();\n            }\n        };\n\n        document.body.addEventListener('click', handleBodyClick);\n\n        return () => {\n            document.body.removeEventListener('click', handleBodyClick);\n\n            clearTimeout(timer.current);\n        };\n    }, [close]);\n\n    const handleTargetClick = (event: React.MouseEvent<HTMLElement>) => {\n        if (children.props.onClick) {\n            children.props.onClick(event);\n        }\n\n        toggle();\n    };\n\n    const handleMouseOver = (event: React.MouseEvent<HTMLElement>) => {\n        if (children.props.onMouseOver) {\n            children.props.onMouseOver(event);\n        }\n\n        clearTimeout(timer.current);\n\n        timer.current = window.setTimeout(() => {\n            open();\n        }, onOpenDelay);\n    };\n\n    const handleMouseOut = (event: React.MouseEvent<HTMLElement>) => {\n        if (children.props.onMouseOut) {\n            children.props.onMouseOut(event);\n        }\n\n        clearTimeout(timer.current);\n\n        timer.current = window.setTimeout(() => {\n            close();\n        }, onCloseDelay);\n    };\n\n    const handleTouchStart = (event: React.TouchEvent<HTMLElement>) => {\n        if (children.props.onTouchStart) {\n            children.props.onTouchStart(event);\n        }\n\n        const eventTarget = event.target as Element;\n\n        clearTimeout(timer.current);\n\n        if (clickedOutside(eventTarget)) {\n            timer.current = window.setTimeout(() => {\n                close();\n            }, onCloseDelay);\n        } else {\n            open();\n        }\n    };\n\n    const onClickProps = { onClick: handleTargetClick };\n\n    const onHoverProps = {\n        onMouseOver: handleMouseOver,\n        onMouseOut: handleMouseOut,\n        onTouchStart: handleTouchStart,\n    };\n\n    const getTargetProps = (\n        targetProps: HTMLAttributes<HTMLElement>,\n    ): HTMLAttributes<HTMLElement> => {\n        const props = {\n            className: cn(styles.target, targetProps.className),\n        };\n\n        switch (trigger) {\n            case 'click':\n                return {\n                    ...props,\n                    ...onClickProps,\n                };\n            case 'hover':\n                return {\n                    ...props,\n                    ...onHoverProps,\n                };\n            default:\n                return {};\n        }\n    };\n\n    const getContentProps = (): HTMLAttributes<HTMLElement> => {\n        const props = {\n            ref: contentRef,\n            'data-test-id': dataTestId,\n            className: cn(styles.component, contentClassName),\n        };\n\n        switch (trigger) {\n            case 'hover':\n                return {\n                    ...props,\n                    ...onHoverProps,\n                };\n            default:\n                return props;\n        }\n    };\n\n    const renderTarget = () => {\n        const props = getTargetProps(children.props);\n\n        return cloneElement(children, props);\n    };\n\n    const renderContent = () => {\n        const props = getContentProps();\n\n        return <div { ...props }>{ content }</div>;\n    };\n\n    const show = forcedOpen === undefined ? visible : forcedOpen;\n\n    const handleTargetRef = useCallback((ref: RefElement) => {\n        targetRef.current = ref;\n\n        setTarget(targetRef.current);\n    }, []);\n\n    return (\n        <React.Fragment>\n            <NodeResolver innerRef={ handleTargetRef }>{ renderTarget() as any }</NodeResolver>\n\n            { target && (\n                <Popover\n                    anchorElement={ target }\n                    open={ show }\n                    getPortalContainer={ getPortalContainer }\n                    arrowClassName={ arrowClassName }\n                    popperClassName={ cn(styles.popper, popoverClassName) }\n                    offset={ offset }\n                    withArrow={ true }\n                    position={ position }\n                    update={ updatePopover }\n                >\n                    { renderContent() }\n                </Popover>\n            ) }\n        </React.Fragment>\n    );\n};\n"],"names":["Tooltip","children","content","trigger","onCloseDelay","onOpenDelay","dataTestId","onClose","onOpen","forcedOpen","getPortalContainer","offset","position","contentClassName","arrowClassName","popoverClassName","updatePopover","visible","setVisible","useState","target","setTarget","targetRef","React","contentRef","timer","useRef","open","close","useCallback","toggle","clickedOutside","node","useEffect","handleBodyClick","event","eventTarget","handleTargetClick","handleMouseOver","handleMouseOut","handleTouchStart","onClickProps","onHoverProps","getTargetProps","targetProps","props","cn","styles","getContentProps","renderTarget","cloneElement","renderContent","jsx","show","handleTargetRef","ref","jsxs","NodeResolver","Popover"],"mappings":"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"}

package/dist/tooltip/index.d.ts

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

package/dist/tooltip/index.js

@@ -1 +1,5 @@
-export{Tooltip}from"./component.js";import"tslib";import"react";import"react-node-resolver";import"classnames";import"../popover/component.js";import"react-popper";import"react-transition-group";import"../portal/component.js";import"react-dom";import"../portal/utils.js";import"../stack/context.js";import"../stack/component.js";
+import { Tooltip as r } from "./component.js";
+export {
+  r as Tooltip
+};
+//# sourceMappingURL=index.js.map

package/dist/tooltip/index.js.map

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

package/dist/tooltip/index.module.css

@@ -0,0 +1 @@
+:root{--tooltip-border-color: var(--color-border-primary);--tooltip-z-index: 1}.index-module_component__KCXt7{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);padding:var(--gap-s) var(--gap-m)}.index-module_popper__M9HfK{border-radius:var(--radius-m)}.index-module_target__nVe99{cursor:pointer}

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

@@ -0,0 +1,13 @@
+import './index.module.css';
+const e = "index-module_component__KCXt7", o = "index-module_popper__M9HfK", t = "index-module_target__nVe99", n = {
+  component: e,
+  popper: o,
+  target: t
+};
+export {
+  e as component,
+  n as default,
+  o as popper,
+  t as target
+};
+//# sourceMappingURL=index.module.css.js.map

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

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

package/dist/typings/api.d.ts

@@ -1,18 +1,18 @@
 import { AxiosPromise, AxiosRequestConfig } from 'axios';
-type ApiMethodDeclaration<ParamsData, ResponseData> = {
+export declare type ApiMethodDeclaration<ParamsData, ResponseData> = {
     (params: ParamsData): AxiosRequestConfig;
     _r?: ResponseData;
 };
-type ApiDeclaration<T> = {
+export declare type ApiDeclaration<T> = {
     [P in keyof T]: T[P];
 };
-type Api<T> = {
+export declare type Api<T> = {
     [P in keyof T]: MakeServiceFromServiceDeclaration<ExtendServiceParams<T[P]>>;
 };
-type MakeServiceFromServiceDeclaration<T> = {
+export declare type MakeServiceFromServiceDeclaration<T> = {
     (params: ExtractApiMethodParamsType<T>): AxiosPromise<ExtractApiMethodResponseDataType<T>>;
 };
-type ExtractApiMethodResponseDataType<T> = T extends ApiMethodDeclaration<infer P, infer D> ? D : any;
-type ExtractApiMethodParamsType<T> = T extends ApiMethodDeclaration<infer P, infer D> ? P : any;
-type ExtendServiceParams<T> = ApiMethodDeclaration<ExtractApiMethodParamsType<T>, ExtractApiMethodResponseDataType<T>>;
-export { ApiMethodDeclaration, ApiDeclaration, Api, MakeServiceFromServiceDeclaration, ExtendServiceParams };
+declare type ExtractApiMethodResponseDataType<T> = T extends ApiMethodDeclaration<infer P, infer D> ? D : any;
+declare type ExtractApiMethodParamsType<T> = T extends ApiMethodDeclaration<infer P, infer D> ? P : any;
+export declare type ExtendServiceParams<T> = ApiMethodDeclaration<ExtractApiMethodParamsType<T>, ExtractApiMethodResponseDataType<T>>;
+export {};

package/dist/typings/api.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=api.js.map

package/dist/typings/api.js.map

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

package/dist/typography/colors.d.ts

@@ -1,3 +1,2 @@
-declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative"];
-type Color = typeof colors[number];
-export { colors, Color };
+export declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative"];
+export declare type Color = typeof colors[number];

package/dist/typography/colors.js

@@ -1 +1,18 @@
-var e=["tertiary","disabled","accent","primary","attention","positive","secondary","tertiary-inverted","primary-inverted","secondary-inverted","link","negative"];export{e as colors};
+const e = [
+  "tertiary",
+  "disabled",
+  "accent",
+  "primary",
+  "attention",
+  "positive",
+  "secondary",
+  "tertiary-inverted",
+  "primary-inverted",
+  "secondary-inverted",
+  "link",
+  "negative"
+];
+export {
+  e as colors
+};
+//# sourceMappingURL=colors.js.map