@fluidattacks/design 6.5.0 → 6.7.0

package/dist/components/premium-feature/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { aw as t } from "../../components-BrzTiKVh.mjs";
+import { aw as t } from "../../components-DySh5Dve.mjs";
 export {
   t as PremiumFeature
 };

package/dist/components/priority-cards/card/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { cu as p } from "../../../components-BrzTiKVh.mjs";
+import { cu as p } from "../../../components-DySh5Dve.mjs";
 import "../../../vendor-Drh0tBdw.mjs";
 export {
   p as PriorityCard

package/dist/components/priority-cards/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { ax as a } from "../../components-BrzTiKVh.mjs";
+import { ax as a } from "../../components-DySh5Dve.mjs";
 import "../../vendor-Drh0tBdw.mjs";
 export {
   a as PriorityCards

package/dist/components/priority-score/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { ay as m } from "../../components-BrzTiKVh.mjs";
+import { ay as m } from "../../components-DySh5Dve.mjs";
 export {
   m as PriorityScore
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { az as s } from "../../components-BrzTiKVh.mjs";
+import { az as s } from "../../components-DySh5Dve.mjs";
 export {
   s as ProgressBar
 };

package/dist/components/progress-indicator/in-progress-icon/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cv as c } from "../../../components-BrzTiKVh.mjs";
+import { cv as c } from "../../../components-DySh5Dve.mjs";
 export {
   c as InProgressIcon
 };

package/dist/components/progress-indicator/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { aA as t, aB as e } from "../../components-BrzTiKVh.mjs";
+import { aA as t, aB as e } from "../../components-DySh5Dve.mjs";
 export {
   t as ProgressIndicator,
   e as ProgressStep

package/dist/components/progress-indicator/step/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { aB as e } from "../../../components-BrzTiKVh.mjs";
+import { aB as e } from "../../../components-DySh5Dve.mjs";
 export {
   e as ProgressStep
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { aC as i } from "../../components-BrzTiKVh.mjs";
+import { aC as i } from "../../components-DySh5Dve.mjs";
 export {
   i as RadioButton
 };

package/dist/components/rank-position/icon/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { ct as n } from "../../../components-BrzTiKVh.mjs";
+import { ct as n } from "../../../components-DySh5Dve.mjs";
 export {
   n as RankPositionIcon
 };

package/dist/components/rank-position/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { aD as a } from "../../components-BrzTiKVh.mjs";
+import { aD as a } from "../../components-DySh5Dve.mjs";
 export {
   a as RankPosition
 };

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../vendor-Drh0tBdw.mjs";
 import "react";
 import "styled-components";
-import { aF as a } from "../../components-BrzTiKVh.mjs";
+import { aF as a } from "../../components-DySh5Dve.mjs";
 export {
   a as RulesCard
 };

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { aG as i } from "../../components-BrzTiKVh.mjs";
+import { aG as i } from "../../components-DySh5Dve.mjs";
 export {
   i as ScrollUpButton
 };

package/dist/components/search/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../vendor-Drh0tBdw.mjs";
 import "react";
 import "styled-components";
-import { aH as e } from "../../components-BrzTiKVh.mjs";
+import { aH as e } from "../../components-DySh5Dve.mjs";
 import "react-dom";
 export {
   e as Search

package/dist/components/search-dropdown/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../vendor-Drh0tBdw.mjs";
 import "react";
 import "styled-components";
-import { aI as a } from "../../components-BrzTiKVh.mjs";
+import { aI as a } from "../../components-DySh5Dve.mjs";
 export {
   a as SearchDropdown
 };

package/dist/components/segmented-control/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { aJ as m } from "../../components-BrzTiKVh.mjs";
+import { aJ as m } from "../../components-DySh5Dve.mjs";
 export {
   m as SegmentedControl
 };

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

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

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { aL as a } from "../../components-BrzTiKVh.mjs";
+import { aL as a } from "../../components-DySh5Dve.mjs";
 export {
   a as SeverityBadge
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { aM as a } from "../../components-BrzTiKVh.mjs";
+import { aM as a } from "../../components-DySh5Dve.mjs";
 import "../../vendor-Drh0tBdw.mjs";
 export {
   a as SeverityIndicator

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../../vendor-Drh0tBdw.mjs";
-import { cw as t } from "../../../components-BrzTiKVh.mjs";
+import { cw as t } from "../../../components-DySh5Dve.mjs";
 export {
   t as SeverityOverviewBadge
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { aN as o } from "../../components-BrzTiKVh.mjs";
+import { aN as o } from "../../components-DySh5Dve.mjs";
 export {
   o as SeverityOverview
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { aO as e } from "../../components-BrzTiKVh.mjs";
+import { aO as e } from "../../components-DySh5Dve.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 { aP as e } from "../../components-BrzTiKVh.mjs";
+import { aP as e } from "../../components-DySh5Dve.mjs";
 import "../../vendor-Drh0tBdw.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 { cx as e } from "../../../components-BrzTiKVh.mjs";
+import { cx as e } from "../../../components-DySh5Dve.mjs";
 export {
   e as MenuItem
 };

package/dist/components/slider/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import { aK as a } from "../../vendor-Drh0tBdw.mjs";
 import "styled-components";
-import { aQ as s } from "../../components-BrzTiKVh.mjs";
+import { aQ as s } from "../../components-DySh5Dve.mjs";
 import "react-dom";
 export {
   s as Slider,

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../vendor-Drh0tBdw.mjs";
-import { cy as i } from "../../../components-BrzTiKVh.mjs";
+import { cy as i } from "../../../components-DySh5Dve.mjs";
 export {
   i as Thumb
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { aS as a } from "../../components-BrzTiKVh.mjs";
+import { aS as a } from "../../components-DySh5Dve.mjs";
 export {
   a as StepLapse
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { aT as p } from "../../components-BrzTiKVh.mjs";
+import { aT as p } from "../../components-DySh5Dve.mjs";
 export {
   p as SummaryCard
 };

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

@@ -1,5 +1,5 @@
 import "react";
-import { cz as r } from "../../../components-BrzTiKVh.mjs";
+import { cz as r } from "../../../components-DySh5Dve.mjs";
 export {
   r as TableContext
 };

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../vendor-Drh0tBdw.mjs";
 import "react";
-import { cA as i } from "../../../components-BrzTiKVh.mjs";
+import { cA as i } from "../../../components-DySh5Dve.mjs";
 export {
   i as ExportCsv
 };

package/dist/components/table/index.js

@@ -1,4 +1,4 @@
-import { aU as o } from "../../components-BrzTiKVh.mjs";
+import { aU as o } from "../../components-DySh5Dve.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 { cG as a } from "../../../../components-BrzTiKVh.mjs";
+import { cG as a } from "../../../../components-DySh5Dve.mjs";
 export {
   a as PaginationControl
 };

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../../vendor-Drh0tBdw.mjs";
 import "react";
 import "styled-components";
-import { cH as a } from "../../../../components-BrzTiKVh.mjs";
+import { cH as a } from "../../../../components-DySh5Dve.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 { cI as a } from "../../../../components-BrzTiKVh.mjs";
+import { cI as a } from "../../../../components-DySh5Dve.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 { cC as p } from "../../../components-BrzTiKVh.mjs";
+import { cC as p } from "../../../components-DySh5Dve.mjs";
 export {
   p as SortIcon
 };

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../vendor-Drh0tBdw.mjs";
 import "react";
 import "styled-components";
-import { cE as a } from "../../../components-BrzTiKVh.mjs";
+import { cE as a } from "../../../components-DySh5Dve.mjs";
 export {
   a as Body
 };

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../vendor-Drh0tBdw.mjs";
 import "react";
-import { cB as l } from "../../../components-BrzTiKVh.mjs";
+import { cB as l } from "../../../components-DySh5Dve.mjs";
 import "react-dom";
 import "styled-components";
 import "react-router";

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

@@ -3,7 +3,7 @@ import "../../../../vendor-Drh0tBdw.mjs";
 import "react";
 import "react-dom";
 import "styled-components";
-import { cD as e } from "../../../../components-BrzTiKVh.mjs";
+import { cD as e } from "../../../../components-DySh5Dve.mjs";
 export {
   e as Head
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { cF as m } from "../../../components-BrzTiKVh.mjs";
+import { cF as m } from "../../../components-DySh5Dve.mjs";
 export {
   m as TableContent
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cK as e } from "../../../../components-BrzTiKVh.mjs";
+import { cK as e } from "../../../../components-DySh5Dve.mjs";
 export {
   e as FooterContent
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cJ as t } from "../../../components-BrzTiKVh.mjs";
+import { cJ as t } from "../../../components-DySh5Dve.mjs";
 export {
   t as TableFooter
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cM as p } from "../../../../components-BrzTiKVh.mjs";
+import { cM as p } from "../../../../components-DySh5Dve.mjs";
 export {
   p as CaptionContent
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cN as n } from "../../../../components-BrzTiKVh.mjs";
+import { cN as n } from "../../../../components-DySh5Dve.mjs";
 export {
   n as ControlsContent
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cO as i } from "../../../../components-BrzTiKVh.mjs";
+import { cO as i } from "../../../../components-DySh5Dve.mjs";
 export {
   i as HighlightedContent
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { cL as i } from "../../../components-BrzTiKVh.mjs";
+import { cL as i } from "../../../components-DySh5Dve.mjs";
 export {
   i as TableOptions
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { cP as t } from "../../../components-BrzTiKVh.mjs";
+import { cP as t } from "../../../components-DySh5Dve.mjs";
 export {
   t as Table
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { aV as m } from "../../components-BrzTiKVh.mjs";
+import { aV as m } from "../../components-DySh5Dve.mjs";
 export {
   m as TableButton
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { aa as m, aW as n } from "../../components-BrzTiKVh.mjs";
+import { aa as m, aW as n } from "../../components-DySh5Dve.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 { aa as a } from "../../../components-BrzTiKVh.mjs";
+import { aa as a } from "../../../components-DySh5Dve.mjs";
 export {
   a as ItemContent
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { aX as e } from "../../components-BrzTiKVh.mjs";
+import { aX as e } from "../../components-DySh5Dve.mjs";
 export {
   e as TableOfContents
 };

package/dist/components/tabs/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { aY as p } from "../../components-BrzTiKVh.mjs";
+import { aY as p } from "../../components-DySh5Dve.mjs";
 export {
   p as Tabs
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react-router";
-import { cc as t } from "../../../components-BrzTiKVh.mjs";
+import { cc as t } from "../../../components-DySh5Dve.mjs";
 export {
   t as Tab
 };

package/dist/components/tag/index.d.ts

@@ -1,4 +1,4 @@
 import { ITagProps, TTagVariant } from './types';
-declare const Tag: ({ disabled, icon, iconColor, iconType, id, filterId, filterValues, fontSize, href, linkLabel, onBodyClick, onClose, priority, tagTitle, tagLabel, truncate, variant, }: Readonly<ITagProps>) => JSX.Element;
+declare const Tag: ({ disabled, dot, icon, iconColor, iconType, id, filterId, filterValues, fontSize, href, linkLabel, onBodyClick, onClose, priority, selected, tagTitle, tagLabel, truncate, variant, }: Readonly<ITagProps>) => JSX.Element;
 export type { ITagProps, TTagVariant };
 export { Tag };

package/dist/components/tag/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../vendor-Drh0tBdw.mjs";
-import { aZ as p } from "../../components-BrzTiKVh.mjs";
+import { aZ as p } from "../../components-DySh5Dve.mjs";
 export {
   p as Tag
 };

package/dist/components/tag/index.stories.d.ts

@@ -1,9 +1,7 @@
-import { Meta } from '@storybook/react-vite';
-import { default as React } from 'react';
-import { ITagProps } from '.';
+import { Meta, StoryFn } from '@storybook/react-vite';
 declare const config: Meta;
-declare const Default: React.FC;
-declare const Status: React.FC;
-declare const Role: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, React.PropsWithChildren<ITagProps>>;
-export { Default, Status, Role };
+declare const Default: StoryFn;
+declare const Selectable: StoryFn;
+declare const Dismissible: StoryFn;
+export { Default, Selectable, Dismissible };
 export default config;

package/dist/components/tag/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/tag/styles.d.ts

@@ -1,8 +1,12 @@
 import { TTagVariant } from './types';
 interface IStyledTag {
-    $clickable?: boolean;
     $fontSize?: string;
+    $interactive?: boolean;
+    $selectable?: boolean;
+    $selected?: boolean;
     $variant: TTagVariant;
 }
 declare const StyledTag: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof IStyledTag> & IStyledTag, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof IStyledTag> & IStyledTag, never>>> & string;
-export { StyledTag };
+declare const StyledTagContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+declare const StyledDot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export { StyledDot, StyledTag, StyledTagContent };

package/dist/components/tag/types.d.ts

@@ -7,11 +7,16 @@ type TTagPriority = "default" | "high" | "low" | "medium";
  * @extends IIconModifiable
  * @extends HTMLAttributes<HTMLSpanElement>
  * @property { boolean } [disabled] - Whether the tag is disabled.
+ * @property { boolean } [dot] - Whether to render a status dot before the label.
  * @property { string } [filterValues] - The filter values for the tag.
  * @property { string } [fontSize] - The font size for the tag.
  * @property { string } [href] - The href for the tag.
  * @property { string } [linkLabel] - The link label for the tag.
  * @property { Function } [onClose] - Function handler for close button click.
+ * @property { boolean } [selected] - Controlled selected state for Selectable tags.
+ *   When boolean together with onBodyClick, applies Selectable visuals (outline / filled).
+ *   Without onBodyClick the value is ignored for chrome. Omit on filter chips that only
+ *   use onBodyClick for focus.
  * @property { string } [tagTitle] - The title for the tag.
  * @property { string } [tagLabel] - The label for the tag.
  * @property { boolean } [truncate] - Whether the tag should truncate its content.
@@ -20,6 +25,7 @@ type TTagPriority = "default" | "high" | "low" | "medium";
  */
 interface ITagProps extends Partial<Pick<IIconModifiable, "icon" | "iconColor" | "iconType">>, React.HTMLAttributes<HTMLSpanElement> {
     disabled?: boolean;
+    dot?: boolean;
     filterValues?: string;
     filterId?: string;
     fontSize?: string;
@@ -27,6 +33,7 @@ interface ITagProps extends Partial<Pick<IIconModifiable, "icon" | "iconColor" |
     linkLabel?: string;
     onBodyClick?: () => void;
     onClose?: () => void;
+    selected?: boolean;
     tagTitle?: string;
     tagLabel: string;
     truncate?: boolean;

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { b2 as e } from "../../../components-BrzTiKVh.mjs";
+import { b2 as e } from "../../../components-DySh5Dve.mjs";
 export {
   e as TimeLineCard
 };

package/dist/components/timeline/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b1 as o, b2 as a } from "../../components-BrzTiKVh.mjs";
+import { b1 as o, b2 as a } from "../../components-DySh5Dve.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 { b3 as t } from "../../components-BrzTiKVh.mjs";
+import { b3 as t } from "../../components-DySh5Dve.mjs";
 export {
   t as Toggle
 };

package/dist/components/tooltip/index.js

@@ -3,7 +3,7 @@ import "../../vendor-Drh0tBdw.mjs";
 import "react";
 import "react-dom";
 import "styled-components";
-import { b4 as b } from "../../components-BrzTiKVh.mjs";
+import { b4 as b } from "../../components-DySh5Dve.mjs";
 export {
   b as Tooltip
 };

package/dist/components/tour/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../vendor-Drh0tBdw.mjs";
 import "react";
-import { b5 as s, ba as b, bc as e } from "../../components-BrzTiKVh.mjs";
+import { b5 as s, ba as b, bc as e } from "../../components-DySh5Dve.mjs";
 export {
   s as Tour,
   b as baseStep,

package/dist/components/tree/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { b6 as e } from "../../components-BrzTiKVh.mjs";
+import { b6 as e } from "../../components-DySh5Dve.mjs";
 export {
   e as Tree
 };