npm - triafly-ui-kit - Versions diffs - 1.0.0 → 1.0.2 - Mend

triafly-ui-kit 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (168) hide show

package/dist/TreeList-Z1F3eQH6.js ADDED Viewed

@@ -0,0 +1,113 @@
+import { jsxs as b, jsx as e, Fragment as $ } from "react/jsx-runtime";
+import { memo as w, useCallback as u } from "react";
+import { IconCaretDown as D, IconCaretRight as O, IconFolderSimple as R, IconFile as q } from "./components/Ui/Icons/Icons.js";
+import { Loader as z } from "./components/Ui/Loader/Loader.js";
+import { c as v } from "./index-2QXL0WYc.js";
+import './assets/TreeList.css';const A = "_selected_1oo5t_114", r = {
+  "tree-item": "_tree-item_1oo5t_76",
+  "tree-item-toggle": "_tree-item-toggle_1oo5t_83",
+  "tree-item-toggle-placeholder": "_tree-item-toggle-placeholder_1oo5t_86",
+  "tree-item-loader": "_tree-item-loader_1oo5t_89",
+  "tree-item-toggle-icon-folder": "_tree-item-toggle-icon-folder_1oo5t_97",
+  "tree-item-content": "_tree-item-content_1oo5t_103",
+  selected: A,
+  "tree-item-lebal": "_tree-item-lebal_1oo5t_118"
+}, B = ({
+  node: o,
+  onSelect: l,
+  level: h = 0,
+  childrenKey: m = "children",
+  idKey: c = "id",
+  nameKey: g = "name",
+  typeKey: s = "type",
+  expandedKeys: d = [],
+  onExpand: i,
+  selectedKey: a,
+  isFetching: _ = !1,
+  TreeItemClassName: p = "",
+  TreeItemContentClassName: f = ""
+}) => {
+  var T;
+  const n = o[c], k = o[g], L = o[s], N = d.includes(n), I = ((T = o[m]) == null ? void 0 : T.filter((t) => t[s] === "directory").length) > 0, j = a === n, C = a === n && _, F = u(
+    (t) => {
+      t.stopPropagation(), i == null || i(n);
+    },
+    [n, i]
+  ), P = u(
+    (t) => {
+      t.stopPropagation(), l == null || l(o);
+    },
+    [o, l]
+  );
+  return /* @__PURE__ */ b("div", { className: v(r["tree-item"], p), children: [
+    /* @__PURE__ */ b(
+      "div",
+      {
+        className: v(
+          r["tree-item-content"],
+          j ? r.selected : "",
+          f
+        ),
+        onClick: P,
+        children: [
+          C && /* @__PURE__ */ e("div", { className: r["tree-item-loader"], children: /* @__PURE__ */ e(z, {}) }),
+          I && !C ? /* @__PURE__ */ e("span", { onClick: F, className: r["tree-item-toggle"], children: N ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(O, {}) }) : /* @__PURE__ */ e("span", { className: r["tree-item-toggle-placeholder"] }),
+          /* @__PURE__ */ e("span", { className: r["tree-item-toggle-icon-folder"], children: L === "directory" ? /* @__PURE__ */ e(R, { color: "gray" }) : /* @__PURE__ */ e(q, {}) }),
+          /* @__PURE__ */ e("span", { className: `${r["tree-item-lebal"]}`, children: k })
+        ]
+      }
+    ),
+    N && I && /* @__PURE__ */ e($, { children: o[m].filter((t) => t[s] === "directory").map((t) => /* @__PURE__ */ e(
+      H,
+      {
+        node: t,
+        isFetching: _,
+        level: h + 1,
+        onSelect: l,
+        selectedKey: a,
+        childrenKey: m,
+        idKey: c,
+        nameKey: g,
+        typeKey: s,
+        expandedKeys: d,
+        onExpand: i
+      },
+      t[c]
+    )) })
+  ] });
+}, G = w(B), H = ({
+  node: o,
+  onSelect: l,
+  childrenKey: h = "children",
+  expandedKeys: m = [],
+  onExpand: c,
+  level: g = 0,
+  selectedKey: s,
+  idKey: d = "id",
+  nameKey: i = "name",
+  typeKey: a = "type",
+  isFetching: _,
+  TreeItemClassName: p = "",
+  TreeItemContentClassName: f = ""
+}) => /* @__PURE__ */ e(
+  G,
+  {
+    node: o,
+    isFetching: _,
+    level: g,
+    onSelect: l,
+    selectedKey: s,
+    childrenKey: h,
+    expandedKeys: m,
+    onExpand: c,
+    idKey: d,
+    nameKey: i,
+    typeKey: a,
+    TreeItemClassName: p,
+    TreeItemContentClassName: f
+  }
+);
+export {
+  H as T,
+  G as a
+};

package/dist/_commonjsHelpers-C6fGbg64.js ADDED Viewed

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as g
+};

package/dist/assets/Accordeon.css ADDED Viewed

@@ -0,0 +1 @@

package/dist/assets/Alert.css ADDED Viewed

@@ -0,0 +1 @@

package/dist/assets/Avatar.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .avatar{height:44px;width:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;overflow:hidden;cursor:default;flex-shrink:0;background-color:gray;color:#fff}

package/dist/assets/Badge.css ADDED Viewed

@@ -0,0 +1 @@

+ @charset "UTF-8";._badge_mb34a_3{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;border-radius:50px;border:1px solid;font-size:12px;font-weight:500;white-space:nowrap;-webkit-user-select:none;user-select:none;min-width:fit-content;max-width:max-content;transition:background-color .2s ease,color .2s ease}._outline_mb34a_20{border:1px solid currentColor;background-color:transparent}._solid_mb34a_25{color:#fff;border:none}._subtle_mb34a_30{background-color:#0000000d}._default_mb34a_35{color:var(--color-text-brand-default);border-color:var(--color-border-brand-default)}._done_mb34a_40,._success_mb34a_41{color:var(--color-status-success-foreground);background-color:var(--color-status-success-background)}._warning_mb34a_46{color:var(--color-status-warning-foreground);background-color:var(--color-status-warning-background)}._error_mb34a_51{color:var(--color-status-error-foreground);background-color:var(--color-status-error-background)}._active_mb34a_56{color:var(--color-text-primary-default);border-color:var(--color-border-secondary-default)}._blocked_mb34a_61{color:var(--color-status-error-foreground)}._icon_mb34a_66{display:flex;align-items:center;font-size:14px}._clickable_mb34a_73{cursor:pointer}._clickable_mb34a_73:hover{filter:brightness(.9)}

package/dist/assets/Button.css ADDED Viewed

@@ -0,0 +1 @@

package/dist/assets/Checkbox.css ADDED Viewed

@@ -0,0 +1 @@

package/dist/assets/CliTextareaInput.css ADDED Viewed

@@ -0,0 +1 @@

+ @charset "UTF-8";.cli-textarea-input{height:100%;width:100%;position:relative;display:flex}.cli-textarea-input .line-numbers{position:absolute;width:40px;height:100%;padding:10px 8px 0;text-align:right;color:#6e7681;background-color:var(--color-bg-innerisland-default);border-right:1px solid var(--color-border-primary-default);overflow-y:hidden;-webkit-user-select:none;user-select:none;flex-shrink:0;white-space:nowrap;font-family:monospace;font-size:14px}.cli-textarea-input .line-numbers .line-number{height:24px;line-height:24px;white-space:nowrap;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight{flex-grow:1;position:relative;height:100%}.cli-textarea-input .input-with-highlight textarea{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;color:transparent;caret-color:var(--color-text-primary-default);border:none;z-index:2}.cli-textarea-input .input-with-highlight textarea.no-resize{resize:none}.cli-textarea-input .input-with-highlight .formatted-content{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;border:1px solid var(--color-border-primary-default);border-top-left-radius:4px;border-top-right-radius:4px;z-index:1;overflow:hidden;overflow-wrap:break-word}.cli-textarea-input .input-with-highlight textarea,.cli-textarea-input .input-with-highlight .formatted-content{font-family:monospace;font-size:14px;line-height:24px;padding:10px 8px 0 40px;white-space:pre-wrap;word-wrap:break-word}.cli-textarea-input .input-with-highlight .json-key{color:#1bafff;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .json-string{color:#b76545;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .json-number{color:#6bf89f;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .json-literal{color:#1bafff;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .json-bracket{color:#ffa200;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .json-nested-bracket{color:#7dc4ff;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .formatted-content.yml .comment,.cli-textarea-input .input-with-highlight .formatted-content.yml .boolean,.cli-textarea-input .input-with-highlight .formatted-content.yml .number,.cli-textarea-input .input-with-highlight .formatted-content.yml .string,.cli-textarea-input .input-with-highlight .formatted-content.yml .key{font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .formatted-content.yml .key{color:#c678dd}.cli-textarea-input .input-with-highlight .formatted-content.yml .string{color:#98c379}.cli-textarea-input .input-with-highlight .formatted-content.yml .number{color:#d19a66}.cli-textarea-input .input-with-highlight .formatted-content.yml .boolean{color:#56b6c2}.cli-textarea-input .input-with-highlight .formatted-content.yml .comment{color:#5c6370;font-style:italic}.cli-textarea-input .input-with-highlight .xml-tag{color:#d63384;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .xml-attr{color:#0d6efd;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .xml-value{color:#20c997;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .prompt{color:#ff0404;-webkit-user-select:none;user-select:none;pointer-events:none}

package/dist/assets/CustomLink.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .link{color:var(--color-text-brand-default);text-decoration:none;display:flex;align-items:center}.link:hover{color:var(--color-text-brand-hover)}.link.external{display:flex;align-items:center}.link .icon{margin-right:8px}

package/dist/assets/DemoElements.css ADDED Viewed

@@ -0,0 +1 @@

package/dist/assets/DemoForm.css ADDED Viewed

@@ -0,0 +1 @@

package/dist/assets/DemoLogin.css ADDED Viewed

@@ -0,0 +1 @@

+ :root{--3afly-fonts-body: "Manrope", sans-serif;--3afly-fonts-heading: "Roboto Slab", sans-serif;--light-brand-50: #c2d0ff;--dark-brand-50: #c2d0ff;--base-dark: #121212;--base-light: #ffffff;--dark-blue-20: #153398;--dark-blue-50: #0e2266;--dark-blue-100: #5076ff;--dark-blue-200: #7c98ff;--dark-blue-300: #a7bbff;--light-blue-20: #eef2ff;--light-blue-50: #c2d0ff;--light-blue-100: #2454ff;--light-blue-200: #1a3ab2;--light-blue-300: #0e2266;--dark-neutral-0: #121212;--dark-neutral-20: #292929;--dark-neutral-50: #333333;--dark-neutral-100: #4d4d4d;--dark-neutral-200: #6e6e6e;--dark-neutral-300: #ffffff;--light-neutral-0: #ffffff;--light-neutral-20: #f6f7f8;--light-neutral-50: #f1f2f4;--light-neutral-100: #d2d5da;--light-neutral-200: #a5a8ac;--light-neutral-300: #121212;--dark-green-50: #044329;--dark-green-100: #12a26c;--dark-green-200: #cef8e0;--dark-orange-50: #662500;--dark-orange-100: #e16d00;--dark-orange-200: #ffeccc;--dark-red-50: #7b0000;--dark-red-100: #f65843;--dark-red-200: #ffebe7;--light-green-50: #cef8e0;--light-green-100: #15a46e;--light-green-200: #06603b;--light-orange-50: #ffeccc;--light-orange-100: #e46f00;--light-orange-200: #9e3900;--light-red-50: #ffebe7;--light-red-100: #f75c46;--light-red-200: #9e0000;--color-fader: #12121220;--default-font-color: var(--base-dark);--color-bg-brand-default: var(--light-blue-100);--color-bg-brand-hover: var(--light-blue-200);--color-bg-brand-selected: var(--light-blue-300);--color-bg-brand-lightest-default: var(--light-blue-20);--color-bg-brand-light-default: var(--light-blue-50);--color-bg-error-default: var(--light-red-100);--color-bg-error-hover: var(--light-red-200);--color-bg-innerisland-default: var(--light-neutral-20);--color-bg-island-default: var(--base-light);--color-bg-island-disabled: var(--light-neutral-50);--color-bg-island-inversed: var(--base-dark);--color-bg-island-selected: var(--light-neutral-50);--color-bg-page-primary-default: var(--light-neutral-50);--color-bg-page-secondary-default: var(--light-neutral-0);--color-bg-neutral-basic-default: var(--light-neutral-0);--color-bg-neutral-basic-inversed: var(--light-neutral-300);--color-bg-neutral-lightest-default: var(--light-neutral-20);--color-bg-neutral-medium-default: var(--light-neutral-100);--color-border-brand-default: var(--light-blue-100);--color-border-error-default: var(--light-red-100);--color-border-primary-default: var(--light-neutral-100);--color-border-primary-hover: var(--base-dark);--color-border-secondary-default: var(--light-neutral-200);--color-border-secondary-hover: var(--base-dark);--color-border-success-default: var(--light-green-100);--color-chart-critical: var(--light-red-100);--color-chart-low: var(--light-green-100);--color-chart-medium: var(--light-orange-100);--effect-shadow-drop: #12121214;--effect-shadow-L: #12121208;--effect-shadow-XL: #12121215;--color-icon-brand-default: var(--light-blue-100);--color-icon-brand-hover: var(--light-blue-200);--color-icon-error-default: var(--light-red-100);--color-icon-error-hover: var(--light-red-200);--color-icon-primary-default: var(--base-dark);--color-icon-primary-inversed: var(--base-light);--color-icon-secondary-default: var(--light-neutral-200);--color-icon-secondary-hover: var(--base-dark);--color-icon-success-default: var(--light-green-100);--color-sidemenu-bg-default: var(--base-light);--color-sidemenu-bg-hover: var(--light-neutral-50);--color-sidemenu-bg-selected: var(--light-blue-100);--color-sidemenu-icon-default: var(--base-dark);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--light-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);--color-sidemenu-text-default: var(--base-dark);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--light-red-50);--color-status-error-foreground: var(--light-red-100);--color-status-success-background: var(--light-green-50);--color-status-success-foreground: var(--light-green-100);--color-status-warning-background: var(--light-orange-50);--color-status-warning-foreground: var(--light-orange-100);--color-text-brand-default: var(--light-blue-100);--color-text-brand-hover: var(--light-blue-200);--color-text-error-default: var(--light-red-100);--color-text-primary-default: var(--base-dark);--color-text-primary-inversed: var(--light-neutral-0);--color-text-secondary-default: var(--light-neutral-200);--color-text-success-default: var(--light-green-100);--color-text-tertiary-default: var(--light-neutral-100);--color-button-brandlight-filled-hover: var(--light-brand-50)}html[data-theme=dark]{--default-font-color: var(--base-light);--color-bg-brand-default: var(--dark-blue-100);--color-bg-brand-hover: var(--dark-blue-200);--color-bg-brand-selected: var(--dark-blue-300);--color-bg-brand-light-default: var(--dark-blue-50);--color-bg-error-default: var(--dark-red-100);--color-bg-error-hover: var(--dark-red-50);--color-bg-innerisland-default: var(--dark-neutral-20);--color-bg-island-default: var(--base-dark);--color-bg-island-disabled: var(--dark-neutral-50);--color-bg-island-inversed: var(--base-light);--color-bg-island-selected: var(--dark-neutral-50);--color-bg-page-default: var(--dark-neutral-50);--color-bg-page-secondary-default: var(--dark-neutral-0);--color-bg-neutral-basic-default: var(--dark-neutral-20);--color-bg-neutral-basic-inversed: var(--dark-neutral-300);--color-bg-neutral-lightest-default: var(--dark-neutral-20);--color-bg-neutral-medium-default: var(--dark-neutral-100);--color-border-brand-default: var(--dark-blue-100);--color-border-error-default: var(--dark-red-100);--color-border-primary-default: var(--dark-neutral-100);--color-border-primary-hover: var(--base-light);--color-border-secondary-default: var(--dark-neutral-200);--color-border-secondary-hover: var(--base-light);--color-border-success-default: var(--dark-green-100);--color-chart-critical: var(--dark-red-100);--color-chart-low: var(--dark-green-100);--color-chart-medium: var(--dark-orange-100);--effect-shadow-drop: #12121299;--color-icon-brand-default: var(--dark-blue-100);--color-icon-brand-hover: var(--dark-blue-200);--color-icon-error-default: var(--dark-red-100);--color-icon-error-hover: var(--dark-red-200);--color-icon-primary-default: var(--base-light);--color-icon-primary-inversed: var(--base-dark);--color-icon-secondary-default: var(--dark-neutral-200);--color-icon-secondary-hover: var(--base-light);--color-icon-success-default: var(--dark-green-100);--color-sidemenu-bg-default: var(--base-dark);--color-sidemenu-bg-hover: var(--dark-neutral-50);--color-sidemenu-bg-selected: var(--dark-blue-100);--color-sidemenu-icon-default: var(--base-light);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--dark-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-light);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);--color-sidemenu-text-default: var(--base-light);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--dark-red-50);--color-status-error-foreground: var(--dark-red-100);--color-status-success-background: var(--dark-green-50);--color-status-success-foreground: var(--dark-green-100);--color-status-warning-background: var(--dark-orange-50);--color-status-warning-foreground: var(--dark-orange-100);--color-text-brand-default: var(--dark-blue-100);--color-text-brand-hover: var(--dark-blue-200);--color-text-error-default: var(--dark-red-100);--color-text-primary-default: var(--base-light);--color-text-primary-inversed: var(--dark-neutral-0);--color-text-secondary-default: var(--dark-neutral-200);--color-text-success-default: var(--dark-green-100);--color-text-tertiary-default: var(--dark-neutral-100);--color-button-brandlight-filled-hover: var(--dark-brand-50)}@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.authorization-page{padding:12px 12px 79px;display:flex;flex-direction:column;align-items:center}.authorization-page .welcome-title{width:100%;height:170px;padding:16px 20px;margin:0 0 28px;background-image:url(src/assets/images/authorization.png);background-repeat:no-repeat;background-size:cover;border-radius:0 20px;background-color:var(--dark-blue-20)}.authorization-page .welcome-title button{margin:0 0 20px;font-weight:600}.authorization-page .welcome-title button.theme-icon--light:before,.authorization-page .welcome-title button.theme-icon--dark:before{content:"";background-repeat:no-repeat;background-position:center;display:block;width:16px;height:16px;margin:0 8px 0 -8px}.authorization-page .welcome-title button.theme-icon--light:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN1biI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik03LjI1IDJWMUM3LjI1IDAuODAxMDg4IDcuMzI5MDIgMC42MTAzMjIgNy40Njk2NyAwLjQ2OTY3QzcuNjEwMzIgMC4zMjkwMTggNy44MDEwOSAwLjI1IDggMC4yNUM4LjE5ODkxIDAuMjUgOC4zODk2OCAwLjMyOTAxOCA4LjUzMDMzIDAuNDY5NjdDOC42NzA5OCAwLjYxMDMyMiA4Ljc1IDAuODAxMDg4IDguNzUgMVYyQzguNzUgMi4xOTg5MSA4LjY3MDk4IDIuMzg5NjggOC41MzAzMyAyLjUzMDMzQzguMzg5NjggMi42NzA5OCA4LjE5ODkxIDIuNzUgOCAyLjc1QzcuODAxMDkgMi43NSA3LjYxMDMyIDIuNjcwOTggNy40Njk2NyAyLjUzMDMzQzcuMzI5MDIgMi4zODk2OCA3LjI1IDIuMTk4OTEgNy4yNSAyWk0xMi4yNSA4QzEyLjI1IDguODQwNTcgMTIuMDAwNyA5LjY2MjI2IDExLjUzMzcgMTAuMzYxMkMxMS4wNjY3IDExLjA2MDEgMTAuNDAzIDExLjYwNDggOS42MjY0IDExLjkyNjVDOC44NDk4MiAxMi4yNDgyIDcuOTk1MjkgMTIuMzMyMyA3LjE3MDg3IDEyLjE2ODNDNi4zNDY0NSAxMi4wMDQ0IDUuNTg5MTcgMTEuNTk5NiA0Ljk5NDggMTEuMDA1MkM0LjQwMDQyIDEwLjQxMDggMy45OTU2NSA5LjY1MzU1IDMuODMxNjYgOC44MjkxM0MzLjY2NzY4IDguMDA0NzEgMy43NTE4NCA3LjE1MDE4IDQuMDczNTEgNi4zNzM2QzQuMzk1MTggNS41OTcwMSA0LjkzOTkyIDQuOTMzMjUgNS42Mzg4MyA0LjQ2NjI1QzYuMzM3NzQgMy45OTkyNiA3LjE1OTQzIDMuNzUgOCAzLjc1QzkuMTI2ODEgMy43NTExNiAxMC4yMDcxIDQuMTk5MyAxMS4wMDM5IDQuOTk2MDhDMTEuODAwNyA1Ljc5Mjg1IDEyLjI0ODggNi44NzMxOSAxMi4yNSA4Wk0xMC43NSA4QzEwLjc1IDcuNDU2MSAxMC41ODg3IDYuOTI0NDIgMTAuMjg2NSA2LjQ3MjE4QzkuOTg0MzcgNi4wMTk5NSA5LjU1NDg4IDUuNjY3NDcgOS4wNTIzOCA1LjQ1OTMzQzguNTQ5ODggNS4yNTExOSA3Ljk5Njk1IDUuMTk2NzMgNy40NjM1IDUuMzAyODRDNi45MzAwNSA1LjQwODk1IDYuNDQwMDUgNS42NzA4NiA2LjA1NTQ2IDYuMDU1NDZDNS42NzA4NiA2LjQ0MDA1IDUuNDA4OTUgNi45MzAwNSA1LjMwMjg0IDcuNDYzNUM1LjE5NjczIDcuOTk2OTUgNS4yNTExOSA4LjU0OTg4IDUuNDU5MzMgOS4wNTIzOEM1LjY2NzQ3IDkuNTU0ODggNi4wMTk5NSA5Ljk4NDM3IDYuNDcyMTggMTAuMjg2NUM2LjkyNDQyIDEwLjU4ODcgNy40NTYxIDEwLjc1IDggMTAuNzVDOC43MjkwOSAxMC43NDkyIDkuNDI4MDggMTAuNDU5MiA5Ljk0MzYzIDkuOTQzNjNDMTAuNDU5MiA5LjQyODA4IDEwLjc0OTIgOC43MjkwOSAxMC43NSA4Wk0zLjIxOTM3IDQuMjgwNjJDMy4yODkxNCA0LjM1MDM5IDMuMzcxOTYgNC40MDU3MyAzLjQ2MzExIDQuNDQzNDlDMy41NTQyNyA0LjQ4MTI0IDMuNjUxOTYgNC41MDA2OCAzLjc1MDYyIDQuNTAwNjhDMy44NDkyOSA0LjUwMDY4IDMuOTQ2OTggNC40ODEyNCA0LjAzODE0IDQuNDQzNDlDNC4xMjkyOSA0LjQwNTczIDQuMjEyMTEgNC4zNTAzOSA0LjI4MTg4IDQuMjgwNjJDNC4zNTE2NCA0LjIxMDg2IDQuNDA2OTggNC4xMjgwNCA0LjQ0NDc0IDQuMDM2ODlDNC40ODI0OSAzLjk0NTczIDQuNTAxOTMgMy44NDgwNCA0LjUwMTkzIDMuNzQ5MzhDNC41MDE5MyAzLjY1MDcxIDQuNDgyNDkgMy41NTMwMiA0LjQ0NDc0IDMuNDYxODZDNC40MDY5OCAzLjM3MDcxIDQuMzUxNjQgMy4yODc4OSA0LjI4MTg4IDMuMjE4MTNMMy41MzE4NyAyLjQ2ODEzQzMuMzkwOTggMi4zMjcyMyAzLjE5OTg4IDIuMjQ4MDcgMy4wMDA2MiAyLjI0ODA3QzIuODAxMzcgMi4yNDgwNyAyLjYxMDI3IDIuMzI3MjMgMi40NjkzNyAyLjQ2ODEzQzIuMzI4NDggMi42MDkwMiAyLjI0OTMyIDIuODAwMTIgMi4yNDkzMiAyLjk5OTM4QzIuMjQ5MzIgMy4xOTg2MyAyLjMyODQ4IDMuMzg5NzMgMi40NjkzNyAzLjUzMDYzTDMuMjE5MzcgNC4yODA2MlpNMy4yMTkzNyAxMS43MTgxTDIuNDY5MzcgMTIuNDY4MUMyLjM5OTYxIDEyLjUzNzkgMi4zNDQyNyAxMi42MjA3IDIuMzA2NTEgMTIuNzExOUMyLjI2ODc2IDEyLjgwMyAyLjI0OTMyIDEyLjkwMDcgMi4yNDkzMiAxMi45OTk0QzIuMjQ5MzIgMTMuMDk4IDIuMjY4NzYgMTMuMTk1NyAyLjMwNjUxIDEzLjI4NjlDMi4zNDQyNyAxMy4zNzggMi4zOTk2MSAxMy40NjA5IDIuNDY5MzcgMTMuNTMwNkMyLjYxMDI3IDEzLjY3MTUgMi44MDEzNyAxMy43NTA3IDMuMDAwNjIgMTMuNzUwN0MzLjA5OTI5IDEzLjc1MDcgMy4xOTY5OCAxMy43MzEyIDMuMjg4MTQgMTMuNjkzNUMzLjM3OTI5IDEzLjY1NTcgMy40NjIxMSAxMy42MDA0IDMuNTMxODcgMTMuNTMwNkw0LjI4MTg4IDEyLjc4MDZDNC40MjI3NyAxMi42Mzk3IDQuNTAxOTMgMTIuNDQ4NiA0LjUwMTkzIDEyLjI0OTRDNC41MDE5MyAxMi4wNTAxIDQuNDIyNzcgMTEuODU5IDQuMjgxODggMTEuNzE4MUM0LjE0MDk4IDExLjU3NzIgMy45NDk4OCAxMS40OTgxIDMuNzUwNjIgMTEuNDk4MUMzLjU1MTM3IDExLjQ5ODEgMy4zNjAyNyAxMS41NzcyIDMuMjE5MzcgMTEuNzE4MVpNMTIuMjUgNC41QzEyLjM0ODUgNC41MDAwOCAxMi40NDYxIDQuNDgwNzQgMTIuNTM3MSA0LjQ0MzFDMTIuNjI4MiA0LjQwNTQ2IDEyLjcxMDkgNC4zNTAyNSAxMi43ODA2IDQuMjgwNjJMMTMuNTMwNiAzLjUzMDYzQzEzLjYwMDQgMy40NjA4NiAxMy42NTU3IDMuMzc4MDQgMTMuNjkzNSAzLjI4Njg5QzEzLjczMTIgMy4xOTU3MyAxMy43NTA3IDMuMDk4MDQgMTMuNzUwNyAyLjk5OTM4QzEzLjc1MDcgMi45MDA3MSAxMy43MzEyIDIuODAzMDIgMTMuNjkzNSAyLjcxMTg2QzEzLjY1NTcgMi42MjA3MSAxMy42MDA0IDIuNTM3ODkgMTMuNTMwNiAyLjQ2ODEzQzEzLjQ2MDkgMi4zOTgzNiAxMy4zNzggMi4zNDMwMiAxMy4yODY5IDIuMzA1MjZDMTMuMTk1NyAyLjI2NzUxIDEzLjA5OCAyLjI0ODA3IDEyLjk5OTQgMi4yNDgwN0MxMi45MDA3IDIuMjQ4MDcgMTIuODAzIDIuMjY3NTEgMTIuNzExOSAyLjMwNTI2QzEyLjYyMDcgMi4zNDMwMiAxMi41Mzc5IDIuMzk4MzYgMTIuNDY4MSAyLjQ2ODEzTDExLjcxODEgMy4yMTgxM0MxMS42MTI2IDMuMzIzMDIgMTEuNTQwNyAzLjQ1Njk0IDExLjUxMTUgMy42MDI4M0MxMS40ODIzIDMuNzQ4NzMgMTEuNDk3MSAzLjkwMDAxIDExLjU1NDIgNC4wMzc0NEMxMS42MTEyIDQuMTc0ODYgMTEuNzA3OCA0LjI5MjIzIDExLjgzMTcgNC4zNzQ1OUMxMS45NTU2IDQuNDU2OTYgMTIuMTAxMiA0LjUwMDYyIDEyLjI1IDQuNVpNMTIuNzgwNiAxMS43MTk0QzEyLjYzOTcgMTEuNTc4NSAxMi40NDg2IDExLjQ5OTMgMTIuMjQ5NCAxMS40OTkzQzEyLjA1MDEgMTEuNDk5MyAxMS44NTkgMTEuNTc4NSAxMS43MTgxIDExLjcxOTRDMTEuNTc3MiAxMS44NjAzIDExLjQ5ODEgMTIuMDUxNCAxMS40OTgxIDEyLjI1MDZDMTEuNDk4MSAxMi40NDk5IDExLjU3NzIgMTIuNjQxIDExLjcxODEgMTIuNzgxOUwxMi40NjgxIDEzLjUzMTlDMTIuNjA5IDEzLjY3MjggMTIuODAwMSAxMy43NTE5IDEyLjk5OTQgMTMuNzUxOUMxMy4xOTg2IDEzLjc1MTkgMTMuMzg5NyAxMy42NzI4IDEzLjUzMDYgMTMuNTMxOUMxMy42NzE1IDEzLjM5MSAxMy43NTA3IDEzLjE5OTkgMTMuNzUwNyAxMy4wMDA2QzEzLjc1MDcgMTIuODAxNCAxMy42NzE1IDEyLjYxMDMgMTMuNTMwNiAxMi40Njk0TDEyLjc4MDYgMTEuNzE5NFpNMi43NSA4QzIuNzUgNy44MDEwOSAyLjY3MDk4IDcuNjEwMzIgMi41MzAzMyA3LjQ2OTY3QzIuMzg5NjggNy4zMjkwMiAyLjE5ODkxIDcuMjUgMiA3LjI1SDFDMC44MDEwODggNy4yNSAwLjYxMDMyMiA3LjMyOTAyIDAuNDY5NjcgNy40Njk2N0MwLjMyOTAxOCA3LjYxMDMyIDAuMjUgNy44MDEwOSAwLjI1IDhDMC4yNSA4LjE5ODkxIDAuMzI5MDE4IDguMzg5NjggMC40Njk2NyA4LjUzMDMzQzAuNjEwMzIyIDguNjcwOTggMC44MDEwODggOC43NSAxIDguNzVIMkMyLjE5ODkxIDguNzUgMi4zODk2OCA4LjY3MDk4IDIuNTMwMzMgOC41MzAzM0MyLjY3MDk4IDguMzg5NjggMi43NSA4LjE5ODkxIDIuNzUgOFpNOCAxMy4yNUM3LjgwMTA5IDEzLjI1IDcuNjEwMzIgMTMuMzI5IDcuNDY5NjcgMTMuNDY5N0M3LjMyOTAyIDEzLjYxMDMgNy4yNSAxMy44MDExIDcuMjUgMTRWMTVDNy4yNSAxNS4xOTg5IDcuMzI5MDIgMTUuMzg5NyA3LjQ2OTY3IDE1LjUzMDNDNy42MTAzMiAxNS42NzEgNy44MDEwOSAxNS43NSA4IDE1Ljc1QzguMTk4OTEgMTUuNzUgOC4zODk2OCAxNS42NzEgOC41MzAzMyAxNS41MzAzQzguNjcwOTggMTUuMzg5NyA4Ljc1IDE1LjE5ODkgOC43NSAxNVYxNEM4Ljc1IDEzLjgwMTEgOC42NzA5OCAxMy42MTAzIDguNTMwMzMgMTMuNDY5N0M4LjM4OTY4IDEzLjMyOSA4LjE5ODkxIDEzLjI1IDggMTMuMjVaTTE1IDcuMjVIMTRDMTMuODAxMSA3LjI1IDEzLjYxMDMgNy4zMjkwMiAxMy40Njk3IDcuNDY5NjdDMTMuMzI5IDcuNjEwMzIgMTMuMjUgNy44MDEwOSAxMy4yNSA4QzEzLjI1IDguMTk4OTEgMTMuMzI5IDguMzg5NjggMTMuNDY5NyA4LjUzMDMzQzEzLjYxMDMgOC42NzA5OCAxMy44MDExIDguNzUgMTQgOC43NUgxNUMxNS4xOTg5IDguNzUgMTUuMzg5NyA4LjY3MDk4IDE1LjUzMDMgOC41MzAzM0MxNS42NzEgOC4zODk2OCAxNS43NSA4LjE5ODkxIDE1Ljc1IDhDMTUuNzUgNy44MDEwOSAxNS42NzEgNy42MTAzMiAxNS41MzAzIDcuNDY5NjdDMTUuMzg5NyA3LjMyOTAyIDE1LjE5ODkgNy4yNSAxNSA3LjI1WiIgZmlsbD0iIzEyMTIxMiIvPgo8L2c+Cjwvc3ZnPgo=)}.authorization-page .welcome-title h1{font-size:24px;font-weight:800;color:var(--light-color-static)}.authorization-page form.form-login{width:100%;max-width:400px;display:flex;flex-direction:column}.authorization-page form.form-login .title{font-size:22px;font-weight:600;margin:0 0 8px}.authorization-page form.form-login .subtitle{color:var(--color-text-secondary-default);margin:0 0 40px;font-weight:600}.authorization-page form.form-login .alert{margin:-12px 0 24px}.authorization-page form.form-login .text-input{margin:0 0 24px}.authorization-page form.form-login .btn{margin:0 0 28px}.authorization-page form.form-login .reminder-note{display:flex;flex-direction:column;align-items:center}.authorization-page form.form-login .reminder-note span{font-size:14px;font-weight:600;margin:0 0 8px}.authorization-page .decorative-element{display:none;width:114px;height:114px;position:absolute;right:20px}.authorization-page .decorative-element:before,.authorization-page .decorative-element:after{content:"";display:block;background-color:var(--color-text-brand-default)}@media screen and (min-width: 834px){.authorization-page{padding:20px;position:relative}.authorization-page .welcome-title{height:400px;padding:40px;margin:0 0 100px;border-radius:0 50px;background-size:106%;background-position-y:32%;background-position-x:right}.authorization-page .welcome-title button{margin:0 0 40px}.authorization-page .welcome-title h1{font-size:56px;font-weight:800}.authorization-page form.form-login .alert{margin:0 0 24px}.authorization-page .decorative-element{width:114px;height:114px;position:absolute;right:20px}.authorization-page .decorative-element:before,.authorization-page .decorative-element:after{content:"";display:block;background-color:var(--color-text-brand-default)}.authorization-page .decorative-element#bottom{display:block;bottom:20px;transform:rotate(270deg)}.authorization-page .decorative-element#bottom:before{width:14px;height:100px;border-radius:7px 7px 0 0}.authorization-page .decorative-element#bottom:after{width:100px;height:14px;border-radius:0 7px 7px 0;margin:0 0 0 14px}}@media screen and (min-width: 1280px){.authorization-page{flex-direction:row;align-items:center}.authorization-page .welcome-title{margin:0;width:800px;height:calc(100vh - 40px);background-size:cover}.authorization-page form.form-login{margin:0 auto}.authorization-page .decorative-element#top{display:block;top:20px;transform:rotate(180deg)}.authorization-page .decorative-element#top:before{width:14px;height:100px;border-radius:7px 7px 0 0}.authorization-page .decorative-element#top:after{width:100px;height:14px;border-radius:0 7px 7px 0;margin:0 0 0 14px}}

package/dist/assets/DemoLogin2.css ADDED Viewed

@@ -0,0 +1 @@

+ *{margin:0;padding:0;border:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:active{outline:none}nav,footer,header,aside{display:block}html,body{width:100%;height:100%;font-size:100%;font-size:14px;line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited{text-decoration:none}a:focus,a:active{outline:none}a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}#root{background-color:var(--color-bg-island-default)}.page-wrapper{width:100%;max-width:1920px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;background-color:var(--color-bg-island-default)}:root{--3afly-fonts-body: "Manrope", sans-serif;--3afly-fonts-heading: "Roboto Slab", sans-serif;--light-brand-50: #c2d0ff;--dark-brand-50: #c2d0ff;--base-dark: #121212;--base-light: #ffffff;--dark-blue-20: #153398;--dark-blue-50: #0e2266;--dark-blue-100: #5076ff;--dark-blue-200: #7c98ff;--dark-blue-300: #a7bbff;--light-blue-20: #eef2ff;--light-blue-50: #c2d0ff;--light-blue-100: #2454ff;--light-blue-200: #1a3ab2;--light-blue-300: #0e2266;--dark-neutral-0: #121212;--dark-neutral-20: #292929;--dark-neutral-50: #333333;--dark-neutral-100: #4d4d4d;--dark-neutral-200: #6e6e6e;--dark-neutral-300: #ffffff;--light-neutral-0: #ffffff;--light-neutral-20: #f6f7f8;--light-neutral-50: #f1f2f4;--light-neutral-100: #d2d5da;--light-neutral-200: #a5a8ac;--light-neutral-300: #121212;--dark-green-50: #044329;--dark-green-100: #12a26c;--dark-green-200: #cef8e0;--dark-orange-50: #662500;--dark-orange-100: #e16d00;--dark-orange-200: #ffeccc;--dark-red-50: #7b0000;--dark-red-100: #f65843;--dark-red-200: #ffebe7;--light-green-50: #cef8e0;--light-green-100: #15a46e;--light-green-200: #06603b;--light-orange-50: #ffeccc;--light-orange-100: #e46f00;--light-orange-200: #9e3900;--light-red-50: #ffebe7;--light-red-100: #f75c46;--light-red-200: #9e0000;--color-fader: #12121220;--default-font-color: var(--base-dark);--color-bg-brand-default: var(--light-blue-100);--color-bg-brand-hover: var(--light-blue-200);--color-bg-brand-selected: var(--light-blue-300);--color-bg-brand-lightest-default: var(--light-blue-20);--color-bg-brand-light-default: var(--light-blue-50);--color-bg-error-default: var(--light-red-100);--color-bg-error-hover: var(--light-red-200);--color-bg-innerisland-default: var(--light-neutral-20);--color-bg-island-default: var(--base-light);--color-bg-island-disabled: var(--light-neutral-50);--color-bg-island-inversed: var(--base-dark);--color-bg-island-selected: var(--light-neutral-50);--color-bg-page-primary-default: var(--light-neutral-50);--color-bg-page-secondary-default: var(--light-neutral-0);--color-bg-neutral-basic-default: var(--light-neutral-0);--color-bg-neutral-basic-inversed: var(--light-neutral-300);--color-bg-neutral-lightest-default: var(--light-neutral-20);--color-bg-neutral-medium-default: var(--light-neutral-100);--color-border-brand-default: var(--light-blue-100);--color-border-error-default: var(--light-red-100);--color-border-primary-default: var(--light-neutral-100);--color-border-primary-hover: var(--base-dark);--color-border-secondary-default: var(--light-neutral-200);--color-border-secondary-hover: var(--base-dark);--color-border-success-default: var(--light-green-100);--color-chart-critical: var(--light-red-100);--color-chart-low: var(--light-green-100);--color-chart-medium: var(--light-orange-100);--effect-shadow-drop: #12121214;--effect-shadow-L: #12121208;--effect-shadow-XL: #12121215;--color-icon-brand-default: var(--light-blue-100);--color-icon-brand-hover: var(--light-blue-200);--color-icon-error-default: var(--light-red-100);--color-icon-error-hover: var(--light-red-200);--color-icon-primary-default: var(--base-dark);--color-icon-primary-inversed: var(--base-light);--color-icon-secondary-default: var(--light-neutral-200);--color-icon-secondary-hover: var(--base-dark);--color-icon-success-default: var(--light-green-100);--color-sidemenu-bg-default: var(--base-light);--color-sidemenu-bg-hover: var(--light-neutral-50);--color-sidemenu-bg-selected: var(--light-blue-100);--color-sidemenu-icon-default: var(--base-dark);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--light-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);--color-sidemenu-text-default: var(--base-dark);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--light-red-50);--color-status-error-foreground: var(--light-red-100);--color-status-success-background: var(--light-green-50);--color-status-success-foreground: var(--light-green-100);--color-status-warning-background: var(--light-orange-50);--color-status-warning-foreground: var(--light-orange-100);--color-text-brand-default: var(--light-blue-100);--color-text-brand-hover: var(--light-blue-200);--color-text-error-default: var(--light-red-100);--color-text-primary-default: var(--base-dark);--color-text-primary-inversed: var(--light-neutral-0);--color-text-secondary-default: var(--light-neutral-200);--color-text-success-default: var(--light-green-100);--color-text-tertiary-default: var(--light-neutral-100);--color-button-brandlight-filled-hover: var(--light-brand-50)}html[data-theme=dark]{--default-font-color: var(--base-light);--color-bg-brand-default: var(--dark-blue-100);--color-bg-brand-hover: var(--dark-blue-200);--color-bg-brand-selected: var(--dark-blue-300);--color-bg-brand-light-default: var(--dark-blue-50);--color-bg-error-default: var(--dark-red-100);--color-bg-error-hover: var(--dark-red-50);--color-bg-innerisland-default: var(--dark-neutral-20);--color-bg-island-default: var(--base-dark);--color-bg-island-disabled: var(--dark-neutral-50);--color-bg-island-inversed: var(--base-light);--color-bg-island-selected: var(--dark-neutral-50);--color-bg-page-default: var(--dark-neutral-50);--color-bg-page-secondary-default: var(--dark-neutral-0);--color-bg-neutral-basic-default: var(--dark-neutral-20);--color-bg-neutral-basic-inversed: var(--dark-neutral-300);--color-bg-neutral-lightest-default: var(--dark-neutral-20);--color-bg-neutral-medium-default: var(--dark-neutral-100);--color-border-brand-default: var(--dark-blue-100);--color-border-error-default: var(--dark-red-100);--color-border-primary-default: var(--dark-neutral-100);--color-border-primary-hover: var(--base-light);--color-border-secondary-default: var(--dark-neutral-200);--color-border-secondary-hover: var(--base-light);--color-border-success-default: var(--dark-green-100);--color-chart-critical: var(--dark-red-100);--color-chart-low: var(--dark-green-100);--color-chart-medium: var(--dark-orange-100);--effect-shadow-drop: #12121299;--color-icon-brand-default: var(--dark-blue-100);--color-icon-brand-hover: var(--dark-blue-200);--color-icon-error-default: var(--dark-red-100);--color-icon-error-hover: var(--dark-red-200);--color-icon-primary-default: var(--base-light);--color-icon-primary-inversed: var(--base-dark);--color-icon-secondary-default: var(--dark-neutral-200);--color-icon-secondary-hover: var(--base-light);--color-icon-success-default: var(--dark-green-100);--color-sidemenu-bg-default: var(--base-dark);--color-sidemenu-bg-hover: var(--dark-neutral-50);--color-sidemenu-bg-selected: var(--dark-blue-100);--color-sidemenu-icon-default: var(--base-light);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--dark-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-light);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);--color-sidemenu-text-default: var(--base-light);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--dark-red-50);--color-status-error-foreground: var(--dark-red-100);--color-status-success-background: var(--dark-green-50);--color-status-success-foreground: var(--dark-green-100);--color-status-warning-background: var(--dark-orange-50);--color-status-warning-foreground: var(--dark-orange-100);--color-text-brand-default: var(--dark-blue-100);--color-text-brand-hover: var(--dark-blue-200);--color-text-error-default: var(--dark-red-100);--color-text-primary-default: var(--base-light);--color-text-primary-inversed: var(--dark-neutral-0);--color-text-secondary-default: var(--dark-neutral-200);--color-text-success-default: var(--dark-green-100);--color-text-tertiary-default: var(--dark-neutral-100);--color-button-brandlight-filled-hover: var(--dark-brand-50)}input[type=search]::-webkit-search-cancel-button{display:none}@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.page-content{border-radius:16px}

package/dist/assets/DropdownInput.css ADDED Viewed

@@ -0,0 +1 @@

+ .dropdown-input{display:flex;flex-direction:column;min-width:200px}.dropdown-input.sm .input-box{height:36px}.dropdown-input__native{display:none}.dropdown-input label{margin:0 0 8px}.dropdown-input .input-box{position:relative;border:1px solid var(--color-border-primary-default);border-radius:8px;padding:10px 8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;outline:none;height:44px;background-color:var(--color-bg-neutral-basic-default)}.dropdown-input .input-box.opened{border:2px solid var(--color-border-primary-default);padding:9px 7px}.dropdown-input .input-box.disabled{background-color:var(--color-bg-island-disabled);pointer-events:none}.dropdown-input .input-box.invalid{border-color:var(--color-border-error-default)}.dropdown-input .input-box.invalid>span{color:var(--color-border-error-default)}.dropdown-input .input-box.invalid svg *{fill:var(--color-border-error-default)}.dropdown-input .input-box .placeholder,.dropdown-input .input-box .input-value,.dropdown-input .input-box .options li{color:var(--color-text-primary-default)}.dropdown-input .input-box .caret *{fill:var(--color-icon-secondary-default)}.dropdown-input .options{position:absolute;top:100%;bottom:auto;left:0;right:0;max-height:304px;overflow-y:auto;overflow-x:hidden;background-color:var(--color-bg-neutral-basic-default);border-radius:8px;border:1px solid var(--color-border-primary-default);margin:1px -1px 0;z-index:21}.dropdown-input .options.above{bottom:calc(100% + 1px);top:auto}.dropdown-input .options li{padding:0 8px;min-height:36px;cursor:pointer;display:flex;align-items:center}.dropdown-input .options li:hover,.dropdown-input .options li.dropdown-input__option--selected{background-color:var(--color-bg-neutral-lightest-default)}.dropdown-input .helper-text{font-size:12px;color:var(--color-text-secondary-default);margin:8px 0 0;display:flex;align-items:center}.dropdown-input .helper-text.error{color:var(--color-border-error-default)}.dropdown-input .helper-text.error .icon{margin:0 4px 0 0}.dropdown-input .helper-text.error .icon>*{fill:var(--color-border-error-default)}

package/dist/assets/DropdownMenu.css ADDED Viewed

@@ -0,0 +1 @@

+ .dropdowm-menu{position:relative;width:20px;height:20px}.dropdowm-menu.open{z-index:5}.dropdowm-menu.open .menu-list{display:flex}.dropdowm-menu.open .fader{display:block}.dropdowm-menu .menu-trigger{width:20px;height:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.dropdowm-menu .menu-trigger .dots{position:relative}.dropdowm-menu .menu-trigger .dots,.dropdowm-menu .menu-trigger .dots:before,.dropdowm-menu .menu-trigger .dots:after{display:block;width:3px;height:3px;border-radius:50%;background-color:var(--color-icon-brand-default)}.dropdowm-menu .menu-trigger .dots:before,.dropdowm-menu .menu-trigger .dots:after{content:"";position:absolute}.dropdowm-menu .menu-trigger .dots:before{top:5px}.dropdowm-menu .menu-trigger .dots:after{bottom:5px}.dropdowm-menu .fader{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-fader)}.dropdowm-menu .menu-list{box-sizing:border-box;display:none;position:fixed;bottom:0;border-radius:16px 16px 0 0;width:100%;height:auto;left:0;flex-direction:column;padding:8px;margin:0;background-color:var(--color-bg-neutral-basic-default);box-shadow:0 0 10px -2px var(--effects-effect-shadow-XL, rgba(18, 18, 18, .15))}.dropdowm-menu .menu-list:before{content:"";display:block;width:24px;height:2px;margin:0 auto 20px;background-color:var(--color-border-primary-default)}.dropdowm-menu .menu-list .menu-item{min-height:44px;padding:0 8px;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.dropdowm-menu .menu-list .menu-item.danger *{color:var(--color-text-error-default);fill:var(--color-text-error-default)}.dropdowm-menu .menu-list .menu-item svg{width:20px;flex-shrink:0;margin:0 8px 0 0}.dropdowm-menu .menu-list .menu-item svg *{color:var(--color-text-primary-default)}.dropdowm-menu .menu-list .menu-item .label{white-space:nowrap;color:var(--color-text-primary-default)}@media screen and (min-width: 834px){.dropdowm-menu.open .fader{display:none}.dropdowm-menu .menu-list{position:absolute;border-radius:8px;box-shadow:0 0 10px -2px var(--effect-shadow-XL, rgba(18, 18, 18, .15));border:none;left:unset;right:unset;top:unset;bottom:unset;height:unset;width:auto}.dropdowm-menu .menu-list:before{display:none}.dropdowm-menu .menu-list[data-x-fit=right]{right:0}.dropdowm-menu .menu-list[data-x-fit=center]{transform:translate(calc(-50% + 10px))}.dropdowm-menu .menu-list[data-x-fit=left]{left:0}.dropdowm-menu .menu-list[data-y-fit=top]{bottom:100%;margin:0 0 5px}.dropdowm-menu .menu-list[data-y-fit=bottom]{top:100%;margin:5px 0 0}.dropdowm-menu .menu-list .menu-item{min-height:36px}}

package/dist/assets/FileUpload.css ADDED Viewed

@@ -0,0 +1 @@

+ @font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.file-upload{width:100%;max-width:600px;margin:0 auto}.file-upload__input{display:none}.file-upload__loading{border:2px dashed var(--color-border-brand-default);height:206px;display:flex;justify-content:center;position:relative;align-items:center;border-radius:16px;flex-direction:column;gap:10px}.file-upload__loading svg *{fill:var(--color-icon-brand-default)}.file-upload__label{display:block;cursor:pointer}.file-upload__label.disabled{cursor:auto;opacity:.7}.file-upload__drop-area{border:2px dashed var(--color-border-brand-default);border-radius:16px;padding:16px 20px;text-align:center;gap:20px;display:flex;flex-direction:column;align-items:center}.file-upload__drop-area.dragging{background-color:var(--color-bg-brand-lightest-default)}.file-upload__drop-area.error{border:2px dashed var(--color-text-error-default)}.file-upload__drop-area:hover:not(.disabled){background-color:var(--color-bg-brand-lightest-default)}.file-upload__drop-area p{font-size:14px;font-weight:400}.file-upload__formats{display:flex;flex-direction:column;gap:4px}.file-upload__formats span{font-size:12px;font-weight:400;color:var(--color-text-secondary-default)}.file-upload__files-list{margin-top:20px;display:flex;max-height:200px;overflow-y:auto}.file-upload__files-list ul{display:flex;flex-direction:column;gap:20px;width:100%}.file-upload__file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 8px 8px;border-radius:8px;border:1px solid var(--color-border-primary-default)}.file-upload__file-info{display:flex;align-items:center;gap:12px}.file-upload__box-icon{border-radius:4px;background-color:var(--color-bg-innerisland-default);height:50px;width:50px;align-items:center;display:flex;justify-content:center}.file-upload__box-icon svg *{color:var(--color-icon-secondary-default)}.file-upload__block-text{display:flex;flex-direction:column;gap:5px}.file-upload__file-size{font-size:12px;font-weight:400;color:var(--color-text-secondary-default)}.file-upload__file-error{color:#f5222d;font-size:12px}.file-upload__remove-btn{background:none;border:1px solid #f5222d;color:#f5222d;padding:4px 8px;border-radius:4px;cursor:pointer}.file-upload__remove-btn:hover{background-color:#fff1f0}.file-upload__remove-btn:disabled{opacity:.5;cursor:not-allowed}.file-upload__submit-btn{margin-top:20px;background-color:#52c41a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s}.file-upload__submit-btn:hover{background-color:#73d13d}.file-upload__submit-btn:disabled{background-color:#d9d9d9;cursor:not-allowed}

package/dist/assets/FormRoot.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ form .form-group{padding:12px;border-radius:8px;background-color:var(--color-bg-neutral-lightest-default)}form .form-group:not(:last-of-type){margin:0 0 12px}form .form-controls{margin:28px 0 0;display:flex;gap:12px}form .columns-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px}

package/dist/assets/Loader.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .loader{position:absolute;animation:rotate 2s linear infinite;transform-origin:center}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader.centered{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}

package/dist/assets/Pagination.css ADDED Viewed

@@ -0,0 +1 @@

+ .Pagination__Wrap{display:flex;align-items:center;justify-content:center}.pagination{display:flex;list-style:none;padding:0}.page-item{margin:0 8px 0 0}.page-item:last-of-type{margin:0}.page-link{cursor:pointer;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary-default)}.page-link:hover{background-color:var(--color-bg-brand-lightest-default);color:var(--color-text-brand-default)}.active .page-link{background-color:var(--color-bg-brand-default);color:var(--light-color-static)}.page-toggler.disabled .page-link{pointer-events:none}.page-toggler.disabled .page-link svg *{fill:var(--color-icon-secondary-default)}.page-toggler .page-link:hover{background-color:transparent}.page-toggler .page-link:hover svg *{fill:var(--color-icon-brand-default)}

package/dist/assets/Radio.css ADDED Viewed

@@ -0,0 +1 @@

package/dist/assets/SearchInput.css ADDED Viewed

@@ -0,0 +1 @@

+ .search-input{border:1px solid var(--color-border-primary-default);border-radius:22px;margin:0 12px 0 0}.search-input:focus-within{border:2px solid var(--color-border-primary-default);margin:0 11px 0 -1px}.search-input:focus-within .text-input .input-container input{margin:-1px}.search-input .text-input .input-container input{border:none}.search-input .text-input .input-container input:focus{outline:none}.search-input__label{margin:0 0 8px}.search-input .guess-box{padding:0 12px 12px}.search-input .guess-box ul{border-top:1px solid var(--color-border-primary-default);padding:12px 0 0}.search-input .guess-box ul li{min-height:36px;display:flex;align-items:center;padding:0 8px;cursor:pointer}.search-input .guess-box ul li:hover{background-color:var(--color-bg-innerisland-default)}.dropdown-input-test{position:relative}.dropdown-input-test .caret{fill:var(--color-icon-secondary-default);position:absolute;bottom:9px;right:10px}.dropdown-input-test .input-box{position:relative;cursor:pointer;display:flex;justify-content:space-between;align-items:center;outline:none;background-color:var(--color-bg-neutral-basic-default)}.dropdown-input-test .input-box.disabled{background-color:var(--color-bg-island-disabled);pointer-events:none}.dropdown-input-test .input-box.invalid{border-color:var(--color-border-error-default)}.dropdown-input-test .input-box.invalid>span{color:var(--color-border-error-default)}.dropdown-input-test .input-box.invalid svg *{fill:var(--color-border-error-default)}.dropdown-input-test .input-box .placeholder{color:var(--color-text-secondary-default)}.dropdown-input-test .options{position:absolute;top:100%;bottom:auto;left:1%;right:1%;max-height:304px;overflow-y:auto;overflow-x:hidden;background-color:var(--color-bg-neutral-basic-default);border-radius:8px;border:1px solid var(--color-border-primary-default);margin:1px -1px 0;z-index:21}.dropdown-input-test .options.above{bottom:calc(100% + 1px);top:auto}.dropdown-input-test .options li{padding:0 8px;min-height:36px;cursor:pointer;display:flex;align-items:center}.dropdown-input-test .options li:hover,.dropdown-input-test .options li.dropdown-input__option--selected{background-color:var(--color-bg-neutral-lightest-default)}

package/dist/assets/Skeleton.css ADDED Viewed

@@ -0,0 +1 @@

+ ._skeleton_yatxz_1{display:inline-block;background-color:var(--color-bg-island-selected)}._animated_yatxz_6{background:linear-gradient(90deg,var(--color-bg-island-selected) 25%,var(--color-bg-island-selected) 50%,var(--color-bg-island-selected) 75%);background-size:200% 100%;animation:_skeleton-loading_yatxz_1 1.5s infinite linear}@keyframes _skeleton-loading_yatxz_1{0%{background-position:200% 0}to{background-position:-200% 0}}

package/dist/assets/Switch.css ADDED Viewed

@@ -0,0 +1 @@

package/dist/assets/Table.css ADDED Viewed

@@ -0,0 +1 @@

+ .table-component{width:100%;overflow:auto;position:relative}.table-component__wrapper{width:100%}.table-component__wrapper.bordered{border:1px solid var(--color-border-primary-default);border-radius:8px}.table-component__wrapper__table{width:100%;border-collapse:separate;border-spacing:0}.table-component__wrapper__table.bordered{border:none}.table-component__wrapper__table__thead{background-color:var(--color-bg-innerisland-default);height:41px}.table-component__wrapper__table__thead.stickyHeader{position:sticky;top:0;z-index:10}.table-component__wrapper__table__thead__tr:hover{background-color:var(--color-bg-island-selected)}.table-component__wrapper__table__thead__th{padding:12px;text-align:left;position:relative}.table-component__wrapper__table__thead__th.bordered{border-left:1px solid var(--color-border-primary-default);border-bottom:none}.table-component__wrapper__table__thead__th.bordered:first-child{border-left:none}.table-component__wrapper__table__thead__th.stickyLeft{position:sticky;left:0;background-color:inherit;z-index:9}.table-component__wrapper__table__thead__th .th-content{display:flex;align-items:center;gap:4px}.table-component__wrapper__table__thead__th .sort-icon{display:inline-flex}.table-component__wrapper__table__tbody__tr:hover{background-color:var(--color-bg-island-selected)}.table-component__wrapper__table__tbody--hoverable{cursor:pointer}.table-component__wrapper__table__tbody__td{padding:12px}.table-component__wrapper__table__tbody__td--bordered{border-top:1px solid var(--color-border-primary-default);border-left:1px solid var(--color-border-primary-default)}.table-component__wrapper__table__tbody__td--bordered:first-child{border-left:none}.table-component__wrapper__table__tbody__td--sticky-left{position:sticky;left:0;background-color:inherit;z-index:8}.table-component__wrapper.borderBottom .table-component__wrapper__table__tbody td{border-bottom:1px solid var(--color-border-primary-default)}

package/dist/assets/TextInput.css ADDED Viewed

@@ -0,0 +1 @@

+ .text-input{display:flex;flex-direction:column}.text-input label{margin:0 0 8px}.text-input .input-container{display:flex;position:relative;z-index:0}.text-input .input-container.has-icon input{padding:10px 8px 10px 36px}.text-input .input-container.has-icon input:active,.text-input .input-container.has-icon input:focus{padding:9px 7px 9px 35px}.text-input .input-container.has-icon .icon{position:absolute;left:8px;top:calc(50% - 10px);z-index:2}.text-input .input-container.has-icon .icon *{fill:var(--color-icon-secondary-default)}.text-input .input-container input{border:1px solid var(--color-border-primary-default);border-radius:8px;height:44px;padding:10px 8px;outline:none;background-color:var(--color-bg-neutral-basic-default);z-index:1;flex-grow:1;color:var(--color-text-primary-default)}.text-input .input-container input[disabled]{background-color:var(--color-bg-island-disabled);pointer-events:none}.text-input .input-container input::placeholder{color:var(--color-text-secondary-default)}.text-input .input-container input:active,.text-input .input-container input:focus{border:2px solid var(--color-border-primary-default);padding:9px 7px}.text-input .input-container input.has-icon{padding:10px 8px 10px 36px}.text-input.sm.rounded input{border-radius:18px}.text-input.sm .input-container input{height:36px}.text-input.rounded input{border-radius:22px}.text-input.invalid input,.text-input.invalid input:active,.text-input.invalid input:focus{border-color:var(--color-border-error-default);color:var(--color-border-error-default)}.text-input.invalid .icon *{fill:var(--color-border-error-default)!important}.text-input.invalid .helper-text{color:var(--color-border-error-default)}.text-input.clearable input{padding-right:36px!important}.text-input.clearable .clear-value{position:absolute;right:8px;top:calc(50% - 10px);cursor:pointer;z-index:1;height:20px}.text-input.clearable .clear-value *{fill:var(--color-icon-secondary-default)}.text-input .helper-text{font-size:12px;color:var(--color-text-secondary-default);margin:8px 0 0}.text-input .loader{position:absolute;right:8px;top:calc(50% - 10px)}.text-input .loader *{fill:var(--color-icon-secondary-default)}

package/dist/assets/TextareaInput.css ADDED Viewed

@@ -0,0 +1 @@

+ @font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.textarea-input{display:flex;flex-direction:column;resize:none}.textarea-input label{margin:0 0 8px}.textarea-input .char-limit{text-align:right;margin-top:8px;font-size:12px;font-weight:400;color:var(--color-text-secondary-default)}.textarea-input .textarea-wrapper{position:relative}.textarea-input textarea{border:1px solid var(--color-border-primary-default);border-radius:8px;padding:10.5px 8px;color:var(--color-text-primary-default);max-width:100%;min-width:100%;min-height:64px;resize:both;background-color:var(--color-bg-neutral-basic-default);font-size:14px;font-weight:400}.textarea-input textarea[disabled]{background-color:var(--color-bg-island-disabled);pointer-events:none}.textarea-input textarea::placeholder{color:var(--color-text-secondary-default)}.textarea-input textarea:focus{border:2px solid var(--color-border-primary-default);padding:9.5px 7px}.textarea-input textarea.no-resize{resize:none}.textarea-input .helper-text{font-size:12px;color:var(--color-text-secondary-default);margin:8px 0 0}.textarea-input.invalid textarea{border-color:var(--color-border-error-default);color:var(--color-border-error-default)}.textarea-input.invalid svg *{fill:var(--color-border-error-default)}.textarea-input.invalid .helper-text{color:var(--color-border-error-default)}.textarea-input.clearable textarea{padding-right:36px!important}.textarea-input.clearable .clear-value{position:absolute;right:8px;top:8px;cursor:pointer;z-index:1;height:20px}.textarea-input.clearable .clear-value *{fill:var(--color-icon-secondary-default)}

package/dist/assets/ToastContext.css ADDED Viewed

@@ -0,0 +1 @@

+ ._Wrapper_12sk9_1{position:fixed;bottom:20px;right:20px;z-index:101;display:flex;flex-direction:column;gap:10px}._Toast_12sk9_11{color:var(--color-text-primary-inversed);padding:20px 24px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;min-width:250px;max-width:400px;font-size:16px;box-shadow:0 6px 15px -2px var(--effect-shadow-L, rgba(18, 18, 18, .08));animation:_fadeIn_12sk9_1 .5s ease-in-out;background-color:var(--color-bg-neutral-basic-inversed)}@keyframes _fadeIn_12sk9_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

package/dist/assets/Tooltip.css ADDED Viewed

@@ -0,0 +1 @@

+ ._container_193w2_1{position:relative;width:100%;height:100vh;padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;border:1px dashed #ccc;box-sizing:border-box}._trigger_193w2_14{padding:8px 16px;background-color:#1976d2;color:#fff;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s;text-align:center}._trigger_193w2_14:hover{background-color:#1565c0}._clickTrigger_193w2_29{background-color:#388e3c}._clickTrigger_193w2_29:hover{background-color:#2e7d32}._positionsContainer_193w2_38{padding:20px}._positionGroup_193w2_42{display:flex;gap:20px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}

package/dist/assets/Tooltip2.css ADDED Viewed

@@ -0,0 +1 @@

+ .tooltip-wrapper{position:relative;display:inline-block;cursor:pointer}.tooltip-content{position:absolute;background-color:var(--color-bg-brand-default);color:var(--light-color-static);padding:12px 16px;border-radius:8px;z-index:9999;width:max-content;max-width:300px;white-space:normal;text-align:center}.tooltip-content:after{content:"";position:absolute;border-width:5px;border-style:solid}.tooltip-content.white{background-color:var(--color-bg-neutral-basic-default);color:var(--color-text-primary-default);box-shadow:0 0 10px -2px var(--effects-effect-shadow-XL, rgba(18, 18, 18, .15))}.tooltip-content.white.tooltip-top:after{border-color:var(--color-bg-neutral-basic-default) transparent transparent transparent}.tooltip-content.white.tooltip-bottom:after{border-color:transparent transparent var(--color-bg-neutral-basic-default) transparent}.tooltip-content.white.tooltip-left:after{border-color:transparent transparent transparent var(--color-bg-neutral-basic-default)}.tooltip-content.white.tooltip-right:after{border-color:transparent var(--color-bg-neutral-basic-default) transparent transparent}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-top:after{top:100%;left:50%;transform:translate(-50%);border-color:var(--color-bg-brand-default) transparent transparent transparent}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom:after{bottom:100%;left:50%;transform:translate(-50%);border-color:transparent transparent var(--color-bg-brand-default) transparent}.tooltip-left{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.tooltip-left:after{top:50%;left:100%;transform:translateY(-50%);border-color:transparent transparent transparent var(--color-bg-brand-default)}.tooltip-right{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.tooltip-right:after{top:50%;right:100%;transform:translateY(-50%);border-color:transparent var(--color-bg-brand-default) transparent transparent}

package/dist/assets/Tree.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ ._tree-wrapper_1yvw0_1{max-height:100%;width:100%;overflow-y:auto}

package/dist/assets/TreeList.css ADDED Viewed

@@ -0,0 +1 @@

package/dist/components/Ui/Accordeon/Accordeon.js ADDED Viewed

@@ -0,0 +1,33 @@
+import { jsxs as s, jsx as c } from "react/jsx-runtime";
+import { useState as m, useRef as p } from "react";
+import '../../../assets/Accordeon.css';const f = ({
+  title: o,
+  content: r,
+  openTitle: i,
+  closeTitle: l
+}) => {
+  var n;
+  const [e, a] = m(!1), t = p(null), d = () => {
+    a(!e);
+  };
+  return /* @__PURE__ */ s("div", { className: "accordeon", children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: "content-wrapper",
+        style: {
+          maxHeight: e ? `${(n = t.current) == null ? void 0 : n.scrollHeight}px` : "0px",
+          transition: "max-height 0.3s ease-out"
+        },
+        children: /* @__PURE__ */ c("div", { className: "content", ref: t, children: r })
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: "title", onClick: d, children: [
+      o,
+      e ? l : i
+    ] })
+  ] });
+};
+export {
+  f as Accordeon
+};

package/dist/components/Ui/Accordeon/Accordeon.stories.js ADDED Viewed

@@ -0,0 +1,72 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { Accordeon as r } from "./Accordeon.js";
+const s = {
+  title: "UIKit/Accordeon",
+  // Название группы историй
+  component: r,
+  // Компонент, для которого создаются истории
+  tags: ["autodocs"],
+  // Автоматическая генерация документации
+  argTypes: {
+    title: {
+      control: "text",
+      // Позволяет редактировать заголовок в интерфейсе Storybook
+      description: "Заголовок аккордеона"
+    },
+    content: {
+      control: "text",
+      // Позволяет редактировать контент в интерфейсе Storybook
+      description: "Контент аккордеона"
+    }
+  }
+}, c = {
+  args: {
+    title: "Заголовок аккордеона",
+    content: "Это контент аккордеона. Он может быть текстом, компонентом или чем угодно."
+  }
+}, d = {
+  args: {
+    ...c.args
+    // Используем аргументы из Default
+  },
+  decorators: [
+    (n) => /* @__PURE__ */ t("div", { style: { width: "300px" }, children: /* @__PURE__ */ t(n, {}) })
+  ],
+  parameters: {
+    // Открываем аккордеон по умолчанию
+    docs: {
+      source: {
+        code: "<Accordeon title='Заголовок' content='Контент аккордеона' isOpen={true} />"
+      }
+    }
+  }
+}, a = {
+  args: {
+    title: "Аккордеон с HTML",
+    content: /* @__PURE__ */ e("div", { children: [
+      /* @__PURE__ */ t("h3", { children: "Заголовок внутри контента" }),
+      /* @__PURE__ */ t("p", { children: "Этот аккордеон содержит HTML-контент." }),
+      /* @__PURE__ */ e("ul", { children: [
+        /* @__PURE__ */ t("li", { children: "Пункт 1" }),
+        /* @__PURE__ */ t("li", { children: "Пункт 2" }),
+        /* @__PURE__ */ t("li", { children: "Пункт 3" })
+      ] })
+    ] })
+  }
+}, h = {
+  args: {
+    title: "Аккордеон с длинным контентом",
+    content: Array.from({ length: 10 }, (n, o) => /* @__PURE__ */ e("p", { children: [
+      "Это строка номер ",
+      o + 1,
+      " в длинном контенте."
+    ] }, o))
+  }
+};
+export {
+  c as Default,
+  d as Opened,
+  a as WithHTMLContent,
+  h as WithLongContent,
+  s as default
+};

package/dist/components/Ui/Accordeon/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+import { Accordeon as c } from "./Accordeon.js";
+export {
+  c as Accordeon
+};