@fluidattacks/design 3.15.5 → 3.15.6-pr

package/dist/{components-C2CEIwn3.mjs → components-Cnu-l9m7.mjs}

@@ -581,7 +581,7 @@ const ne = (e) => ({
 
     ${i === void 0 ? "" : `&::after { content: "${i}"; }`}
   `}
-`, Y = G(function({
+`, K = G(function({
   bgGradient: t,
   children: i,
   className: a,
@@ -1207,7 +1207,7 @@ const I = G(function({
       document.getElementById("root") ?? document.body
     )
   ] });
-}, K = G(function({
+}, Y = G(function({
   borderRadius: t,
   disabled: i,
   icon: a,
@@ -1301,7 +1301,7 @@ const I = G(function({
         ),
         /* @__PURE__ */ n(On, { children: i }),
         a ? /* @__PURE__ */ n(
-          K,
+          Y,
           {
             height: "fit-content",
             icon: "close",
@@ -1644,7 +1644,7 @@ const I = G(function({
             /* @__PURE__ */ n("strong", { children: o })
           ] }),
           d ? /* @__PURE__ */ n(
-            K,
+            Y,
             {
               disabled: e,
               icon: "xmark",
@@ -1951,7 +1951,7 @@ const I = G(function({
                 }
               ),
               g ? /* @__PURE__ */ n(x, { bottom: "10px", position: "absolute", right: "10px", children: /* @__PURE__ */ n(
-                K,
+                Y,
                 {
                   color: "white",
                   icon: "arrows-maximize",
@@ -2512,7 +2512,7 @@ const I = G(function({
                 }
               ) : void 0,
               /* @__PURE__ */ n(
-                K,
+                Y,
                 {
                   ...ri,
                   className: "action",
@@ -3685,7 +3685,7 @@ const I = G(function({
               /* @__PURE__ */ n(ja, { $size: "xs", children: S }),
               /* @__PURE__ */ f(x, { alignItems: "center", display: "flex", gap: 0.625, children: [
                 A.isEmpty(S) ? void 0 : /* @__PURE__ */ n(
-                  K,
+                  Y,
                   {
                     color: y.palette.gray[400],
                     height: "20px",
@@ -4989,28 +4989,30 @@ const I = G(function({
   icon: i,
   selectorProps: a,
   onClick: r,
-  title: o,
-  width: l = "fit-content"
+  register: o,
+  title: l,
+  width: s = "fit-content"
 }) => {
-  const s = F();
+  const c = F();
   return /* @__PURE__ */ f(
     x,
     {
       alignItems: "center",
-      border: `1px solid ${s.palette.gray[200]}`,
-      borderColorHover: s.palette.gray[600],
-      borderRadius: s.spacing[0.25],
+      border: `1px solid ${c.palette.gray[200]}`,
+      borderColorHover: c.palette.gray[600],
+      borderRadius: c.spacing[0.25],
       display: "inline-flex",
       padding: [1, 1, 1, 1],
       shadowHover: "md",
-      width: l,
+      width: s,
       children: [
         /* @__PURE__ */ n(x, { alignSelf: "start", display: "flex", width: "fit-content", children: /* @__PURE__ */ n(
           Yt,
           {
             name: a.name,
             onClick: r,
-            value: a.value
+            value: a.value,
+            ...o == null ? void 0 : o(a.name)
           }
         ) }),
         /* @__PURE__ */ f(
@@ -5034,7 +5036,7 @@ const I = G(function({
                 }
               ),
               i === void 0 ? void 0 : /* @__PURE__ */ n(I, { icon: i, iconSize: "sm", iconType: "fa-light" }),
-              /* @__PURE__ */ n(Y, { fontWeight: "bold", lineSpacing: 1.75, size: "xs", children: o })
+              /* @__PURE__ */ n(C, { color: c.palette.gray[800], fontWeight: "bold", size: "sm", children: l })
             ]
           }
         )
@@ -5370,7 +5372,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         /* @__PURE__ */ n(Kt, { "data-private": !0, children: /* @__PURE__ */ n("pre", { children: /* @__PURE__ */ n("code", { className: "language-none", children: g }) }) }),
         /* @__PURE__ */ f(rr, { children: [
           /* @__PURE__ */ n(
-            K,
+            Y,
             {
               height: r.spacing[2.5],
               icon: "copy",
@@ -5599,11 +5601,11 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     };
   }, [l]), /* @__PURE__ */ f(cr, { children: [
     /* @__PURE__ */ f(dr, { children: [
-      typeof e == "string" ? /* @__PURE__ */ n(Y, { fontWeight: "bold", lineSpacing: 1.75, mr: 1, size: "sm", children: e }) : e,
+      typeof e == "string" ? /* @__PURE__ */ n(K, { fontWeight: "bold", lineSpacing: 1.75, mr: 1, size: "sm", children: e }) : e,
       /* @__PURE__ */ f("div", { className: "items-center flex gap-3", children: [
         a,
         /* @__PURE__ */ n(
-          K,
+          Y,
           {
             icon: "close",
             iconColor: o.palette.gray[400],
@@ -6041,7 +6043,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       values: e,
       children: [
         /* @__PURE__ */ f(x, { display: "flex", gap: 0.25, children: [
-          /* @__PURE__ */ n(Y, { display: "flex", size: "xs", children: i }),
+          /* @__PURE__ */ n(K, { display: "flex", size: "xs", children: i }),
           /* @__PURE__ */ n(
             ae,
             {
@@ -6208,7 +6210,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       }
     ),
     !A.isEmpty(r) && /* @__PURE__ */ n(
-      K,
+      Y,
       {
         icon: "xmark",
         iconColor: s.palette.gray[300],
@@ -6224,7 +6226,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   ] });
   return i ? /* @__PURE__ */ f(St, { children: [
     /* @__PURE__ */ n(
-      K,
+      Y,
       {
         border: `1px solid ${s.palette.gray[300]} !important`,
         icon: "magnifying-glass",
@@ -6396,9 +6398,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           px: 1.25,
           py: 1.25,
           children: [
-            /* @__PURE__ */ n(Y, { size: "sm", children: t }),
+            /* @__PURE__ */ n(K, { size: "sm", children: t }),
             /* @__PURE__ */ n(
-              K,
+              Y,
               {
                 icon: "close",
                 iconColor: r.palette.gray[400],
@@ -6971,7 +6973,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
                 }
               ),
               /* @__PURE__ */ n(
-                K,
+                Y,
                 {
                   icon: "close",
                   iconColor: o.palette.gray[400],
@@ -7550,7 +7552,7 @@ const be = ({
         top: "0",
         children: [
           /* @__PURE__ */ n(
-            Y,
+            K,
             {
               fontWeight: "semibold",
               lineSpacingSm: 1.25,
@@ -7697,7 +7699,7 @@ const be = ({
             )
           ] }) : void 0,
           /* @__PURE__ */ n(
-            Y,
+            K,
             {
               className: `title-${l}`,
               color: $ ? u.palette.white : u.palette.gray[800],
@@ -7756,7 +7758,7 @@ const be = ({
               maxWidth: "800px",
               children: [
                 /* @__PURE__ */ f(
-                  Y,
+                  K,
                   {
                     display: "inline",
                     fontWeight: "semibold",
@@ -7864,7 +7866,7 @@ const be = ({
   return /* @__PURE__ */ f(to, { $padding: r, children: [
     /* @__PURE__ */ n(io, { children: /* @__PURE__ */ n(oe, { alt: "empty-icon", publicId: a }) }),
     /* @__PURE__ */ n(
-      Y,
+      K,
       {
         fontWeight: "bold",
         lineSpacing: 1.75,
@@ -8140,7 +8142,7 @@ const be = ({
                     }
                   ),
                   /* @__PURE__ */ n(
-                    K,
+                    Y,
                     {
                       icon: "xmark",
                       iconColor: c.palette.gray[400],
@@ -8251,7 +8253,7 @@ const be = ({
         /* @__PURE__ */ f(x, { alignItems: "center", display: "flex", gap: 0.5, my: 0.5, children: [
           u && !A.isUndefined(i) ? h : void 0,
           /* @__PURE__ */ f("div", { style: { display: "flex", gap: "12px" }, children: [
-            A.isUndefined(o) ? void 0 : /* @__PURE__ */ n(Y, { fontWeight: "bold", size: "md", children: o }),
+            A.isUndefined(o) ? void 0 : /* @__PURE__ */ n(K, { fontWeight: "bold", size: "md", children: o }),
             a
           ] }),
           u && !A.isUndefined(r) ? h : void 0
@@ -8306,7 +8308,7 @@ const be = ({
               ] }),
               e && /* @__PURE__ */ n(x, { display: "flex", gap: 0.25, children: e.map(
                 ({ icon: s, onClick: c }, d) => /* @__PURE__ */ n(
-                  K,
+                  Y,
                   {
                     icon: s ?? "paper-plane",
                     iconColor: l.palette.gray[400],
@@ -8463,7 +8465,7 @@ const be = ({
           /* @__PURE__ */ f("div", { className: "flex flex-col gap-0.5", children: [
             /* @__PURE__ */ n(C, { color: l.palette.white, size: "sm", sizeSm: "xs", children: e }),
             /* @__PURE__ */ n(
-              Y,
+              K,
               {
                 color: l.palette.white,
                 fontWeight: "bold",
@@ -8506,7 +8508,7 @@ const be = ({
         pt: 1,
         children: [
           /* @__PURE__ */ n(
-            Y,
+            K,
             {
               color: l.palette.white,
               fontWeight: "bold",
@@ -9209,11 +9211,11 @@ const be = ({
           )
         ] }),
         /* @__PURE__ */ f(x, { pr: 1.5, children: [
-          /* @__PURE__ */ n(Y, { fontWeight: "bold", size: "xs", children: i }),
+          /* @__PURE__ */ n(K, { fontWeight: "bold", size: "xs", children: i }),
           /* @__PURE__ */ n(C, { size: "sm", whiteSpace: "break-spaces", wordWrap: "break-word", children: e })
         ] }),
         /* @__PURE__ */ n(
-          K,
+          Y,
           {
             height: "fit-content",
             icon: "close",
@@ -9588,7 +9590,7 @@ const Oo = {
         children: [
           i === "advanced" && Ho,
           /* @__PURE__ */ n(
-            Y,
+            K,
             {
               color: N.palette.gray[900],
               fontWeight: "semibold",
@@ -9742,7 +9744,7 @@ const Oo = {
                       mt: 1.5,
                       children: [
                         /* @__PURE__ */ n(
-                          Y,
+                          K,
                           {
                             color: g,
                             fontWeight: "bold",
@@ -10058,7 +10060,7 @@ const Oo = {
     });
   }, [r]);
   return i ? /* @__PURE__ */ n(Xo, { children: /* @__PURE__ */ n(
-    K,
+    Y,
     {
       height: "40px",
       icon: "arrow-up",
@@ -10380,7 +10382,7 @@ const Oo = {
                 }
               ),
               /* @__PURE__ */ n(
-                K,
+                Y,
                 {
                   icon: "close",
                   iconColor: p.palette.gray[400],
@@ -10707,7 +10709,7 @@ const Oo = {
       /* @__PURE__ */ n(x, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ n(gl, { $variant: y, children: y === "completed" ? /* @__PURE__ */ n(I, { icon: "check", iconSize: "xs", iconType: "fa-solid" }) : $ }) }),
       /* @__PURE__ */ f(x, { ml: 1.5, width: "100%", children: [
         /* @__PURE__ */ n(
-          Y,
+          K,
           {
             fontWeight: "bold",
             lineSpacing: 1.25,
@@ -10845,7 +10847,7 @@ const Oo = {
       onClick: a,
       type: "button",
       children: /* @__PURE__ */ n(
-        Y,
+        K,
         {
           color: "inherit",
           fontWeight: "semibold",
@@ -11250,7 +11252,7 @@ export {
   oe as M,
   is as N,
   I as O,
-  K as P,
+  Y as P,
   ns as Q,
   as as R,
   X as S,
@@ -11292,7 +11294,7 @@ export {
   Q as aP,
   As as aQ,
   Ps as aR,
-  Y as aS,
+  K as aS,
   C as aT,
   xe as aU,
   Hs as aV,

package/dist/hooks/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-DOYaQ_2Q.js");exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-B9ryhnfc.js");exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-DOYaQ_2Q.js"),t=require("./vendor-Fd8GJpo1.js");exports.Accordion=e.Accordion;exports.Alert=e.Alert;exports.Avatar=e.Avatar;exports.BaseButtonComponent=e.BaseButtonComponent;exports.BaseComponent=e.BaseComponent;exports.BaseSpanComponent=e.BaseSpanComponent;exports.BaseTextComponent=e.BaseTextComponent;exports.Button=e.Button;exports.ButtonToolbarCenter=e.ButtonToolbarCenter;exports.ButtonToolbarRow=e.ButtonToolbarRow;exports.ButtonToolbarStartRow=e.ButtonToolbarStartRow;exports.CardHeader=e.CardHeader;exports.CardWithImage=e.CardWithImage;exports.CardWithInput=e.CardWithInput;exports.CardWithSelector=e.CardWithSelector;exports.CardWithSwitch=e.CardWithSwitch;exports.Carousel=e.Carousel;exports.Checkbox=e.Checkbox;exports.CloudImage=e.MemoizedImage;exports.CodeSnippet=e.CodeSnippet;exports.Col=e.Col;exports.ColumFilters=e.ColumFilters;exports.ColumnsModal=e.ColumnsModal;exports.ComboBox=e.ComboBox;exports.Container=e.Container;exports.CustomThemeProvider=e.CustomThemeProvider;exports.Divider=e.Divider;exports.Editable=e.Editable;exports.EmptyState=e.EmptyState;exports.FilePreview=e.FilePreview;exports.Filters=e.Filters;exports.Form=e.Form;exports.FormItem=e.FormItem;exports.Gap=e.Gap;exports.GridContainer=e.GridContainer;exports.GroupSelector=e.GroupSelector;exports.Heading=e.Heading;exports.Icon=e.Icon;exports.IconButton=e.IconButton;exports.IndicatorCard=e.IndicatorCard;exports.InfoSidebar=e.InfoSidebar;exports.InnerForm=e.InnerForm;exports.Input=e.Input;exports.InputDate=e.InputDate;exports.InputDateRange=e.InputDateRange;exports.InputDateTime=e.InputDateTime;exports.InputFile=e.InputFile;exports.InputNumber=e.InputNumber;exports.InputNumberRange=e.InputNumberRange;exports.InputTags=e.InputTags;exports.InteractiveCard=e.InteractiveCard;exports.LanguageSelector=e.LanguageSelector;exports.Link=e.Link;exports.ListItem=e.ListItem;exports.ListItemsWrapper=e.ListItemsWrapper;exports.LittleFlag=e.LittleFlag;exports.Loading=e.Loading;exports.Logo=e.Logo;exports.LogoCarousel=e.LogoCarousel;exports.Menu=e.Menu;exports.MessageBanner=e.MessageBanner;exports.Modal=e.Modal;exports.ModalConfirm=e.ModalConfirm;exports.ModalFooter=e.ModalFooter;exports.Notification=e.Notification;exports.NotificationSign=e.NotificationSign;exports.NumberInput=e.NumberInput;exports.OAuthSelector=e.OAuthSelector;exports.OptionContainer=e.OptionContainer;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.PopUp=e.PopUp;exports.PremiumFeature=e.PremiumFeature;exports.PriorityScore=e.PriorityScore;exports.ProgressBar=e.ProgressBar;exports.RadioButton=e.RadioButton;exports.Row=e.Row;exports.ScrollUpButton=e.ScrollUpButton;exports.Search=e.Search;exports.SeverityBadge=e.SeverityBadge;exports.SeverityOverview=e.SeverityOverview;exports.ShowOnHover=e.ShowOnHover;exports.SlideOutMenu=e.SlideOutMenu;exports.Slider=e.Slider;exports.Span=e.Span;exports.StepLapse=e.StepLapse;exports.TableButton=e.TableButton;exports.Tabs=e.Tabs;exports.Tag=e.Tag;exports.Text=e.Text;exports.TextArea=e.TextArea;exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;exports.Toggle=e.Toggle;exports.ToggleButton=e.ToggleButton;exports.Tooltip=e.Tooltip;exports.Tour=e.Tour;exports.WebForm=e.WebForm;exports.baseStep=e.baseStep;exports.getStyledConfig=e.getStyledConfig;exports.hiddenProps=e.hiddenProps;exports.icons=e.icons;exports.setBorder=e.setBorder;exports.setDisplay=e.setDisplay;exports.setInteraction=e.setInteraction;exports.setMargin=e.setMargin;exports.setPadding=e.setPadding;exports.setPosition=e.setPosition;exports.setText=e.setText;exports.theme=e.theme;exports.uniqueIcons=e.uniqueIcons;exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useConfirmDialog=e.useConfirmDialog;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;exports.variantBuilder=e.variantBuilder;exports.useFormContext=t.useFormContext;exports.useWatch=t.useWatch;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-B9ryhnfc.js"),t=require("./vendor-Fd8GJpo1.js");exports.Accordion=e.Accordion;exports.Alert=e.Alert;exports.Avatar=e.Avatar;exports.BaseButtonComponent=e.BaseButtonComponent;exports.BaseComponent=e.BaseComponent;exports.BaseSpanComponent=e.BaseSpanComponent;exports.BaseTextComponent=e.BaseTextComponent;exports.Button=e.Button;exports.ButtonToolbarCenter=e.ButtonToolbarCenter;exports.ButtonToolbarRow=e.ButtonToolbarRow;exports.ButtonToolbarStartRow=e.ButtonToolbarStartRow;exports.CardHeader=e.CardHeader;exports.CardWithImage=e.CardWithImage;exports.CardWithInput=e.CardWithInput;exports.CardWithSelector=e.CardWithSelector;exports.CardWithSwitch=e.CardWithSwitch;exports.Carousel=e.Carousel;exports.Checkbox=e.Checkbox;exports.CloudImage=e.MemoizedImage;exports.CodeSnippet=e.CodeSnippet;exports.Col=e.Col;exports.ColumFilters=e.ColumFilters;exports.ColumnsModal=e.ColumnsModal;exports.ComboBox=e.ComboBox;exports.Container=e.Container;exports.CustomThemeProvider=e.CustomThemeProvider;exports.Divider=e.Divider;exports.Editable=e.Editable;exports.EmptyState=e.EmptyState;exports.FilePreview=e.FilePreview;exports.Filters=e.Filters;exports.Form=e.Form;exports.FormItem=e.FormItem;exports.Gap=e.Gap;exports.GridContainer=e.GridContainer;exports.GroupSelector=e.GroupSelector;exports.Heading=e.Heading;exports.Icon=e.Icon;exports.IconButton=e.IconButton;exports.IndicatorCard=e.IndicatorCard;exports.InfoSidebar=e.InfoSidebar;exports.InnerForm=e.InnerForm;exports.Input=e.Input;exports.InputDate=e.InputDate;exports.InputDateRange=e.InputDateRange;exports.InputDateTime=e.InputDateTime;exports.InputFile=e.InputFile;exports.InputNumber=e.InputNumber;exports.InputNumberRange=e.InputNumberRange;exports.InputTags=e.InputTags;exports.InteractiveCard=e.InteractiveCard;exports.LanguageSelector=e.LanguageSelector;exports.Link=e.Link;exports.ListItem=e.ListItem;exports.ListItemsWrapper=e.ListItemsWrapper;exports.LittleFlag=e.LittleFlag;exports.Loading=e.Loading;exports.Logo=e.Logo;exports.LogoCarousel=e.LogoCarousel;exports.Menu=e.Menu;exports.MessageBanner=e.MessageBanner;exports.Modal=e.Modal;exports.ModalConfirm=e.ModalConfirm;exports.ModalFooter=e.ModalFooter;exports.Notification=e.Notification;exports.NotificationSign=e.NotificationSign;exports.NumberInput=e.NumberInput;exports.OAuthSelector=e.OAuthSelector;exports.OptionContainer=e.OptionContainer;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.PopUp=e.PopUp;exports.PremiumFeature=e.PremiumFeature;exports.PriorityScore=e.PriorityScore;exports.ProgressBar=e.ProgressBar;exports.RadioButton=e.RadioButton;exports.Row=e.Row;exports.ScrollUpButton=e.ScrollUpButton;exports.Search=e.Search;exports.SeverityBadge=e.SeverityBadge;exports.SeverityOverview=e.SeverityOverview;exports.ShowOnHover=e.ShowOnHover;exports.SlideOutMenu=e.SlideOutMenu;exports.Slider=e.Slider;exports.Span=e.Span;exports.StepLapse=e.StepLapse;exports.TableButton=e.TableButton;exports.Tabs=e.Tabs;exports.Tag=e.Tag;exports.Text=e.Text;exports.TextArea=e.TextArea;exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;exports.Toggle=e.Toggle;exports.ToggleButton=e.ToggleButton;exports.Tooltip=e.Tooltip;exports.Tour=e.Tour;exports.WebForm=e.WebForm;exports.baseStep=e.baseStep;exports.getStyledConfig=e.getStyledConfig;exports.hiddenProps=e.hiddenProps;exports.icons=e.icons;exports.setBorder=e.setBorder;exports.setDisplay=e.setDisplay;exports.setInteraction=e.setInteraction;exports.setMargin=e.setMargin;exports.setPadding=e.setPadding;exports.setPosition=e.setPosition;exports.setText=e.setText;exports.theme=e.theme;exports.uniqueIcons=e.uniqueIcons;exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useConfirmDialog=e.useConfirmDialog;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;exports.variantBuilder=e.variantBuilder;exports.useFormContext=t.useFormContext;exports.useWatch=t.useWatch;

package/package.json

@@ -115,5 +115,5 @@
     "test-storybook": "test-storybook"
   },
   "typings": "./dist/index.d.ts",
-  "version": "3.15.5"
+  "version": "3.15.6-pr"
 }