@aivenio/aquarium 4.1.2 → 4.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aivenio/aquarium",
-  "version": "4.1.2",
+  "version": "4.2.0",
   "description": "Aiven Aquarium design system",
   "main": "dist/system.cjs",
   "module": "dist/system.mjs",

package/dist/src/molecules/DateField/DateInput.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { type DateInputProps } from 'react-aria-components';
-export declare function DateInput(props: Omit<DateInputProps, 'children'>): React.JSX.Element;

package/dist/src/molecules/DateField/DateInput.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { DateInput as AriaDateInput, DateSegment } from 'react-aria-components';
-import { tv } from 'tailwind-variants';
-import { fieldGroup } from '../../../src/atoms/utils';
-const segmentStyles = tv({
-    base: 'inline p-0.5 rounded outline outline-0 caret-transparent text-default',
-    variants: {
-        isPlaceholder: {
-            true: 'text-inactive',
-        },
-        isDisabled: {
-            true: 'text-inactive',
-        },
-        isFocused: {
-            true: 'bg-info-muted',
-        },
-    },
-});
-export function DateInput(props) {
-    return (React.createElement(AriaDateInput, Object.assign({ className: (renderProps) => fieldGroup(Object.assign(Object.assign({}, renderProps), { class: 'block' })) }, props), (segment) => React.createElement(DateSegment, { segment: segment, className: segmentStyles })));
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZUlucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlRmllbGQvRGF0ZUlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsSUFBSSxhQUFhLEVBQXVCLFdBQVcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFN0MsTUFBTSxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLElBQUksRUFBRSx1RUFBdUU7SUFDN0UsUUFBUSxFQUFFO1FBQ1IsYUFBYSxFQUFFO1lBQ2IsSUFBSSxFQUFFLGVBQWU7U0FDdEI7UUFDRCxVQUFVLEVBQUU7WUFDVixJQUFJLEVBQUUsZUFBZTtTQUN0QjtRQUNELFNBQVMsRUFBRTtZQUNULElBQUksRUFBRSxlQUFlO1NBQ3RCO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLFVBQVUsU0FBUyxDQUFDLEtBQXVDO0lBQy9ELE9BQU8sQ0FDTCxvQkFBQyxhQUFhLGtCQUFDLFNBQVMsRUFBRSxDQUFDLFdBQVcsRUFBRSxFQUFFLENBQUMsVUFBVSxpQ0FBTSxXQUFXLEtBQUUsS0FBSyxFQUFFLE9BQU8sSUFBRyxJQUFNLEtBQUssR0FDakcsQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDLG9CQUFDLFdBQVcsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEdBQUksQ0FDM0QsQ0FDakIsQ0FBQztBQUNKLENBQUMifQ==

package/dist/src/molecules/DatePicker/Button.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type ButtonProps as AriaButtonProps } from 'react-aria-components';
-export declare function Button(props: AriaButtonProps): React.JSX.Element;
-export declare function ClearInputButton(props: AriaButtonProps): React.JSX.Element;
-export declare function CalendarButton(props: AriaButtonProps): React.JSX.Element;

package/dist/src/molecules/DatePicker/Button.js

@@ -1,35 +0,0 @@
-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 { Button as AriaButton, composeRenderProps } from 'react-aria-components';
-import { buttonClasses as buttonStyle, Icon } from '../../../src/atoms/Button/Button';
-import { classNames, tw } from '../../../src/utils/tailwind';
-import calendarIcon from '../../../src/icons/calendar';
-import smallCrossIcon from '../../../src/icons/smallCross';
-export function Button(props) {
-    return (React.createElement(AriaButton, Object.assign({}, props, { className: composeRenderProps(props.className, (className, renderProps) => buttonStyle(Object.assign(Object.assign({}, renderProps), { className, dense: true, kind: 'icon' }))) })));
-}
-const ButtonBase = (_a) => {
-    var { className, hideWhenParentIsNotHoveredOrFocused = true } = _a, props = __rest(_a, ["className", "hideWhenParentIsNotHoveredOrFocused"]);
-    return (React.createElement(Button, Object.assign({}, props, { className: classNames(className, tw('group-hover:opacity-100 p-0', {
-            'opacity-0 group-focus-within:opacity-100': !hideWhenParentIsNotHoveredOrFocused,
-        })) })));
-};
-export function ClearInputButton(props) {
-    return (React.createElement(ButtonBase, Object.assign({}, props, { "aria-label": "Clear", slot: null, hideWhenParentIsNotHoveredOrFocused: false }),
-        React.createElement(Icon, { icon: smallCrossIcon, dense: true })));
-}
-export function CalendarButton(props) {
-    return (React.createElement(ButtonBase, Object.assign({}, props, { "aria-label": "Calendar" }),
-        React.createElement(Icon, { icon: calendarIcon, dense: true })));
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlUGlja2VyL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sSUFBSSxVQUFVLEVBQXVDLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFdEgsT0FBTyxFQUFFLGFBQWEsSUFBSSxXQUFXLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFN0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLFlBQVksTUFBTSxvQkFBb0IsQ0FBQztBQUM5QyxPQUFPLGNBQWMsTUFBTSxzQkFBc0IsQ0FBQztBQUVsRCxNQUFNLFVBQVUsTUFBTSxDQUFDLEtBQXNCO0lBQzNDLE9BQU8sQ0FDTCxvQkFBQyxVQUFVLG9CQUNMLEtBQUssSUFDVCxTQUFTLEVBQUUsa0JBQWtCLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxDQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsRUFBRSxDQUN4RSxXQUFXLGlDQUFNLFdBQVcsS0FBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxJQUFHLENBQ3RFLElBQ0QsQ0FDSCxDQUFDO0FBQ0osQ0FBQztBQUVELE1BQU0sVUFBVSxHQUFHLENBQUMsRUFJa0QsRUFBRSxFQUFFO1FBSnRELEVBQ2xCLFNBQVMsRUFDVCxtQ0FBbUMsR0FBRyxJQUFJLE9BRTBCLEVBRGpFLEtBQUssY0FIVSxvREFJbkIsQ0FEUztJQUVSLE9BQU8sQ0FDTCxvQkFBQyxNQUFNLG9CQUNELEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLDZCQUE2QixFQUFFO1lBQ2hDLDBDQUEwQyxFQUFFLENBQUMsbUNBQW1DO1NBQ2pGLENBQUMsQ0FDSCxJQUNELENBQ0gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sVUFBVSxnQkFBZ0IsQ0FBQyxLQUFzQjtJQUNyRCxPQUFPLENBQ0wsb0JBQUMsVUFBVSxvQkFBSyxLQUFLLGtCQUFhLE9BQU8sRUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLG1DQUFtQyxFQUFFLEtBQUs7UUFDOUYsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxjQUFjLEVBQUUsS0FBSyxTQUFHLENBQ3pCLENBQ2QsQ0FBQztBQUNKLENBQUM7QUFFRCxNQUFNLFVBQVUsY0FBYyxDQUFDLEtBQXNCO0lBQ25ELE9BQU8sQ0FDTCxvQkFBQyxVQUFVLG9CQUFLLEtBQUssa0JBQWEsVUFBVTtRQUMxQyxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFlBQVksRUFBRSxLQUFLLFNBQUcsQ0FDdkIsQ0FDZCxDQUFDO0FBQ0osQ0FBQyJ9

package/dist/src/molecules/DatePicker/Dialog.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { type DialogProps } from 'react-aria-components';
-export declare function Dialog(props: DialogProps): React.JSX.Element;

package/dist/src/molecules/DatePicker/Dialog.js

@@ -1,7 +0,0 @@
-import React from 'react';
-import { Dialog as AriaDialog } from 'react-aria-components';
-import { classNames, tw } from '../../../src/utils/tailwind';
-export function Dialog(props) {
-    return (React.createElement(AriaDialog, Object.assign({}, props, { className: classNames(props.className, tw('outline outline-0 p-5 [[data-placement]>&]:px-5 [[data-placement]>&]:py-6 max-h-[inherit] overflow-auto relative')) })));
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlUGlja2VyL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLElBQUksVUFBVSxFQUFvQixNQUFNLHVCQUF1QixDQUFDO0FBRS9FLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsTUFBTSxVQUFVLE1BQU0sQ0FBQyxLQUFrQjtJQUN2QyxPQUFPLENBQ0wsb0JBQUMsVUFBVSxvQkFDTCxLQUFLLElBQ1QsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsS0FBSyxDQUFDLFNBQVMsRUFDZixFQUFFLENBQ0Esa0hBQWtILENBQ25ILENBQ0YsSUFDRCxDQUNILENBQUM7QUFDSixDQUFDIn0=

package/dist/src/molecules/DatePicker/Popover.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type PopoverProps as AriaPopoverProps } from 'react-aria-components';
-export type PopoverProps = Omit<AriaPopoverProps, 'children'> & {
-    showArrow?: boolean;
-    children: React.ReactNode;
-};
-export declare const Popover: React.FC<PopoverProps>;

package/dist/src/molecules/DatePicker/Popover.js

@@ -1,27 +0,0 @@
-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 { OverlayArrow, Popover as AriaPopover, PopoverContext, useSlottedContext, } from 'react-aria-components';
-import { tw } from '../../../src/utils/tailwind';
-export const Popover = (_a) => {
-    var { children, showArrow, className } = _a, props = __rest(_a, ["children", "showArrow", "className"]);
-    const popoverContext = useSlottedContext(PopoverContext);
-    const isSubmenu = (popoverContext === null || popoverContext === void 0 ? void 0 : popoverContext.trigger) === 'SubmenuTrigger';
-    let offset = showArrow ? 12 : 8;
-    offset = isSubmenu ? offset - 6 : offset;
-    return (React.createElement(AriaPopover, Object.assign({ offset: offset }, props, { className: tw('rounded-sm shadow-16dp bg-popover-content mt-1 overflow-y-auto flex flex-col border border-default outline-none') }),
-        showArrow && (React.createElement(OverlayArrow, { className: "group" },
-            React.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", className: "block fill-white stroke-1 stroke-black group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90" },
-                React.createElement("path", { d: "M0 0 L6 6 L12 0" })))),
-        children));
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0ZVBpY2tlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsWUFBWSxFQUNaLE9BQU8sSUFBSSxXQUFXLEVBQ3RCLGNBQWMsRUFFZCxpQkFBaUIsR0FDbEIsTUFBTSx1QkFBdUIsQ0FBQztBQUUvQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFPeEMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUEyQixDQUFDLEVBQTRDLEVBQUUsRUFBRTtRQUFoRCxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUExQyxzQ0FBNEMsQ0FBRjtJQUN4RixNQUFNLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUN6RCxNQUFNLFNBQVMsR0FBRyxDQUFBLGNBQWMsYUFBZCxjQUFjLHVCQUFkLGNBQWMsQ0FBRSxPQUFPLE1BQUssZ0JBQWdCLENBQUM7SUFDL0QsSUFBSSxNQUFNLEdBQUcsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoQyxNQUFNLEdBQUcsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFFekMsT0FBTyxDQUNMLG9CQUFDLFdBQVcsa0JBQ1YsTUFBTSxFQUFFLE1BQU0sSUFDVixLQUFLLElBQ1QsU0FBUyxFQUFFLEVBQUUsQ0FDWCxpSEFBaUgsQ0FDbEg7UUFFQSxTQUFTLElBQUksQ0FDWixvQkFBQyxZQUFZLElBQUMsU0FBUyxFQUFDLE9BQU87WUFDN0IsNkJBQ0UsS0FBSyxFQUFFLEVBQUUsRUFDVCxNQUFNLEVBQUUsRUFBRSxFQUNWLE9BQU8sRUFBQyxXQUFXLEVBQ25CLFNBQVMsRUFBQywwSUFBMEk7Z0JBRXBKLDhCQUFNLENBQUMsRUFBQyxpQkFBaUIsR0FBRyxDQUN4QixDQUNPLENBQ2hCO1FBQ0EsUUFBUSxDQUNHLENBQ2YsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9

package/dist/src/molecules/Field/Field.js

@@ -1,7 +0,0 @@
-import React from 'react';
-import { Group } from 'react-aria-components';
-import { fieldGroup } from '../../../src/atoms/utils';
-export const FieldGroup = (props) => {
-    return React.createElement(Group, Object.assign({}, props, { className: (renderProps) => fieldGroup(renderProps) }));
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0ZpZWxkL0ZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEtBQUssRUFBcUMsTUFBTSx1QkFBdUIsQ0FBQztBQUVqRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFN0MsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQUMsS0FBcUIsRUFBRSxFQUFFO0lBQ2xELE9BQU8sb0JBQUMsS0FBSyxvQkFBSyxLQUFLLElBQUUsU0FBUyxFQUFFLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztBQUNuRixDQUFDLENBQUMifQ==