@aivenio/aquarium 1.22.0 → 1.24.0

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/molecules/Toast/Toast.d.ts

@@ -1,4 +1,10 @@
 import React from 'react';
-import { type DispatchableToast } from './types';
+import { type DispatchableToast, type Toast as ToastType, type ToastId } from './types';
 export declare const useToast: () => (toast: DispatchableToast) => void;
 export declare const ToastProvider: React.FC;
+declare type ToastProps = {
+    toast: ToastType;
+    onDismiss: (toastId: ToastId) => void;
+};
+export declare const ToastComponent: ({ toast, onDismiss }: ToastProps) => React.JSX.Element;
+export {};

package/dist/src/molecules/Toast/Toast.js

@@ -54,7 +54,7 @@ export const ToastProvider = ({ children }) => {
 };
 const isCentered = (position) => position === 'top' || position === 'bottom';
 const PADDING = 20;
-const ToastComponent = ({ toast, onDismiss }) => {
+export const ToastComponent = ({ toast, onDismiss }) => {
     const { id, message, variant, duration } = toast;
     useEffect(() => {
         let timer;
@@ -102,4 +102,4 @@ const ToastConsumer = () => {
             React.createElement(Transition, null, (_a = toastsByPosition[position]) === null || _a === void 0 ? void 0 : _a.map((toast) => (React.createElement(ToastComponent, { key: toast.id, toast: toast, onDismiss: onDismiss }))))));
     })));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RvYXN0L1RvYXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFpQixVQUFVLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUMvRixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUVyQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFOUMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVsQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQ2hDLE9BQU8sRUFFTCxXQUFXLEdBTVosTUFBTSxTQUFTLENBQUM7QUFFakIsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFvQyxJQUFJLENBQUMsQ0FBQztBQUU1RSxNQUFNLGVBQWUsR0FBRyxHQUFHLEVBQUU7SUFDM0IsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3pDLElBQUksT0FBTyxLQUFLLElBQUksRUFBRTtRQUNwQixNQUFNLElBQUksS0FBSyxDQUFDLDRDQUE0QyxDQUFDLENBQUM7S0FDL0Q7SUFDRCxPQUFPLE9BQU8sQ0FBQztBQUNqQixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFO0lBQzNCLE1BQU0sQ0FBQyxDQUFDLEVBQUUsUUFBUSxDQUFDLEdBQUcsZUFBZSxFQUFFLENBQUM7SUFDeEMsT0FBTyxDQUFDLEtB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RvYXN0L1RvYXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFpQixVQUFVLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUMvRixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUVyQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFOUMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVsQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQ2hDLE9BQU8sRUFFTCxXQUFXLEdBTVosTUFBTSxTQUFTLENBQUM7QUFFakIsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFvQyxJQUFJLENBQUMsQ0FBQztBQUU1RSxNQUFNLGVBQWUsR0FBRyxHQUFHLEVBQUU7SUFDM0IsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3pDLElBQUksT0FBTyxLQUFLLElBQUksRUFBRTtRQUNwQixNQUFNLElBQUksS0FBSyxDQUFDLDRDQUE0QyxDQUFDLENBQUM7S0FDL0Q7SUFDRCxPQUFPLE9BQU8sQ0FBQztBQUNqQixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFO0lBQzNCLE1BQU0sQ0FBQyxDQUFDLEVBQUUsUUFBUSxDQUFDLEdBQUcsZUFBZSxFQUFFLENBQUM7SUFDeEMsT0FBTyxDQUFDLEtB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

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 {};

package/dist/src/utils/ContrastRatio.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { Box, Template, Typography } from '../../src/molecules';
+const luminanace = (r, g, b) => {
+    const a = [r, g, b].map(function (v) {
+        v /= 255;
+        return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+    });
+    return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+};
+const contrast = (rgb1, rgb2) => {
+    const luminanceFront = luminanace(rgb1[0], rgb1[1], rgb1[2]);
+    const luminanceBack = luminanace(rgb2[0], rgb2[1], rgb2[2]);
+    return luminanceBack > luminanceFront
+        ? (luminanceFront + 0.05) / (luminanceBack + 0.05)
+        : (luminanceBack + 0.05) / (luminanceFront + 0.05);
+};
+const hexToRgb = (hex) => {
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    return result ? [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)] : null;
+};
+/**
+ * Contrast ratios are explained here
+ * https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast
+ */
+export const ContrastRatio = ({ backgroundColor, textColor }) => {
+    const rgb1 = hexToRgb(backgroundColor);
+    const rgb2 = hexToRgb(textColor);
+    if (rgb1 && rgb2) {
+        const ratio = contrast(rgb1, rgb2);
+        return (React.createElement(Template, { columns: 2, gap: "3" },
+            React.createElement(Box, { borderColor: "grey-10", display: "flex", borderWidth: 2, borderRadius: 8, padding: "2", gap: "3", justifyContent: "space-between" },
+                React.createElement("div", { style: { color: 'white' } },
+                    React.createElement("div", null, "Text"),
+                    React.createElement("div", null, textColor)),
+                React.createElement(Box, { style: { backgroundColor: textColor }, height: "7", width: "7", borderRadius: 8 })),
+            React.createElement(Box, { borderColor: "grey-10", display: "flex", borderWidth: 2, borderRadius: 8, padding: "2", gap: "3", justifyContent: "space-between" },
+                React.createElement("div", { style: { color: 'white' } },
+                    React.createElement("div", null, "Background"),
+                    React.createElement("div", null, backgroundColor)),
+                React.createElement(Box, { style: { backgroundColor }, height: "7", width: "7", borderRadius: 8 })),
+            React.createElement(Box.Flex, { alignItems: "center", gap: "2" },
+                "Small text:",
+                React.createElement(Box.Flex, null,
+                    React.createElement(Typography, { color: ratio < 1 / 4.5 ? 'success-100' : 'error-100' }, "AA"),
+                    React.createElement(Typography, { color: ratio < 1 / 7 ? 'success-100' : 'error-100' }, "A"))),
+            React.createElement(Box.Flex, { alignItems: "center", gap: "2" },
+                "Large text:",
+                React.createElement(Box.Flex, null,
+                    React.createElement(Typography, { color: ratio < 1 / 3 ? 'success-100' : 'error-100' }, "AA"),
+                    React.createElement(Typography, { color: ratio < 1 / 4.5 ? 'success-100' : 'error-100' }, "A")))));
+    }
+    return null;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udHJhc3RSYXRpby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9Db250cmFzdFJhdGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBTzFELE1BQU0sVUFBVSxHQUFHLENBQUMsQ0FBUyxFQUFFLENBQVMsRUFBRSxDQUFTLEVBQUUsRUFBRTtJQUNyRCxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQztRQUNqQyxDQUFDLElBQUksR0FBRyxDQUFDO1FBQ1QsT0FBTyxDQUFDLElBQUksT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxHQUFHLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztJQUN2RSxDQUFDLENBQUMsQ0FBQztJQUNILE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUM7QUFDdkQsQ0FBQyxDQUFDO0FBSUYsTUFBTSxRQUFRLEdBQUcsQ0FBQyxJQUFTLEVBQUUsSUFBUyxFQUFFLEVBQUU7SUFDeEMsTUFBTSxjQUFjLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDN0QsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFB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

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

@@ -0,0 +1,2 @@
+import { type ActionType, type LinkActionType } from '../../types/ActionType';
+export declare const isLink: (action: ActionType | LinkActionType) => action is LinkActionType;

package/dist/src/utils/link.js

@@ -0,0 +1,2 @@
+export const isLink = (action) => action.href !== undefined;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9saW5rLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxDQUFDLE1BQW1DLEVBQTRCLEVBQUUsQ0FDckYsTUFBeUIsQ0FBQyxJQUFJLEtBQUssU0FBUyxDQUFDIn0=

package/dist/src/utils/table/types.d.ts

@@ -163,5 +163,9 @@ export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<{
      * @param index currectly selected row index
      */
     onAction: (action: string | number, row: R, index: number) => void;
+    /**
+     * Handler that is called when the menu's open state changes.
+     */
+    onMenuOpenChange?: (isOpen: boolean) => void;
 }>;
 export {};

package/dist/styles.css

@@ -519,11 +519,11 @@ img,video {
   --aquarium-colors-primary-5: #ffe8f4;
   --aquarium-colors-primary-0: #fff9fc;
   --aquarium-colors-grey-20: #d2d2d6;
+  --aquarium-colors-navy-blue-100: #30375e;
   --aquarium-colors-transparent: transparent;
   --aquarium-colors-white: white;
   --aquarium-colors-black: black;
   --aquarium-colors-current: currentColor;
-  --aquarium-colors-navy-blue-100: #30375E;
   --aquarium-box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
   --aquarium-box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
   --aquarium-box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
@@ -1672,8 +1672,8 @@ input[type='number'].no-arrows {
   border-color: var(--aquarium-colors-grey-10, #e1e1e3);
 }
 .border-navyBlue-100 {
-  --tw-border-opacity: 1;
-  border-color: rgb(48 55 94 / var(--tw-border-opacity));
+  border-color: #30375e;
+  border-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .border-grey-50 {
   border-color: #787885;
@@ -1732,8 +1732,8 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-white, white);
 }
 .bg-navyBlue-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
+  background-color: #30375e;
+  background-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .bg-grey-5 {
   background-color: #ededf0;
@@ -2329,6 +2329,10 @@ input[type='number'].no-arrows {
   color: #d2d2d6;
   color: var(--aquarium-colors-grey-20, #d2d2d6);
 }
+.text-navyBlue-100 {
+  color: #30375e;
+  color: var(--aquarium-colors-navyBlue-100, #30375e);
+}
 .text-transparent {
   color: transparent;
   color: var(--aquarium-colors-transparent, transparent);
@@ -2487,12 +2491,12 @@ input[type='number'].no-arrows {
   color: var(--aquarium-colors-primary-80, #e41a4a);
 }
 .checked\:border-navyBlue-100:checked {
-  --tw-border-opacity: 1;
-  border-color: rgb(48 55 94 / var(--tw-border-opacity));
+  border-color: #30375e;
+  border-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .checked\:bg-navyBlue-100:checked {
-  --tw-bg-opacity: 1;
-  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
+  background-color: #30375e;
+  background-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .checked\:bg-opacity-40:checked {
   --tw-bg-opacity: 0.4;
@@ -2561,8 +2565,8 @@ input[type='number'].no-arrows {
   --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
 }
 .hover\:checked\:bg-navyBlue-100:checked:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
+  background-color: #30375e;
+  background-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .focus\:border:focus {
   border-width: 1px;
@@ -2802,8 +2806,8 @@ input[type='number'].no-arrows {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .peer:checked~.peer-checked\:border-navyBlue-100 {
-  --tw-border-opacity: 1;
-  border-color: rgb(48 55 94 / var(--tw-border-opacity));
+  border-color: #30375e;
+  border-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .peer:checked~.peer-checked\:text-white {
   color: white;

package/dist/styles_timescaledb.css

@@ -519,11 +519,11 @@ img,video {
   --aquarium-colors-primary-5: #ffe8f4;
   --aquarium-colors-primary-0: #fff9fc;
   --aquarium-colors-grey-20: #d2d2d6;
+  --aquarium-colors-navy-blue-100: #30375e;
   --aquarium-colors-transparent: transparent;
   --aquarium-colors-white: white;
   --aquarium-colors-black: black;
   --aquarium-colors-current: currentColor;
-  --aquarium-colors-navy-blue-100: #30375E;
   --aquarium-box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
   --aquarium-box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
   --aquarium-box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
@@ -1671,8 +1671,8 @@ input[type='number'].no-arrows {
   border-color: var(--aquarium-colors-grey-10, #e1e1e3);
 }
 .border-navyBlue-100 {
-  --tw-border-opacity: 1;
-  border-color: rgb(48 55 94 / var(--tw-border-opacity));
+  border-color: #30375e;
+  border-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .border-grey-50 {
   border-color: #787885;
@@ -1731,8 +1731,8 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-white, white);
 }
 .bg-navyBlue-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
+  background-color: #30375e;
+  background-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .bg-grey-5 {
   background-color: #ededf0;
@@ -2328,6 +2328,10 @@ input[type='number'].no-arrows {
   color: #fff9fc;
   color: var(--aquarium-colors-primary-0, #f9fdff);
 }
+.text-navyBlue-100 {
+  color: #30375e;
+  color: var(--aquarium-colors-navyBlue-100, #30375e);
+}
 .text-transparent {
   color: transparent;
   color: var(--aquarium-colors-transparent, transparent);
@@ -2486,12 +2490,12 @@ input[type='number'].no-arrows {
   color: var(--aquarium-colors-primary-80, #0788d1);
 }
 .checked\:border-navyBlue-100:checked {
-  --tw-border-opacity: 1;
-  border-color: rgb(48 55 94 / var(--tw-border-opacity));
+  border-color: #30375e;
+  border-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .checked\:bg-navyBlue-100:checked {
-  --tw-bg-opacity: 1;
-  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
+  background-color: #30375e;
+  background-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .checked\:bg-opacity-40:checked {
   --tw-bg-opacity: 0.4;
@@ -2560,8 +2564,8 @@ input[type='number'].no-arrows {
   --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
 }
 .hover\:checked\:bg-navyBlue-100:checked:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
+  background-color: #30375e;
+  background-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .focus\:border:focus {
   border-width: 1px;
@@ -2801,8 +2805,8 @@ input[type='number'].no-arrows {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .peer:checked~.peer-checked\:border-navyBlue-100 {
-  --tw-border-opacity: 1;
-  border-color: rgb(48 55 94 / var(--tw-border-opacity));
+  border-color: #30375e;
+  border-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .peer:checked~.peer-checked\:text-white {
   color: white;