@fluidattacks/design 4.18.0 → 5.0.0

package/dist/components/inputs/fields/date-range/calendar/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../../../vendor-Drh0tBdw.mjs";
 import "react";
-import { c0 as a } from "../../../../../components-CMA0NZj8.mjs";
+import { c0 as a } from "../../../../../components-A2acRl5_.mjs";
 export {
   a as Calendar
 };

package/dist/components/inputs/fields/date-range/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../../vendor-Drh0tBdw.mjs";
-import { a1 as m } from "../../../../components-CMA0NZj8.mjs";
+import { a1 as m } from "../../../../components-A2acRl5_.mjs";
 export {
   m as InputDateRange
 };

package/dist/components/inputs/fields/date-time/calendar/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../../../vendor-Drh0tBdw.mjs";
 import "styled-components";
-import { c1 as a } from "../../../../../components-CMA0NZj8.mjs";
+import { c1 as a } from "../../../../../components-A2acRl5_.mjs";
 export {
   a as Calendar
 };

package/dist/components/inputs/fields/date-time/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../../vendor-Drh0tBdw.mjs";
 import "react";
-import { a2 as i } from "../../../../components-CMA0NZj8.mjs";
+import { a2 as i } from "../../../../components-A2acRl5_.mjs";
 export {
   i as InputDateTime
 };

package/dist/components/inputs/fields/editable/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../../../vendor-Drh0tBdw.mjs";
-import { J as m } from "../../../../components-CMA0NZj8.mjs";
+import { J as m } from "../../../../components-A2acRl5_.mjs";
 export {
   m as Editable
 };

package/dist/components/inputs/fields/input-array/field/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { c2 as p } from "../../../../../components-CMA0NZj8.mjs";
+import { c2 as p } from "../../../../../components-A2acRl5_.mjs";
 export {
   p as ArrayField
 };

package/dist/components/inputs/fields/input-array/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../../vendor-Drh0tBdw.mjs";
-import { $ as i } from "../../../../components-CMA0NZj8.mjs";
+import { $ as i } from "../../../../components-A2acRl5_.mjs";
 export {
   i as InputArray
 };

package/dist/components/inputs/fields/input-file/default/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../../../../vendor-Drh0tBdw.mjs";
-import { c3 as e } from "../../../../../components-CMA0NZj8.mjs";
+import { c3 as e } from "../../../../../components-A2acRl5_.mjs";
 export {
   e as DefaultInputFile
 };

package/dist/components/inputs/fields/input-file/dropzone/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../../../vendor-Drh0tBdw.mjs";
 import "react";
-import { c4 as m } from "../../../../../components-CMA0NZj8.mjs";
+import { c4 as m } from "../../../../../components-A2acRl5_.mjs";
 export {
   m as DropzoneInputFile
 };

package/dist/components/inputs/fields/input-file/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { a3 as m } from "../../../../components-CMA0NZj8.mjs";
+import { a3 as m } from "../../../../components-A2acRl5_.mjs";
 export {
   m as InputFile
 };

package/dist/components/inputs/fields/input-section/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { a6 as r } from "../../../../components-CMA0NZj8.mjs";
+import { a6 as r } from "../../../../components-A2acRl5_.mjs";
 export {
   r as InputSection
 };

package/dist/components/inputs/fields/input-tags/field/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { c5 as t } from "../../../../../components-CMA0NZj8.mjs";
+import { c5 as t } from "../../../../../components-A2acRl5_.mjs";
 export {
   t as TagsField
 };

package/dist/components/inputs/fields/input-tags/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../../../vendor-Drh0tBdw.mjs";
-import { a7 as a } from "../../../../components-CMA0NZj8.mjs";
+import { a7 as a } from "../../../../components-A2acRl5_.mjs";
 export {
   a as InputTags
 };

package/dist/components/inputs/fields/number/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { a4 as p } from "../../../../components-CMA0NZj8.mjs";
+import { a4 as p } from "../../../../components-A2acRl5_.mjs";
 export {
   p as InputNumber
 };

package/dist/components/inputs/fields/number-range/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { a5 as m } from "../../../../components-CMA0NZj8.mjs";
+import { a5 as m } from "../../../../components-A2acRl5_.mjs";
 export {
   m as InputNumberRange
 };

package/dist/components/inputs/fields/phone/index.js

@@ -3,7 +3,7 @@ import "../../../../vendor-Drh0tBdw.mjs";
 import "react";
 import "react-dom";
 import "styled-components";
-import { at as e } from "../../../../components-CMA0NZj8.mjs";
+import { at as e } from "../../../../components-A2acRl5_.mjs";
 export {
   e as PhoneInput
 };

package/dist/components/inputs/fields/text-area/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { aZ as e } from "../../../../components-CMA0NZj8.mjs";
+import { aZ as e } from "../../../../components-A2acRl5_.mjs";
 export {
   e as TextArea
 };

package/dist/components/inputs/fields/text-input/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { a_ as i } from "../../../../components-CMA0NZj8.mjs";
+import { a_ as i } from "../../../../components-A2acRl5_.mjs";
 export {
   i as TextInput
 };

package/dist/components/inputs/index.js

@@ -1,4 +1,4 @@
-import { D as e, J as s, L as n, $ as u, a0 as p, a1 as r, a2 as I, a3 as o, a4 as i, a5 as m, a6 as b, a7 as g, aq as x, at as D, aZ as T, a_ as l } from "../../components-CMA0NZj8.mjs";
+import { D as e, J as s, L as n, $ as u, a0 as p, a1 as r, a2 as I, a3 as o, a4 as i, a5 as m, a6 as b, a7 as g, aq as x, at as D, aZ as T, a_ as l } from "../../components-A2acRl5_.mjs";
 export {
   e as ComboBox,
   s as Editable,

package/dist/components/inputs/label/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../vendor-Drh0tBdw.mjs";
 import "styled-components";
-import { bP as i } from "../../../components-CMA0NZj8.mjs";
+import { bP as i } from "../../../components-A2acRl5_.mjs";
 export {
   i as Label
 };

package/dist/components/inputs/outline-container/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { aq as a } from "../../../components-CMA0NZj8.mjs";
+import { aq as a } from "../../../components-A2acRl5_.mjs";
 export {
   a as OutlineContainer
 };

package/dist/components/inputs/utils/action-button/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { c6 as m } from "../../../../components-CMA0NZj8.mjs";
+import { c6 as m } from "../../../../components-A2acRl5_.mjs";
 export {
   m as ActionButton
 };

package/dist/components/inputs/utils/calendar-button/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../../vendor-Drh0tBdw.mjs";
-import { bV as i } from "../../../../components-CMA0NZj8.mjs";
+import { bV as i } from "../../../../components-A2acRl5_.mjs";
 export {
   i as Button
 };

package/dist/components/inputs/utils/date-selector/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b_ as m } from "../../../../components-CMA0NZj8.mjs";
+import { b_ as m } from "../../../../components-A2acRl5_.mjs";
 export {
   m as DateSelector
 };

package/dist/components/inputs/utils/date-time-field/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../../vendor-Drh0tBdw.mjs";
 import "react";
 import "styled-components";
-import { bY as p, bZ as a } from "../../../../components-CMA0NZj8.mjs";
+import { bY as p, bZ as a } from "../../../../components-A2acRl5_.mjs";
 export {
   p as DateField,
   a as TimeField

package/dist/components/inputs/utils/dialog/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../../vendor-Drh0tBdw.mjs";
-import { b$ as t } from "../../../../components-CMA0NZj8.mjs";
+import { b$ as t } from "../../../../components-A2acRl5_.mjs";
 export {
   t as Dialog
 };

package/dist/components/inputs/utils/number-field/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../../vendor-Drh0tBdw.mjs";
 import "react";
 import "styled-components";
-import { c7 as e } from "../../../../components-CMA0NZj8.mjs";
+import { c7 as e } from "../../../../components-A2acRl5_.mjs";
 export {
   e as NumberField
 };

package/dist/components/inputs/utils/popover/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../../vendor-Drh0tBdw.mjs";
 import "styled-components";
-import { bQ as e } from "../../../../components-CMA0NZj8.mjs";
+import { bQ as e } from "../../../../components-A2acRl5_.mjs";
 export {
   e as Popover
 };

package/dist/components/item-card-db/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { a8 as a } from "../../components-CMA0NZj8.mjs";
+import { a8 as a } from "../../components-A2acRl5_.mjs";
 import "../../vendor-Drh0tBdw.mjs";
 export {
   a as ItemCardDB

package/dist/components/layout/categories/buttons/index.js

@@ -1,5 +1,5 @@
 import "styled-components";
-import { j as a, k as l, l as n } from "../../../../components-CMA0NZj8.mjs";
+import { j as a, k as l, l as n } from "../../../../components-A2acRl5_.mjs";
 export {
   a as ButtonToolbarCenter,
   l as ButtonToolbarRow,

package/dist/components/layout/categories/column/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { y as p } from "../../../../components-CMA0NZj8.mjs";
+import { y as p } from "../../../../components-A2acRl5_.mjs";
 export {
   p as Col
 };

package/dist/components/layout/categories/gap/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { R as a } from "../../../../components-CMA0NZj8.mjs";
+import { R as a } from "../../../../components-A2acRl5_.mjs";
 export {
   a as Gap
 };

package/dist/components/layout/categories/row/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { aD as m } from "../../../../components-CMA0NZj8.mjs";
+import { aD as m } from "../../../../components-A2acRl5_.mjs";
 export {
   m as Row
 };

package/dist/components/layout/index.js

@@ -1,4 +1,4 @@
-import { j as t, k as r, l as s, y as l, R as n, aD as R } from "../../components-CMA0NZj8.mjs";
+import { j as t, k as r, l as s, y as l, R as n, aD as R } from "../../components-A2acRl5_.mjs";
 export {
   t as ButtonToolbarCenter,
   r as ButtonToolbarRow,

package/dist/components/link/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { aa as i } from "../../components-CMA0NZj8.mjs";
+import { aa as i } from "../../components-A2acRl5_.mjs";
 export {
   i as Link
 };

package/dist/components/list-item/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { ab as i, ac as o } from "../../components-CMA0NZj8.mjs";
+import { ab as i, ac as o } from "../../components-A2acRl5_.mjs";
 export {
   i as ListItem,
   o as ListItemsWrapper

package/dist/components/little-flag/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { ad as r } from "../../components-CMA0NZj8.mjs";
+import { ad as r } from "../../components-A2acRl5_.mjs";
 export {
   r as LittleFlag
 };

package/dist/components/loading/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { ae as m } from "../../components-CMA0NZj8.mjs";
+import { ae as m } from "../../components-A2acRl5_.mjs";
 export {
   m as Loading
 };

package/dist/components/logo/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { af as f } from "../../components-CMA0NZj8.mjs";
+import { af as f } from "../../components-A2acRl5_.mjs";
 export {
   f as Logo
 };

package/dist/components/lottie/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { ag as a } from "../../components-CMA0NZj8.mjs";
+import { ag as a } from "../../components-A2acRl5_.mjs";
 export {
   a as Lottie
 };

package/dist/components/menu/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../vendor-Drh0tBdw.mjs";
 import "styled-components";
-import { ah as a } from "../../components-CMA0NZj8.mjs";
+import { ah as a } from "../../components-A2acRl5_.mjs";
 import "react";
 export {
   a as Menu

package/dist/components/message-banner/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { ai as m } from "../../components-CMA0NZj8.mjs";
+import { ai as m } from "../../components-A2acRl5_.mjs";
 export {
   m as MessageBanner
 };

package/dist/components/modal/columns-modal/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "react-dom";
 import "styled-components";
-import { z as a } from "../../../components-CMA0NZj8.mjs";
+import { z as a } from "../../../components-A2acRl5_.mjs";
 export {
   a as ColumnsModal
 };

package/dist/components/modal/columns-modal/preview-panel/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { ca as p } from "../../../../components-CMA0NZj8.mjs";
+import { ca as p } from "../../../../components-A2acRl5_.mjs";
 import "../../../../vendor-Drh0tBdw.mjs";
 export {
   p as PreviewPanel

package/dist/components/modal/columns-modal/search-panel/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { cb as m } from "../../../../components-CMA0NZj8.mjs";
+import { cb as m } from "../../../../components-A2acRl5_.mjs";
 export {
   m as SearchPanel
 };

package/dist/components/modal/footer/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../vendor-Drh0tBdw.mjs";
 import "react";
-import { al as a } from "../../../components-CMA0NZj8.mjs";
+import { al as a } from "../../../components-A2acRl5_.mjs";
 export {
   a as ModalFooter
 };

package/dist/components/modal/header/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../vendor-Drh0tBdw.mjs";
 import "react";
 import "styled-components";
-import { c8 as e } from "../../../components-CMA0NZj8.mjs";
+import { c8 as e } from "../../../components-A2acRl5_.mjs";
 export {
   e as Header
 };

package/dist/components/modal/index.js

@@ -3,7 +3,7 @@ import "../../vendor-Drh0tBdw.mjs";
 import "react";
 import "react-dom";
 import "styled-components";
-import { z as p, aj as s, ak as d, al as M } from "../../components-CMA0NZj8.mjs";
+import { z as p, aj as s, ak as d, al as M } from "../../components-A2acRl5_.mjs";
 export {
   p as ColumnsModal,
   s as Modal,

package/dist/components/modal/modal-confirm/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { ak as m } from "../../../components-CMA0NZj8.mjs";
+import { ak as m } from "../../../components-A2acRl5_.mjs";
 export {
   m as ModalConfirm
 };

package/dist/components/notification/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { am as p } from "../../components-CMA0NZj8.mjs";
+import { am as p } from "../../components-A2acRl5_.mjs";
 export {
   p as Notification
 };

package/dist/components/notification-sign/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { an as a } from "../../components-CMA0NZj8.mjs";
+import { an as a } from "../../components-A2acRl5_.mjs";
 export {
   a as NotificationSign
 };

package/dist/components/oauth-selector/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { ao as i, ap as e } from "../../components-CMA0NZj8.mjs";
+import { ao as i, ap as e } from "../../components-A2acRl5_.mjs";
 export {
   i as OAuthSelector,
   e as OptionContainer

package/dist/components/oauth-selector/option-container/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { ap as i } from "../../../components-CMA0NZj8.mjs";
+import { ap as i } from "../../../components-A2acRl5_.mjs";
 export {
   i as OptionContainer
 };

package/dist/components/package-card/index.d.ts

@@ -1,3 +1,3 @@
 import { IPackageCardProps } from './types';
-declare const PackageCard: ({ ecosystem, href, indx, malwareCount, packageName, safeCount, severity, totalVersions, vulnerableCount, Link, publicId, }: Readonly<IPackageCardProps>) => JSX.Element;
+declare const PackageCard: ({ affectedVersions, ecosystem, href, indx, packageName, severity, status, Link, publicId, }: Readonly<IPackageCardProps>) => JSX.Element;
 export { PackageCard };

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../vendor-Drh0tBdw.mjs";
 import "react";
 import "styled-components";
-import { ar as i } from "../../components-CMA0NZj8.mjs";
+import { ar as i } from "../../components-A2acRl5_.mjs";
 export {
   i as PackageCard
 };

package/dist/components/package-card/index.stories.d.ts

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

package/dist/components/package-card/types.d.ts

@@ -1,4 +1,5 @@
 import { ComponentType, ReactNode } from 'react';
+type TPackageStatus = "safe" | "vulnerable";
 /**
  * Interface for the package card props.
  * @interface IPackageCardProps
@@ -7,10 +8,8 @@ import { ComponentType, ReactNode } from 'react';
  * @property {string} packageName - The name of the package.
  * @property {string} href - The href of the package detail page.
  * @property {string} [indx] - Position hint used to round the card corners in a list.
- * @property {number} totalVersions - Total number of tracked versions.
- * @property {number} vulnerableCount - Number of vulnerable versions.
- * @property {number} safeCount - Number of safe versions.
- * @property {number} malwareCount - Number of versions flagged as malware.
+ * @property {TPackageStatus} status - Overall component status. Vulnerable when it has at least one affected version, safe otherwise.
+ * @property {number} affectedVersions - Number of affected (vulnerable, incl. malware) versions. Shown only when status is vulnerable.
  * @property {string} [severity] - Highest severity among affecting advisories (e.g. "Critical", "High", "Medium", "Low", "None"). Case-insensitive.
  * @property {ComponentType<{ children: ReactNode; href: string }>} [Link] - Optional Link component for navigation.
  */
@@ -19,15 +18,13 @@ interface IPackageCardProps {
     ecosystem: string;
     href: string;
     indx?: string;
-    malwareCount: number;
+    affectedVersions: number;
     packageName: string;
-    safeCount: number;
     severity?: string | null;
-    totalVersions: number;
-    vulnerableCount: number;
+    status: TPackageStatus;
     Link?: ComponentType<{
         children: ReactNode;
         href: string;
     }>;
 }
-export type { IPackageCardProps };
+export type { IPackageCardProps, TPackageStatus };

package/dist/components/paginator-db/btn/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { cn as m } from "../../../components-CMA0NZj8.mjs";
+import { cn as m } from "../../../components-A2acRl5_.mjs";
 export {
   m as Button
 };

package/dist/components/paginator-db/dropdown/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../vendor-Drh0tBdw.mjs";
 import "react";
 import "styled-components";
-import { co as a } from "../../../components-CMA0NZj8.mjs";
+import { co as a } from "../../../components-A2acRl5_.mjs";
 export {
   a as PaginatorDbDropdown
 };

package/dist/components/paginator-db/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { as as m } from "../../components-CMA0NZj8.mjs";
+import { as as m } from "../../components-A2acRl5_.mjs";
 export {
   m as PaginatorDb
 };

package/dist/components/pop-up/description/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { cp as m } from "../../../components-CMA0NZj8.mjs";
+import { cp as m } from "../../../components-A2acRl5_.mjs";
 export {
   m as Description
 };

package/dist/components/pop-up/index.js

@@ -3,7 +3,7 @@ import "../../vendor-Drh0tBdw.mjs";
 import "react";
 import "react-dom";
 import "styled-components";
-import { au as e } from "../../components-CMA0NZj8.mjs";
+import { au as e } from "../../components-A2acRl5_.mjs";
 export {
   e as PopUp
 };

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

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