@fluidattacks/design 4.8.0 → 4.9.0

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { aY as a } from "../../components-YYsZcp3U.mjs";
+import { aY as a } from "../../components-DofEOtM8.mjs";
 export {
   a as SeverityIndicator
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../../vendor-D3Hr7Mvp.mjs";
-import { cl as t } from "../../../components-YYsZcp3U.mjs";
+import { cl as t } from "../../../components-DofEOtM8.mjs";
 export {
   t as SeverityOverviewBadge
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { aZ as o } from "../../components-YYsZcp3U.mjs";
+import { aZ as o } from "../../components-DofEOtM8.mjs";
 export {
   o as SeverityOverview
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { a_ as e } from "../../components-YYsZcp3U.mjs";
+import { a_ as e } from "../../components-DofEOtM8.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 { a$ as e } from "../../components-YYsZcp3U.mjs";
+import { a$ as e } from "../../components-DofEOtM8.mjs";
 import "../../vendor-D3Hr7Mvp.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 { cm as e } from "../../../components-YYsZcp3U.mjs";
+import { cm as e } from "../../../components-DofEOtM8.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 { b0 as i } from "../../components-YYsZcp3U.mjs";
+import { b0 as i } from "../../components-DofEOtM8.mjs";
 import { aJ as s } from "../../vendor-D3Hr7Mvp.mjs";
 import "react-dom";
 export {

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../vendor-D3Hr7Mvp.mjs";
-import { cn as i } from "../../../components-YYsZcp3U.mjs";
+import { cn as i } from "../../../components-DofEOtM8.mjs";
 export {
   i as Thumb
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b2 as e } from "../../components-YYsZcp3U.mjs";
+import { b2 as e } from "../../components-DofEOtM8.mjs";
 export {
   e as StepLapse
 };

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

@@ -1,5 +1,5 @@
 import "react";
-import { cq as r } from "../../../components-YYsZcp3U.mjs";
+import { cq as r } from "../../../components-DofEOtM8.mjs";
 export {
   r as TableContext
 };

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../vendor-D3Hr7Mvp.mjs";
 import "react";
-import { co as i } from "../../../components-YYsZcp3U.mjs";
+import { co as i } from "../../../components-DofEOtM8.mjs";
 export {
   i as ExportCsv
 };

package/dist/components/table/index.js

@@ -1,4 +1,4 @@
-import { b3 as e } from "../../components-YYsZcp3U.mjs";
+import { b3 as e } from "../../components-DofEOtM8.mjs";
 export {
   e as Table
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { cv as a } from "../../../../components-YYsZcp3U.mjs";
+import { cv as a } from "../../../../components-DofEOtM8.mjs";
 export {
   a as PaginationControl
 };

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../../vendor-D3Hr7Mvp.mjs";
 import "react";
 import "styled-components";
-import { cw as a } from "../../../../components-YYsZcp3U.mjs";
+import { cw as a } from "../../../../components-DofEOtM8.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 { cx as a } from "../../../../components-YYsZcp3U.mjs";
+import { cx as a } from "../../../../components-DofEOtM8.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 { cr as p } from "../../../components-YYsZcp3U.mjs";
+import { cr as p } from "../../../components-DofEOtM8.mjs";
 export {
   p as SortIcon
 };

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../vendor-D3Hr7Mvp.mjs";
 import "react";
 import "styled-components";
-import { ct as a } from "../../../components-YYsZcp3U.mjs";
+import { ct as a } from "../../../components-DofEOtM8.mjs";
 export {
   a as Body
 };

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../vendor-D3Hr7Mvp.mjs";
 import "react";
-import { cp as l } from "../../../components-YYsZcp3U.mjs";
+import { cp as l } from "../../../components-DofEOtM8.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-D3Hr7Mvp.mjs";
 import "react";
 import "styled-components";
-import { cs as a } from "../../../../components-YYsZcp3U.mjs";
+import { cs as a } from "../../../../components-DofEOtM8.mjs";
 export {
   a as Head
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { cu as m } from "../../../components-YYsZcp3U.mjs";
+import { cu as m } from "../../../components-DofEOtM8.mjs";
 export {
   m as TableContent
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cz as e } from "../../../../components-YYsZcp3U.mjs";
+import { cz as e } from "../../../../components-DofEOtM8.mjs";
 export {
   e as FooterContent
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cy as t } from "../../../components-YYsZcp3U.mjs";
+import { cy as t } from "../../../components-DofEOtM8.mjs";
 export {
   t as TableFooter
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cB as p } from "../../../../components-YYsZcp3U.mjs";
+import { cB as p } from "../../../../components-DofEOtM8.mjs";
 export {
   p as CaptionContent
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cC as n } from "../../../../components-YYsZcp3U.mjs";
+import { cC as n } from "../../../../components-DofEOtM8.mjs";
 export {
   n as ControlsContent
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cD as i } from "../../../../components-YYsZcp3U.mjs";
+import { cD as i } from "../../../../components-DofEOtM8.mjs";
 export {
   i as HighlightedContent
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { cA as i } from "../../../components-YYsZcp3U.mjs";
+import { cA as i } from "../../../components-DofEOtM8.mjs";
 export {
   i as TableOptions
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { cE as t } from "../../../components-YYsZcp3U.mjs";
+import { cE as t } from "../../../components-DofEOtM8.mjs";
 export {
   t as Table
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { b4 as p } from "../../components-YYsZcp3U.mjs";
+import { b4 as p } from "../../components-DofEOtM8.mjs";
 export {
   p as TableButton
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { ao as m, b5 as n } from "../../components-YYsZcp3U.mjs";
+import { ao as m, b5 as n } from "../../components-DofEOtM8.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 { ao as e } from "../../../components-YYsZcp3U.mjs";
+import { ao as e } from "../../../components-DofEOtM8.mjs";
 export {
   e as ItemContent
 };

package/dist/components/table-of-contents/index.d.ts

@@ -1,4 +1,4 @@
 import { ITableOfContentsItemProps, ITableOfContentsProps } from './types';
-declare const TableOfContents: ({ items, title, scrollMarginTop, onItemClick, }: Readonly<ITableOfContentsProps>) => JSX.Element;
+declare const TableOfContents: ({ items, title, scrollMarginTop, variant, onItemClick, }: Readonly<ITableOfContentsProps>) => JSX.Element;
 export { TableOfContents };
 export type { ITableOfContentsProps, ITableOfContentsItemProps };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b6 as m } from "../../components-YYsZcp3U.mjs";
+import { b6 as m } from "../../components-DofEOtM8.mjs";
 export {
   m as TableOfContents
 };

package/dist/components/table-of-contents/index.stories.d.ts

@@ -3,5 +3,6 @@ import { ITableOfContentsProps } from './types';
 declare const config: Meta;
 declare const Default: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ITableOfContentsProps>;
 declare const WithoutTitle: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ITableOfContentsProps>;
-export { Default, WithoutTitle };
+declare const Nav: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ITableOfContentsProps>;
+export { Default, Nav, WithoutTitle };
 export default config;

package/dist/components/table-of-contents/styles.d.ts

@@ -1,6 +1,13 @@
+import { TTableOfContentsVariant } from './types';
+interface ITocListProps {
+    $variant: TTableOfContentsVariant;
+}
 interface ITocLinkProps {
     $isActive: boolean;
     $level: number;
+    $variant: TTableOfContentsVariant;
 }
+declare const TocItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+declare const TocList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, ITocListProps>> & string;
 declare const TocLink: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, ITocLinkProps>> & string;
-export { TocLink };
+export { TocItem, TocLink, TocList };

package/dist/components/table-of-contents/types.d.ts

@@ -3,25 +3,28 @@
  * @interface ITableOfContentsItemProps
  * @property {string} id - The id of the section element this item links to.
  * @property {string} title - The display text for this item.
- * @property {number} [level] - The heading depth level (0 = top-level, 1 = sub-heading). Defaults to 0.
+ * @property {number} [level] - The heading depth level (0 = top-level, 1+ = nested). Defaults to 0.
  */
 interface ITableOfContentsItemProps {
     id: string;
     title: string;
     level?: number;
 }
+type TTableOfContentsVariant = "default" | "nav";
 /**
  * Table of contents component properties.
  * @interface ITableOfContentsProps
  * @property {ITableOfContentsItemProps[]} items - The list of section items.
  * @property {string} [title] - Optional heading displayed above the list.
  * @property {number} [scrollMarginTop] - Pixel offset for IntersectionObserver root margin top. Defaults to 80.
+ * @property {TTableOfContentsVariant} [variant] - Visual variant. Defaults to "default".
  * @property {(id: string) => void} [onItemClick] - Optional callback when a TOC item is clicked.
  */
 interface ITableOfContentsProps {
     items: ITableOfContentsItemProps[];
     title?: string;
     scrollMarginTop?: number;
+    variant?: TTableOfContentsVariant;
     onItemClick?: (id: string) => void;
 }
-export type { ITableOfContentsItemProps, ITableOfContentsProps };
+export type { ITableOfContentsItemProps, ITableOfContentsProps, TTableOfContentsVariant, };

package/dist/components/tabs/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { b7 as t } from "../../components-YYsZcp3U.mjs";
+import { b7 as t } from "../../components-DofEOtM8.mjs";
 export {
   t as Tabs
 };

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

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

package/dist/components/tag/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../vendor-D3Hr7Mvp.mjs";
-import { b8 as t } from "../../components-YYsZcp3U.mjs";
+import { b8 as t } from "../../components-DofEOtM8.mjs";
 export {
   t as Tag
 };

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

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

package/dist/components/timeline/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { bc as o, bd as a } from "../../components-YYsZcp3U.mjs";
+import { bc as o, bd as a } from "../../components-DofEOtM8.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 { be as p } from "../../components-YYsZcp3U.mjs";
+import { be as p } from "../../components-DofEOtM8.mjs";
 export {
   p as Toggle
 };

package/dist/components/tooltip/index.js

@@ -3,7 +3,7 @@ import "../../vendor-D3Hr7Mvp.mjs";
 import "react";
 import "react-dom";
 import "styled-components";
-import { bf as a } from "../../components-YYsZcp3U.mjs";
+import { bf as a } from "../../components-DofEOtM8.mjs";
 export {
   a as Tooltip
 };

package/dist/components/tour/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../vendor-D3Hr7Mvp.mjs";
 import "react";
-import { bg as a, bj as b } from "../../components-YYsZcp3U.mjs";
+import { bg as a, bj as b } from "../../components-DofEOtM8.mjs";
 export {
   a 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 { bh as e } from "../../components-YYsZcp3U.mjs";
+import { bh as e } from "../../components-DofEOtM8.mjs";
 export {
   e as Tree
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a7 as m } from "../../../components-YYsZcp3U.mjs";
+import { a7 as m } from "../../../components-DofEOtM8.mjs";
 export {
   m as Heading
 };

package/dist/components/typography/index.js

@@ -1,4 +1,4 @@
-import { a7 as s, b1 as b, b9 as n } from "../../components-YYsZcp3U.mjs";
+import { a7 as s, b1 as b, b9 as n } from "../../components-DofEOtM8.mjs";
 export {
   s as Heading,
   b as Span,

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b1 as t } from "../../../components-YYsZcp3U.mjs";
+import { b1 as t } from "../../../components-DofEOtM8.mjs";
 export {
   t as Span
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b9 as p } from "../../../components-YYsZcp3U.mjs";
+import { b9 as p } from "../../../components-DofEOtM8.mjs";
 export {
   p as Text
 };

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../vendor-D3Hr7Mvp.mjs";
 import "react";
 import "styled-components";
-import { bi as e } from "../../components-YYsZcp3U.mjs";
+import { bi as e } from "../../components-DofEOtM8.mjs";
 export {
   e as WeaknessesCard
 };