test-stpr-ui-kit 0.6.15 → 1.0.0

package/README.md

@@ -3,23 +3,66 @@
 - Works out of the box. Test STPR UI contains a set of polished React components
   that work out of the box.
 
-# Installing Test STPR UI
+## Installing Test STPR UI
 
-⚡️Test STPR UI is made up of multiple components and tools which you can import
-one by one. All you need to do is install the `test-stpr-ui-kit` package:
+⚡️ Test STPR UI is made up of multiple components which you can import one by one.
+Install the `test-stpr-ui-kit` package:
 
 ```sh
-$ yarn add test-stpr-ui-kit
+yarn add test-stpr-ui-kit
 # or
-$ npm install --save test-stpr-ui-kit
+npm install test-stpr-ui-kit
 ```
 
-# Getting set up
+The package is **ESM-only**. Runtime dependencies (`clsx`, `date-fns`, `react-datepicker`, etc.) are installed
+transitively with the package.
 
-Just use the components like this:
+### Peer dependencies
 
-```jsx
+Your app must satisfy:
+
+- `react`, `react-dom` — required;
+- `three`, `web-ifc` — required only for `IfcPreview` / `IfcViewer`.
+
+## Getting set up
+
+### 1. Design tokens (required)
+
+Import once at the app entry (e.g. `main.tsx`):
+
+```tsx
+import "test-stpr-ui-kit/styles/tokens.css";
+```
+
+Component styles rely on `--spui-*` CSS variables from this file.
+
+### 2. Components
+
+```tsx
 import { Button } from "test-stpr-ui-kit";
 
-const App = () => <Button>⚡️Test STPR UI is very easy to use!⚡️</Button>;
+const App = () => <Button>⚡️ Test STPR UI is very easy to use! ⚡️</Button>;
 ```
+
+Per-component CSS is loaded automatically via ESM side effects — no separate CSS import per component.
+
+### 3. Vite + linked package (optional)
+
+```ts
+// consumer vite.config.ts
+export default defineConfig({
+  optimizeDeps: {
+    exclude: ["test-stpr-ui-kit"],
+  },
+});
+```
+
+## Documentation
+
+Full guide (tokens, fonts, IFC assets, TypeScript): **Storybook → Documentation → Introduction**.
+
+Quick checklist: **Documentation → Cheat sheets → Package usage**.
+
+## For library contributors
+
+See **CONTRIBUTING.md** (components, stories, `src/test-stpr-ui-kit.ts`, release workflow).

package/dist/components/Accordion/Accordion.css

@@ -0,0 +1 @@
+._spAccordion_1emom_1{--spui-accordion-name-font-size: 24px;--spui-accordion-name-line-height: 28px}._spAccordion_size-md_1emom_5{--spui-accordion-padding: var(--spui-spacing-4x);--spui-accordion-padding-bottom: var(--spui-spacing-4x);--spui-accordion-gap: var(--spui-spacing-4x)}._spAccordion_size-xl_1emom_10{--spui-accordion-padding: var(--spui-spacing-8x);--spui-accordion-padding-bottom: var(--spui-spacing-8x);--spui-accordion-gap: var(--spui-spacing-8x)}._spAccordion_1emom_1{width:100%;display:flex;flex-direction:column;border:var(--spui-border-width-sm) solid var(--spui-color-border-primary);background-color:var(--spui-color-surface-default);color:var(--spui-color-text-primary);font-family:var(--spui-font-family-main),serif;overflow:hidden;gap:var(--spui-spacing-none);padding:var(--spui-accordion-padding)}._spAccordion_1emom_1{transition:all .2s ease-in-out}._spAccordion_1emom_1{opacity:1;visibility:visible}._spAccordion_1emom_1{transition:all .3s ease-in-out}@starting-style{._spAccordion_1emom_1{opacity:0;visibility:hidden}}._spAccordion_open_1emom_43{overflow:visible;gap:var(--spui-accordion-gap)}._spAccordion_noBorder_1emom_47{border:none}._spAccordion_noPadding_1emom_50{--spui-accordion-padding: var(--spui-spacing-none)}._spAccordion_1emom_1._spAccordion_noBorder_1emom_47{border-bottom:var(--spui-border-width-sm) solid var(--spui-color-border-primary)}._spAccordion_1emom_1._spAccordion_noBorder_1emom_47._spAccordion_noPadding_1emom_50{padding-bottom:var(--spui-accordion-padding-bottom)}._spAccordion__header_1emom_59{display:flex;align-items:flex-start;gap:var(--spui-spacing-2x)}._spAccordion__header_1emom_59{transition:all .3s ease-in-out}._spAccordion__name_1emom_67{width:100%;font-family:var(--spui-font-family-title),serif;font-weight:var(--spui-font-weight-medium);font-size:var(--spui-accordion-name-font-size);line-height:var(--spui-accordion-name-line-height);display:flex;align-items:center;gap:var(--spui-spacing-2x);color:var(--spui-color-text-primary)}._spAccordion__name_1emom_67 ._spAccordion__nameText_1emom_78{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;font-style:inherit}._spAccordion__name_hiddenExpand_1emom_86 ._spAccordion__nameText_1emom_78{cursor:default;pointer-events:none}._spAccordion__icon_1emom_90{width:var(--spui-icon-size-base);height:var(--spui-icon-size-base);flex-shrink:0;color:var(--spui-color-icon-action);cursor:pointer}._spAccordion__icon_hidden_1emom_97{visibility:hidden}._spAccordion__icon_open_1emom_100{transform:rotateX(.5turn)}._spAccordion__icon_1emom_90{transition:all .3s ease-in-out}._spAccordion__childrenWrapper_1emom_106{display:grid;grid-template-rows:0fr;overflow:hidden}._spAccordion__childrenWrapper_1emom_106{transition-property:"grid-template-rows";transition-duration:.3s;transition-timing-function:ease-in-out}._spAccordion__childrenWrapper_open_1emom_116{grid-template-rows:1fr}._spAccordion__content_1emom_119{min-height:0;opacity:0;visibility:hidden;transition:opacity .2s ease .15s,visibility 0s linear .35s}._spAccordion__content_open_1emom_125{opacity:1;visibility:visible;transition:opacity .2s ease .15s,visibility 0s linear}

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { AccordionProps } from "./types";
+export declare const Accordion: React.FC<AccordionProps>;

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,78 @@
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import s from "clsx";
+import { useState as g } from "react";
+import o from "./Accordion.module.scss.js";
+import { EIconName as j } from "../Icons/types/index.js";
+import { Text as z } from "../Text/Text.js";
+import { InfoTooltip as k } from "../Tooltip/Tooltip.js";
+import { Icon as w } from "../Icons/Icon.js";
+const J = (N) => {
+  const {
+    name: h,
+    children: A,
+    defaultOpen: f = !1,
+    isHiddenExpandIcon: r = !1,
+    onOpen: u,
+    noBorder: C = !1,
+    noPadding: x = !1,
+    size: a = "xl",
+    expandIconName: T = j.ChevronDown,
+    infoTooltipText: i,
+    tooltipPosition: I,
+    classNameRoot: t,
+    classNameHeader: p,
+    classNameTitle: l,
+    classNameIcon: d,
+    classNameChildrenWrapper: m,
+    classNameBaseTooltipRoot: v
+  } = N, [e, R] = g(f), _ = () => {
+    r || (u?.(!e), R(!e));
+  }, B = s({
+    [o.spAccordion]: !0,
+    [o[`spAccordion_size-${a}`]]: a,
+    [o.spAccordion_open]: e,
+    [o.spAccordion_noBorder]: C,
+    [o.spAccordion_noPadding]: x,
+    ...t && { [t]: !0 }
+  }), W = s({
+    [o.spAccordion__header]: !0,
+    ...p && { [p]: !0 }
+  }), H = s({
+    [o.spAccordion__name]: !0,
+    [o.spAccordion__name_hiddenExpand]: r,
+    ...l && { [l]: !0 }
+  }), E = s({
+    [o.spAccordion__icon]: !0,
+    [o.spAccordion__icon_open]: e,
+    [o.spAccordion__icon_hidden]: r,
+    ...d && { [d]: !0 }
+  }), O = s({
+    [o.spAccordion__childrenWrapper]: !0,
+    [o.spAccordion__childrenWrapper_open]: e,
+    ...m && { [m]: !0 }
+  }), P = s({
+    [o.spAccordion__content]: !0,
+    [o.spAccordion__content_open]: e
+  });
+  return /* @__PURE__ */ c("div", { className: B, children: [
+    /* @__PURE__ */ c("div", { className: W, children: [
+      /* @__PURE__ */ c("div", { className: H, children: [
+        /* @__PURE__ */ n(z, { classNameRoot: o.spAccordion__nameText, onClick: _, children: h }),
+        i && /* @__PURE__ */ n(
+          k,
+          {
+            hover: !0,
+            position: I,
+            text: i,
+            classNameBaseTooltipRoot: v
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n(w, { onClick: _, className: E, name: T })
+    ] }),
+    /* @__PURE__ */ n("div", { className: O, children: /* @__PURE__ */ n("div", { className: P, children: A }) })
+  ] });
+};
+export {
+  J as Accordion
+};

package/dist/components/Accordion/Accordion.module.scss.js

@@ -0,0 +1,37 @@
+import './Accordion.css';const o = "_spAccordion_1emom_1", _ = "_spAccordion_open_1emom_43", c = "_spAccordion_noBorder_1emom_47", n = "_spAccordion_noPadding_1emom_50", d = "_spAccordion__header_1emom_59", e = "_spAccordion__name_1emom_67", i = "_spAccordion__nameText_1emom_78", p = "_spAccordion__name_hiddenExpand_1emom_86", r = "_spAccordion__icon_1emom_90", s = "_spAccordion__icon_hidden_1emom_97", A = "_spAccordion__icon_open_1emom_100", m = "_spAccordion__childrenWrapper_1emom_106", t = "_spAccordion__childrenWrapper_open_1emom_116", a = "_spAccordion__content_1emom_119", h = "_spAccordion__content_open_1emom_125", l = {
+  spAccordion: o,
+  "spAccordion_size-md": "_spAccordion_size-md_1emom_5",
+  "spAccordion_size-xl": "_spAccordion_size-xl_1emom_10",
+  spAccordion_open: _,
+  spAccordion_noBorder: c,
+  spAccordion_noPadding: n,
+  spAccordion__header: d,
+  spAccordion__name: e,
+  spAccordion__nameText: i,
+  spAccordion__name_hiddenExpand: p,
+  spAccordion__icon: r,
+  spAccordion__icon_hidden: s,
+  spAccordion__icon_open: A,
+  spAccordion__childrenWrapper: m,
+  spAccordion__childrenWrapper_open: t,
+  spAccordion__content: a,
+  spAccordion__content_open: h
+};
+export {
+  l as default,
+  o as spAccordion,
+  m as spAccordion__childrenWrapper,
+  t as spAccordion__childrenWrapper_open,
+  a as spAccordion__content,
+  h as spAccordion__content_open,
+  d as spAccordion__header,
+  r as spAccordion__icon,
+  s as spAccordion__icon_hidden,
+  A as spAccordion__icon_open,
+  e as spAccordion__name,
+  i as spAccordion__nameText,
+  p as spAccordion__name_hiddenExpand,
+  c as spAccordion_noBorder,
+  n as spAccordion_noPadding,
+  _ as spAccordion_open
+};

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { Accordion } from "./Accordion";
+export type { AccordionProps } from "./types";

package/dist/components/Accordion/types/index.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { EIconName } from "../../Icons";
+import { ETooltipPosition } from "../../Tooltip";
+export type TAccordionSize = "md" | "xl";
+export interface AccordionProps extends React.PropsWithChildren {
+    name?: string;
+    onOpen?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    isHiddenExpandIcon?: boolean;
+    noBorder?: boolean;
+    noPadding?: boolean;
+    classNameRoot?: string;
+    classNameHeader?: string;
+    classNameTitle?: string;
+    classNameIcon?: string;
+    classNameChildrenWrapper?: string;
+    expandIconName?: EIconName;
+    size?: TAccordionSize;
+    infoTooltipText?: string;
+    tooltipPosition?: ETooltipPosition;
+    classNameBaseTooltipRoot?: string;
+}

package/dist/components/ApplyButtons/ApplyButtons.css

@@ -0,0 +1 @@
+._spApplyButtons_go5we_1{display:inline-flex;align-items:center;gap:var(--spui-spacing-3x)}._spApplyButtons_align-right_go5we_6{justify-content:flex-end}._spApplyButtons_align-left_go5we_9{justify-content:flex-start}._spApplyButtons_align-center_go5we_12{justify-content:center}._spApplyButtons_mobile-column_go5we_15{flex-direction:column}@media only screen and (min-width:768px){._spApplyButtons_mobile-column_go5we_15{flex-direction:row}}._spApplyButtons_mobile-column-reverse_go5we_23{flex-direction:column-reverse}@media only screen and (min-width:768px){._spApplyButtons_mobile-column-reverse_go5we_23{flex-direction:row}}._spApplyButtons__cancel_go5we_31,._spApplyButtons__submit_go5we_34{width:auto}

package/dist/components/ApplyButtons/ApplyButtons.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ApplyButtonsProps } from "./types";
+export declare const ApplyButtons: React.FC<ApplyButtonsProps>;

package/dist/components/ApplyButtons/ApplyButtons.js

@@ -0,0 +1,67 @@
+import { jsxs as x, jsx as i } from "react/jsx-runtime";
+import s from "clsx";
+import t from "./ApplyButtons.module.scss.js";
+import { Button as p } from "../Button/Button.js";
+const D = (u) => {
+  const {
+    classNameRoot: n,
+    applyButtonsMobileDirection: o = "column",
+    applyButtonsAlign: a = "center",
+    cancelBtnContent: B = "Отменить",
+    cancelBtnIconName: N,
+    submitBtnIconName: b,
+    cancelBtnDisabled: d,
+    submitBtnContent: y = "Подтвердить",
+    formId: e,
+    disabled: C,
+    onClose: l,
+    submit: c,
+    loading: A,
+    cancelBtnVariant: f = "secondary",
+    submitBtnVariant: _ = "primary",
+    cancelBtnClassName: m,
+    submitBtnClassName: r
+  } = u, I = s({
+    [t.spApplyButtons]: !0,
+    [t[`spApplyButtons_mobile-${o}`]]: o,
+    [t[`spApplyButtons_align-${a}`]]: a,
+    ...n && { [n]: !0 }
+  }), R = s({
+    [t.spApplyButtons__submit]: !0,
+    ...r && { [r]: !0 }
+  }), v = s({
+    [t.spApplyButtons__cancel]: !0,
+    ...m && { [m]: !0 }
+  });
+  return /* @__PURE__ */ x("div", { className: I, children: [
+    l && /* @__PURE__ */ i(
+      p,
+      {
+        type: "button",
+        variant: f,
+        startIconName: N,
+        classNameRoot: v,
+        disabled: d,
+        onClick: l,
+        children: B
+      }
+    ),
+    c && /* @__PURE__ */ i(
+      p,
+      {
+        type: "submit",
+        variant: _,
+        startIconName: b,
+        classNameRoot: R,
+        form: e || void 0,
+        disabled: C,
+        onClick: c,
+        loading: A,
+        children: y
+      }
+    )
+  ] });
+};
+export {
+  D as ApplyButtons
+};

package/dist/components/ApplyButtons/ApplyButtons.module.scss.js

@@ -0,0 +1,16 @@
+import './ApplyButtons.css';const p = "_spApplyButtons_go5we_1", t = "_spApplyButtons__cancel_go5we_31", s = "_spApplyButtons__submit_go5we_34", _ = {
+  spApplyButtons: p,
+  "spApplyButtons_align-right": "_spApplyButtons_align-right_go5we_6",
+  "spApplyButtons_align-left": "_spApplyButtons_align-left_go5we_9",
+  "spApplyButtons_align-center": "_spApplyButtons_align-center_go5we_12",
+  "spApplyButtons_mobile-column": "_spApplyButtons_mobile-column_go5we_15",
+  "spApplyButtons_mobile-column-reverse": "_spApplyButtons_mobile-column-reverse_go5we_23",
+  spApplyButtons__cancel: t,
+  spApplyButtons__submit: s
+};
+export {
+  _ as default,
+  p as spApplyButtons,
+  t as spApplyButtons__cancel,
+  s as spApplyButtons__submit
+};

package/dist/components/ApplyButtons/index.d.ts

@@ -0,0 +1,2 @@
+export { ApplyButtons } from "./ApplyButtons";
+export type { ApplyButtonsProps } from "./types";

package/dist/components/ApplyButtons/types/index.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { TButtonVariant } from "../../Button";
+import { EIconName } from "../../Icons";
+export type TApplyButtonsMobileDirection = "row" | "column" | "column-reverse";
+export type TApplyButtonsAlign = "left" | "center" | "right";
+export interface ApplyButtonsProps {
+    applyButtonsMobileDirection?: TApplyButtonsMobileDirection;
+    applyButtonsAlign?: TApplyButtonsAlign;
+    cancelBtnContent?: string;
+    classNameRoot?: string;
+    cancelBtnClassName?: string;
+    submitBtnClassName?: string;
+    cancelBtnVariant?: TButtonVariant;
+    cancelBtnIconName?: EIconName;
+    submitBtnIconName?: EIconName;
+    submitBtnContent?: string;
+    submitBtnVariant?: TButtonVariant;
+    cancelBtnDisabled?: boolean;
+    formId?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    submit?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}

package/dist/components/AuthProtected/AuthProtected.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { AuthProtectedProps } from "./types";
+export declare const AuthProtected: React.FC<AuthProtectedProps>;

package/dist/components/AuthProtected/AuthProtected.js

@@ -0,0 +1,37 @@
+import { jsxs as l, Fragment as c, jsx as d } from "react/jsx-runtime";
+import { useState as m, useEffect as f } from "react";
+import { Confirm as A } from "../Confirm/Confirm.js";
+const g = (o) => {
+  const {
+    children: i,
+    isNeedAuthorized: t,
+    onClickAuthorization: n,
+    unauthorizedMessage: r = "Необходимо авторизоваться",
+    authButtonText: s = "Авторизоваться",
+    confirmSize: u = "md",
+    zIndex: a = 999
+  } = o, [h, e] = m(t);
+  return f(() => {
+    e(t);
+  }, [t]), /* @__PURE__ */ l(c, { children: [
+    i,
+    h && /* @__PURE__ */ d(
+      A,
+      {
+        zIndex: a,
+        isVisibleCloseButton: !1,
+        textAlign: "center",
+        applyButtonsAlign: "center",
+        header: r,
+        submitBtnContent: s,
+        size: u,
+        submit: () => {
+          e(!1), n?.();
+        }
+      }
+    )
+  ] });
+};
+export {
+  g as AuthProtected
+};

package/dist/components/AuthProtected/index.d.ts

@@ -0,0 +1,2 @@
+export { AuthProtected } from "./AuthProtected";
+export type { AuthProtectedProps } from "./types";

package/dist/components/AuthProtected/types/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { TModalSize } from "../../Modal/types";
+export interface AuthProtectedProps {
+    children: React.ReactNode;
+    isNeedAuthorized: boolean;
+    onClickAuthorization?: () => void;
+    unauthorizedMessage?: string;
+    authButtonText?: string;
+    confirmSize?: TModalSize;
+    zIndex?: number;
+}

package/dist/components/BaseTooltip/BaseTooltip.css

@@ -0,0 +1 @@
+._spBaseTooltip_mqyqv_1{background-color:var(--spui-color-surface-default);box-shadow:0 10px 45px 0 var(--spui-color-gray-300);width:max-content;max-width:300px;position:absolute;min-width:160px;z-index:199;overflow-y:auto}._spBaseTooltip_mqyqv_1::-webkit-scrollbar{width:var(--spui-scrollbar-width);height:var(--spui-scrollbar-width)}._spBaseTooltip_mqyqv_1::-webkit-scrollbar-track{background:var(--spui-color-surface-transparent)}._spBaseTooltip_mqyqv_1::-webkit-scrollbar-thumb{background:var(--color-aqua-blue)}._spBaseTooltip_mqyqv_1::-webkit-scrollbar-thumb:hover{background:var(--color-accent-blue)}._spBaseTooltip_mqyqv_1,._spBaseTooltip_mqyqv_1 *{box-sizing:border-box}._spBaseTooltip_mqyqv_1{transition:all .2s ease-in-out}._spBaseTooltip_mqyqv_1{opacity:1;visibility:visible}._spBaseTooltip_mqyqv_1{transition:all .3s ease-in-out}@starting-style{._spBaseTooltip_mqyqv_1{opacity:0;visibility:hidden}}._spBaseTooltip_noPadding_mqyqv_43{padding:var(--spui-spacing-none)}@media only screen and (min-width:768px){._spBaseTooltip_mqyqv_1{max-width:450px}}@media only screen and (min-width:1440px){._spBaseTooltip_mqyqv_1{max-width:600px}}._spBaseTooltip_mqyqv_1:not(._spBaseTooltip_noPadding_mqyqv_43){padding:var(--spui-spacing-3x)}@media only screen and (min-width:768px){._spBaseTooltip_mqyqv_1:not(._spBaseTooltip_noPadding_mqyqv_43){padding:var(--spui-spacing-5x)}}@media only screen and (min-width:1440px){._spBaseTooltip_mqyqv_1:not(._spBaseTooltip_noPadding_mqyqv_43){padding:var(--spui-spacing-3x)}}._spBaseTooltip__content_mqyqv_69{font-family:var(--spui-font-family-main),serif;font-weight:var(--spui-font-weight-medium);color:var(--spui-color-text-primary);font-size:14px;white-space:pre-line}

package/dist/components/BaseTooltip/BaseTooltip.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { BaseTooltipProps } from "./types";
+export declare const BaseTooltip: React.ForwardRefExoticComponent<BaseTooltipProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/BaseTooltip/BaseTooltip.js

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import a from "clsx";
+import d from "react";
+import o from "./BaseTooltip.module.scss.js";
+const N = d.forwardRef((r, l) => {
+  const {
+    text: n,
+    noPadding: p = !1,
+    style: m,
+    classNameRoot: t,
+    classNameContentRoot: s
+  } = r, i = a({
+    [o.spBaseTooltip]: !0,
+    [o.spBaseTooltip_noPadding]: p,
+    ...t && { [t]: !0 }
+  }), c = a({
+    [o.spBaseTooltip__content]: !0,
+    ...s && { [s]: !0 }
+  });
+  return /* @__PURE__ */ e("div", { className: i, ref: l, style: m, children: /* @__PURE__ */ e("div", { className: c, children: n }) });
+});
+N.displayName = "BaseTooltip";
+export {
+  N as BaseTooltip
+};

package/dist/components/BaseTooltip/BaseTooltip.module.scss.js

@@ -0,0 +1,11 @@
+import './BaseTooltip.css';const o = "_spBaseTooltip_mqyqv_1", s = "_spBaseTooltip_noPadding_mqyqv_43", t = "_spBaseTooltip__content_mqyqv_69", p = {
+  spBaseTooltip: o,
+  spBaseTooltip_noPadding: s,
+  spBaseTooltip__content: t
+};
+export {
+  p as default,
+  o as spBaseTooltip,
+  t as spBaseTooltip__content,
+  s as spBaseTooltip_noPadding
+};

package/dist/components/BaseTooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { BaseTooltip } from "./BaseTooltip";
+export type { BaseTooltipProps } from "./types";

package/dist/components/BaseTooltip/types/index.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from "react";
+export interface BaseTooltipProps {
+    text?: string | ReactNode;
+    noPadding?: boolean;
+    classNameRoot?: string;
+    classNameContentRoot?: string;
+    style?: React.CSSProperties;
+}

package/dist/components/Breadcrumb/Breadcrumb.css

@@ -0,0 +1 @@
+._spBreadcrumb_10fj1_1{display:block}._spBreadcrumb_10fj1_1{opacity:1;visibility:visible}._spBreadcrumb_10fj1_1{transition:all .3s ease-in-out}@starting-style{._spBreadcrumb_10fj1_1{opacity:0;visibility:hidden}}._spBreadcrumb__list_10fj1_17{display:flex;align-items:center;gap:var(--spui-spacing-1x);flex-direction:row;flex-wrap:wrap;font-family:var(--spui-font-family-main),serif;list-style:none;margin:var(--spui-scale-0, 0);padding:var(--spui-scale-0, 0)}._spBreadcrumb__listItem_10fj1_28{display:flex;align-items:center;flex-direction:row;gap:var(--spui-spacing-1x)}._spBreadcrumb__listItem_10fj1_28:last-child ._spBreadcrumb__listItem__separator_10fj1_34{display:none}._spBreadcrumb__listItem__separator_10fj1_34{color:var(--spui-color-text-primary);flex-shrink:0;width:var(--spui-scale-4x);height:var(--spui-scale-4x)}._spBreadcrumb__listItem__text_10fj1_43{color:var(--spui-color-text-secondary);cursor:pointer;font-size:13px;line-height:130%}@media only screen and (min-width:768px){._spBreadcrumb__listItem__text_10fj1_43{font-size:16px}}._spBreadcrumb__listItem_active_10fj1_54 ._spBreadcrumb__listItem__text_10fj1_43{color:var(--spui-color-text-primary)}

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { BreadcrumbProps } from "./types";
+export declare const Breadcrumb: React.FC<BreadcrumbProps>;

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,42 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import e from "clsx";
+import s from "./Breadcrumb.module.scss.js";
+import { Icon as N } from "../Icons/Icon.js";
+import { EIconName as b } from "../Icons/types/index.js";
+const x = (o) => {
+  const {
+    classNameRoot: t,
+    classNameListRoot: a,
+    crumbsList: c = []
+  } = o, l = e({
+    [s.spBreadcrumb]: !0,
+    ...t && { [t]: !0 }
+  }), i = e({
+    [s.spBreadcrumb__list]: !0,
+    ...a && { [a]: !0 }
+  });
+  return /* @__PURE__ */ r("nav", { "aria-label": "breadcrumb", className: l, children: /* @__PURE__ */ r("ol", { className: i, children: c.map(({ text: m, onClick: n, active: p, visible: u }, _) => u === !1 ? null : /* @__PURE__ */ d(
+    "li",
+    {
+      className: e(
+        s.spBreadcrumb__listItem,
+        p && s.spBreadcrumb__listItem_active
+      ),
+      children: [
+        /* @__PURE__ */ r("span", { title: m, className: s.spBreadcrumb__listItem__text, onClick: n, children: m }),
+        /* @__PURE__ */ r(
+          N,
+          {
+            name: b.SelectChevronDown,
+            rotate: -90,
+            className: s.spBreadcrumb__listItem__separator
+          }
+        )
+      ]
+    },
+    _
+  )) }) });
+};
+export {
+  x as Breadcrumb
+};

package/dist/components/Breadcrumb/Breadcrumb.module.scss.js

@@ -0,0 +1,17 @@
+import './Breadcrumb.css';const _ = "_spBreadcrumb_10fj1_1", t = "_spBreadcrumb__list_10fj1_17", s = "_spBreadcrumb__listItem_10fj1_28", r = "_spBreadcrumb__listItem__separator_10fj1_34", e = "_spBreadcrumb__listItem__text_10fj1_43", m = "_spBreadcrumb__listItem_active_10fj1_54", a = {
+  spBreadcrumb: _,
+  spBreadcrumb__list: t,
+  spBreadcrumb__listItem: s,
+  spBreadcrumb__listItem__separator: r,
+  spBreadcrumb__listItem__text: e,
+  spBreadcrumb__listItem_active: m
+};
+export {
+  a as default,
+  _ as spBreadcrumb,
+  t as spBreadcrumb__list,
+  s as spBreadcrumb__listItem,
+  r as spBreadcrumb__listItem__separator,
+  e as spBreadcrumb__listItem__text,
+  m as spBreadcrumb__listItem_active
+};

package/dist/components/Breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumb } from "./Breadcrumb";
+export type { BreadcrumbProps, TCrumbItem } from "./types";

package/dist/components/Breadcrumb/types/index.d.ts

@@ -0,0 +1,11 @@
+export interface BreadcrumbProps {
+    classNameRoot?: string;
+    classNameListRoot?: string;
+    crumbsList: TCrumbItem[];
+}
+export type TCrumbItem = {
+    text: string;
+    onClick?: () => void;
+    active?: boolean;
+    visible?: boolean;
+};

package/dist/components/Button/Button.css

@@ -0,0 +1 @@
+._spButton_18oju_1{display:flex;justify-content:center;align-items:center;gap:var(--spui-spacing-2x);border:none;outline:none;cursor:pointer;height:var(--spui-control-height-xl);padding:var(--spui-spacing-none) var(--spui-spacing-8x);background-color:var(--spui-color-surface-action);color:var(--spui-color-text-on-action)}._spButton_18oju_1{transition:all .2s ease-in-out}._spButton_18oju_1{opacity:1;visibility:visible}._spButton_18oju_1{transition:all .3s ease-in-out}@starting-style{._spButton_18oju_1{opacity:0;visibility:hidden}}._spButton_size-md_18oju_30{height:var(--spui-control-height-md);padding:var(--spui-spacing-none) var(--spui-spacing-6x)}._spButton_size-md_18oju_30 ._spButton__text_18oju_34{font-size:var(--spui-button-font-size-md, 16px);line-height:20px}._spButton_size-xl_18oju_38{height:var(--spui-control-height-xl);padding:var(--spui-spacing-none) var(--spui-spacing-8x)}._spButton_size-xl_18oju_38 ._spButton__text_18oju_34{font-size:var(--spui-button-font-size-xl, 18px);line-height:24px}._spButton_noPadding_18oju_46{padding:var(--spui-spacing-none);height:fit-content}._spButton_onlyIcon_18oju_50:not(._spButton_noPadding_18oju_46){padding:var(--spui-spacing-none);width:var(--spui-control-height-xl);min-width:var(--spui-control-height-xl)}._spButton_size-md_18oju_30._spButton_onlyIcon_18oju_50:not(._spButton_noPadding_18oju_46){width:var(--spui-control-height-md);min-width:var(--spui-control-height-md)}._spButton_primary_18oju_59{background-color:var(--spui-color-surface-action);color:var(--spui-color-text-on-action)}._spButton_primary_18oju_59:hover{background-color:var(--spui-color-surface-action-hover)}._spButton_primary_18oju_59:focus-visible,._spButton_primary_18oju_59:active{background-color:var(--spui-color-surface-action-active)}._spButton_secondary_18oju_69{background-color:var(--spui-color-surface-secondary);color:var(--spui-color-text-action)}._spButton_secondary_18oju_69:hover{background-color:var(--spui-color-surface-secondary-hover)}._spButton_secondary_18oju_69:focus-visible,._spButton_secondary_18oju_69:active{background-color:var(--spui-color-surface-secondary-active)}._spButton_text_18oju_79{background-color:var(--spui-color-surface-transparent);color:var(--spui-color-text-action)}._spButton_text_18oju_79:hover{background-color:var(--spui-color-surface-secondary-hover)}._spButton_text_18oju_79:focus-visible,._spButton_text_18oju_79:active{background-color:var(--spui-color-surface-secondary-active)}._spButton_link_18oju_89{background-color:var(--spui-color-surface-transparent);color:var(--spui-color-text-action)}._spButton_link_18oju_89:hover{color:var(--spui-color-text-action-hover)}._spButton_link_18oju_89:hover ._spButton__text_18oju_34{text-decoration:underline}._spButton_link_18oju_89:focus-visible,._spButton_link_18oju_89:active{color:var(--spui-color-text-action-active)}._spButton_fullWidth_18oju_102{width:100%}._spButton_disabled_18oju_105{pointer-events:none;cursor:default;color:var(--spui-color-text-disabled)!important}._spButton_disabled_18oju_105:not(._spButton_link_18oju_89){background-color:var(--spui-color-surface-disabled)!important}._spButton_disabled_18oju_105._spButton_link_18oju_89,._spButton_disabled_18oju_105._spButton_text_18oju_79{background-color:transparent!important}._spButton__spinner_18oju_116{color:currentColor!important}._spButton__text_18oju_34{color:currentColor;font-family:var(--spui-font-family-main),serif;font-weight:var(--spui-font-weight-medium);text-decoration:none}._spButton__iconContainer_18oju_125{display:flex}._spButton__iconContainer__icon_18oju_128{width:var(--spui-icon-size-base);height:var(--spui-icon-size-base);flex-shrink:0}

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ButtonProps } from "./types";
+export declare const Button: React.FC<ButtonProps>;

package/dist/components/Button/Button.js

@@ -0,0 +1,74 @@
+import { jsx as n, jsxs as j } from "react/jsx-runtime";
+import r from "clsx";
+import F from "react";
+import t from "./Button.module.scss.js";
+import { Spinner as P } from "../Spinner/Spinner.js";
+import { Icon as W } from "../Icons/Icon.js";
+const D = (N) => {
+  const {
+    variant: l = "primary",
+    size: c = "xl",
+    style: I,
+    onClick: R,
+    startIconName: i,
+    endIconName: d,
+    startIconRotate: h = 0,
+    endIconRotate: x = 0,
+    disabled: e = !1,
+    type: C = "button",
+    form: g,
+    children: m,
+    loading: u = !1,
+    isFullWidth: v = !1,
+    isOnlyIcon: s = !1,
+    noPadding: y = !1,
+    classNameRoot: p,
+    classNameTextRoot: _
+  } = N, b = (o) => {
+    e || R?.(o);
+  }, f = r({
+    [t.spButton__iconContainer]: !0
+  }), k = r({
+    [t.spButton__text]: !0,
+    ..._ && { [_]: !0 }
+  }), z = () => /* @__PURE__ */ n("div", { className: f, children: /* @__PURE__ */ n(P, { size: "md", classNameRoot: t.spButton__spinner }) }), B = (o, a) => o ? /* @__PURE__ */ n("div", { className: f, children: /* @__PURE__ */ n(
+    W,
+    {
+      name: o,
+      rotate: a,
+      className: t.spButton__iconContainer__icon
+    }
+  ) }) : null, S = () => {
+    const o = !!i, a = !s && !!d;
+    return /* @__PURE__ */ j(F.Fragment, { children: [
+      u ? z() : B(o ? i : void 0, h),
+      !s && m && /* @__PURE__ */ n("div", { className: k, children: m }),
+      B(a ? d : void 0, x)
+    ] });
+  }, T = r({
+    [t.spButton]: !0,
+    [t[`spButton_size-${c}`]]: c,
+    [t.spButton_noPadding]: y,
+    [t.spButton_onlyIcon]: s,
+    [t[`spButton_${l}`]]: l,
+    [t.spButton_fullWidth]: v,
+    [t.spButton_disabled]: e,
+    [t.spButton_loading]: u,
+    ...p && { [p]: !0 }
+  });
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      style: I,
+      className: T,
+      onClick: b,
+      disabled: e,
+      type: C,
+      form: g,
+      children: S()
+    }
+  );
+};
+export {
+  D as Button
+};