@fluidattacks/design 3.27.4-pr.4 → 3.27.5-pr.1

package/dist/components/typography/text/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../components-D47ZRjK3.js");exports.Text=e.Text;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../components-D6bvMOBA.js");exports.Text=e.Text;

package/dist/{components-D47ZRjK3.js → components-D6bvMOBA.js}

@@ -1930,36 +1930,26 @@ ${b[8]}...`:(b.length<8&&d(!1),n)},[l,n,e]),x=u.useMemo(g,[g]),h=u.useCallback(a
     }
   }
 `,xr=y.styled(Se)`
-  ${({theme:e,$variant:n})=>`
-    align-items: center;
-    background: ${n==="error"?e.palette.primary[400]:e.palette.warning[500]};
-    border-radius: 100%;
-    font-family: ${e.typography.type.primary};
-    justify-content: center;
-    padding: 0;
-    position: absolute;
-    z-index: 11;
-    width: ${e.spacing[.5]};
-    height: ${e.spacing[.5]};
-  `}
+  ${({theme:e,$variant:n,$numberIndicator:o})=>{const i=o!=null&&o>0;return`
+      align-items: center;
+      background: ${n==="error"?e.palette.primary[400]:e.palette.warning[500]};
+      border-radius: ${i?"100px":"100%"};
+      font-family: ${e.typography.type.primary};
+      justify-content: center;
+      padding: 2px 4px;
+      position: absolute;
+      z-index: 11;
+      min-width: ${i?e.spacing[1.25]:e.spacing[.5]};
+      height: ${i?"14px":e.spacing[.5]}};
+    `}}
 `,hr=y.styled.div`
   align-items: center;
   color: ${({theme:e})=>e.palette.white};
   display: flex;
-  font-size: 6px;
-  font-weight: ${({theme:e})=>e.typography.weight.bold};
+  font-size: 12px;
+  font-weight: ${({theme:e})=>e.typography.weight.regular};
   justify-content: center;
-`;y.styled.div`
-  /* Override component size only in Storybook */
-  & > div {
-    width: 24px !important;
-    height: 24px !important;
-
-    & > div {
-      font-size: 12px !important;
-    }
-  }
-`;const dn=u.forwardRef(function({numberIndicator:n,show:o,variant:i="error",...r},a){return t.jsx(xr,{$variant:i,className:o?"flex":"hidden","data-testid":"notification-sign",ref:a,...r,children:n&&t.jsx(hr,{children:n<=9?n:9})})}),pn=({end:e=!1,label:n,id:o,isActive:i=!1,link:r,notificationSign:a,onClick:l,tooltip:s="",variant:c="primary",tag:d})=>{const{pathname:p}=Ue.useLocation(),g=i||(c==="primary"?p.includes(r):p.endsWith(r));return t.jsx(V,{display:"flex",id:`${o}-tooltip`,tip:s,children:t.jsxs(ur,{$borderButton:g,$variant:c,children:[t.jsxs(Ue.NavLink,{end:e,id:o,onClick:l,to:r,children:[n,t.jsx(dn,{left:a==null?void 0:a.left,numberIndicator:a==null?void 0:a.numberIndicator,show:a==null?void 0:a.show,top:a==null?void 0:a.top,variant:a==null?void 0:a.variant})]}),d===void 0?null:t.jsx(Y,{tagLabel:`${d}`,variant:"default"})]})})},pt=({items:e,borders:n=!0,box:o=!1,variant:i="primary"})=>{const r=y.useTheme();return t.jsx(m,{alignItems:"center",bgColor:r.palette.white,border:o?"1px solid":void 0,borderBottom:n?`1px solid ${r.palette.gray[300]}`:void 0,borderColor:o?r.palette.gray[200]:void 0,borderRadius:o?r.spacing[.25]:void 0,display:"inline-flex",gap:.25,id:"tablist",padding:o?[0,0,0,0]:void 0,pl:n?1.25:void 0,pr:n?1.25:void 0,role:"tablist",width:o?"max-content":"100%",children:e.map(({end:a,id:l,isActive:s,link:c,label:d,notificationSign:p,onClick:g,tag:x,tooltip:h})=>t.jsx(pn,{end:a,id:l,isActive:s,label:d,link:c,notificationSign:p,onClick:g,tag:x,tooltip:h,variant:i},l))})},ae=u.forwardRef(function({color:n=R.palette.gray[100],mt:o=.5,mb:i=.5,width:r,...a},l){return t.jsx(m,{as:"hr",borderTop:`1px solid ${n}`,mb:i,mt:o,ref:l,width:r??"100%",...a})}),fr=y.styled.li`
+`,dn=u.forwardRef(function({numberIndicator:n,show:o,variant:i="error",...r},a){return t.jsx(xr,{$numberIndicator:n,$variant:i,className:o?"flex":"hidden","data-testid":"notification-sign",ref:a,...r,children:n&&t.jsx(hr,{children:n<=9?n:9})})}),pn=({end:e=!1,label:n,id:o,isActive:i=!1,link:r,notificationSign:a,onClick:l,tooltip:s="",variant:c="primary",tag:d})=>{const{pathname:p}=Ue.useLocation(),g=i||(c==="primary"?p.includes(r):p.endsWith(r));return t.jsx(V,{display:"flex",id:`${o}-tooltip`,tip:s,children:t.jsxs(ur,{$borderButton:g,$variant:c,children:[t.jsxs(Ue.NavLink,{end:e,id:o,onClick:l,to:r,children:[n,t.jsx(dn,{left:a==null?void 0:a.left,numberIndicator:a==null?void 0:a.numberIndicator,show:a==null?void 0:a.show,top:a==null?void 0:a.top,variant:a==null?void 0:a.variant})]}),d===void 0?null:t.jsx(Y,{tagLabel:`${d}`,variant:"default"})]})})},pt=({items:e,borders:n=!0,box:o=!1,variant:i="primary"})=>{const r=y.useTheme();return t.jsx(m,{alignItems:"center",bgColor:r.palette.white,border:o?"1px solid":void 0,borderBottom:n?`1px solid ${r.palette.gray[300]}`:void 0,borderColor:o?r.palette.gray[200]:void 0,borderRadius:o?r.spacing[.25]:void 0,display:"inline-flex",gap:.25,id:"tablist",padding:o?[0,0,0,0]:void 0,pl:n?1.25:void 0,pr:n?1.25:void 0,role:"tablist",width:o?"max-content":"100%",children:e.map(({end:a,id:l,isActive:s,link:c,label:d,notificationSign:p,onClick:g,tag:x,tooltip:h})=>t.jsx(pn,{end:a,id:l,isActive:s,label:d,link:c,notificationSign:p,onClick:g,tag:x,tooltip:h,variant:i},l))})},ae=u.forwardRef(function({color:n=R.palette.gray[100],mt:o=.5,mb:i=.5,width:r,...a},l){return t.jsx(m,{as:"hr",borderTop:`1px solid ${n}`,mb:i,mt:o,ref:l,width:r??"100%",...a})}),fr=y.styled.li`
   ${({theme:e})=>`
     align-items: center;
     background-color: ${e.palette.white};

package/dist/{components-BkQo051T.mjs → components-DKgQGDm9.mjs}

@@ -6561,38 +6561,29 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
 `, ea = x(
   Be
 )`
-  ${({ theme: e, $variant: t }) => `
-    align-items: center;
-    background: ${t === "error" ? e.palette.primary[400] : e.palette.warning[500]};
-    border-radius: 100%;
-    font-family: ${e.typography.type.primary};
-    justify-content: center;
-    padding: 0;
-    position: absolute;
-    z-index: 11;
-    width: ${e.spacing[0.5]};
-    height: ${e.spacing[0.5]};
-  `}
+  ${({ theme: e, $variant: t, $numberIndicator: n }) => {
+  const r = n != null && n > 0;
+  return `
+      align-items: center;
+      background: ${t === "error" ? e.palette.primary[400] : e.palette.warning[500]};
+      border-radius: ${r ? "100px" : "100%"};
+      font-family: ${e.typography.type.primary};
+      justify-content: center;
+      padding: 2px 4px;
+      position: absolute;
+      z-index: 11;
+      min-width: ${r ? e.spacing[1.25] : e.spacing[0.5]};
+      height: ${r ? "14px" : e.spacing[0.5]}};
+    `;
+}}
 `, ta = x.div`
   align-items: center;
   color: ${({ theme: e }) => e.palette.white};
   display: flex;
-  font-size: 6px;
-  font-weight: ${({ theme: e }) => e.typography.weight.bold};
+  font-size: 12px;
+  font-weight: ${({ theme: e }) => e.typography.weight.regular};
   justify-content: center;
-`;
-x.div`
-  /* Override component size only in Storybook */
-  & > div {
-    width: 24px !important;
-    height: 24px !important;
-
-    & > div {
-      font-size: 12px !important;
-    }
-  }
-`;
-const na = Z(function({
+`, na = Z(function({
   numberIndicator: t,
   show: n,
   variant: r = "error",
@@ -6601,6 +6592,7 @@ const na = Z(function({
   return /* @__PURE__ */ i(
     ea,
     {
+      $numberIndicator: t,
       $variant: r,
       className: n ? "flex" : "hidden",
       "data-testid": "notification-sign",

package/dist/hooks/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-D47ZRjK3.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-D6bvMOBA.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-D47ZRjK3.js"),t=require("./vendor-DE_IQw9t.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.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.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.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.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.ProgressIndicator=e.ProgressIndicator;exports.ProgressStep=e.ProgressStep;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.Table=e.Table;exports.TableButton=e.TableButton;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.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.useWatch=t.useWatch;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-D6bvMOBA.js"),t=require("./vendor-DE_IQw9t.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.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.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.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.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.ProgressIndicator=e.ProgressIndicator;exports.ProgressStep=e.ProgressStep;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.Table=e.Table;exports.TableButton=e.TableButton;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.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.useWatch=t.useWatch;

package/package.json

@@ -26,11 +26,10 @@
   },
   "description": "Fluid Attacks core components library",
   "devDependencies": {
-    "@storybook/addon-a11y": "9.0.13",
-    "@storybook/addon-links": "9.0.13",
-    "@storybook/addon-docs": "9.0.13",
-    "@storybook/react": "9.0.13",
-    "@storybook/react-vite": "9.0.13",
+    "@storybook/addon-a11y": "9.1.2",
+    "@storybook/addon-links": "9.1.2",
+    "@storybook/addon-docs": "9.1.2",
+    "@storybook/react-vite": "9.1.2",
     "@storybook/test-runner": "0.23.0",
     "@tailwindcss/vite": "4.1.4",
     "@types/node": "22.14.1",
@@ -50,10 +49,11 @@
     "eslint-plugin-project-structure": "3.0.1",
     "eslint-plugin-react": "7.37.4",
     "eslint-plugin-react-hooks": "5.1.0",
+    "eslint-plugin-storybook": "9.1.2",
     "postcss-styled-syntax": "0.7.1",
     "remark-gfm": "4.0.0",
     "rollup-plugin-visualizer": "5.14.0",
-    "storybook": "9.0.13",
+    "storybook": "9.1.2",
     "stylelint": "16.14.1",
     "stylelint-config-standard": "37.0.0",
     "tailwindcss": "4.1.4",
@@ -94,7 +94,7 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-router-dom": "6.28.0",
-    "styled-components": "^6.1.1"
+    "styled-components": "6.1.13"
   },
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "test-storybook": "test-storybook"
   },
   "typings": "./dist/index.d.ts",
-  "version": "3.27.4-pr.4"
+  "version": "3.27.5-pr.1"
 }

package/dist/components/number-input/index.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta } from '@storybook/react';
-import { INumberInputProps } from '.';
-declare const config: Meta;
-declare const Default: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, INumberInputProps>;
-export { Default };
-export default config;