@fluidattacks/design 3.30.9 → 3.30.11-pr.1

package/dist/{components-BaBe4sUr.mjs → components-DR10wDok.mjs}

@@ -729,27 +729,28 @@ const ce = (e) => ({
   xs: "10px"
 }, wr = (e) => et[e] ? et[e] : typeof e == "string" && e.includes("px") ? e : et.md, vr = b(yn)`
   ${({
-  $clickable: e,
-  $color: t = "inherit",
-  $disabled: n = !1,
-  $hoverColor: r,
-  $rotation: a,
-  $size: o,
-  $secondaryColor: l
+  $bgGradient: e,
+  $clickable: t,
+  $color: n = "inherit",
+  $disabled: r = !1,
+  $hoverColor: a,
+  $rotation: o,
+  $size: l,
+  $secondaryColor: s
 }) => {
-  const s = r ? "" : "brightness(50%)", c = r ?? "";
+  const c = a ? "" : "brightness(50%)", d = a ?? "";
   return `
-      color: ${t};
-      cursor: ${e ? "pointer" : "inherit"};
-      font-size: ${wr(o)};
+      color: ${n};
+      cursor: ${t ? "pointer" : "inherit"};
+      font-size: ${wr(l)};
       line-height: 0;
       vertical-align: middle;
       pointer-events: inherit;
-      opacity: ${n ? "0.5" : "1"};
+      opacity: ${r ? "0.5" : "1"};
 
       > svg {
-        --fa-secondary-color: ${l};
-        transform: ${a === void 0 ? "" : `rotate(${a}deg)`};
+        --fa-secondary-color: ${s};
+        transform: ${o === void 0 ? "" : `rotate(${o}deg)`};
       }
 
       .fill-gradient-01 path {
@@ -761,9 +762,19 @@ const ce = (e) => ({
         fill: url(#gradient-02);
       }
 
-      ${e ? `&:hover {
-              filter: ${s};
-              color: ${c};
+      ${e ? `
+        > i {
+          background: ${e};
+          -webkit-background-clip: text;
+          background-clip: text;
+          -webkit-text-fill-color: transparent;
+          color: transparent;
+        }` : ""}
+
+
+      ${t ? `&:hover {
+              filter: ${c};
+              color: ${d};
             }` : ""}
     `;
 }}
@@ -777,47 +788,49 @@ b.div`
   }
 `;
 const A = q(function({
-  clickable: t,
-  disabled: n,
-  hoverColor: r,
-  icon: a,
-  iconClass: o = "",
-  iconColor: l,
-  iconMask: s,
-  iconSize: c,
-  iconTransform: d,
-  iconType: p = "fa-solid",
-  onClick: g,
-  rotation: u,
-  spanClass: h,
-  secondaryColor: y,
-  ...m
-}, x) {
+  bgGradient: t,
+  clickable: n,
+  disabled: r,
+  hoverColor: a,
+  icon: o,
+  iconClass: l = "",
+  iconColor: s,
+  iconMask: c,
+  iconSize: d,
+  iconTransform: p,
+  iconType: g = "fa-solid",
+  onClick: u,
+  rotation: h,
+  spanClass: y,
+  secondaryColor: m,
+  ...x
+}, k) {
   return /* @__PURE__ */ i(
     vr,
     {
-      $clickable: t,
-      $color: l,
-      $disabled: n,
-      $hoverColor: r,
-      $rotation: u,
-      $secondaryColor: y,
-      $size: c,
-      className: h,
-      "data-testid": `${a}-icon`,
-      onClick: g,
-      ref: x,
-      ...m,
+      $bgGradient: t,
+      $clickable: n,
+      $color: s,
+      $disabled: r,
+      $hoverColor: a,
+      $rotation: h,
+      $secondaryColor: m,
+      $size: d,
+      className: y,
+      "data-testid": `${o}-icon`,
+      onClick: u,
+      ref: k,
+      ...x,
       children: /* @__PURE__ */ i(
         "i",
         {
-          className: `${p} fa-${a} ${o}`,
-          ...s !== void 0 ? { "data-fa-mask": s } : {},
-          ...d !== void 0 ? { "data-fa-transform": d } : {}
+          className: `${g} fa-${o} ${l}`,
+          ...c !== void 0 ? { "data-fa-mask": c } : {},
+          ...p !== void 0 ? { "data-fa-transform": p } : {}
         }
       )
     },
-    `${p}-${a}`
+    `${g}-${o}`
   );
 }), Vs = q(function({ aligned: t = "end", items: n, bgColor: r }, a) {
   const o = N(), [l, s] = R(
@@ -7180,8 +7193,8 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
       $o,
       {
         id: e,
-        name: e,
         maxLength: o,
+        name: e,
         onChange: k,
         onKeyDown: x,
         ref: s,
@@ -8999,10 +9012,10 @@ const De = ({
     [u, h]
   );
   U(() => {
-    p(t), h(g);
-  }, [t, h, g]), U(() => {
     e && (u(""), p(t));
-  }, [e, t]);
+  }, [e]), U(() => {
+    g ? h(g) : p(t);
+  }, [t, g, h]);
   const x = /* @__PURE__ */ i(
     $,
     {
@@ -12227,8 +12240,8 @@ const De = ({
     n === void 0 ? void 0 : /* @__PURE__ */ i(bs, { children: /* @__PURE__ */ i(
       Ce,
       {
-        name: "search",
         maxLength: Jt,
+        name: "search",
         onChange: o,
         onClear: l,
         placeholder: a,

package/dist/hooks/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-BVxox-bG.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-BGNEZX7A.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-BVxox-bG.js"),t=require("./vendor-B5PNeTrB.js");exports.Accordion=e.Accordion;exports.Alert=e.Alert;exports.AppliedFilters=e.AppliedFilters;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.CardContainer=e.CardContainer;exports.CardHeader=e.CardHeader;exports.CardWithImage=e.CardWithImage;exports.CardWithInput=e.CardWithInput;exports.CardWithOptions=e.CardWithOptions;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.CopyButton=e.CopyButton;exports.CustomThemeProvider=e.CustomThemeProvider;exports.Divider=e.Divider;exports.Dropdown=e.Dropdown;exports.Editable=e.Editable;exports.EmptyState=e.EmptyState;exports.ErrorMessage=e.ErrorMessage;exports.FilePreview=e.FilePreview;exports.Form=e.Form;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.IndicatorCardDB=e.IndicatorCardDB;exports.InfoSidebar=e.InfoSidebar;exports.InnerForm=e.InnerForm;exports.InputArray=e.InputArray;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.ItemContent=e.ItemContent;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.Lottie=e.Lottie;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.OAuthSelector=e.OAuthSelector;exports.OptionContainer=e.OptionContainer;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.PopUp=e.PopUp;exports.PremiumFeature=e.PremiumFeature;exports.PriorityCards=e.PriorityCards;exports.PriorityScore=e.PriorityScore;exports.ProgressBar=e.ProgressBar;exports.ProgressIndicator=e.ProgressIndicator;exports.ProgressStep=e.ProgressStep;exports.RadioButton=e.RadioButton;exports.RankPosition=e.RankPosition;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.Table=e.Table;exports.TableButton=e.TableButton;exports.TableContent=e.TableContent;exports.Tabs=e.Tabs;exports.Tag=e.Tag;exports.Text=e.Text;exports.TextArea=e.TextArea;exports.TextInput=e.TextInput;exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;exports.Toggle=e.Toggle;exports.Tooltip=e.Tooltip;exports.Tour=e.Tour;exports.WeaknessesCard=e.WeaknessesCard;exports.baseStep=e.baseStep;exports.formatCheckValues=e.formatCheckValues;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.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useConditionsDialog=e.useConditionsDialog;exports.useConfirmDialog=e.useConfirmDialog;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useFilters=e.useFilters;exports.useModal=e.useModal;exports.useSearch=e.useSearch;exports.variantBuilder=e.variantBuilder;exports.Controller=t.Controller;exports.useController=t.useController;exports.useFieldArray=t.useFieldArray;exports.useFormContext=t.useFormContext;exports.useNumberFormatter=t.$a916eb452884faea$export$b7a616150fdb9f44;exports.useWatch=t.useWatch;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-BGNEZX7A.js"),t=require("./vendor-B5PNeTrB.js");exports.Accordion=e.Accordion;exports.Alert=e.Alert;exports.AppliedFilters=e.AppliedFilters;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.CardContainer=e.CardContainer;exports.CardHeader=e.CardHeader;exports.CardWithImage=e.CardWithImage;exports.CardWithInput=e.CardWithInput;exports.CardWithOptions=e.CardWithOptions;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.CopyButton=e.CopyButton;exports.CustomThemeProvider=e.CustomThemeProvider;exports.Divider=e.Divider;exports.Dropdown=e.Dropdown;exports.Editable=e.Editable;exports.EmptyState=e.EmptyState;exports.ErrorMessage=e.ErrorMessage;exports.FilePreview=e.FilePreview;exports.Form=e.Form;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.IndicatorCardDB=e.IndicatorCardDB;exports.InfoSidebar=e.InfoSidebar;exports.InnerForm=e.InnerForm;exports.InputArray=e.InputArray;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.ItemContent=e.ItemContent;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.Lottie=e.Lottie;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.OAuthSelector=e.OAuthSelector;exports.OptionContainer=e.OptionContainer;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.PopUp=e.PopUp;exports.PremiumFeature=e.PremiumFeature;exports.PriorityCards=e.PriorityCards;exports.PriorityScore=e.PriorityScore;exports.ProgressBar=e.ProgressBar;exports.ProgressIndicator=e.ProgressIndicator;exports.ProgressStep=e.ProgressStep;exports.RadioButton=e.RadioButton;exports.RankPosition=e.RankPosition;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.Table=e.Table;exports.TableButton=e.TableButton;exports.TableContent=e.TableContent;exports.Tabs=e.Tabs;exports.Tag=e.Tag;exports.Text=e.Text;exports.TextArea=e.TextArea;exports.TextInput=e.TextInput;exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;exports.Toggle=e.Toggle;exports.Tooltip=e.Tooltip;exports.Tour=e.Tour;exports.WeaknessesCard=e.WeaknessesCard;exports.baseStep=e.baseStep;exports.formatCheckValues=e.formatCheckValues;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.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useConditionsDialog=e.useConditionsDialog;exports.useConfirmDialog=e.useConfirmDialog;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useFilters=e.useFilters;exports.useModal=e.useModal;exports.useSearch=e.useSearch;exports.variantBuilder=e.variantBuilder;exports.Controller=t.Controller;exports.useController=t.useController;exports.useFieldArray=t.useFieldArray;exports.useFormContext=t.useFormContext;exports.useNumberFormatter=t.$a916eb452884faea$export$b7a616150fdb9f44;exports.useWatch=t.useWatch;

package/package.json

@@ -114,5 +114,5 @@
     "test-storybook": "test-storybook"
   },
   "typings": "./dist/index.d.ts",
-  "version": "3.30.9"
+  "version": "3.30.11-pr.1"
 }