fui-material 2.7.18 → 2.8.0

package/dist/f-ui-kit.es.js

@@ -7,32 +7,32 @@ import { renderToStaticMarkup } from "react-dom/server";
 import { initializeModule as initializeModule$1, installFormatCode } from "allorion-exporting-html-to-xlsx";
 import axios from "axios";
 import { useQueryClient, useMutation, useQuery } from "@tanstack/react-query";
-import './index.css';const btn = "_btn_1s0n3_1";
-const disabled$4 = "_disabled_1s0n3_31";
+import './index.css';const btn = "_btn_gdyy6_1";
+const disabled$4 = "_disabled_gdyy6_31";
 const styles$A = {
   btn,
   disabled: disabled$4,
-  "btn-xs": "_btn-xs_1s0n3_40",
-  "btn-sm": "_btn-sm_1s0n3_51",
-  "btn-lg": "_btn-lg_1s0n3_62",
-  "btn-primary": "_btn-primary_1s0n3_73",
-  "btn-outline-primary": "_btn-outline-primary_1s0n3_87",
-  "btn-secondary": "_btn-secondary_1s0n3_104",
-  "btn-outline-secondary": "_btn-outline-secondary_1s0n3_118",
-  "btn-success": "_btn-success_1s0n3_135",
-  "btn-outline-success": "_btn-outline-success_1s0n3_149",
-  "btn-danger": "_btn-danger_1s0n3_166",
-  "btn-outline-danger": "_btn-outline-danger_1s0n3_180",
-  "btn-warning": "_btn-warning_1s0n3_197",
-  "btn-outline-warning": "_btn-outline-warning_1s0n3_211",
-  "btn-info": "_btn-info_1s0n3_228",
-  "btn-outline-info": "_btn-outline-info_1s0n3_242",
-  "btn-light": "_btn-light_1s0n3_259",
-  "btn-outline-light": "_btn-outline-light_1s0n3_274",
-  "btn-dark": "_btn-dark_1s0n3_291",
-  "btn-outline-dark": "_btn-outline-dark_1s0n3_305",
-  "btn-link": "_btn-link_1s0n3_322",
-  "btn-outline-link": "_btn-outline-link_1s0n3_338"
+  "btn-xs": "_btn-xs_gdyy6_40",
+  "btn-sm": "_btn-sm_gdyy6_50",
+  "btn-lg": "_btn-lg_gdyy6_60",
+  "btn-primary": "_btn-primary_gdyy6_70",
+  "btn-outline-primary": "_btn-outline-primary_gdyy6_84",
+  "btn-secondary": "_btn-secondary_gdyy6_101",
+  "btn-outline-secondary": "_btn-outline-secondary_gdyy6_115",
+  "btn-success": "_btn-success_gdyy6_132",
+  "btn-outline-success": "_btn-outline-success_gdyy6_146",
+  "btn-danger": "_btn-danger_gdyy6_163",
+  "btn-outline-danger": "_btn-outline-danger_gdyy6_177",
+  "btn-warning": "_btn-warning_gdyy6_194",
+  "btn-outline-warning": "_btn-outline-warning_gdyy6_208",
+  "btn-info": "_btn-info_gdyy6_225",
+  "btn-outline-info": "_btn-outline-info_gdyy6_239",
+  "btn-light": "_btn-light_gdyy6_256",
+  "btn-outline-light": "_btn-outline-light_gdyy6_271",
+  "btn-dark": "_btn-dark_gdyy6_288",
+  "btn-outline-dark": "_btn-outline-dark_gdyy6_302",
+  "btn-link": "_btn-link_gdyy6_319",
+  "btn-outline-link": "_btn-outline-link_gdyy6_335"
 };
 const FButton = forwardRef(({
   children,
@@ -653,19 +653,17 @@ const FContainer = ({
     }
   );
 };
-const panel = "_panel_d74rg_1";
-const compact = "_compact_d74rg_29";
+const panel = "_panel_q7in0_1";
 const styles$u = {
   panel,
-  "panel-default": "_panel-default_d74rg_6",
-  "panel-heading": "_panel-heading_d74rg_12",
-  "panel-body": "_panel-body_d74rg_24",
-  compact,
-  "panel-title": "_panel-title_d74rg_40",
-  "portlet-body": "_portlet-body_d74rg_44",
-  "panel-group": "_panel-group_d74rg_45",
-  "panel-group-accordion": "_panel-group-accordion_d74rg_45",
-  "form-title": "_form-title_d74rg_46"
+  "panel-default": "_panel-default_q7in0_6",
+  "panel-heading": "_panel-heading_q7in0_12",
+  "panel-body": "_panel-body_q7in0_24",
+  "portlet-body": "_portlet-body_q7in0_29",
+  "panel-title": "_panel-title_q7in0_29",
+  "panel-group": "_panel-group_q7in0_30",
+  "panel-group-accordion": "_panel-group-accordion_q7in0_30",
+  "form-title": "_form-title_q7in0_31"
 };
 const FPaper = ({
   label,
@@ -676,8 +674,7 @@ const FPaper = ({
   id,
   className,
   onAnimationEnd,
-  animated,
-  compact: compact2 = false
+  animated
 }) => {
   useEffect(() => {
     if (animated) {
@@ -690,7 +687,7 @@ const FPaper = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `${styles$u["panel"]} ${styles$u["panel-default"]} ${compact2 ? styles$u["compact"] : ""} ${className || ""} ${animated ? `${styles$u[`animated-${animated.name}`]} ${animated.name}` : ""}`,
+      className: `${styles$u["panel"]} ${styles$u["panel-default"]} ${className || ""} ${animated ? `${styles$u[`animated-${animated.name}`]} ${animated.name}` : ""}`,
       style: st,
       id,
       onAnimationEnd,
@@ -1201,28 +1198,28 @@ const FDialogFooter = ({ children, className, st, id }) => {
   );
 };
 const loader = "_loader_1glrn_1";
-const primary = "_primary_1glrn_42";
-const secondary = "_secondary_1glrn_46";
-const success$2 = "_success_1glrn_50";
-const danger = "_danger_1glrn_54";
+const primary$1 = "_primary_1glrn_42";
+const secondary$1 = "_secondary_1glrn_46";
+const success$3 = "_success_1glrn_50";
+const danger$1 = "_danger_1glrn_54";
 const warning$5 = "_warning_1glrn_58";
 const info$3 = "_info_1glrn_62";
-const light = "_light_1glrn_66";
-const dark = "_dark_1glrn_70";
-const link = "_link_1glrn_74";
+const light$1 = "_light_1glrn_66";
+const dark$1 = "_dark_1glrn_70";
+const link$1 = "_link_1glrn_74";
 const styles$r = {
   "authorization-spinner": "_authorization-spinner_1glrn_1",
   "spinner-item": "_spinner-item_1glrn_7",
   loader,
-  primary,
-  secondary,
-  success: success$2,
-  danger,
+  primary: primary$1,
+  secondary: secondary$1,
+  success: success$3,
+  danger: danger$1,
   warning: warning$5,
   info: info$3,
-  light,
-  dark,
-  link
+  light: light$1,
+  dark: dark$1,
+  link: link$1
 };
 const FProgress = ({ st, color = "primary", id, className }) => {
   return /* @__PURE__ */ jsx(
@@ -1681,16 +1678,36 @@ const FOpenImgFull = ({
     }
   );
 };
-const card$2 = "_card_1wjhl_1";
-const warning$4 = "_warning_1wjhl_16";
-const info$2 = "_info_1wjhl_24";
-const alert = "_alert_1wjhl_32";
+const card$2 = "_card_1ytel_1";
+const primary = "_primary_1ytel_69";
+const secondary = "_secondary_1ytel_81";
+const success$2 = "_success_1ytel_93";
+const danger = "_danger_1ytel_105";
+const warning$4 = "_warning_1ytel_117";
+const info$2 = "_info_1ytel_129";
+const light = "_light_1ytel_141";
+const dark = "_dark_1ytel_153";
+const link = "_link_1ytel_165";
+const alert = "_alert_1ytel_177";
+const accordExpand = "_accordExpand_1ytel_1";
 const styles$k = {
   card: card$2,
+  "fv-accord-title": "_fv-accord-title_1ytel_44",
+  "fv-accord-arrow": "_fv-accord-arrow_1ytel_47",
+  primary,
+  secondary,
+  success: success$2,
+  danger,
   warning: warning$4,
   info: info$2,
+  light,
+  dark,
+  link,
   alert,
-  "fv-accord-title": "_fv-accord-title_1wjhl_57"
+  "fv-accord-title-text": "_fv-accord-title-text_1ytel_223",
+  "fv-accord-content": "_fv-accord-content_1ytel_249",
+  accordExpand,
+  "fv-accord-body": "_fv-accord-body_1ytel_258"
 };
 const FAccordion = ({
   variant = "info",
@@ -1722,8 +1739,24 @@ const FAccordion = ({
           open: isOpen,
           style: st,
           children: [
-            /* @__PURE__ */ jsx("summary", { className: styles$k["fv-accord-title"], children: title2 }),
-            children
+            /* @__PURE__ */ jsxs("summary", { className: styles$k["fv-accord-title"], children: [
+              /* @__PURE__ */ jsx("span", { className: styles$k["fv-accord-title-text"], children: title2 }),
+              /* @__PURE__ */ jsx("span", { className: styles$k["fv-accord-arrow"], "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  viewBox: "0 0 24 24",
+                  width: "16",
+                  height: "16",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2.2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: styles$k["fv-accord-content"], children: /* @__PURE__ */ jsx("div", { className: styles$k["fv-accord-body"], children }) })
           ]
         }
       )
@@ -2865,12 +2898,12 @@ const FDropdownItem = ({
   );
 };
 const styles$d = {
-  "f-search-box": "_f-search-box_1myd9_1",
-  "f-search-box__input": "_f-search-box__input_1myd9_6",
-  "f-search-box__button": "_f-search-box__button_1myd9_12",
-  "f-search-box__button_search": "_f-search-box__button_search_1myd9_18",
-  "clear-on": "_clear-on_1myd9_22",
-  "f-search-box__button_clear": "_f-search-box__button_clear_1myd9_25"
+  "f-search-box": "_f-search-box_1s9ms_1",
+  "f-search-box__input": "_f-search-box__input_1s9ms_6",
+  "f-search-box__button": "_f-search-box__button_1s9ms_12",
+  "f-search-box__button_search": "_f-search-box__button_search_1s9ms_18",
+  "clear-on": "_clear-on_1s9ms_22",
+  "f-search-box__button_clear": "_f-search-box__button_clear_1s9ms_25"
 };
 const FSearchBox = forwardRef(
   ({
@@ -2907,7 +2940,7 @@ const FSearchBox = forwardRef(
           className: `${styles$d["f-search-box__input"]} ${props.className || ""}`
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: styles$d["f-search-box__button"], style: { marginTop: label ? "21.8px" : "0" }, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles$d["f-search-box__button"], style: { marginTop: label ? "26px" : "0" }, children: [
         /* @__PURE__ */ jsx(
           FButton,
           {