@fluidattacks/design 4.6.0 → 4.6.1

package/dist/components/segmented-progress-bar/index.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import "styled-components";
+import { aS as t } from "../../components-BdMigeka.mjs";
+export {
+  t as SegmentedProgressBar
+};

package/dist/components/segmented-progress-bar/index.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryFn } from '@storybook/react-vite';
+import { ISegmentedProgressBarProps } from './types';
+declare const config: Meta<ISegmentedProgressBarProps>;
+type Story = StoryFn<ISegmentedProgressBarProps>;
+declare const Default: Story;
+declare const SingleSegment: Story;
+export { Default, SingleSegment };
+export default config;

package/dist/components/segmented-progress-bar/styles.d.ts

@@ -0,0 +1,20 @@
+import { TSpacing } from '../@core';
+interface IStyledBarContainerProps {
+    $backgroundColor: string;
+    $height: string;
+    $width: string;
+    $ml?: TSpacing;
+    $mr?: TSpacing;
+    $mt?: TSpacing;
+    $mb?: TSpacing;
+    $mx?: TSpacing;
+    $my?: TSpacing;
+    $margin?: [TSpacing, TSpacing, TSpacing, TSpacing];
+}
+interface IStyledSegmentProps {
+    $color: string;
+    $width: number;
+}
+declare const StyledBarContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStyledBarContainerProps>> & string;
+declare const StyledSegment: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStyledSegmentProps>> & string;
+export { StyledBarContainer, StyledSegment };

package/dist/components/segmented-progress-bar/types.d.ts

@@ -0,0 +1,24 @@
+import { IDisplayModifiable, IMarginModifiable } from '../@core';
+/**
+ * Segment configuration for the progress bar.
+ * @interface ISegment
+ * @property { number } value - Percentage width of the segment (0-100).
+ * @property { string } [color] - Background color of the segment. Defaults to primary[700], error[500], warning[500] in order.
+ */
+interface ISegment {
+    value: number;
+    color?: string;
+}
+/**
+ * Segmented progress bar component props.
+ * @interface ISegmentedProgressBarProps
+ * @extends Pick<IDisplayModifiable, "width" | "height">
+ * @extends IMarginModifiable
+ * @property { ISegment[] } segments - Array of segments to display.
+ * @property { string } [backgroundColor] - Background color of the bar.
+ */
+interface ISegmentedProgressBarProps extends Pick<IDisplayModifiable, "width" | "height">, IMarginModifiable {
+    segments: ISegment[];
+    backgroundColor?: string;
+}
+export type { ISegment, ISegmentedProgressBarProps };

package/dist/components/severity-badge/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { aS as a } from "../../components-l0XLTZqz.mjs";
+import { aT as a } from "../../components-BdMigeka.mjs";
 export {
   a as SeverityBadge
 };

package/dist/components/severity-overview/badge/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../../vendor-BPwfeGF-.mjs";
-import { ce as t } from "../../../components-l0XLTZqz.mjs";
+import { cf as t } from "../../../components-BdMigeka.mjs";
 export {
   t as SeverityOverviewBadge
 };

package/dist/components/severity-overview/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { aT as o } from "../../components-l0XLTZqz.mjs";
+import { aU as o } from "../../components-BdMigeka.mjs";
 export {
   o as SeverityOverview
 };

package/dist/components/show-on-hover/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { aU as e } from "../../components-l0XLTZqz.mjs";
+import { aV as e } from "../../components-BdMigeka.mjs";
 export {
   e as ShowOnHover
 };

package/dist/components/slide-out-menu/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { aV as e } from "../../components-l0XLTZqz.mjs";
+import { aW as e } from "../../components-BdMigeka.mjs";
 import "../../vendor-BPwfeGF-.mjs";
 export {
   e as SlideOutMenu

package/dist/components/slide-out-menu/menu-item/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { cf as e } from "../../../components-l0XLTZqz.mjs";
+import { cg as e } from "../../../components-BdMigeka.mjs";
 export {
   e as MenuItem
 };

package/dist/components/slider/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { aW as a } from "../../components-l0XLTZqz.mjs";
+import { aX as a } from "../../components-BdMigeka.mjs";
 import { aJ as s } from "../../vendor-BPwfeGF-.mjs";
 import "react-dom";
 export {

package/dist/components/slider/thumb/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../vendor-BPwfeGF-.mjs";
-import { cg as i } from "../../../components-l0XLTZqz.mjs";
+import { ch as i } from "../../../components-BdMigeka.mjs";
 export {
   i as Thumb
 };

package/dist/components/step-lapse/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { aY as a } from "../../components-l0XLTZqz.mjs";
+import { aZ as a } from "../../components-BdMigeka.mjs";
 export {
   a as StepLapse
 };

package/dist/components/table/context/index.js

@@ -1,5 +1,5 @@
 import "react";
-import { cj as r } from "../../../components-l0XLTZqz.mjs";
+import { ck as r } from "../../../components-BdMigeka.mjs";
 export {
   r as TableContext
 };

package/dist/components/table/export-csv/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../vendor-BPwfeGF-.mjs";
 import "react";
-import { ch as i } from "../../../components-l0XLTZqz.mjs";
+import { ci as m } from "../../../components-BdMigeka.mjs";
 export {
-  i as ExportCsv
+  m as ExportCsv
 };

package/dist/components/table/index.js

@@ -1,4 +1,4 @@
-import { aZ as o } from "../../components-l0XLTZqz.mjs";
+import { a_ as o } from "../../components-BdMigeka.mjs";
 export {
   o as Table
 };

package/dist/components/table/pagination/pagination-control/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { co as a } from "../../../../components-l0XLTZqz.mjs";
+import { cp as p } from "../../../../components-BdMigeka.mjs";
 export {
-  a as PaginationControl
+  p as PaginationControl
 };

package/dist/components/table/pagination/pagination-dropdown/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../../vendor-BPwfeGF-.mjs";
 import "react";
 import "styled-components";
-import { cp as a } from "../../../../components-l0XLTZqz.mjs";
+import { cq as a } from "../../../../components-BdMigeka.mjs";
 export {
   a as PaginationDropdown
 };

package/dist/components/table/pagination/pagination-size/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { cq as a } from "../../../../components-l0XLTZqz.mjs";
+import { cr as a } from "../../../../components-BdMigeka.mjs";
 export {
   a as PaginationSize
 };

package/dist/components/table/sort-icon/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { ck as p } from "../../../components-l0XLTZqz.mjs";
+import { cl as p } from "../../../components-BdMigeka.mjs";
 export {
   p as SortIcon
 };

package/dist/components/table/table-body/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../vendor-BPwfeGF-.mjs";
 import "react";
 import "styled-components";
-import { cm as a } from "../../../components-l0XLTZqz.mjs";
+import { cn as a } from "../../../components-BdMigeka.mjs";
 export {
   a as Body
 };

package/dist/components/table/table-column-toggle/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../vendor-BPwfeGF-.mjs";
 import "react";
-import { ci as l } from "../../../components-l0XLTZqz.mjs";
+import { cj as l } from "../../../components-BdMigeka.mjs";
 import "react-dom";
 import "styled-components";
 import "react-router";

package/dist/components/table/table-content/head/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../../vendor-BPwfeGF-.mjs";
 import "react";
 import "styled-components";
-import { cl as a } from "../../../../components-l0XLTZqz.mjs";
+import { cm as a } from "../../../../components-BdMigeka.mjs";
 export {
   a as Head
 };

package/dist/components/table/table-content/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { cn as m } from "../../../components-l0XLTZqz.mjs";
+import { co as m } from "../../../components-BdMigeka.mjs";
 export {
   m as TableContent
 };

package/dist/components/table/table-footer/footer-content/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cs as e } from "../../../../components-l0XLTZqz.mjs";
+import { ct as e } from "../../../../components-BdMigeka.mjs";
 export {
   e as FooterContent
 };

package/dist/components/table/table-footer/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cr as t } from "../../../components-l0XLTZqz.mjs";
+import { cs as t } from "../../../components-BdMigeka.mjs";
 export {
   t as TableFooter
 };

package/dist/components/table/table-options/caption-content/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cu as p } from "../../../../components-l0XLTZqz.mjs";
+import { cv as p } from "../../../../components-BdMigeka.mjs";
 export {
   p as CaptionContent
 };

package/dist/components/table/table-options/controls-content/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cv as n } from "../../../../components-l0XLTZqz.mjs";
+import { cw as n } from "../../../../components-BdMigeka.mjs";
 export {
   n as ControlsContent
 };

package/dist/components/table/table-options/highlighted-content/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cw as i } from "../../../../components-l0XLTZqz.mjs";
+import { cx as i } from "../../../../components-BdMigeka.mjs";
 export {
   i as HighlightedContent
 };

package/dist/components/table/table-options/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { ct as i } from "../../../components-l0XLTZqz.mjs";
+import { cu as i } from "../../../components-BdMigeka.mjs";
 export {
   i as TableOptions
 };

package/dist/components/table/wrapper/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { cx as t } from "../../../components-l0XLTZqz.mjs";
+import { cy as t } from "../../../components-BdMigeka.mjs";
 export {
   t as Table
 };

package/dist/components/table-button/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { a_ as m } from "../../components-l0XLTZqz.mjs";
+import { a$ as m } from "../../components-BdMigeka.mjs";
 export {
   m as TableButton
 };

package/dist/components/table-content/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { ak as m, a$ as n } from "../../components-l0XLTZqz.mjs";
+import { ak as m, b0 as n } from "../../components-BdMigeka.mjs";
 export {
   m as ItemContent,
   n as TableContent

package/dist/components/table-content/item-content/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { ak as e } from "../../../components-l0XLTZqz.mjs";
+import { ak as e } from "../../../components-BdMigeka.mjs";
 export {
   e as ItemContent
 };

package/dist/components/table-of-contents/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b0 as m } from "../../components-l0XLTZqz.mjs";
+import { b1 as m } from "../../components-BdMigeka.mjs";
 export {
   m as TableOfContents
 };

package/dist/components/tabs/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { b1 as t } from "../../components-l0XLTZqz.mjs";
+import { b2 as t } from "../../components-BdMigeka.mjs";
 export {
   t as Tabs
 };

package/dist/components/tabs/tab/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react-router";
-import { bY as t } from "../../../components-l0XLTZqz.mjs";
+import { bZ as t } from "../../../components-BdMigeka.mjs";
 export {
   t as Tab
 };

package/dist/components/tag/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../vendor-BPwfeGF-.mjs";
-import { b2 as t } from "../../components-l0XLTZqz.mjs";
+import { b3 as t } from "../../components-BdMigeka.mjs";
 export {
   t as Tag
 };

package/dist/components/timeline/card/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { b7 as e } from "../../../components-l0XLTZqz.mjs";
+import { b8 as e } from "../../../components-BdMigeka.mjs";
 export {
   e as TimeLineCard
 };

package/dist/components/timeline/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b6 as o, b7 as a } from "../../components-l0XLTZqz.mjs";
+import { b7 as o, b8 as a } from "../../components-BdMigeka.mjs";
 export {
   o as TimeLine,
   a as TimeLineCard

package/dist/components/toggle/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b8 as t } from "../../components-l0XLTZqz.mjs";
+import { b9 as t } from "../../components-BdMigeka.mjs";
 export {
   t as Toggle
 };

package/dist/components/tooltip/index.js

@@ -3,7 +3,7 @@ import "../../vendor-BPwfeGF-.mjs";
 import "react";
 import "react-dom";
 import "styled-components";
-import { b9 as b } from "../../components-l0XLTZqz.mjs";
+import { ba as b } from "../../components-BdMigeka.mjs";
 export {
   b as Tooltip
 };

package/dist/components/tour/index.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../../vendor-BPwfeGF-.mjs";
 import "react";
-import { ba as m, bd as b } from "../../components-l0XLTZqz.mjs";
+import { bb as e, be as m } from "../../components-BdMigeka.mjs";
 export {
-  m as Tour,
-  b as baseStep
+  e as Tour,
+  m as baseStep
 };

package/dist/components/tree/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { bb as e } from "../../components-l0XLTZqz.mjs";
+import { bc as e } from "../../components-BdMigeka.mjs";
 export {
   e as Tree
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a3 as m } from "../../../components-l0XLTZqz.mjs";
+import { a3 as m } from "../../../components-BdMigeka.mjs";
 export {
   m as Heading
 };

package/dist/components/typography/index.js

@@ -1,4 +1,4 @@
-import { a3 as s, aX as n, b3 as o } from "../../components-l0XLTZqz.mjs";
+import { a3 as s, aY as n, b4 as o } from "../../components-BdMigeka.mjs";
 export {
   s as Heading,
   n as Span,

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { aX as m } from "../../../components-l0XLTZqz.mjs";
+import { aY as m } from "../../../components-BdMigeka.mjs";
 export {
   m as Span
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b3 as p } from "../../../components-l0XLTZqz.mjs";
+import { b4 as p } from "../../../components-BdMigeka.mjs";
 export {
   p as Text
 };

package/dist/components/weaknesses-card/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../vendor-BPwfeGF-.mjs";
 import "react";
 import "styled-components";
-import { bc as i } from "../../components-l0XLTZqz.mjs";
+import { bd as i } from "../../components-BdMigeka.mjs";
 export {
   i as WeaknessesCard
 };