@aivenio/aquarium 1.78.0 → 1.79.0

package/dist/atoms.cjs

@@ -4386,6 +4386,9 @@ var tailwind_theme_default = {
     "11/12": "91.666667%",
     full: "100%",
     screen: "100vw",
+    svw: "100svw",
+    lvw: "100lvw",
+    dvw: "100dvw",
     min: "min-content",
     max: "max-content",
     fit: "fit-content"
@@ -4427,12 +4430,32 @@ var tailwind_theme_default = {
     "5/6": "83.333333%",
     full: "100%",
     screen: "100vh",
+    svh: "100svh",
+    lvh: "100lvh",
+    dvh: "100dvh",
     min: "min-content",
     max: "max-content",
     fit: "fit-content"
   },
   maxWidth: {
-    "0": "0rem",
+    "0": "0px",
+    "1": "2px",
+    "2": "4px",
+    "3": "8px",
+    "4": "12px",
+    "5": "16px",
+    "6": "24px",
+    "7": "32px",
+    "8": "40px",
+    "9": "48px",
+    "1px": "1px",
+    l1: "16px",
+    l2: "24px",
+    l3: "32px",
+    l4: "48px",
+    l5: "64px",
+    l6: "96px",
+    l7: "160px",
     none: "none",
     xs: "20rem",
     sm: "24rem",
@@ -4476,14 +4499,35 @@ var tailwind_theme_default = {
     l5: "64px",
     l6: "96px",
     l7: "160px",
+    none: "none",
     full: "100%",
     screen: "100vh",
+    svh: "100svh",
+    lvh: "100lvh",
+    dvh: "100dvh",
     min: "min-content",
     max: "max-content",
     fit: "fit-content"
   },
   minWidth: {
     "0": "0px",
+    "1": "2px",
+    "2": "4px",
+    "3": "8px",
+    "4": "12px",
+    "5": "16px",
+    "6": "24px",
+    "7": "32px",
+    "8": "40px",
+    "9": "48px",
+    "1px": "1px",
+    l1: "16px",
+    l2: "24px",
+    l3: "32px",
+    l4: "48px",
+    l5: "64px",
+    l6: "96px",
+    l7: "160px",
     full: "100%",
     min: "min-content",
     max: "max-content",
@@ -4491,8 +4535,28 @@ var tailwind_theme_default = {
   },
   minHeight: {
     "0": "0px",
+    "1": "2px",
+    "2": "4px",
+    "3": "8px",
+    "4": "12px",
+    "5": "16px",
+    "6": "24px",
+    "7": "32px",
+    "8": "40px",
+    "9": "48px",
+    "1px": "1px",
+    l1: "16px",
+    l2: "24px",
+    l3: "32px",
+    l4: "48px",
+    l5: "64px",
+    l6: "96px",
+    l7: "160px",
     full: "100%",
     screen: "100vh",
+    svh: "100svh",
+    lvh: "100lvh",
+    dvh: "100dvh",
     min: "min-content",
     max: "max-content",
     fit: "fit-content"
@@ -4989,6 +5053,12 @@ var tailwind_theme_default = {
     "span-4": "span 4 / span 4",
     "span-5": "span 5 / span 5",
     "span-6": "span 6 / span 6",
+    "span-7": "span 7 / span 7",
+    "span-8": "span 8 / span 8",
+    "span-9": "span 9 / span 9",
+    "span-10": "span 10 / span 10",
+    "span-11": "span 11 / span 11",
+    "span-12": "span 12 / span 12",
     "span-full": "1 / -1"
   },
   gridRowStart: {
@@ -4999,6 +5069,12 @@ var tailwind_theme_default = {
     "5": "5",
     "6": "6",
     "7": "7",
+    "8": "8",
+    "9": "9",
+    "10": "10",
+    "11": "11",
+    "12": "12",
+    "13": "13",
     auto: "auto"
   },
   gridRowEnd: {
@@ -5009,6 +5085,12 @@ var tailwind_theme_default = {
     "5": "5",
     "6": "6",
     "7": "7",
+    "8": "8",
+    "9": "9",
+    "10": "10",
+    "11": "11",
+    "12": "12",
+    "13": "13",
     auto: "auto"
   },
   gridTemplateColumns: {
@@ -5024,7 +5106,8 @@ var tailwind_theme_default = {
     "10": "repeat(10, minmax(0, 1fr))",
     "11": "repeat(11, minmax(0, 1fr))",
     "12": "repeat(12, minmax(0, 1fr))",
-    none: "none"
+    none: "none",
+    subgrid: "subgrid"
   },
   gridTemplateRows: {
     "1": "repeat(1, minmax(0, 1fr))",
@@ -5033,7 +5116,14 @@ var tailwind_theme_default = {
     "4": "repeat(4, minmax(0, 1fr))",
     "5": "repeat(5, minmax(0, 1fr))",
     "6": "repeat(6, minmax(0, 1fr))",
-    none: "none"
+    "7": "repeat(7, minmax(0, 1fr))",
+    "8": "repeat(8, minmax(0, 1fr))",
+    "9": "repeat(9, minmax(0, 1fr))",
+    "10": "repeat(10, minmax(0, 1fr))",
+    "11": "repeat(11, minmax(0, 1fr))",
+    "12": "repeat(12, minmax(0, 1fr))",
+    none: "none",
+    subgrid: "subgrid"
   },
   keyframes: {
     spin: { to: { transform: "rotate(360deg)" } },
@@ -5063,6 +5153,7 @@ var tailwind_theme_default = {
 
 // src/molecules/Context/Context.tsx
 var import_react10 = __toESM(require("react"));
+var import_i18n = require("@react-aria/i18n");
 var import_overlays = require("@react-aria/overlays");
 
 // src/utils/breakpoints.ts
@@ -5838,6 +5929,7 @@ var Element = (_a) => {
 var import_react3 = __toESM(require("react"));
 
 // src/utils/tailwind.ts
+var import_react_aria_components = require("react-aria-components");
 var import_classnames = __toESM(require("classnames"));
 function cleanClassNames(classNames5) {
   const tokens = classNames5.split(/\s+/);

package/dist/atoms.mjs

@@ -4336,6 +4336,9 @@ var tailwind_theme_default = {
     "11/12": "91.666667%",
     full: "100%",
     screen: "100vw",
+    svw: "100svw",
+    lvw: "100lvw",
+    dvw: "100dvw",
     min: "min-content",
     max: "max-content",
     fit: "fit-content"
@@ -4377,12 +4380,32 @@ var tailwind_theme_default = {
     "5/6": "83.333333%",
     full: "100%",
     screen: "100vh",
+    svh: "100svh",
+    lvh: "100lvh",
+    dvh: "100dvh",
     min: "min-content",
     max: "max-content",
     fit: "fit-content"
   },
   maxWidth: {
-    "0": "0rem",
+    "0": "0px",
+    "1": "2px",
+    "2": "4px",
+    "3": "8px",
+    "4": "12px",
+    "5": "16px",
+    "6": "24px",
+    "7": "32px",
+    "8": "40px",
+    "9": "48px",
+    "1px": "1px",
+    l1: "16px",
+    l2: "24px",
+    l3: "32px",
+    l4: "48px",
+    l5: "64px",
+    l6: "96px",
+    l7: "160px",
     none: "none",
     xs: "20rem",
     sm: "24rem",
@@ -4426,14 +4449,35 @@ var tailwind_theme_default = {
     l5: "64px",
     l6: "96px",
     l7: "160px",
+    none: "none",
     full: "100%",
     screen: "100vh",
+    svh: "100svh",
+    lvh: "100lvh",
+    dvh: "100dvh",
     min: "min-content",
     max: "max-content",
     fit: "fit-content"
   },
   minWidth: {
     "0": "0px",
+    "1": "2px",
+    "2": "4px",
+    "3": "8px",
+    "4": "12px",
+    "5": "16px",
+    "6": "24px",
+    "7": "32px",
+    "8": "40px",
+    "9": "48px",
+    "1px": "1px",
+    l1: "16px",
+    l2: "24px",
+    l3: "32px",
+    l4: "48px",
+    l5: "64px",
+    l6: "96px",
+    l7: "160px",
     full: "100%",
     min: "min-content",
     max: "max-content",
@@ -4441,8 +4485,28 @@ var tailwind_theme_default = {
   },
   minHeight: {
     "0": "0px",
+    "1": "2px",
+    "2": "4px",
+    "3": "8px",
+    "4": "12px",
+    "5": "16px",
+    "6": "24px",
+    "7": "32px",
+    "8": "40px",
+    "9": "48px",
+    "1px": "1px",
+    l1: "16px",
+    l2: "24px",
+    l3: "32px",
+    l4: "48px",
+    l5: "64px",
+    l6: "96px",
+    l7: "160px",
     full: "100%",
     screen: "100vh",
+    svh: "100svh",
+    lvh: "100lvh",
+    dvh: "100dvh",
     min: "min-content",
     max: "max-content",
     fit: "fit-content"
@@ -4939,6 +5003,12 @@ var tailwind_theme_default = {
     "span-4": "span 4 / span 4",
     "span-5": "span 5 / span 5",
     "span-6": "span 6 / span 6",
+    "span-7": "span 7 / span 7",
+    "span-8": "span 8 / span 8",
+    "span-9": "span 9 / span 9",
+    "span-10": "span 10 / span 10",
+    "span-11": "span 11 / span 11",
+    "span-12": "span 12 / span 12",
     "span-full": "1 / -1"
   },
   gridRowStart: {
@@ -4949,6 +5019,12 @@ var tailwind_theme_default = {
     "5": "5",
     "6": "6",
     "7": "7",
+    "8": "8",
+    "9": "9",
+    "10": "10",
+    "11": "11",
+    "12": "12",
+    "13": "13",
     auto: "auto"
   },
   gridRowEnd: {
@@ -4959,6 +5035,12 @@ var tailwind_theme_default = {
     "5": "5",
     "6": "6",
     "7": "7",
+    "8": "8",
+    "9": "9",
+    "10": "10",
+    "11": "11",
+    "12": "12",
+    "13": "13",
     auto: "auto"
   },
   gridTemplateColumns: {
@@ -4974,7 +5056,8 @@ var tailwind_theme_default = {
     "10": "repeat(10, minmax(0, 1fr))",
     "11": "repeat(11, minmax(0, 1fr))",
     "12": "repeat(12, minmax(0, 1fr))",
-    none: "none"
+    none: "none",
+    subgrid: "subgrid"
   },
   gridTemplateRows: {
     "1": "repeat(1, minmax(0, 1fr))",
@@ -4983,7 +5066,14 @@ var tailwind_theme_default = {
     "4": "repeat(4, minmax(0, 1fr))",
     "5": "repeat(5, minmax(0, 1fr))",
     "6": "repeat(6, minmax(0, 1fr))",
-    none: "none"
+    "7": "repeat(7, minmax(0, 1fr))",
+    "8": "repeat(8, minmax(0, 1fr))",
+    "9": "repeat(9, minmax(0, 1fr))",
+    "10": "repeat(10, minmax(0, 1fr))",
+    "11": "repeat(11, minmax(0, 1fr))",
+    "12": "repeat(12, minmax(0, 1fr))",
+    none: "none",
+    subgrid: "subgrid"
   },
   keyframes: {
     spin: { to: { transform: "rotate(360deg)" } },
@@ -5013,6 +5103,7 @@ var tailwind_theme_default = {
 
 // src/molecules/Context/Context.tsx
 import React9 from "react";
+import { I18nProvider } from "@react-aria/i18n";
 import { ModalProvider } from "@react-aria/overlays";
 
 // src/utils/breakpoints.ts
@@ -5788,6 +5879,7 @@ var Element = (_a) => {
 import React2 from "react";
 
 // src/utils/tailwind.ts
+import { composeRenderProps } from "react-aria-components";
 import originalClassNames from "classnames";
 function cleanClassNames(classNames5) {
   const tokens = classNames5.split(/\s+/);

package/dist/charts.cjs

@@ -2070,6 +2070,7 @@ var import_react2 = __toESM(require("react"));
 var import_recharts2 = require("recharts");
 
 // src/utils/tailwind.ts
+var import_react_aria_components = require("react-aria-components");
 var import_classnames = __toESM(require("classnames"));
 function cleanClassNames(classNames2) {
   const tokens = classNames2.split(/\s+/);

package/dist/charts.mjs

@@ -1946,6 +1946,7 @@ import React2 from "react";
 import { ResponsiveContainer as _ResponsiveContainer } from "recharts";
 
 // src/utils/tailwind.ts
+import { composeRenderProps } from "react-aria-components";
 import originalClassNames from "classnames";
 function cleanClassNames(classNames2) {
   const tokens = classNames2.split(/\s+/);

package/dist/src/atoms/utils/index.d.ts

@@ -0,0 +1,234 @@
+export declare const focusRing: import("tailwind-variants").TVReturnType<{
+    isFocusVisible: {
+        false: "outline-0";
+        true: "outline-2";
+    };
+}, undefined, "outline outline-primary-default outline-offset-2", import("tailwind-variants/dist/config").TVConfig<{
+    isFocusVisible: {
+        false: "outline-0";
+        true: "outline-2";
+    };
+}, {
+    isFocusVisible: {
+        false: "outline-0";
+        true: "outline-2";
+    };
+}>, {
+    isFocusVisible: {
+        false: "outline-0";
+        true: "outline-2";
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    isFocusVisible: {
+        false: "outline-0";
+        true: "outline-2";
+    };
+}, undefined, "outline outline-primary-default outline-offset-2", import("tailwind-variants/dist/config").TVConfig<{
+    isFocusVisible: {
+        false: "outline-0";
+        true: "outline-2";
+    };
+}, {
+    isFocusVisible: {
+        false: "outline-0";
+        true: "outline-2";
+    };
+}>, unknown, unknown, undefined>>;
+export declare const fieldBorder: import("tailwind-variants").TVReturnType<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, {
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}>, {
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, {
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}>, unknown, unknown, undefined>>;
+export declare const fieldGroup: import("tailwind-variants").TVReturnType<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, undefined, "group flex items-center bg-body border rounded-sm typography-small text-default px-3 py-3 overflow-hidden", import("tailwind-variants/dist/config").TVConfig<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, {
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}>, {
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, undefined, "group flex items-center bg-body border rounded-sm typography-small text-default px-3 py-3 overflow-hidden", import("tailwind-variants/dist/config").TVConfig<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, {
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}>, unknown, unknown, undefined>>;

package/dist/src/atoms/utils/index.js

@@ -0,0 +1,32 @@
+import { tv } from 'tailwind-variants';
+export const focusRing = tv({
+    base: 'outline outline-primary-default outline-offset-2',
+    variants: {
+        isFocusVisible: {
+            false: 'outline-0',
+            true: 'outline-2',
+        },
+    },
+});
+export const fieldBorder = tv({
+    variants: {
+        isReadOnly: {
+            true: 'bg-primary-muted',
+        },
+        isFocusWithin: {
+            false: 'border-default hover:border-intense',
+            true: 'border-info-default',
+        },
+        isInvalid: {
+            true: 'border-danger-default',
+        },
+        isDisabled: {
+            true: 'bg-default cursor-not-allowed text-inactive',
+        },
+    },
+});
+export const fieldGroup = tv({
+    base: 'group flex items-center bg-body border rounded-sm typography-small text-default px-3 py-3 overflow-hidden',
+    variants: fieldBorder.variants,
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvdXRpbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXZDLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDMUIsSUFBSSxFQUFFLGtEQUFrRDtJQUN4RCxRQUFRLEVBQUU7UUFDUixjQUFjLEVBQUU7WUFDZCxLQUFLLEVBQUUsV0FBVztZQUNsQixJQUFJLEVBQUUsV0FBVztTQUNsQjtLQUNGO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUM1QixRQUFRLEVBQUU7UUFDUixVQUFVLEVBQUU7WUFDVixJQUFJLEVBQUUsa0JBQWtCO1NBQ3pCO1FBQ0QsYUFBYSxFQUFFO1lBQ2IsS0FBSyxFQUFFLHFDQUFxQztZQUM1QyxJQUFJLEVBQUUscUJBQXFCO1NBQzVCO1FBQ0QsU0FBUyxFQUFFO1lBQ1QsSUFBSSxFQUFFLHVCQUF1QjtTQUM5QjtRQUNELFVBQVUsRUFBRTtZQUNWLElBQUksRUFBRSw2Q0FBNkM7U0FDcEQ7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFDM0IsSUFBSSxFQUFFLDJHQUEyRztJQUNqSCxRQUFRLEVBQUUsV0FBVyxDQUFDLFFBQVE7Q0FDL0IsQ0FBQyxDQUFDIn0=

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

@@ -4,7 +4,8 @@ export declare type ContextObject = {
     breakpointMatches: BreakpointMatches;
 };
 export declare type ContextProps = {
+    locale?: string;
     children: React.ReactNode;
 };
-export declare const Context: ({ children }: ContextProps) => JSX.Element;
+export declare const Context: ({ children, locale }: ContextProps) => JSX.Element;
 export declare const DesignSystemContext: React.Context<ContextObject>;