@aivenio/aquarium 1.22.0 → 1.23.0

package/dist/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 30 May 2023 08:17:12 GMT
+// Generated on Tue, 06 Jun 2023 12:55:43 GMT
 
 $border-radius-none: 0px !default;
 $border-radius-sm: 0.125rem !default;
@@ -95,11 +95,11 @@ $colors-primary-10: #ffdeef !default;
 $colors-primary-5: #ffe8f4 !default;
 $colors-primary-0: #fff9fc !default;
 $colors-grey-20: #d2d2d6 !default;
+$colors-navy-blue-100: #30375e !default;
 $colors-transparent: transparent !default;
 $colors-white: white !default;
 $colors-black: black !default;
 $colors-current: currentColor !default;
-$colors-navy-blue-100: #30375E !default;
 $box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08) !default;
 $box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12) !default;
 $box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16) !default;

package/dist/_variables_timescale.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 30 May 2023 08:17:13 GMT
+// Generated on Tue, 06 Jun 2023 12:55:43 GMT
 
 $border-radius-none: 0px;
 $border-radius-sm: 0.125rem;
@@ -95,11 +95,11 @@ $colors-primary-20: #b4e5fb;
 $colors-primary-10: #e0f5fe;
 $colors-primary-5: #effaff;
 $colors-primary-0: #f9fdff;
+$colors-navy-blue-100: #30375e;
 $colors-transparent: transparent;
 $colors-white: white;
 $colors-black: black;
 $colors-current: currentColor;
-$colors-navy-blue-100: #30375E;
 $box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
 $box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
 $box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);

package/dist/atoms.cjs

@@ -3873,7 +3873,8 @@ var require_tokens = __commonJS({
             "primary-20": "#b4e5fb",
             "primary-10": "#e0f5fe",
             "primary-5": "#effaff",
-            "primary-0": "#f9fdff"
+            "primary-0": "#f9fdff",
+            "navyBlue-100": "#30375e"
           },
           typography: {
             sizes: [
@@ -4433,7 +4434,8 @@ var require_tokens = __commonJS({
             "primary-10": "#ffdeef",
             "primary-5": "#ffe8f4",
             "primary-0": "#fff9fc",
-            "grey-20": "#d2d2d6"
+            "grey-20": "#d2d2d6",
+            "navyBlue-100": "#30375e"
           },
           typography: {
             sizes: [
@@ -5342,11 +5344,11 @@ var tailwind_theme_default = {
     "primary-5": "var(--aquarium-colors-primary-5, #ffe8f4)",
     "primary-0": "var(--aquarium-colors-primary-0, #fff9fc)",
     "grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
+    "navyBlue-100": "var(--aquarium-colors-navyBlue-100, #30375e)",
     transparent: "var(--aquarium-colors-transparent, transparent)",
     white: "var(--aquarium-colors-white, white)",
     black: "var(--aquarium-colors-black, black)",
-    current: "var(--aquarium-colors-current, currentColor)",
-    "navyBlue-100": "#30375E"
+    current: "var(--aquarium-colors-current, currentColor)"
   },
   gap: {
     "0": "0",

package/dist/atoms.mjs

@@ -3867,7 +3867,8 @@ var require_tokens = __commonJS({
             "primary-20": "#b4e5fb",
             "primary-10": "#e0f5fe",
             "primary-5": "#effaff",
-            "primary-0": "#f9fdff"
+            "primary-0": "#f9fdff",
+            "navyBlue-100": "#30375e"
           },
           typography: {
             sizes: [
@@ -4427,7 +4428,8 @@ var require_tokens = __commonJS({
             "primary-10": "#ffdeef",
             "primary-5": "#ffe8f4",
             "primary-0": "#fff9fc",
-            "grey-20": "#d2d2d6"
+            "grey-20": "#d2d2d6",
+            "navyBlue-100": "#30375e"
           },
           typography: {
             sizes: [
@@ -5301,11 +5303,11 @@ var tailwind_theme_default = {
     "primary-5": "var(--aquarium-colors-primary-5, #ffe8f4)",
     "primary-0": "var(--aquarium-colors-primary-0, #fff9fc)",
     "grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
+    "navyBlue-100": "var(--aquarium-colors-navyBlue-100, #30375e)",
     transparent: "var(--aquarium-colors-transparent, transparent)",
     white: "var(--aquarium-colors-white, white)",
     black: "var(--aquarium-colors-black, black)",
-    current: "var(--aquarium-colors-current, currentColor)",
-    "navyBlue-100": "#30375E"
+    current: "var(--aquarium-colors-current, currentColor)"
   },
   gap: {
     "0": "0",

package/dist/src/molecules/Alert/Alert.js

@@ -2,7 +2,7 @@ import React from 'react';
 import omit from 'lodash/omit';
 import { Button } from '../../../src/molecules/Button/Button';
 import { Alert as AlertBase } from '../../../src/atoms/Alert/Alert';
-const isLink = (action) => action.href !== undefined;
+import { isLink } from '../../../src/utils/link';
 export const Alert = ({ description, type, title, onDismiss, children, action }) => (React.createElement(AlertBase, { className: "Aquarium-Alert", type: type, dense: Boolean(title) },
     React.createElement(AlertBase.Icon, { type: type, dense: Boolean(title) }),
     title && React.createElement(AlertBase.Title, null, title),
@@ -11,4 +11,4 @@ export const Alert = ({ description, type, title, onDismiss, children, action })
         !isLink(action) && (React.createElement(Button.Ghost, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
         isLink(action) && (React.createElement(Button.ExternalLink, Object.assign({ dense: true, kind: "ghost" }, omit(action, 'text')), action.text)))),
     onDismiss && React.createElement(AlertBase.Dismiss, { onClick: onDismiss })));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBa0IsTUFBTSx1QkFBdUIsQ0FBQztBQTBCM0UsTUFBTSxNQUFNLEdBQUcsQ0FBQyxNQUFtQyxFQUE0QixFQUFFLENBQzlFLE1BQXlCLENBQUMsSUFBSSxLQUFLLFNBQVMsQ0FBQztBQUVoRCxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlCLENBQUMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN4RyxvQkFBQyxTQUFTLElBQUMsU0FBUyxFQUFDLGdCQUFnQixFQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUM7SUFDckUsb0JBQUMsU0FBUyxDQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUk7SUFDcEQsS0FBSyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxLQUFLLFFBQUUsS0FBSyxDQUFtQjtJQUNwRCxvQkFBQyxTQUFTLENBQUMsV0FBVyxRQUFFLFFBQVEsSUFBSSxXQUFXLENBQXlCO0lBQ3ZFLE1BQU0sSUFBSSxDQUNULG9CQUFDLFNBQVMsQ0FBQyxPQUFPO1FBQ2YsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDbEIsb0JBQUMsTUFBTSxDQUFDLEtBQUssa0JBQUMsS0FBSyxVQUFLLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEdBQ3pDLE1BQU0sQ0FBQyxJQUFJLENBQ0MsQ0FDaEI7UUFDQSxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDakIsb0JBQUMsTUFBTSxDQUFDLFlBQVksa0JBQUMsS0FBSyxRQUFDLElBQUksRUFBQyxPQUFPLElBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDN0QsTUFBTSxDQUFDLElBQUksQ0FDUSxDQUN2QixDQUNpQixDQUNyQjtJQUNBLFNBQVMsSUFBSSxvQkFBQyxTQUFTLENBQUMsT0FBTyxJQUFDLE9BQU8sRUFBRSxTQUFTLEdBQUksQ0FDN0MsQ0FDYixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBa0IsTUFBTSx1QkFBdUIsQ0FBQztBQUUzRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUF5QnhDLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ3hHLG9CQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUMsZ0JBQWdCLEVBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQztJQUNyRSxvQkFBQyxTQUFTLENBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBSTtJQUNwRCxLQUFLLElBQUksb0JBQUMsU0FBUyxDQUFDLEtBQUssUUFBRSxLQUFLLENBQW1CO0lBQ3BELG9CQUFDLFNBQVMsQ0FBQyxXQUFXLFFBQUUsUUFBUSxJQUFJLFdBQVcsQ0FBeUI7SUFDdkUsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsU0FBUyxDQUFDLE9BQU87UUFDZixDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNsQixvQkFBQyxNQUFNLENBQUMsS0FBSyxrQkFBQyxLQUFLLFVBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDekMsTUFBTSxDQUFDLElBQUksQ0FDQyxDQUNoQjtRQUNBLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNqQixvQkFBQyxNQUFNLENBQUMsWUFBWSxrQkFBQyxLQUFLLFFBQUMsSUFBSSxFQUFDLE9BQU8sSUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUM3RCxNQUFNLENBQUMsSUFBSSxDQUNRLENBQ3ZCLENBQ2lCLENBQ3JCO0lBQ0EsU0FBUyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxPQUFPLElBQUMsT0FBTyxFQUFFLFNBQVMsR0FBSSxDQUM3QyxDQUNiLENBQUMifQ==

package/dist/src/molecules/Banner/Banner.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type BannerLayoutType, type BannerVariantType } from '../../../src/atoms/Banner/Banner';
-import { type ActionType } from '../../../types/ActionType';
+import { type ActionType, type LinkActionType } from '../../../types/ActionType';
 declare type ImageBanner = {
     /**
      * Optional image src that will be displayed on the right side of banner.
@@ -32,8 +32,8 @@ export declare type BannerProps = {
     layout?: BannerLayoutType;
     /** Banner variant. */
     variant?: BannerVariantType;
-    /** Optional action for banner. */
-    action?: ActionType;
+    /** Optional action with onClick or href for banner. */
+    action?: ActionType | LinkActionType;
     /** If `onDismiss()` callback is provided, alert will be rendered with close icon.
      * Callback will be called, when user clicks the icon.
      */

package/dist/src/molecules/Banner/Banner.js

@@ -3,6 +3,7 @@ import omit from 'lodash/omit';
 import { Button } from '../../../src/molecules/Button/Button';
 import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
 import { Banner as BannerBase } from '../../../src/atoms/Banner/Banner';
+import { isLink } from '../../../src/utils/link';
 import { tw } from '../../../src/utils/tailwind';
 import cross from '../../../src/icons/cross';
 const BannerImageSkeleton = () => React.createElement(Skeleton, { width: 225, className: tw('h-full') });
@@ -16,7 +17,8 @@ const createBanner = (displayName, opts = {}) => {
                 React.createElement(BannerBase.Title, { layout: layout, titleVariant: opts.isOneLineBanner ? 'secondary' : 'primary' }, title),
                 React.createElement(BannerBase.Description, { flexGrow: isDismissable ? false : true }, children || description),
                 action && (React.createElement(BannerBase.Actions, { layout: layout },
-                    React.createElement(Button.Ghost, Object.assign({ dense: true }, omit(action, 'text')), action.text)))),
+                    !isLink(action) && (React.createElement(Button.Ghost, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
+                    isLink(action) && (React.createElement(Button.ExternalLink, Object.assign({ dense: true, kind: "ghost" }, omit(action, 'text')), action.text))))),
             (props.layout === 'vertical' || props.layout === undefined) && props.image !== undefined && (React.createElement(BannerBase.ImageContainer, null, props.image ? (React.createElement("img", { src: props.image, alt: props.imageAlt, className: tw('bg-cover object-cover', { 'w-full': !props.imageWidth }), style: { width: props.imageWidth, height: props.imageHeight } })) : (React.createElement(BannerImageSkeleton, null)))),
             isDismissable && (React.createElement(BannerBase.DismissContainer, { layout: layout },
                 React.createElement(Button.Icon, { type: "button", tooltip: "Dismiss", icon: cross, onClick: onDismiss })))));
@@ -41,4 +43,4 @@ const OneLineBannerBase = createBanner('OneLineBanner', {
     isOneLineBanner: true,
 });
 export const OneLineBanner = OneLineBannerBase;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9CYW5uZXIvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLE1BQU0sSUFBSSxVQUFVLEVBQWlELE1BQU0seUJBQXlCLENBQUM7QUFFOUcsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3hDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBb0RwQyxNQUFNLG1CQUFtQixHQUFhLEdBQUcsRUFBRSxDQUFDLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDLEdBQUksQ0FBQztBQUU5RixNQUFNLFlBQVksR0FBRyxDQUFDLFdBQW1CLEVBQUUsT0FBc0IsRUFBRSxFQUFFLEVBQUU7SUFDckUsTUFBTSxlQUFlLEdBQTBCLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDdkQsTUFBTSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sR0FBRyxTQUFTLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFDO1FBQzNHLE1BQU0sTUFBTSxHQUFxQixJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFVBQVUsSUFBSSxVQUFVLENBQUM7UUFDaEcsTUFBTSxhQUFhLEdBQUcsU0FBUyxLQUFLLFNBQVMsQ0FBQztRQUU5QyxPQUFPLENBQ0wsb0JBQUMsVUFBVSxJQUFDLFNBQVMsRUFBQyxpQkFBaUIsRUFBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxPQUFPO1lBQ3RFLG9CQUFDLFVBQVUsQ0FBQyxnQkFBZ0IsSUFBQyxNQUFNLEVBQUUsTUFBTTtnQkFDekMsb0JBQUMsVUFBVSxDQUFDLEtBQUssSUFBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFDM0YsS0FBSyxDQUNXO2dCQUNuQixvQkFBQyxVQUFVLENBQUMsV0FBVyxJQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUMzRCxRQUFRLElBQUksV0FBVyxDQUNEO2dCQUN4QixNQUFNLElBQUksQ0FDVCxvQkFBQyxVQUFVLENBQUMsT0FBTyxJQUFDLE1BQU0sRUFBRSxNQUFNO29CQUNoQyxvQkFBQyxNQUFNLENBQUMsS0FBSyxrQkFBQyxLQUFLLFVBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDekMsTUFBTSxDQUFDLElBQUksQ0FDQyxDQUNJLENBQ3RCLENBQzJCO1lBQzdCLENBQUMsS0FBSyxDQUFDLE1BQU0sS0FBSyxVQUFVLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxTQUFTLENBQUMsSUFBSSxLQUFLLENBQUMsS0FBSyxLQUFLLFNBQVMsSUFBSSxDQUMzRixvQkFBQyxVQUFVLENBQUMsY0FBYyxRQUN2QixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUNiLDZCQUNFLEdBQUcsRUFBRSxLQUFLLENBQUMsS0FBSyxFQUNoQixHQUFHLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDbkIsU0FBUyxFQUFFLEVBQUUsQ0FBQyx1QkFBdUIsRUFBRSxFQUFFLFFBQVEsRUFBRSxDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsQ0FBQyxFQUN2RSxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLFdBQVcsRUFBRSxHQUM3RCxDQUNILENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsbUJBQW1CLE9BQUcsQ0FDeEIsQ0FDeUIsQ0FDN0I7WUFDQSxhQUFhLElBQUksQ0FDaEIsb0JBQUMsVUFBVSxDQUFDLGdCQUFnQixJQUFDLE1BQU0sRUFBRSxNQUFNO2dCQUN6QyxvQkFBQyxNQUFNLENBQUMsSUFBSSxJQUFDLElBQUksRUFBQyxRQUFRLEVBQUMsT0FBTyxFQUFDLFNBQVMsRUFBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxTQUFTLEdBQUksQ0FDcEQsQ0FDL0IsQ0FDVSxDQUNkLENBQUM7SUFDSixDQUFDLENBQUM7SUFDRixlQUFlLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUMxQyxPQUFPLGVBQWUsQ0FBQztBQUN6QixDQUFDLENBQUM7QUFFRjs7Ozs7Ozs7Ozs7R0FXRztBQUNILE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7QUFFN0MsTUFBTSxpQkFBaUIsR0FBRyxZQUFZLENBQUMsZUFBZSxFQUFFO0lBQ3RELGVBQWUsRUFBRSxJQUFJO0NBQ3RCLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxpQkFFNUIsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9CYW5uZXIvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLE1BQU0sSUFBSSxVQUFVLEVBQWlELE1BQU0seUJBQXlCLENBQUM7QUFFOUcsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUd4QyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQW9EcEMsTUFBTSxtQkFBbUIsR0FBYSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxHQUFJLENBQUM7QUFFOUYsTUFBTSxZQUFZLEdBQUcsQ0FBQyxXQUFtQixFQUFFLE9BQXNCLEVBQUUsRUFBRSxFQUFFO0lBQ3JFLE1BQU0sZUFBZSxHQUEwQixDQUFDLEtBQUssRUFBRSxFQUFFO1FBQ3ZELE1BQU0sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEdBQUcsU0FBUyxFQUFFLFFBQVEsRUFBRSxHQUFHLEtBQUssQ0FBQztRQUMzRyxNQUFNLE1BQU0sR0FBcUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxVQUFVLElBQUksVUFBVSxDQUFDO1FBQ2hHLE1BQU0sYUFBYSxHQUFHLFNB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

package/dist/src/molecules/DataList/DataList.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type DataListColumn, type DataTableMenuProps, type DataTableRow } from '../../../src/utils/table/types';
 export declare type DataListProps<C extends DataListColumn<R>, R extends DataTableRow> = {
     /**
@@ -16,4 +16,10 @@ export declare type DataListProps<C extends DataListColumn<R>, R extends DataTab
      */
     sticky?: boolean;
 } & DataTableMenuProps<R>;
-export declare const DataList: <C extends DataListColumn<R>, R extends DataTableRow>({ columns, rows, sticky, menu, menuLabel, onAction, }: DataListProps<C, R>) => JSX.Element;
+export declare const DataList: {
+    <C extends DataListColumn<R>, R extends DataTableRow>({ columns, rows, sticky, menu, menuLabel, onAction, onMenuOpenChange, }: DataListProps<C, R>): React.JSX.Element;
+    Skeleton: React.FC<{
+        columns?: number | (number | `${number}`)[] | undefined;
+        rows?: number | undefined;
+    }>;
+};

package/dist/src/molecules/DataList/DataList.js

@@ -13,7 +13,8 @@ import { cellProps, columnIsFieldColumn, } from '../../../src/utils/table/types'
 import { useTableSort } from '../../../src/utils/table/useTableSort';
 import { sortRowsBy } from '../../../src/utils/table/utils';
 import more from '../../../src/icons/more';
-export const DataList = ({ columns, rows, sticky, menu, menuLabel = 'Context menu', onAction, }) => {
+import { DataListSkeleton } from './DataListSkeleton';
+export const DataList = ({ columns, rows, sticky, menu, menuLabel = 'Context menu', onAction, onMenuOpenChange, }) => {
     const [sort, updateSort] = useTableSort();
     const sortedRows = sortRowsBy(rows, sort);
     const templateColumns = compact([
@@ -29,9 +30,10 @@ export const DataList = ({ columns, rows, sticky, menu, menuLabel = 'Context men
                         React.createElement(Button.Secondary, Object.assign({ dense: true }, renameProperty('text', 'children', column.action(row, index, sortedRows)))))) : column.type === 'custom' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows))) : column.type === 'item' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
                         React.createElement(Item, Object.assign({}, column.item(row, index, sortedRows))))) : (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), column.formatter ? column.formatter(row[column.field], row, index, sortedRows) : row[column.field])) }),
                 menu && (React.createElement(DataListBase.Cell, { align: "right" },
-                    React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index) },
+                    React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index), onOpenChange: onMenuOpenChange },
                         React.createElement(DropdownMenu.Trigger, null,
                             React.createElement(Button.Icon, { "aria-label": menuLabel, icon: more })),
                         isFunction(menu) ? menu(row, index) : menu))))) })));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQWUsTUFBTSxpQ0FBaUMsQ0FBQztBQUV4RSxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUNMLFNBQVMsRUFDVCxtQkFBbUIsR0FJcEIsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRW5ELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBcUJsQyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsQ0FBc0QsRUFDNUUsT0FBTyxFQUNQLElBQUksRUFDSixNQUFNLEVBQ04sSUFBSSxFQUNKLFNBQVMsR0FBRyxjQUFjLEVBQzFCLFFBQVEsR0FDWSxFQUFlLEVBQUU7SUFDckMsTUFBTSxDQUFD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
+DataList.Skeleton = DataListSkeleton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQWUsTUFBTSxpQ0FBaUMsQ0FBQztBQUV4RSxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUNMLFNBQVMsRUFDVCxtQkFBbUIsR0FJcEIsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRW5ELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBRWxDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBcUJ0RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsQ0FBc0QsRUFDNUUsT0FBTyxFQUNQLElBQUksRUFDSixNQUFNLEVBQ04sSUFBSSxFQUNKLFNBQVMsR0FBRyxj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

package/dist/src/molecules/DataList/DataListSkeleton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type Weight } from '../Template/Template';
+declare type SkeletonProps = {
+    columns?: Array<Exclude<Weight, 'auto'> | number> | number;
+    rows?: number;
+};
+export declare const DataListSkeleton: React.FC<SkeletonProps>;
+export {};

package/dist/src/molecules/DataList/DataListSkeleton.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { List } from '../../../src/molecules/List/List';
+import { DataList as DataListBase } from '../../../src/atoms/DataList/DataList';
+import { Skeleton } from '../Skeleton/Skeleton';
+import { Template } from '../Template/Template';
+export const DataListSkeleton = ({ columns = ['1', '2', '2', 52], rows = 5 }) => {
+    const columnsAmount = [...Array(typeof columns === 'number' ? columns : columns.length).keys()];
+    return (React.createElement(Template, { columns: columns },
+        columnsAmount.map((_, index) => (React.createElement(DataListBase.HeadCell, { key: index },
+            React.createElement(Skeleton, { width: "100%", height: 17.5 })))),
+        React.createElement(List, { items: [...Array(rows).keys()], renderItem: (item) => (React.createElement(DataListBase.Row, { key: item },
+                React.createElement(List, { items: columnsAmount, renderItem: (key) => (React.createElement(DataListBase.Cell, { key: key },
+                        React.createElement(Skeleton, { width: "100%", height: 17.5 }))) }))) })));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3RTa2VsZXRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0YUxpc3QvRGF0YUxpc3RTa2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXZFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsUUFBUSxFQUFlLE1BQU0sc0JBQXNCLENBQUM7QUFPN0QsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQTRCLENBQUMsRUFBRSxPQUFPLEdBQUcsQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsRUFBRSxJQUFJLEdBQUcsQ0FBQyxFQUFFLEVBQUUsRUFBRTtJQUN2RyxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDLE9BQU8sT0FBTyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNoRyxPQUFPLENBQ0wsb0JBQUMsUUFBUSxJQUFDLE9BQU8sRUFBRSxPQUFPO1FBQ3ZCLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUMvQixvQkFBQyxZQUFZLENBQUMsUUFBUSxJQUFDLEdBQUcsRUFBRSxLQUFLO1lBQy9CLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBRSxJQUFJLEdBQUksQ0FDakIsQ0FDekIsQ0FBQztRQUNGLG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQUUsQ0FBQyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxFQUM5QixVQUFVLEVBQUUsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQ3BCLG9CQUFDLFlBQVksQ0FBQyxHQUFHLElBQUMsR0FBRyxFQUFFLElBQUk7Z0JBQ3pCLG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQUUsYUFBYSxFQUNwQixVQUFVLEVBQUUsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQ25CLG9CQUFDLFlBQVksQ0FBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUc7d0JBQ3pCLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBRSxJQUFJLEdBQUksQ0FDckIsQ0FDckIsR0FDRCxDQUNlLENBQ3BCLEdBQ0QsQ0FDTyxDQUNaLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/src/molecules/DataTable/DataTable.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type TableProps } from '../../../src/molecules/Table/Table';
 import { type DataTableColumn, type DataTableMenuProps, type DataTableRow } from '../../../src/utils/table/types';
 export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataTableRow> = {
@@ -26,4 +26,10 @@ export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataT
      */
     sticky?: boolean;
 } & Pick<TableProps, 'ariaLabel' | 'onNext' | 'onPrev'> & DataTableMenuProps<R>;
-export declare const DataTable: <C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, menu, menuLabel, onAction, ...rest }: DataTableProps<C, R>) => JSX.Element;
+export declare const DataTable: {
+    <C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, menu, menuLabel, onAction, onMenuOpenChange, ...rest }: DataTableProps<C, R>): React.JSX.Element;
+    Skeleton: React.FC<{
+        columns?: number | (number | `${number}`)[] | undefined;
+        rows?: number | undefined;
+    }>;
+};

package/dist/src/molecules/DataTable/DataTable.js

@@ -24,8 +24,9 @@ import { useTableSort } from '../../../src/utils/table/useTableSort';
 import { sortRowsBy } from '../../../src/utils/table/utils';
 import { classNames, tw } from '../../../src/utils/tailwind';
 import more from '../../../src/icons/more';
+import { DataListSkeleton } from '../DataList/DataListSkeleton';
 export const DataTable = (_a) => {
-    var { columns, rows, noWrap = false, layout = 'auto', sticky, menu, menuLabel = 'Context menu', onAction } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky", "menu", "menuLabel", "onAction"]);
+    var { columns, rows, noWrap = false, layout = 'auto', sticky, menu, menuLabel = 'Context menu', onAction, onMenuOpenChange } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky", "menu", "menuLabel", "onAction", "onMenuOpenChange"]);
     const [sort, updateSort] = useTableSort();
     const sortedRows = sortRowsBy(rows, sort);
     return (React.createElement(Table, Object.assign({}, rest, { className: classNames('Aquarium-DataTable', tw({
@@ -46,9 +47,10 @@ export const DataTable = (_a) => {
                             ? column.formatter(row[column.field], row, index, sortedRows)
                             : row[column.field])) }),
                     menu && (React.createElement(Table.Cell, { align: "right" },
-                        React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index) },
+                        React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index), onOpenChange: onMenuOpenChange },
                             React.createElement(DropdownMenu.Trigger, null,
                                 React.createElement(Button.Icon, { "aria-label": menuLabel, icon: more })),
                             isFunction(menu) ? menu(row, index) : menu))))) }))));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRhVGFibGUvRGF0YVRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLFVBQVUsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsS0FBSyxFQUFtQixNQUFNLDJCQUEyQixDQUFDO0FBRW5FLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQ0wsU0FBUyxFQUNULG1CQUFtQixHQUlwQixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQWlDbEMsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQXVELEVBVXpELEVBQWUsRUFBRTtRQVZ3QyxFQUM5RSxPQUFPLEVBQ1AsSUFBSSxFQUNKLE1BQU0sR0FBRyxLQUFLLEVBQ2QsTUFBTSxHQUFHLE1BQU0sRUFDZixN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
+DataTable.Skeleton = DataListSkeleton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRhVGFibGUvRGF0YVRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLFVBQVUsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsS0FBSyxFQUFtQixNQUFNLDJCQUEyQixDQUFDO0FBRW5FLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQ0wsU0FBUyxFQUNULG1CQUFtQixHQUlwQixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQUVsQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQWlDaEUsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQXVELEVBV3pELEVBQUUsRUFBRTtRQVhxRCxFQUM5RSxPQUFPLEVBQ1AsSUFBSSxFQUNKLE1BQU0sR0FBRyxLQUFLLEVBQ2QsTUFBTSxHQUFHLE1BQU0sRUFDZixNQUFNLEVBQ04sSUFBSSxFQUNKLFNBQVMsR0FBRyxjQUFjLEVBQzFCLFFBQVEsRUFDUixnQkFBZ0IsT0FFSyxFQURsQixJQUFJLGNBVnVFLHNHQVcvRSxDQURRO0lBRVAsTUFBTSxDQUFDLElBQUksRUFBRSxVQUFVLENBQUMsR0FBRyxZQUFZLEVBQVEsQ0FBQztJQUNoRCxNQUFNLFVBQVUsR0FBRyxVQUFVLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBRTFDLE9BQU8sQ0FDTCxvQkFBQyxLQUFLLG9CQUNBLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixvQkFBb0IsRUFDcEIsRUFBRSxDQUFDO1lBQ0QsbUJBQW1CLEVBQUUsTUFBTTtZQUMzQixZQUFZLEVBQUUsTUFBTSxLQUFLLE1BQU07WUFDL0IsYUFBYSxFQUFFLE1BQU0sS0FBSyxPQUFPO1NBQ2xDLENBQUMsQ0FDSDtRQUVELG9CQUFDLEtBQUssQ0FBQyxJQUFJLElBQUMsTUFBTSxFQUFFLE1BQU0sSUFDdkIsT0FBTyxDQUFDO1lBQ1AsR0FBRyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FDeEIsQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsSUFBSSxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FDaEUsb0JBQUMsS0FBSyxDQUFDLFFBQVEsa0JBQ2IsU0FBUyxFQUFFLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsS0FBSyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQ3pGLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLEVBQ2pDLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUFFLGdCQUNsQixNQUFNLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQzlELFNBQVMsQ0FBQyxNQUFNLENBQUMsR0FFcEIsQ0FBQyxNQUFNLENBQUMsZUFBZSxJQUFJLE1BQU0sQ0FBQyxVQUFVLENBQzlCLENBQ2xCLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsS0FBSyxDQUFDLElBQUksb0JBQ0wsU0FBUyxDQUFDLE1BQU0sQ0FBQyxJQUNyQixLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRSxnQkFDbEIsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxLQUVqRSxDQUFDLE1BQU0sQ0FBQyxlQUFlLElBQUksTUFBTSxDQUFDLFVBQVUsQ0FDbEMsQ0FDZCxDQUNGO1lBQ0QsSUFBSSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxLQUFLLENBQUMsSUFBSSxJQUFDLEdBQUcsRUFBQyxlQUFlLEVBQUMsS0FBSyxFQUFDLE9BQU8sZ0JBQWEsU0FBUyxHQUFJLENBQUMsQ0FBQyxDQUFDLElBQUk7U0FDdEYsQ0FBQyxDQUNTO1FBQ2Isb0JBQUMsS0FBSyxDQUFDLElBQUk7WUFDVCxvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFLFVBQVUsRUFDakIsVUFBVSxFQUFFLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FDMUIsb0JBQUMsS0FBSyxDQUFDLEdBQUcsSUFBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLEVBQUU7b0JBQ3BCLG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQUUsT0FBTyxFQUNkLFVBQVUsRUFBRSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQ3JCLE1BQU0sQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUN6QixvQkFBQyxLQUFLLENBQUMsSUFBSSxvQkFBSyxTQUFTLENBQUMsTUFBTSxDQUFDOzRCQUMvQixvQkFBQyxVQUFVLGtCQUFDLEtBQUssVUFBSyxNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsVUFBVSxDQUFDLEVBQUksQ0FDcEQsQ0FDZCxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDN0Isb0JBQUMsS0FBSyxDQUFDLElBQUksb0JBQUssU0FBUyxDQUFDLE1BQU0sQ0FBQzs0QkFDL0Isb0JBQUMsTUFBTSxDQUFDLFNBQVMsa0JBQ2YsS0FBSyxVQUNELGNBQWMsQ0FBQyxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQyxFQUM3RSxDQUNTLENBQ2QsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQzdCLG9CQUFDLEtBQUssQ0FBQyxJQUFJLG9CQUFLLFNBQVMsQ0FBQyxNQUFNLENBQUMsR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsVUFBVSxDQUFDLENBQWMsQ0FDL0YsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQzNCLG9CQUFDLEtBQUssQ0FBQyxJQUFJLG9CQUFLLFNBQVMsQ0FBQyxNQUFNLENBQUM7NEJBQy9CLG9CQUFDLElBQUksb0JBQUssTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLFVBQVUsQ0FBQyxFQUFJLENBQ3RDLENBQ2QsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxLQUFLLENBQUMsSUFBSSxvQkFBSyxTQUFTLENBQUMsTUFBTSxDQUFDLEdBQzlCLE1BQU0sQ0FBQyxTQUFTOzRCQUNmLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUM7NEJBQzdELENBQUMsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUNWLENBQ2QsR0FFSDtvQkFDRCxJQUFJLElBQUksQ0FDUCxvQkFBQyxLQUFLLENBQUMsSUFBSSxJQUFDLEtBQUssRUFBQyxPQUFPO3dCQUN2QixvQkFBQyxZQUFZLElBQUMsUUFBUSxFQUFFLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsTUFBTSxFQUFFLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRSxZQUFZLEVBQUUsZ0JBQWdCOzRCQUNoRyxvQkFBQyxZQUFZLENBQUMsT0FBTztnQ0FDbkIsb0JBQUMsTUFBTSxDQUFDLElBQUksa0JBQWEsU0FBUyxFQUFFLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDN0I7NEJBQ3RCLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUM5QixDQUNKLENBQ2QsQ0FDUyxDQUNiLEdBQ0QsQ0FDUyxDQUNQLENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLFNBQVMsQ0FBQyxRQUFRLEdBQUcsZ0JBQWdCLENBQUMifQ==

package/dist/src/molecules/EmptyState/EmptyState.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type AsyncActionType } from '../../../types/ActionType';
+import { type AsyncActionType, type LinkActionType } from '../../../types/ActionType';
 export declare enum EmptyStateLayout {
     CenterVertical = "center-vertical",
     LeftVertical = "left-vertical",
@@ -33,12 +33,14 @@ export declare type EmptyStateProps = {
     description?: string;
     /**
      * Provide a primary action referenced in the description.
+     * This can either be a callback function or a link.
      */
-    primaryAction?: AsyncActionType;
+    primaryAction?: AsyncActionType | LinkActionType;
     /**
      * Provide referencing documentation for future reading if needed.
+     * This can either be a callback function or a link.
      */
-    secondaryAction?: AsyncActionType;
+    secondaryAction?: AsyncActionType | LinkActionType;
     /**
      * Use Typography component if possible. By default, this is wrapped by typography 'small' size.
      */

package/dist/src/molecules/EmptyState/EmptyState.js

@@ -5,6 +5,7 @@ import { Button } from '../../../src/molecules/Button/Button';
 import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
 import { FlexboxItem } from '../../../src/molecules/Flexbox/FlexboxItem';
 import { Typography } from '../../../src/molecules/Typography/Typography';
+import { isLink } from '../../../src/utils/link';
 import { classNames, tw } from '../../../src/utils/tailwind';
 export var EmptyStateLayout;
 (function (EmptyStateLayout) {
@@ -66,9 +67,13 @@ export const EmptyState = ({ title, image, imageAlt = '', imageWidth, descriptio
                 (description || children) && (React.createElement(Box, { marginTop: "5" },
                     React.createElement(Typography, { variant: "default", color: "grey-60" }, children || description))),
                 (secondaryAction || primaryAction) && (React.createElement(Flexbox, { marginTop: "7", gap: "4", justifyContent: "center", alignItems: "center", wrap: "wrap" },
-                    primaryAction && React.createElement(Button.Primary, Object.assign({}, omit(primaryAction, 'text')), primaryAction.text),
-                    secondaryAction && (React.createElement(Button.Secondary, Object.assign({}, omit(secondaryAction, 'text')), secondaryAction.text)))),
+                    primaryAction && (React.createElement(React.Fragment, null,
+                        !isLink(primaryAction) && (React.createElement(Button.Primary, Object.assign({}, omit(primaryAction, 'text')), primaryAction.text)),
+                        isLink(primaryAction) && (React.createElement(Button.ExternalLink, Object.assign({ kind: "primary" }, omit(primaryAction, 'text')), primaryAction.text)))),
+                    secondaryAction && (React.createElement(React.Fragment, null,
+                        !isLink(secondaryAction) && (React.createElement(Button.Secondary, Object.assign({}, omit(secondaryAction, 'text')), secondaryAction.text)),
+                        isLink(secondaryAction) && (React.createElement(Button.ExternalLink, Object.assign({ kind: "secondary" }, omit(secondaryAction, 'text')), secondaryAction.text)))))),
                 footer && (React.createElement(Box, { marginTop: "7" },
                     React.createElement(Typography, { htmlTag: "div", variant: "small", color: "grey-60" }, footer)))))));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRW1wdHlTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxNQUFNLENBQU4sSUFBWSxnQkFLWDtBQUxELFdBQVksZ0JBQWdCO0lBQzFCLHNEQUFrQyxDQUFBO0lBQ2xDLGtEQUE4QixDQUFBO0lBQzlCLDBEQUFzQyxDQUFBO0lBQ3RDLHNEQUFrQyxDQUFBO0FBQ3BDLENBQUMsRUFMVyxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBSzNCO0FBa0VELE1BQU0sV0FBVyxHQUFHLENBQUMsTUFBd0IsRUFBb0IsRUFBRTtJQUNqRSxRQUFRLE1BQU0sRUFBRTtRQUNkLEtBQUssZ0JBQWdCLENBQUMsWUFBWTtZQUNoQyxPQUFPO2dCQUNMLE1BQU0sRUFBRSxRQUFRO2dCQUNoQixjQUFjLEVBQUUsWUFBWTtnQkFDNUIsVUFBVSxFQUFFLFlBQVk7YUFDekIsQ0FBQztRQUNKLEtBQUssZ0JBQWdCLENBQUMsY0FBYztZQUNsQyxPQUFPO2dCQUNMLE1BQU0sRUFBRSxLQUFLO2dCQUNiLGNBQWMsRUFBRSxZQUFZO2dCQUM1QixVQUFVLEVB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRW1wdHlTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHcEQsTUFBTSxDQUFOLElBQVksZ0JBS1g7QUFMRCxXQUFZLGdCQUFnQjtJQUMxQixzREFBa0MsQ0FBQTtJQUNsQyxrREFBOEIsQ0FBQTtJQUM5QiwwREFBc0MsQ0FBQTtJQUN0QyxzREFBa0MsQ0FBQTtBQUNwQyxDQUFDLEVBTFcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUszQjtBQW9FRCxNQUFNLFdBQVcsR0FBRyxDQUFDLE1BQXdCLEVBQW9CLEVBQUU7SUFDakUsUUFBUSxNQUFNLEVBQUU7UUFDZCxLQUFLLGdCQUFnQixDQUFDLFlBQVk7WUFDaEMsT0FBTztnQkFDTCxNQUFNLEVBQUUsUUFBUTtnQkFDaEIsY0FBYyxFQUFFLFlBQVk7Z0JBQzVCLFVBQVUsRUFBRSxZQUFZO2FBQ3pCLENBQUM7UUFDSixLQUFLLGdCQUFnQixDQUFDLGNBQWM7WUFDbEMsT0FBTztnQkFDTCxNQUFNLEVB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

package/dist/src/molecules/PageHeader/PageHeader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type BreadcrumbsProps } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
-import { type AsyncActionType } from '../../../types/ActionType';
+import { type AsyncActionType, type LinkActionType } from '../../../types/ActionType';
 export declare type PageHeaderProps = {
     /** Short and concise page title. */
     title: string;
@@ -17,13 +17,15 @@ export declare type PageHeaderProps = {
     imageAlt?: string;
     /**
      * Optional primary action for the header. Page header can have only one primary actions.
+     * This can either be a callback function or a link.
      */
-    primaryAction?: AsyncActionType;
+    primaryAction?: AsyncActionType | LinkActionType;
     /**
      * Optional secondary actions. There can be one or more secondary actions in the header.
      * The number of secondary actions is not restricted.
+     * This can either be a callback function or a link.
      */
-    secondaryActions?: AsyncActionType | AsyncActionType[];
+    secondaryActions?: AsyncActionType | LinkActionType | Array<AsyncActionType | LinkActionType>;
     /**
      * Optional list of chips, which will be rendered as chips underneath the page title.
      */

package/dist/src/molecules/PageHeader/PageHeader.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
 import castArray from 'lodash/castArray';
 import omit from 'lodash/omit';
@@ -18,6 +7,7 @@ import { Button } from '../../../src/molecules/Button/Button';
 import { Chip } from '../../../src/molecules/Chip/Chip';
 import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
 import { PageHeader as BasePageHeader } from '../../../src/atoms/PageHeader/PageHeader';
+import { isLink } from '../../../src/utils/link';
 import { tw } from '../../../src/utils/tailwind';
 export const PageHeader = ({ title, subtitle, image, imageAlt, primaryAction, secondaryActions, chips = [], breadcrumbs, }) => {
     return (React.createElement(BasePageHeader, { className: "Aquarium-PageHeader" },
@@ -34,10 +24,9 @@ export const PageHeader = ({ title, subtitle, image, imageAlt, primaryAction, se
             secondaryActions &&
                 castArray(secondaryActions)
                     .filter(Boolean)
-                    .map((_a) => {
-                    var { text } = _a, action = __rest(_a, ["text"]);
-                    return (React.createElement(Button.Secondary, Object.assign({ key: text }, action), text));
-                }),
-            primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))));
+                    .map((action) => !isLink(action) ? (React.createElement(Button.Secondary, Object.assign({ key: action.text }, omit(action, 'text')), action.text)) : (React.createElement(Button.ExternalLink, Object.assign({ key: action.text, kind: "secondary" }, omit(action, 'text')), action.text))),
+            primaryAction && (React.createElement(React.Fragment, null,
+                !isLink(primaryAction) && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)),
+                isLink(primaryAction) && (React.createElement(Button.ExternalLink, Object.assign({ key: primaryAction.text, kind: "primary" }, omit(primaryAction, 'text')), primaryAction.text))))))));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdDLE9BQU8sRUFBRSxXQUFXLEVBQXlCLE1BQU0sdUNBQXVDLENBQUM7QUFDM0YsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFeEQsT0FBTyxFQUFFLFVBQVUsSUFBSSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUEyQ3hDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEIsQ0FBQyxFQUNwRCxLQUFLLEVBQ0wsUUFBUSxFQUNSLEtBQUssRUFDTCxRQUFRLEVBQ1IsYUFBYSxFQUNiLGdCQUFnQixFQUNoQixLQUFLLEdBQUcsRUFBRSxFQUNWLFdBQVcsR0FDWixFQUFFLEVBQUU7SUFDSCxPQUFPLENBQ0wsb0JBQUMsY0FBYyxJQUFDLFNBQVMsRUFBQyxxQkFBcUI7UUFDN0Msb0JBQUMsY0FBYyxDQUFDLFNBQVM7WUFDdEIsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsR0FBRyxJQUFDLFlBQVksRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUztnQkFDeEMsb0JBQUMsV0FBVyxRQUFFLFdBQVcsQ0FBZSxDQUNwQyxDQUNQO1lBQ0Qsb0JBQUMsT0FBTyxJQUFDLEdBQUcsRUFBQyxHQUFHO2dCQUNiLEtBQUssSUFBSSw2QkFBSyxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxHQUFJO2dCQUNoRixvQkFBQyxjQUFjLENBQUMsY0FBYztvQkFDNUIsb0JBQUMsY0FBYyxDQUFDLEtBQUssUUFBRSxLQUFLLENBQXdCO29CQUNuRCxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUNuQixvQkFBQyxjQUFjLENBQUMsS0FBSyxRQUNsQixLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUNuQixvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxLQUFLLFFBQUMsSUFBSSxFQUFFLElBQUksR0FBSSxDQUN0QyxDQUFDLENBQ21CLENBQ3hCO29CQUNBLFFBQVEsSUFBSSxvQkFBQyxjQUFjLENBQUMsUUFBUSxRQUFFLFFBQVEsQ0FBMkIsQ0FDNUMsQ0FDeEIsQ0FDZTtRQUMxQixDQUFDLGdCQUFnQixJQUFJLGFBQWEsQ0FBQyxJQUFJLENBQ3RDLG9CQUFDLGNBQWMsQ0FBQyxPQUFPO1lBQ3BCLGdCQUFnQjtnQkFDZixTQUFTLENBQUMsZ0JBQWdCLENBQUM7cUJBQ3hCLE1BQU0sQ0FBQyxPQUFPLENBQUM7cUJBQ2YsR0FBRyxDQUFDLENBQUMsRUFBbUIsRUFBRSxFQUFFO3dCQUF2QixFQUFFLElBQUksT0FBYSxFQUFSLE1BQU0sY0FBakIsUUFBbUIsQ0FBRjtvQkFBTyxPQUFBLENBQzVCLG9CQUFDLE1BQU0sQ0FBQyxTQUFTLGtCQUFDLEdBQUcsRUFBRSxJQUFJLElBQU0sTUFBTSxHQUNwQyxJQUFJLENBQ1ksQ0FDcEIsQ0FBQTtpQkFBQSxDQUFDO1lBQ0wsYUFBYSxJQUFJLENBQ2hCLG9CQUFDLE1BQU0sQ0FBQyxPQUFPLGtCQUFDLEdBQUcsRUFBRSxhQUFhLENBQUMsSUFBSSxJQUFNLElBQUksQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLEdBQ3JFLGFBQWEsQ0FBQyxJQUFJLENBQ0osQ0FDbEIsQ0FDc0IsQ0FDMUIsQ0FDYyxDQUNsQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFDekMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsV0FBVyxFQUF5QixNQUFNLHVDQUF1QyxDQUFDO0FBQzNGLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXhELE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQTZDeEMsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUE4QixDQUFDLEVBQ3BELEtBQUssRUFDTCxRQUFRLEVBQ1IsS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLEVBQ2IsZ0JBQWdCLEVBQ2hCLEtBQUssR0FBRyxFQUFFLEVBQ1YsV0FBVyxHQUNaLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCxvQkFBQyxjQUFjLElBQUMsU0FBUyxFQUFDLHFCQUFxQjtRQUM3QyxvQkFBQyxjQUFjLENBQUMsU0FBUztZQUN0QixXQUFXLElBQUksQ0FDZCxvQkFBQyxHQUFHLElBQUMsWUFBWSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTO2dCQUN4QyxvQkFBQyxXQUFXLFFBQUUsV0FBVyxDQUFlLENBQ3BDLENBQ1A7WUFDRCxvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFDLEdBQUc7Z0JBQ2IsS0FBSyxJQUFJLDZCQUFLLEdBQUcsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEdBQUk7Z0JBQ2hGLG9CQUFDLGNBQWMsQ0FBQyxjQUFjO29CQUM1QixvQkFBQyxjQUFjLENBQUMsS0FBSyxRQUFFLEtBQUssQ0FBd0I7b0JBQ25ELEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQ25CLG9CQUFDLGNBQWMsQ0FBQyxLQUFLLFFBQ2xCLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQ25CLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssUUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQ3RDLENBQUMsQ0FDbUIsQ0FDeEI7b0JBQ0EsUUFBUSxJQUFJLG9CQUFDLGNBQWMsQ0FBQyxRQUFRLFFBQUUsUUFBUSxDQUEyQixDQUM1QyxDQUN4QixDQUNlO1FBQzFCLENBQUMsZ0JBQWdCLElBQUksYUFBYSxDQUFDLElBQUksQ0FDdEMsb0JBQUMsY0FBYyxDQUFDLE9BQU87WUFDcEIsZ0JBQWdCO2dCQUNmLFNBQVMsQ0FBQyxnQkFBZ0IsQ0FBQztxQkFDeEIsTUFBTSxDQUFDLE9BQU8sQ0FBQztxQkFDZixHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUNkLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNoQixvQkFBQyxNQUFNLENBQUMsU0FBUyxrQkFBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBTSxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUN6RCxNQUFNLENBQUMsSUFBSSxDQUNLLENBQ3BCLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsTUFBTSxDQUFDLFlBQVksa0JBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFDLFdBQVcsSUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUM3RSxNQUFNLENBQUMsSUFBSSxDQUNRLENBQ3ZCLENBQ0Y7WUFDSixhQUFhLElBQUksQ0FDaEI7Z0JBQ0csQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FDekIsb0JBQUMsTUFBTSxDQUFDLE9BQU8sa0JBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLElBQU0sSUFBSSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsR0FDckUsYUFBYSxDQUFDLElBQUksQ0FDSixDQUNsQjtnQkFDQSxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FDeEIsb0JBQUMsTUFBTSxDQUFDLFlBQVksa0JBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFDLFNBQVMsSUFBSyxJQUFJLENBQUMsYUFBYSxFQUFFLE1BQU0sQ0FBQyxHQUN6RixhQUFhLENBQUMsSUFBSSxDQUNDLENBQ3ZCLENBQ0EsQ0FDSixDQUNzQixDQUMxQixDQUNjLENBQ2xCLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/src/molecules/Section/Section.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type AsyncActionType } from '../../../types/ActionType';
+import { type AsyncActionType, type LinkActionType } from '../../../types/ActionType';
 export declare type SectionProps = {
     /** Section's title */
     title: string;
@@ -7,8 +7,9 @@ export declare type SectionProps = {
     subtitle?: string;
     /**
      * Optional actions. There can be 1-2 secondary actions only in a section.
+     * This can either be a callback function or a link.
      */
-    actions?: AsyncActionType | AsyncActionType[];
+    actions?: AsyncActionType | LinkActionType | Array<AsyncActionType | LinkActionType>;
 } | {
     title?: never;
     subtitle?: never;

package/dist/src/molecules/Section/Section.js

@@ -1,19 +1,10 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
 import castArray from 'lodash/castArray';
+import omit from 'lodash/omit';
 import { Button } from '../../../src/molecules/Button/Button';
 import { Divider } from '../../../src/molecules/Divider/Divider';
 import { Section as BaseSection } from '../../../src/atoms/Section/Section';
+import { isLink } from '../../../src/utils/link';
 export const Section = ({ title, subtitle, actions, children }) => (React.createElement(BaseSection, { className: "Aquarium-Section" },
     title && (React.createElement(React.Fragment, null,
         React.createElement(BaseSection.Header, null,
@@ -23,10 +14,7 @@ export const Section = ({ title, subtitle, actions, children }) => (React.create
             React.createElement(BaseSection.Actions, null, actions &&
                 castArray(actions)
                     .filter(Boolean)
-                    .map((_a) => {
-                    var { text } = _a, action = __rest(_a, ["text"]);
-                    return (React.createElement(Button.Secondary, Object.assign({ key: text }, action), text));
-                }))),
+                    .map((action) => !isLink(action) ? (React.createElement(Button.Secondary, Object.assign({ key: action.text }, omit(action, 'text')), action.text)) : (React.createElement(Button.ExternalLink, Object.assign({ key: action.text, kind: "secondary" }, omit(action, 'text')), action.text))))),
         React.createElement(Divider, null))),
     React.createElement(BaseSection.Body, null, children)));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUV6QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXhELE9BQU8sRUFBRSxPQUFPLElBQUksV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUF1Qm5FLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBMkIsQ0FBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RixvQkFBQyxXQUFXLElBQUMsU0FBUyxFQUFDLGtCQUFrQjtJQUN0QyxLQUFLLElBQUksQ0FDUjtRQUNFLG9CQUFDLFdBQVcsQ0FBQyxNQUFNO1lBQ2pCLG9CQUFDLFdBQVcsQ0FBQyxjQUFjO2dCQUN6QixvQkFBQyxXQUFXLENBQUMsS0FBSyxRQUFFLEtBQUssQ0FBcUI7Z0JBQzdDLFFBQVEsSUFBSSxvQkFBQyxXQUFXLENBQUMsUUFBUSxRQUFFLFFBQVEsQ0FBd0IsQ0FDekM7WUFDN0Isb0JBQUMsV0FBVyxDQUFDLE9BQU8sUUFDakIsT0FBTztnQkFDTixTQUFTLENBQUMsT0FBTyxDQUFDO3FCQUNmLE1BQU0sQ0FBQyxPQUFPLENBQUM7cUJBQ2YsR0FBRyxDQUFDLENBQUMsRUFBbUIsRUFBRSxFQUFFO3dCQUF2QixFQUFFLElBQUksT0FBYSxFQUFSLE1BQU0sY0FBakIsUUFBbUIsQ0FBRjtvQkFBTyxPQUFBLENBQzVCLG9CQUFDLE1BQU0sQ0FBQyxTQUFTLGtCQUFDLEdBQUcsRUFBRSxJQUFJLElBQU0sTUFBTSxHQUNwQyxJQUFJLENBQ1ksQ0FDcEIsQ0FBQTtpQkFBQSxDQUFDLENBQ2MsQ0FDSDtRQUNyQixvQkFBQyxPQUFPLE9BQUcsQ0FDVixDQUNKO0lBQ0Qsb0JBQUMsV0FBVyxDQUFDLElBQUksUUFBRSxRQUFRLENBQW9CLENBQ25DLENBQ2YsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFDekMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFeEQsT0FBTyxFQUFFLE9BQU8sSUFBSSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUVuRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUF1QnhDLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBMkIsQ0FBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RixvQkFBQyxXQUFXLElBQUMsU0FBUyxFQUFDLGtCQUFrQjtJQUN0QyxLQUFLLElBQUksQ0FDUjtRQUNFLG9CQUFDLFdBQVcsQ0FBQyxNQUFNO1lBQ2pCLG9CQUFDLFdBQVcsQ0FBQyxjQUFjO2dCQUN6QixvQkFBQyxXQUFXLENBQUMsS0FBSyxRQUFFLEtBQUssQ0FBcUI7Z0JBQzdDLFFBQVEsSUFBSSxvQkFBQyxXQUFXLENBQUMsUUFBUSxRQUFFLFFBQVEsQ0FBd0IsQ0FDekM7WUFDN0Isb0JBQUMsV0FBVyxDQUFDLE9BQU8sUUFDakIsT0FBTztnQkFDTixTQUFTLENBQUMsT0FBTyxDQUFDO3FCQUNmLE1BQU0sQ0FBQyxPQUFPLENBQUM7cUJBQ2YsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FDZCxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDaEIsb0JBQUMsTUFBTSxDQUFDLFNBQVMsa0JBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDekQsTUFBTSxDQUFDLElBQUksQ0FDSyxDQUNwQixDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLE1BQU0sQ0FBQyxZQUFZLGtCQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLElBQUksRUFBQyxXQUFXLElBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDN0UsTUFBTSxDQUFDLElBQUksQ0FDUSxDQUN2QixDQUNGLENBQ2UsQ0FDSDtRQUNyQixvQkFBQyxPQUFPLE9BQUcsQ0FDVixDQUNKO0lBQ0Qsb0JBQUMsV0FBVyxDQUFDLElBQUksUUFBRSxRQUFRLENBQW9CLENBQ25DLENBQ2YsQ0FBQyJ9

package/dist/src/utils/ContrastRatio.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type ContrastRatioProps = {
+    textColor: string;
+    backgroundColor: string;
+};
+/**
+ * Contrast ratios are explained here
+ * https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast
+ */
+export declare const ContrastRatio: React.FC<ContrastRatioProps>;
+export {};