fsk-design-system 1.0.9 → 1.0.10

package/README.md

@@ -1,5 +1,96 @@
-# Дизайн система
-
-В корне надо добавить обертку ThemeProvider
-
-Для смены темы использовать changeTheme из хука useTheme
+# FSK Design System
+
+Универсальная дизайн-система с поддержкой тем и кастомных UI-компонентов.
+
+## 📦 Установка
+
+```bash
+npm install fsk-design-system
+```
+
+## ⚡ Быстрый старт
+
+1. **Импортируйте стили дизайн-системы в корневом файле:**
+
+```ts
+import 'fsk-design-system/styles.css';
+```
+
+2. **Оберните приложение в `ThemeProvider`:**
+
+```tsx
+import { ThemeProvider } from 'fsk-design-system';
+
+const App = () => (
+  <ThemeProvider>
+    {/* Ваш код */}
+  </ThemeProvider>
+);
+```
+
+3. **Оберните приложение в `ConfigProvider` для русификации:**
+
+```tsx
+import ConfigProvider from "antd/es/config-provider"
+import ruRU from "antd/locale/ru_RU"
+
+const App = () => (
+  <ConfigProvider locale={ruRU}>
+    {/* Ваш код */}
+  </ConfigProvider>
+);
+```
+
+## 🔹 Смена темы через хук `useTheme`
+
+```tsx
+import { useTheme } from 'fsk-design-system';
+
+const ThemeSwitcher = () => {
+  const { changeTheme } = useTheme();
+
+  return (
+    <button onClick={() => changeTheme('dark')}>
+      Переключить на тёмную тему
+    </button>
+  );
+};
+```
+
+## 🎨 Доступные темы
+
+| Название темы | Описание       |
+|---------------|----------------|
+| `light`       | Светлая тема (по умолчанию) |
+| `dark`        | Тёмная тема    |
+
+## 🧩 Компоненты
+
+> Полный список компонентов — см. в [документации](https://design-system.k8s-dev.fsk.ru/)
+
+Пример:
+
+```tsx
+import { Button } from 'fsk-design-system';
+
+<Button size="xl" type="main-secondary">Click me</Button>
+```
+
+## 📌 Требования
+
+```json
+"dependencies": {
+  "@emotion/css": "^11.13.5",
+  "@emotion/react": "^11.13.3",
+  "@emotion/styled": "^11.13.0",
+  "antd": "^5.23.4",
+  "react": "^18.3.1",
+  "react-dom": "^18.3.1"
+}
+```
+
+```bash
+npm install @emotion/css@^11.13.5 @emotion/react@^11.13.3 @emotion/styled@^11.13.0 antd@^5.23.4 react@^18.3.1 react-dom@^18.3.1
+```
+
+---

package/dist/{Alert-D1wr1y_4.js → Alert-DNaF3jet.js}

@@ -1,20 +1,21 @@
-import { j as S } from "./emotion-react-jsx-runtime.browser.esm-hmfoKnJp.js";
+import { j as S } from "./emotion-react-jsx-runtime.browser.esm-BzbZGnbz.js";
 import { S as ee } from "./close-CdIAG4DZ.js";
-import { B as oe } from "./Button-KbLNClbS.js";
-import { c as te } from "./emotion-styled-base.browser.esm-CqFVMcCW.js";
+import { B as oe } from "./Button-lje25x8J.js";
+import { c as te } from "./emotion-styled-base.browser.esm-B5hPI6jF.js";
 import * as a from "react";
-import { R as ne, a as re } from "./CloseCircleFilled-D4seZVJM.js";
-import { R as ae } from "./CloseOutlined-fbJ4WTXG.js";
-import { R as se } from "./ExclamationCircleFilled-CPL3yIxr.js";
-import { R as ce } from "./InfoCircleFilled-D2043v-A.js";
-import { g as ie, b as le, a as A, t as de, i as Z, A as me, G as pe, H as R, I as ue, J as ge, e as be, f as fe } from "./genStyleUtils-iNP3vfH3.js";
-import { b as ye } from "./index-BpDSprRt.js";
-import { p as Ie } from "./pickAttrs-BzGluepM.js";
-import { r as Ce } from "./reactNode-CwSzDQK_.js";
-import { d as ve } from "./warning-CAogmloc.js";
+import { R as ne } from "./CheckCircleFilled-aYCJP93m.js";
+import { R as re } from "./CloseCircleFilled-aRFAKWCB.js";
+import { R as ae } from "./CloseOutlined-DyiYNFyx.js";
+import { R as ce } from "./ExclamationCircleFilled-B4-6opLK.js";
+import { R as ie } from "./InfoCircleFilled-S2iy4_UJ.js";
+import { g as se, e as le, b as w, u as de, c as G, v as me, G as pe, H as E, I as ue, J as ge, h as be, i as fe } from "./genStyleUtils-git9kFa9.js";
+import { b as ye } from "./index-C2fzIJCf.js";
+import { p as ve } from "./pickAttrs-J0nYVkHF.js";
+import { r as Ie } from "./reactNode-CwSzDQK_.js";
+import { d as Ce } from "./warning-CzsCZOlq.js";
 const x = (e, o, t, n, r) => ({
   background: e,
-  border: `${A(n.lineWidth)} ${n.lineType} ${o}`,
+  border: `${w(n.lineWidth)} ${n.lineType} ${o}`,
   [`${r}-icon`]: {
     color: t
   }
@@ -24,23 +25,23 @@ const x = (e, o, t, n, r) => ({
     motionDurationSlow: t,
     marginXS: n,
     marginSM: r,
-    fontSize: s,
+    fontSize: c,
     fontSizeLG: l,
     lineHeight: d,
     borderRadiusLG: u,
     motionEaseInOutCirc: m,
     withDescriptionIconSize: g,
     colorText: b,
-    colorTextHeading: I,
-    withDescriptionPadding: C,
-    defaultPadding: c
+    colorTextHeading: v,
+    withDescriptionPadding: I,
+    defaultPadding: i
   } = e;
   return {
     [o]: Object.assign(Object.assign({}, le(e)), {
       position: "relative",
       display: "flex",
       alignItems: "center",
-      padding: c,
+      padding: i,
       wordWrap: "break-word",
       borderRadius: u,
       [`&${o}-rtl`]: {
@@ -56,11 +57,11 @@ const x = (e, o, t, n, r) => ({
       },
       "&-description": {
         display: "none",
-        fontSize: s,
+        fontSize: c,
         lineHeight: d
       },
       "&-message": {
-        color: I
+        color: v
       },
       [`&${o}-motion-leave`]: {
         overflow: "hidden",
@@ -79,7 +80,7 @@ const x = (e, o, t, n, r) => ({
     }),
     [`${o}-with-description`]: {
       alignItems: "flex-start",
-      padding: C,
+      padding: I,
       [`${o}-icon`]: {
         marginInlineEnd: r,
         fontSize: g,
@@ -88,7 +89,7 @@ const x = (e, o, t, n, r) => ({
       [`${o}-message`]: {
         display: "block",
         marginBottom: n,
-        color: I,
+        color: v,
         fontSize: l
       },
       [`${o}-description`]: {
@@ -108,21 +109,21 @@ const x = (e, o, t, n, r) => ({
     colorSuccess: t,
     colorSuccessBorder: n,
     colorSuccessBg: r,
-    colorWarning: s,
+    colorWarning: c,
     colorWarningBorder: l,
     colorWarningBg: d,
     colorError: u,
     colorErrorBorder: m,
     colorErrorBg: g,
     colorInfo: b,
-    colorInfoBorder: I,
-    colorInfoBg: C
+    colorInfoBorder: v,
+    colorInfoBg: I
   } = e;
   return {
     [o]: {
       "&-success": x(r, n, t, e, o),
-      "&-info": x(C, I, b, e, o),
-      "&-warning": x(d, l, s, e, o),
+      "&-info": x(I, v, b, e, o),
+      "&-warning": x(d, l, c, e, o),
       "&-error": Object.assign(Object.assign({}, x(g, m, u, e, o)), {
         [`${o}-description > pre`]: {
           margin: 0,
@@ -137,7 +138,7 @@ const x = (e, o, t, n, r) => ({
     iconCls: t,
     motionDurationMid: n,
     marginXS: r,
-    fontSizeIcon: s,
+    fontSizeIcon: c,
     colorIcon: l,
     colorIconHover: d
   } = e;
@@ -150,8 +151,8 @@ const x = (e, o, t, n, r) => ({
         marginInlineStart: r,
         padding: 0,
         overflow: "hidden",
-        fontSize: s,
-        lineHeight: A(s),
+        fontSize: c,
+        lineHeight: w(c),
         backgroundColor: "transparent",
         border: "none",
         outline: "none",
@@ -173,157 +174,157 @@ const x = (e, o, t, n, r) => ({
       }
     }
   };
-}, Ze = (e) => ({
+}, Ge = (e) => ({
   withDescriptionIconSize: e.fontSizeHeading3,
   defaultPadding: `${e.paddingContentVerticalSM}px 12px`,
   withDescriptionPadding: `${e.paddingMD}px ${e.paddingContentHorizontalLG}px`
-}), $e = ie("Alert", (e) => [he(e), xe(e), Se(e)], Ze);
-var G = function(e, o) {
+}), Ne = se("Alert", (e) => [he(e), xe(e), Se(e)], Ge);
+var Z = function(e, o) {
   var t = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (t[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
     o.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (t[n[r]] = e[n[r]]);
   return t;
 };
-const Ne = {
-  success: re,
-  info: ce,
-  error: ne,
-  warning: se
-}, Xe = (e) => {
+const $e = {
+  success: ne,
+  info: ie,
+  error: re,
+  warning: ce
+}, We = (e) => {
   const {
     icon: o,
     prefixCls: t,
     type: n
-  } = e, r = Ne[n] || null;
-  return o ? Ce(o, /* @__PURE__ */ a.createElement("span", {
+  } = e, r = $e[n] || null;
+  return o ? Ie(o, /* @__PURE__ */ a.createElement("span", {
     className: `${t}-icon`
   }, o), () => ({
-    className: Z(`${t}-icon`, o.props.className)
+    className: G(`${t}-icon`, o.props.className)
   })) : /* @__PURE__ */ a.createElement(r, {
     className: `${t}-icon`
   });
-}, Le = (e) => {
+}, Be = (e) => {
   const {
     isClosable: o,
     prefixCls: t,
     closeIcon: n,
     handleClose: r,
-    ariaProps: s
+    ariaProps: c
   } = e, l = n === !0 || n === void 0 ? /* @__PURE__ */ a.createElement(ae, null) : n;
   return o ? /* @__PURE__ */ a.createElement("button", Object.assign({
     type: "button",
     onClick: r,
     className: `${t}-close-icon`,
     tabIndex: 0
-  }, s), l) : null;
-}, $ = /* @__PURE__ */ a.forwardRef((e, o) => {
+  }, c), l) : null;
+}, N = /* @__PURE__ */ a.forwardRef((e, o) => {
   const {
     description: t,
     prefixCls: n,
     message: r,
-    banner: s,
+    banner: c,
     className: l,
     rootClassName: d,
     style: u,
     onMouseEnter: m,
     onMouseLeave: g,
     onClick: b,
-    afterClose: I,
-    showIcon: C,
-    closable: c,
-    closeText: v,
+    afterClose: v,
+    showIcon: I,
+    closable: i,
+    closeText: C,
     closeIcon: f,
-    action: N,
-    id: F
-  } = e, O = G(e, ["description", "prefixCls", "message", "banner", "className", "rootClassName", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "id"]), [X, Y] = a.useState(!1);
-  process.env.NODE_ENV !== "production" && ve("Alert").deprecated(!v, "closeText", "closable.closeIcon");
-  const L = a.useRef(null);
+    action: $,
+    id: O
+  } = e, j = Z(e, ["description", "prefixCls", "message", "banner", "className", "rootClassName", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "id"]), [W, A] = a.useState(!1);
+  process.env.NODE_ENV !== "production" && Ce("Alert").deprecated(!C, "closeText", "closable.closeIcon");
+  const B = a.useRef(null);
   a.useImperativeHandle(o, () => ({
-    nativeElement: L.current
+    nativeElement: B.current
   }));
   const {
     getPrefixCls: V,
-    direction: j,
+    direction: M,
     closable: y,
-    closeIcon: W,
-    className: H,
+    closeIcon: H,
+    className: J,
     style: k
-  } = de("alert"), i = V("alert", n), [B, _, M] = $e(i), T = (p) => {
+  } = de("alert"), s = V("alert", n), [_, Y, T] = Ne(s), F = (p) => {
     var h;
-    Y(!0), (h = e.onClose) === null || h === void 0 || h.call(e, p);
-  }, w = a.useMemo(() => e.type !== void 0 ? e.type : s ? "warning" : "info", [e.type, s]), D = a.useMemo(() => typeof c == "object" && c.closeIcon || v ? !0 : typeof c == "boolean" ? c : f !== !1 && f !== null && f !== void 0 ? !0 : !!y, [v, f, c, y]), z = s && C === void 0 ? !0 : C, K = Z(i, `${i}-${w}`, {
-    [`${i}-with-description`]: !!t,
-    [`${i}-no-icon`]: !z,
-    [`${i}-banner`]: !!s,
-    [`${i}-rtl`]: j === "rtl"
-  }, H, l, d, M, _), P = Ie(O, {
+    A(!0), (h = e.onClose) === null || h === void 0 || h.call(e, p);
+  }, L = a.useMemo(() => e.type !== void 0 ? e.type : c ? "warning" : "info", [e.type, c]), P = a.useMemo(() => typeof i == "object" && i.closeIcon || C ? !0 : typeof i == "boolean" ? i : f !== !1 && f !== null && f !== void 0 ? !0 : !!y, [C, f, i, y]), R = c && I === void 0 ? !0 : I, D = G(s, `${s}-${L}`, {
+    [`${s}-with-description`]: !!t,
+    [`${s}-no-icon`]: !R,
+    [`${s}-banner`]: !!c,
+    [`${s}-rtl`]: M === "rtl"
+  }, J, l, d, T, Y), Q = ve(j, {
     aria: !0,
     data: !0
-  }), Q = a.useMemo(() => typeof c == "object" && c.closeIcon ? c.closeIcon : v || (f !== void 0 ? f : typeof y == "object" && y.closeIcon ? y.closeIcon : W), [f, c, v, W]), U = a.useMemo(() => {
-    const p = c ?? y;
+  }), U = a.useMemo(() => typeof i == "object" && i.closeIcon ? i.closeIcon : C || (f !== void 0 ? f : typeof y == "object" && y.closeIcon ? y.closeIcon : H), [f, i, C, H]), K = a.useMemo(() => {
+    const p = i ?? y;
     if (typeof p == "object") {
       const {
         closeIcon: h
       } = p;
-      return G(p, ["closeIcon"]);
+      return Z(p, ["closeIcon"]);
     }
     return {};
-  }, [c, y]);
-  return B(/* @__PURE__ */ a.createElement(ye, {
-    visible: !X,
-    motionName: `${i}-motion`,
+  }, [i, y]);
+  return _(/* @__PURE__ */ a.createElement(ye, {
+    visible: !W,
+    motionName: `${s}-motion`,
     motionAppear: !1,
     motionEnter: !1,
     onLeaveStart: (p) => ({
       maxHeight: p.offsetHeight
     }),
-    onLeaveEnd: I
+    onLeaveEnd: v
   }, (p, h) => {
     let {
-      className: E,
+      className: X,
       style: q
     } = p;
     return /* @__PURE__ */ a.createElement("div", Object.assign({
-      id: F,
-      ref: me(L, h),
-      "data-show": !X,
-      className: Z(K, E),
+      id: O,
+      ref: me(B, h),
+      "data-show": !W,
+      className: G(D, X),
       style: Object.assign(Object.assign(Object.assign({}, k), u), q),
       onMouseEnter: m,
       onMouseLeave: g,
       onClick: b,
       role: "alert"
-    }, P), z ? /* @__PURE__ */ a.createElement(Xe, {
+    }, Q), R ? /* @__PURE__ */ a.createElement(We, {
       description: t,
       icon: e.icon,
-      prefixCls: i,
-      type: w
+      prefixCls: s,
+      type: L
     }) : null, /* @__PURE__ */ a.createElement("div", {
-      className: `${i}-content`
+      className: `${s}-content`
     }, r ? /* @__PURE__ */ a.createElement("div", {
-      className: `${i}-message`
+      className: `${s}-message`
     }, r) : null, t ? /* @__PURE__ */ a.createElement("div", {
-      className: `${i}-description`
-    }, t) : null), N ? /* @__PURE__ */ a.createElement("div", {
-      className: `${i}-action`
-    }, N) : null, /* @__PURE__ */ a.createElement(Le, {
-      isClosable: D,
-      prefixCls: i,
-      closeIcon: Q,
-      handleClose: T,
-      ariaProps: U
+      className: `${s}-description`
+    }, t) : null), $ ? /* @__PURE__ */ a.createElement("div", {
+      className: `${s}-action`
+    }, $) : null, /* @__PURE__ */ a.createElement(Be, {
+      isClosable: P,
+      prefixCls: s,
+      closeIcon: U,
+      handleClose: F,
+      ariaProps: K
     }));
   }));
 });
-process.env.NODE_ENV !== "production" && ($.displayName = "Alert");
-function We(e, o, t) {
-  return o = R(o), pe(e, ue() ? Reflect.construct(o, t || [], R(e).constructor) : o.apply(e, t));
+process.env.NODE_ENV !== "production" && (N.displayName = "Alert");
+function He(e, o, t) {
+  return o = E(o), pe(e, ue() ? Reflect.construct(o, t || [], E(e).constructor) : o.apply(e, t));
 }
-let we = /* @__PURE__ */ function(e) {
+let Le = /* @__PURE__ */ function(e) {
   function o() {
     var t;
-    return fe(this, o), t = We(this, o, arguments), t.state = {
+    return fe(this, o), t = He(this, o, arguments), t.state = {
       error: void 0,
       info: {
         componentStack: ""
@@ -344,14 +345,14 @@ let we = /* @__PURE__ */ function(e) {
       const {
         message: n,
         description: r,
-        id: s,
+        id: c,
         children: l
       } = this.props, {
         error: d,
         info: u
       } = this.state, m = (u == null ? void 0 : u.componentStack) || null, g = typeof n > "u" ? (d || "").toString() : n, b = typeof r > "u" ? m : r;
-      return d ? /* @__PURE__ */ a.createElement($, {
-        id: s,
+      return d ? /* @__PURE__ */ a.createElement(N, {
+        id: c,
         type: "error",
         message: g,
         description: /* @__PURE__ */ a.createElement("pre", {
@@ -364,12 +365,12 @@ let we = /* @__PURE__ */ function(e) {
     }
   }]);
 }(a.Component);
-const J = $;
-J.ErrorBoundary = we;
-function ze() {
+const z = N;
+z.ErrorBoundary = Le;
+function Re() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-const Ee = /* @__PURE__ */ te(J, process.env.NODE_ENV === "production" ? {
+const Xe = /* @__PURE__ */ te(z, process.env.NODE_ENV === "production" ? {
   target: "e17981h30"
 } : {
   target: "e17981h30",
@@ -379,9 +380,9 @@ const Ee = /* @__PURE__ */ te(J, process.env.NODE_ENV === "production" ? {
   styles: "padding:var(--gap-md) var(--gap-lg);background-color:var(--color-surface-base-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);box-shadow:var(--shadow-alert);.ant-alert-icon{margin-right:var(--gap-4xs);}.ant-alert-message{margin-bottom:var(--gap-3xs);font:var(--font-subheading-xl);color:var(--color-text-primary);}.ant-alert-description{font:var(--font-body-normal-m);color:var(--color-text-primary);}.ant-alert-close-icon button{color:var(--color-icon-tertiary);svg{font-size:14px;}}"
 } : {
   name: "hw7h1z",
-  styles: "padding:var(--gap-md) var(--gap-lg);background-color:var(--color-surface-base-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);box-shadow:var(--shadow-alert);.ant-alert-icon{margin-right:var(--gap-4xs);}.ant-alert-message{margin-bottom:var(--gap-3xs);font:var(--font-subheading-xl);color:var(--color-text-primary);}.ant-alert-description{font:var(--font-body-normal-m);color:var(--color-text-primary);}.ant-alert-close-icon button{color:var(--color-icon-tertiary);svg{font-size:14px;}}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9raXJpbGwvRGVza3RvcC93b3JrL2Zzay9kZXNpZ24tc3lzdGVtL2Zyb250ZW5kL3NyYy9jb21wb25lbnRzL0FsZXJ0L0FsZXJ0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3dDIiwiZmlsZSI6Ii9Vc2Vycy9raXJpbGwvRGVza3RvcC93b3JrL2Zzay9kZXNpZ24tc3lzdGVtL2Zyb250ZW5kL3NyYy9jb21wb25lbnRzL0FsZXJ0L0FsZXJ0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IEFsZXJ0IGZyb20gXCJhbnRkL2VzL2FsZXJ0XCJcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFsZXJ0ID0gc3R5bGVkKEFsZXJ0KWBcbiAgcGFkZGluZzogdmFyKC0tZ2FwLW1kKSB2YXIoLS1nYXAtbGcpO1xuXG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXN1cmZhY2UtYmFzZS1wcmltYXJ5KTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tY29sb3ItYm9yZGVyLXRlcnRpYXJ5KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLW1kKTtcbiAgYm94LXNoYWRvdzogdmFyKC0tc2hhZG93LWFsZXJ0KTtcblxuICAuYW50LWFsZXJ0LWljb24ge1xuICAgIG1hcmdpbi1yaWdodDogdmFyKC0tZ2FwLTR4cyk7XG4gIH1cblxuICAuYW50LWFsZXJ0LW1lc3NhZ2Uge1xuICAgIG1hcmdpbi1ib3R0b206IHZhcigtLWdhcC0zeHMpO1xuXG4gICAgZm9udDogdmFyKC0tZm9udC1zdWJoZWFkaW5nLXhsKTtcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItdGV4dC1wcmltYXJ5KTtcbiAgfVxuXG4gIC5hbnQtYWxlcnQtZGVzY3JpcHRpb24ge1xuICAgIGZvbnQ6IHZhcigtLWZvbnQtYm9keS1ub3JtYWwtbSk7XG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gIH1cblxuICAuYW50LWFsZXJ0LWNsb3NlLWljb24gYnV0dG9uIHtcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItaWNvbi10ZXJ0aWFyeSk7XG5cbiAgICBzdmcge1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgIH1cbiAgfVxuYFxuIl19 */",
-  toString: ze
-}), Me = (e) => /* @__PURE__ */ S(Ee, { closeIcon: /* @__PURE__ */ S(oe, { type: "extra-secondary", size: "xs", icon: /* @__PURE__ */ S(ee, {}) }), ...e });
+  styles: "padding:var(--gap-md) var(--gap-lg);background-color:var(--color-surface-base-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);box-shadow:var(--shadow-alert);.ant-alert-icon{margin-right:var(--gap-4xs);}.ant-alert-message{margin-bottom:var(--gap-3xs);font:var(--font-subheading-xl);color:var(--color-text-primary);}.ant-alert-description{font:var(--font-body-normal-m);color:var(--color-text-primary);}.ant-alert-close-icon button{color:var(--color-icon-tertiary);svg{font-size:14px;}}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkM6L1VzZXJzL2tpcmlsbC9EZXNrdG9wL3dvcmsvZnNrL2Rlc2lnbi1zeXN0ZW0vZnJvbnRlbmQvc3JjL2NvbXBvbmVudHMvQWxlcnQvQWxlcnQuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiQzovVXNlcnMva2lyaWxsL0Rlc2t0b3Avd29yay9mc2svZGVzaWduLXN5c3RlbS9mcm9udGVuZC9zcmMvY29tcG9uZW50cy9BbGVydC9BbGVydC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCBBbGVydCBmcm9tIFwiYW50ZC9lcy9hbGVydFwiXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBbGVydCA9IHN0eWxlZChBbGVydClgXG4gIHBhZGRpbmc6IHZhcigtLWdhcC1tZCkgdmFyKC0tZ2FwLWxnKTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1zdXJmYWNlLWJhc2UtcHJpbWFyeSk7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWNvbG9yLWJvcmRlci10ZXJ0aWFyeSk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cy1tZCk7XG4gIGJveC1zaGFkb3c6IHZhcigtLXNoYWRvdy1hbGVydCk7XG5cbiAgLmFudC1hbGVydC1pY29uIHtcbiAgICBtYXJnaW4tcmlnaHQ6IHZhcigtLWdhcC00eHMpO1xuICB9XG5cbiAgLmFudC1hbGVydC1tZXNzYWdlIHtcbiAgICBtYXJnaW4tYm90dG9tOiB2YXIoLS1nYXAtM3hzKTtcblxuICAgIGZvbnQ6IHZhcigtLWZvbnQtc3ViaGVhZGluZy14bCk7XG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gIH1cblxuICAuYW50LWFsZXJ0LWRlc2NyaXB0aW9uIHtcbiAgICBmb250OiB2YXIoLS1mb250LWJvZHktbm9ybWFsLW0pO1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci10ZXh0LXByaW1hcnkpO1xuICB9XG5cbiAgLmFudC1hbGVydC1jbG9zZS1pY29uIGJ1dHRvbiB7XG4gICAgY29sb3I6IHZhcigtLWNvbG9yLWljb24tdGVydGlhcnkpO1xuXG4gICAgc3ZnIHtcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICB9XG4gIH1cbmBcbiJdfQ== */",
+  toString: Re
+}), Fe = (e) => /* @__PURE__ */ S(Xe, { closeIcon: /* @__PURE__ */ S(oe, { type: "extra-secondary", size: "xs", icon: /* @__PURE__ */ S(ee, {}) }), ...e });
 export {
-  Me as A
+  Fe as A
 };

package/dist/{AntdIcon-BCGIMzZv.js → AntdIcon-BG3srajz.js}

@@ -1,5 +1,5 @@
-import { _ as D } from "./emotion-use-insertion-effect-with-fallbacks.browser.esm-jl_Btwc6.js";
-import { v as L, x as U, w as W, n as b, _ as l, l as I, i as q, h as x, y as F } from "./genStyleUtils-iNP3vfH3.js";
+import { _ as D } from "./extends-hS2Bh-Yp.js";
+import { x as L, y as U, w as W, o as b, _ as l, n as I, c as q, j as x, z as F } from "./genStyleUtils-git9kFa9.js";
 import { _ as N } from "./objectWithoutProperties-DD_CKnnM.js";
 import * as C from "react";
 import h, { useContext as G, useEffect as H } from "react";