@aivenio/aquarium 1.68.0-rc1 → 1.69.0

package/dist/src/utils/ContrastRatio.js

@@ -28,12 +28,12 @@ export const ContrastRatio = ({ backgroundColor, 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(Box, { borderColor: "default", 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(Box, { borderColor: "default", 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)),
@@ -41,14 +41,14 @@ export const ContrastRatio = ({ backgroundColor, textColor }) => {
             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(Typography, { color: ratio < 1 / 4.5 ? 'success-intense' : 'danger-intense' }, "AA"),
+                    React.createElement(Typography, { color: ratio < 1 / 7 ? 'success-intense' : 'danger-intense' }, "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")))));
+                    React.createElement(Typography, { color: ratio < 1 / 3 ? 'success-intense' : 'danger-intense' }, "AA"),
+                    React.createElement(Typography, { color: ratio < 1 / 4.5 ? 'success-intense' : 'danger-intense' }, "A")))));
     }
     return null;
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udHJhc3RSYXRpby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9Db250cmFzdFJhdGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBTzFELE1BQU0sVUFBVSxHQUFHLENBQUMsQ0FBUyxFQUFFLENBQVMsRUFBRSxDQUFTLEVBQUUsRUFBRTtJQUNyRCxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQztRQUNqQyxDQUFDLElBQUksR0FBRyxDQUFDO1FBQ1QsT0FBTyxDQUFDLElBQUksT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxHQUFHLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztJQUN2RSxDQUFDLENBQUMsQ0FBQztJQUNILE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUM7QUFDdkQsQ0FBQyxDQUFDO0FBSUYsTUFBTSxRQUFRLEdBQUcsQ0FBQyxJQUFTLEVBQUUsSUFBUyxFQUFFLEVBQUU7SUFDeEMsTUFBTSxjQUFjLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDN0QsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udHJhc3RSYXRpby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9Db250cmFzdFJhdGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBTzFELE1BQU0sVUFBVSxHQUFHLENBQUMsQ0FBUyxFQUFFLENBQVMsRUFBRSxDQUFTLEVBQUUsRUFBRTtJQUNyRCxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQztRQUNqQyxDQUFDLElBQUksR0FBRyxDQUFDO1FBQ1QsT0FBTyxDQUFDLElBQUksT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxHQUFHLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztJQUN2RSxDQUFDLENBQUMsQ0FBQztJQUNILE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUM7QUFDdkQsQ0FBQyxDQUFDO0FBSUYsTUFBTSxRQUFRLEdBQUcsQ0FBQyxJQUFTLEVBQUUsSUFBUyxFQUFFLEVBQUU7SUFDeEMsTUFBTSxjQUFjLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDN0QsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFB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

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

@@ -0,0 +1,64 @@
+import React from 'react';
+import { type StickyColumn } from '../../src/utils/table/types';
+declare type ScrollDirection = 'horizontal' | 'vertical';
+declare type UseStickyStylesOptions = {
+    borderColor: string;
+    boxShadowColor: string;
+};
+declare function useStickyStyles(scrollProgress: number | null, axis: ScrollDirection, { borderColor, boxShadowColor }: UseStickyStylesOptions): {
+    left: {
+        borderRight: import("@react-spring/core").Interpolation<string, string>;
+        boxShadow: import("@react-spring/core").Interpolation<string, string>;
+    };
+    right: {
+        borderLeft: import("@react-spring/core").Interpolation<string, string>;
+        boxShadow: import("@react-spring/core").Interpolation<string, string>;
+    };
+    top?: undefined;
+    bottom?: undefined;
+} | {
+    top: {
+        borderBottom: import("@react-spring/core").Interpolation<string, string>;
+        boxShadow: import("@react-spring/core").Interpolation<string, string>;
+    };
+    bottom: {
+        borderTop: import("@react-spring/core").Interpolation<string, string>;
+        boxShadow: import("@react-spring/core").Interpolation<string, string>;
+    };
+    left?: undefined;
+    right?: undefined;
+};
+export declare function createAnimatedCell({ cellElement, stickyStyles, stickyColumn, }: {
+    cellElement: JSX.Element;
+    stickyStyles?: ReturnType<typeof useStickyStyles>;
+    stickyColumn: StickyColumn | undefined;
+}): React.JSX.Element;
+export declare function useScrollStyles({ containerRef, skip, direction, options, }: {
+    containerRef: React.RefObject<HTMLDivElement>;
+    skip?: boolean;
+    direction?: ScrollDirection;
+    options?: UseStickyStylesOptions;
+}): {
+    left: {
+        borderRight: import("@react-spring/core").Interpolation<string, string>;
+        boxShadow: import("@react-spring/core").Interpolation<string, string>;
+    };
+    right: {
+        borderLeft: import("@react-spring/core").Interpolation<string, string>;
+        boxShadow: import("@react-spring/core").Interpolation<string, string>;
+    };
+    top?: undefined;
+    bottom?: undefined;
+} | {
+    top: {
+        borderBottom: import("@react-spring/core").Interpolation<string, string>;
+        boxShadow: import("@react-spring/core").Interpolation<string, string>;
+    };
+    bottom: {
+        borderTop: import("@react-spring/core").Interpolation<string, string>;
+        boxShadow: import("@react-spring/core").Interpolation<string, string>;
+    };
+    left?: undefined;
+    right?: undefined;
+};
+export {};

package/dist/src/utils/stickyStyles.js

@@ -0,0 +1,74 @@
+import React, { useMemo, useState } from 'react';
+import { animated, useScroll, useSpring } from '@react-spring/web';
+import throttle from 'lodash/throttle';
+function useStickyStyles(scrollProgress, axis, { borderColor, boxShadowColor }) {
+    const { startValue, endValue } = useMemo(() => {
+        if (scrollProgress === null) {
+            return { startValue: 0, endValue: 0 };
+        }
+        const startValue = scrollProgress;
+        const endValue = 1 - scrollProgress;
+        return { startValue, endValue };
+    }, [scrollProgress]);
+    const springStyles = useSpring({
+        borderColorStart: `rgba(${borderColor}, ${startValue})`,
+        borderColorEnd: `rgba(${borderColor}, ${endValue})`,
+        boxShadowColorStart: `rgba(${boxShadowColor}, ${Math.min(startValue / 0.3, 0.1)})`,
+        boxShadowColorEnd: `rgba(${boxShadowColor}, ${Math.min(endValue / 0.3, 0.1)})`,
+    });
+    return axis === 'horizontal'
+        ? {
+            left: {
+                borderRight: springStyles.borderColorStart.to((borderColor) => `${Math.min(startValue / 0.3, 1)}px solid ${borderColor}`),
+                boxShadow: springStyles.boxShadowColorStart.to((boxShadowColor) => `${boxShadowColor} 7px 0px 5px 0px`),
+            },
+            right: {
+                borderLeft: springStyles.borderColorEnd.to((borderColor) => `${Math.min(endValue / 0.3, 1)}px solid ${borderColor}`),
+                boxShadow: springStyles.boxShadowColorEnd.to((boxShadowColor) => `${boxShadowColor} -7px 0px 5px 0px`),
+            },
+        }
+        : {
+            top: {
+                borderBottom: springStyles.borderColorStart.to((borderColor) => `${Math.min(startValue / 0.3, 1)}px solid ${borderColor}`),
+                boxShadow: springStyles.boxShadowColorStart.to((boxShadowColor) => `${boxShadowColor} 0px 7px 5px 0px`),
+            },
+            bottom: {
+                borderTop: springStyles.borderColorEnd.to((borderColor) => `${Math.min(endValue / 0.3, 1)}px solid ${borderColor}`),
+                boxShadow: springStyles.boxShadowColorEnd.to((boxShadowColor) => `${boxShadowColor} 0px -7px 5px 0px`),
+            },
+        };
+}
+function useScrollProgress({ containerRef, skip }) {
+    const [scrollState, setScrollState] = useState(null);
+    const throttledSetScrollState = throttle(({ scrollX, scrollXProgress }) => {
+        setScrollState({ scrollX, scrollXProgress });
+    }, 50);
+    useScroll({
+        container: containerRef,
+        onChange: ({ value: { scrollX, scrollXProgress } }) => {
+            throttledSetScrollState({ scrollX, scrollXProgress });
+        },
+        default: {
+            immediate: true,
+        },
+        pause: skip, // This prevents tracking of scrollXProgress when there are no sticky columns
+    });
+    const isContainerUnscrollable = scrollState && scrollState.scrollX === 0 && (scrollState === null || scrollState === void 0 ? void 0 : scrollState.scrollXProgress) === 1;
+    // If container is not scrollable return null
+    if (!scrollState || isContainerUnscrollable) {
+        return null;
+    }
+    return scrollState.scrollXProgress;
+}
+export function createAnimatedCell({ cellElement, stickyStyles, stickyColumn, }) {
+    if (!stickyColumn || !stickyStyles) {
+        return cellElement;
+    }
+    const AnimatedCell = animated(cellElement.type);
+    return (React.createElement(AnimatedCell, Object.assign({}, cellElement.props, { key: cellElement.key, style: Object.assign(Object.assign({}, cellElement.props.style), stickyStyles[stickyColumn]) }), cellElement.props.children));
+}
+export function useScrollStyles({ containerRef, skip = false, direction = 'horizontal', options = { borderColor: '210, 210, 214', boxShadowColor: '58, 58, 68' }, }) {
+    const scrollXProgress = useScrollProgress({ containerRef, skip });
+    return useStickyStyles(scrollXProgress, direction, options);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RpY2t5U3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL3N0aWNreVN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ2pELE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25FLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBVXZDLFNBQVMsZUFBZSxDQUN0QixjQUE2QixFQUM3QixJQUFxQixFQUNyQixFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQTBCO0lBRXZELE1BQU0sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLEdBQUcsT0FBTyxDQUFDLEdBQUcsRUFBRTtRQUM1QyxJQUFJLGNBQWMsS0FBSyxJQUFJLEVBQUU7WUFDM0IsT0FBTyxFQUFFLFVBQVUsRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxDQUFDO1NBQ3ZDO1FBQ0QsTUFBTSxVQUFVLEdBQUcsY0FBYyxDQUFDO1FBQ2xDLE1BQU0sUUFBUSxHQUFHLENBQUMsR0FBRyxjQUFjLENBQUM7UUFDcEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsQ0FBQztJQUNsQyxDQUFDLEVBQUUsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDO0lBRXJCLE1BQU0sWUFBWSxHQUFHLFNBQVMsQ0FBQztRQUM3QixnQkFBZ0IsRUFBRSxRQUFRLFdBQVcsS0FBSyxVQUFVLEdBQUc7UUFDdkQsY0FBYyxFQUFFLFFBQVEsV0FBVyxLQUFLLFFBQVEsR0FBRztRQUNuRCxtQkFBbUIsRUFBRSxRQUFRLGNBQWMsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQVUsR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLEdBQUc7UUFDbEYsaUJBQWlCLEVBQUUsUUFBUSxjQUFjLEtB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

package/dist/styles.css

@@ -636,7 +636,7 @@ input[type='number'].no-arrows {
   line-height: 1.5;
   text-transform: none;
   color: #4a4b57;
-  color: var(--aquarium-colors-grey-70, #4a4b57);
+  color: var(--aquarium-text-color-default);
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
@@ -671,7 +671,7 @@ input[type='number'].no-arrows {
 }
 .recharts-tooltip-item>span{
   color: #4a4b57;
-  color: var(--aquarium-colors-grey-70, #4a4b57);
+  color: var(--aquarium-text-color-default);
 }
 .recharts-tooltip-item-name{
   flex-grow: 1;
@@ -701,7 +701,7 @@ input[type='number'].no-arrows {
   margin-left: 2px;
   margin-right: 0 !important;
   color: #4a4b57 !important;
-  color: var(--aquarium-colors-grey-70, #4a4b57) !important;
+  color: var(--aquarium-text-color-default) !important;
 }
 .recharts-sector.inactive,.recharts-rectangle.inactive{
   opacity: 0.5;
@@ -1484,6 +1484,9 @@ input[type='number'].no-arrows {
 .table-fixed{
   table-layout: fixed;
 }
+.border-separate{
+  border-collapse: separate;
+}
 .border-spacing-0{
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -1681,6 +1684,9 @@ input[type='number'].no-arrows {
 .overflow-hidden{
   overflow: hidden;
 }
+.overflow-x-auto{
+  overflow-x: auto;
+}
 .overflow-y-auto{
   overflow-y: auto;
 }
@@ -1787,10 +1793,6 @@ input[type='number'].no-arrows {
   border-color: #787885;
   border-color: var(--aquarium-border-color-intense);
 }
-.border-grey-90{
-  border-color: #292a31;
-  border-color: var(--aquarium-colors-grey-90, #292a31);
-}
 .border-success-intense{
   border-color: #00b300;
   border-color: var(--aquarium-border-color-success-intense);
@@ -1799,10 +1801,6 @@ input[type='number'].no-arrows {
   border-color: currentColor;
   border-color: var(--aquarium-colors-current, currentColor);
 }
-.border-grey-100{
-  border-color: #19191d;
-  border-color: var(--aquarium-colors-grey-100, #19191d);
-}
 .bg-intense{
   background-color: #d2d2d6;
   background-color: var(--aquarium-background-color-intense);
@@ -1895,10 +1893,6 @@ input[type='number'].no-arrows {
   background-color: transparent;
   background-color: var(--aquarium-colors-transparent, transparent);
 }
-.bg-grey-5{
-  background-color: #ededf0;
-  background-color: var(--aquarium-colors-grey-5, #ededf0);
-}
 .bg-danger-default{
   background-color: #ffadb3;
   background-color: var(--aquarium-background-color-danger-default);
@@ -3161,6 +3155,10 @@ input[type='number'].no-arrows {
   border-color: #0399e3;
   border-color: var(--aquarium-border-color-info-default);
 }
+.peer:checked:disabled~.peer-checked\:peer-disabled\:bg-muted{
+  background-color: #f7f7fa;
+  background-color: var(--aquarium-background-color-muted);
+}
 .children\:inline-block>*{
   display: inline-block;
 }