@aivenio/aquarium 3.0.0 → 3.1.0

package/dist/src/molecules/Select/Select.js

@@ -19,9 +19,7 @@ import { PopoverOverlay } from '../../../src/molecules/Popover/PopoverOverlay';
 import { defaultGetValue, hasOptionGroups } from '../../../src/molecules/Select/utils';
 import { getOptionLabelBuiltin, isOptionDisabledBuiltin, Select as Base } from '../../../src/atoms/Select/Select';
 import { Skeleton } from '../../../src/atoms/Skeleton/Skeleton';
-import { FormControl } from '../../../src/utils/form/FormControl/FormControl';
-import { HelperText } from '../../../src/utils/form/HelperText/HelperText';
-import { getLabelControlProps, Label, LabelControl } from '../../../src/utils/form/Label/Label';
+import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
 import { classNames, tw } from '../../../src/utils/tailwind';
 const hasIconProperty = (val) => {
     var _a;
@@ -46,7 +44,7 @@ const _SelectBase = (props) => {
         isOptionDisabled: isOptionDisabledBuiltin,
         actions: [],
     });
-    const { id, name, placeholder, disabled, readOnly, maxHeight, options, optionToString: itemToString, getValue, getOptionKey, UNSAFE_renderOption, isOptionDisabled, defaultValue, value, onChange, valid, emptyState, actions, children, labelWrapper } = withDefaults, rest = __rest(withDefaults, ["id", "name", "placeholder", "disabled", "readOnly", "maxHeight", "options", "optionToString", "getValue", "getOptionKey", "UNSAFE_renderOption", "isOptionDisabled", "defaultValue", "value", "onChange", "valid", "emptyState", "actions", "children", "labelWrapper"]);
+    const { id, name, placeholder, disabled, readOnly, maxHeight, options, optionToString: itemToString, getValue, getOptionKey, UNSAFE_renderOption, isOptionDisabled, defaultValue, value, onChange, valid, emptyState, actions, children } = withDefaults, rest = __rest(withDefaults, ["id", "name", "placeholder", "disabled", "readOnly", "maxHeight", "options", "optionToString", "getValue", "getOptionKey", "UNSAFE_renderOption", "isOptionDisabled", "defaultValue", "value", "onChange", "valid", "emptyState", "actions", "children"]);
     const [hasFocus, setFocus] = useState(false);
     const targetRef = useRef(null);
     const menuRef = useRef(null);
@@ -90,7 +88,7 @@ const _SelectBase = (props) => {
         !readOnly && React.createElement(Base.Toggle, { disabled: disabled, isOpen: isOpen, tabIndex: -1 })));
     const menuProps = getMenuProps({ ref: menuRef }, { suppressRefError: !isOpen });
     return (React.createElement("div", { className: classNames('Aquarium-SelectBase', tw('relative')) },
-        labelWrapper ? React.cloneElement(labelWrapper, { children: input }) : input,
+        input,
         isOpen && (React.createElement(PopoverOverlay, { state: state, triggerRef: targetRef, placement: "bottom-left", shouldFlip: true, style: { width: (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth } },
             React.createElement(Base.Menu, Object.assign({ maxHeight: maxHeight }, menuProps),
                 options.length === 0 && React.createElement(Base.EmptyStateContainer, null, emptyState),
@@ -103,7 +101,7 @@ const _SelectBase = (props) => {
                             closeMenu();
                         } }), act.label))))))))));
 };
-export const SelectBase = (props) => React.createElement(_SelectBase, Object.assign({}, props, { labelWrapper: undefined }));
+export const SelectBase = (props) => React.createElement(_SelectBase, Object.assign({}, props));
 const SelectBaseSkeleton = () => React.createElement(Skeleton, { height: 38 });
 SelectBase.Skeleton = SelectBaseSkeleton;
 export const Select = (_a) => {
@@ -116,19 +114,11 @@ export const Select = (_a) => {
     const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
     const labelProps = getLabelControlProps(props);
     const baseProps = omit(props, without(Object.keys(labelProps), 'required'));
-    const legacyError = labelProps.error !== undefined && labelProps.valid === false;
-    const variant = !labelProps.valid || legacyError ? 'error' : labelProps.disabled ? 'disabled' : 'default';
-    const label = (React.createElement(Label, Object.assign({ id: `${id}-label`, htmlFor: `${id}-input`, variant: variant, messageId: errorMessageId }, labelProps)));
-    /*
-     * We have to do things here a bit differently, since semantically
-     * we can't wrap the whole `<Select>` component inside a HTML <label>.
-     */
-    return (React.createElement(FormControl, { className: "Aquarium-Select" },
-        React.createElement(_SelectBase, Object.assign({}, baseProps, errorProps, { id: `${id}-input`, options: options, disabled: props.disabled, valid: props.valid, labelWrapper: label })),
-        React.createElement(HelperText, { messageId: errorMessageId, error: !labelProps.valid, helperText: labelProps.helperText, length: labelProps.length, maxLength: labelProps.maxLength, reserveSpaceForError: labelProps.reserveSpaceForError })));
+    return (React.createElement(LabelControl, Object.assign({ id: `${id}-label`, htmlFor: `${id}-input`, messageId: errorMessageId }, labelProps, { className: "Aquarium-Select" }),
+        React.createElement(_SelectBase, Object.assign({}, baseProps, errorProps, { id: `${id}-input`, options: options, disabled: props.disabled, valid: props.valid }))));
 };
 const SelectSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
     React.createElement(SelectBase.Skeleton, null)));
 Select.Skeleton = SelectSkeleton;
 Select.Skeleton.displayName = 'Select.Skeleton';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9TZWxlY3QvU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLCtDQUErQztBQUMvQyxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDaEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDdEMsT0FBTyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUUzRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDckQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLHVCQUF1QixFQUFFLE1BQU0sSUFBSSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFdkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBMEIsTUFBTSw0QkFBNEIsQ0FBQztBQUMvRyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBbUNwRCxNQUFNLGVBQWUsR0FBRyxDQUFDLEdBQVksRUFBeUMsRUFBRTs7SUFDOUUsT0FBTyxPQUFPLEdBQUcsS0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9TZWxlY3QvU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLCtDQUErQztBQUMvQyxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDaEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDdEMsT0FBTyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUUzRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDckQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLHVCQUF1QixFQUFFLE1BQU0sSUFBSSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFdkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBMEIsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBbUNwRCxNQUFNLGVBQWUsR0FBRyxDQUFDLEdBQVksRUFBeUMsRUFBRTs7SUFDOUUsT0FBTyxPQUFPLEdBQUcsS0FBSyxRQUFRLElBQUksQ0FBQSxNQUFDLEdBQVcsYUFBWCxHQUFHLHVCQUFILEdBQUcsQ0FBVSxJQUFJLDBDQUFFLElBQUksTUFBSyxTQUFTLENBQUM7QUFDM0UsQ0FBQyxD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

package/dist/src/utils/constants.js

@@ -1,10 +1,10 @@
 import { classNames, tw } from '../../src/utils/tailwind';
 export const getCommonInputStyles = ({ readOnly, valid }) => tw('block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-default typography-small text-default disabled:text-inactive placeholder:text-inactive focus:outline-none', {
-    'px-3 py-3 bg-body': !readOnly,
+    'px-3 py-3 bg-transparent': !readOnly,
     'border-none resize-none cursor-default bg-transparent': readOnly,
     'border border-danger-default': !valid && !readOnly,
     'border border-default hover:border-intense focus:border-info-default': valid && !readOnly,
 });
 export const ghostButtonStyle = tw('text-primary-intense active:text-primary-active focus-visible:text-primary-active hover:text-primary-active disabled:text-primary-inactive');
 export const linkStyle = classNames(ghostButtonStyle, tw('visited:text-primary-intense no-underline hover:underline focusable'));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUF5QyxFQUFVLEVBQUUsQ0FDekcsRUFBRSxDQUNBLG1NQUFtTSxFQUNuTTtJQUNFLG1CQUFtQixFQUFFLENBQUMsUUFBUTtJQUM5Qix1REFBdUQsRUFBRSxRQUFRO0lBQ2pFLDhCQUE4QixFQUFFLENBQUMsS0FBSyxJQUFJLENBQUMsUUFBUTtJQUNuRCxzRUFBc0UsRUFBRSxLQUFLLElBQUksQ0FBQyxRQUFRO0NBQzNGLENBQ0YsQ0FBQztBQUVKLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLEVBQUUsQ0FDaEMsNElBQTRJLENBQzdJLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUNqQyxnQkFBZ0IsRUFDaEIsRUFBRSxDQUFDLHFFQUFxRSxDQUFDLENBQzFFLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUF5QyxFQUFVLEVBQUUsQ0FDekcsRUFBRSxDQUNBLG1NQUFtTSxFQUNuTTtJQUNFLDBCQUEwQixFQUFFLENBQUMsUUFBUTtJQUNyQyx1REFBdUQsRUFBRSxRQUFRO0lBQ2pFLDhCQUE4QixFQUFFLENBQUMsS0FBSyxJQUFJLENBQUMsUUFBUTtJQUNuRCxzRUFBc0UsRUFBRSxLQUFLLElBQUksQ0FBQyxRQUFRO0NBQzNGLENBQ0YsQ0FBQztBQUVKLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLEVBQUUsQ0FDaEMsNElBQTRJLENBQzdJLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUNqQyxnQkFBZ0IsRUFDaEIsRUFBRSxDQUFDLHFFQUFxRSxDQUFDLENBQzFFLENBQUMifQ==

package/dist/src/utils/form/FormControl/FormControl.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 type Props = {
-    className?: string;
-    inline?: boolean;
+    'className'?: string;
+    'inline'?: boolean;
+    'data-testid'?: string;
 };
 export declare const FormControl: React.FC<React.PropsWithChildren<Props>>;
 export {};

package/dist/src/utils/form/FormControl/FormControl.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Box } from '../../../../src/molecules';
-export const FormControl = ({ className, inline, children }) => {
-    return (React.createElement(Box.Flex, { flexDirection: "column", display: inline ? 'inline-flex' : 'flex', className: className }, children));
+export const FormControl = ({ className, inline, children, 'data-testid': dataTestId, }) => {
+    return (React.createElement(Box.Flex, { "data-testid": dataTestId, flexDirection: "column", display: inline ? 'inline-flex' : 'flex', className: className }, children));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUNvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9Gb3JtQ29udHJvbC9Gb3JtQ29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPcEMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUE2QyxDQUFDLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQ3ZHLE9BQU8sQ0FDTCxvQkFBQyxHQUFHLENBQUMsSUFBSSxJQUFDLGFBQWEsRUFBQyxRQUFRLEVBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQUUsU0FBUyxFQUFFLFNBQVMsSUFDNUYsUUFBUSxDQUNBLENBQ1osQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUNvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9Gb3JtQ29udHJvbC9Gb3JtQ29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFRcEMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUE2QyxDQUFDLEVBQ3BFLFNBQVMsRUFDVCxNQUFNLEVBQ04sUUFBUSxFQUNSLGFBQWEsRUFBRSxVQUFVLEdBQzFCLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCxvQkFBQyxHQUFHLENBQUMsSUFBSSxtQkFDTSxVQUFVLEVBQ3ZCLGFBQWEsRUFBQyxRQUFRLEVBQ3RCLE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUN4QyxTQUFTLEVBQUUsU0FBUyxJQUVuQixRQUFRLENBQ0EsQ0FDWixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/src/utils/form/Label/Label.js

@@ -47,7 +47,7 @@ export const LabelControl = (_a) => {
     // LabelControlProps
     fieldset = false, children, 
     // LabelProps
-    valid, disabled, className } = _a, rest = __rest(_a, ["messageId", "error", "helperText", "length", "maxLength", "reserveSpaceForError", "fieldset", "children", "valid", "disabled", "className"]);
+    valid, disabled, className, htmlFor, 'data-testid': dataTestId } = _a, rest = __rest(_a, ["messageId", "error", "helperText", "length", "maxLength", "reserveSpaceForError", "fieldset", "children", "valid", "disabled", "className", "htmlFor", 'data-testid']);
     /*
      * For backwards compatibility we'll support two ways to provide error
      * message; using either `helperText` or `error` props.
@@ -60,8 +60,11 @@ export const LabelControl = (_a) => {
      */
     const legacyError = error !== undefined && valid === false;
     const variant = !valid || legacyError ? 'error' : disabled ? 'disabled' : 'default';
-    return (React.createElement(FormControl, { className: className },
-        !fieldset && (React.createElement(Label, Object.assign({}, rest, { variant: variant }), children)),
+    return (React.createElement(FormControl, { "data-testid": dataTestId, className: className },
+        !fieldset && !!htmlFor && (React.createElement(React.Fragment, null,
+            React.createElement(Label, Object.assign({}, rest, { htmlFor: htmlFor, variant: variant })),
+            children)),
+        !fieldset && !htmlFor && (React.createElement(Label, Object.assign({}, rest, { variant: variant }), children)),
         fieldset && (React.createElement("fieldset", { id: rest.id },
             React.createElement("legend", { className: tw('w-full mb-2') },
                 React.createElement(LabelText, Object.assign({}, rest, { variant: variant }))),
@@ -91,4 +94,4 @@ export const getLabelControlProps = (_a) => {
         'data-testid': dataTestId,
     });
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9MYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXZELE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsVUFBVSxFQUF3QixNQUFNLHNDQUFzQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxZQUFZLE1BQU0sd0JBQXdCLENBQUM7QUE4RGxELE1BQU0sU0FBUyxHQUF5QixDQUFDLEVBQ3ZDLE9BQU8sR0FBRyxTQUFTLEVBQ25CLFNBQVMsRUFDVCxRQUFRLEVBQ1IsV0FBVyxFQUNYLG9CQUFvQixFQUNwQixXQUFXLEdBQ1osRUFBRSxFQUFFO0lBQ0gsT0FBTyxDQUNMLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDO1FBQy9CLDhCQUNFLFNBQVMsRUFBRSxFQUFFLENBQUMsa0RBQWtELEVBQUU7Z0JBQ2hFLGNBQWMsRUFBRSxPQUFPLEtBQUssU0FBUztnQkFDckMscUJBQXFCLEVBQUUsT0FBTyxLQUFLLE9BQU87Z0JBQzFDLGVBQWUsRUFBRSxPQUFPLEtBQUssVUFBVTthQUN4QyxDQUFDO1lBRUQsU0FBUztZQUNULFFBQVEsSUFBSSw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLHFCQUFxQixDQUFDLFFBQVU7WUFDaEUsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsT0FBTyxJQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLG9CQUFv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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9MYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXZELE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsVUFBVSxFQUF3QixNQUFNLHNDQUFzQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxZQUFZLE1BQU0sd0JBQXdCLENBQUM7QUE4RGxELE1BQU0sU0FBUyxHQUF5QixDQUFDLEVBQ3ZDLE9BQU8sR0FBRyxTQUFTLEVBQ25CLFNBQVMsRUFDVCxRQUFRLEVBQ1IsV0FBVyxFQUNYLG9CQUFvQixFQUNwQixXQUFXLEdBQ1osRUFBRSxFQUFFO0lBQ0gsT0FBTyxDQUNMLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDO1FBQy9CLDhCQUNFLFNBQVMsRUFBRSxFQUFFLENBQUMsa0RBQWtELEVBQUU7Z0JBQ2hFLGNBQWMsRUFBRSxPQUFPLEtBQUssU0FBUztnQkFDckMscUJBQXFCLEVBQUUsT0FBTyxLQUFLLE9BQU87Z0JBQzFDLGVBQWUsRUFBRSxPQUFPLEtBQUssVUFBVTthQUN4QyxDQUFDO1lBRUQsU0FBUztZQUNULFFBQVEsSUFBSSw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLHFCQUFxQixDQUFDLFFBQVU7WUFDaEUsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsT0FBTyxJQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLG9CQUFv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

package/dist/styles.css

@@ -2777,6 +2777,9 @@ input[type='number'].no-arrows {
   -o-object-fit: cover;
      object-fit: cover;
 }
+.p-0{
+  padding: 0px;
+}
 .p-1{
   padding: 2px;
 }
@@ -3643,9 +3646,9 @@ input[type='number'].no-arrows {
   --aquarium-background-color-status-danger: color-mix(in srgb, var(--aquarium-colors-error-100) 30%, transparent);
   --aquarium-background-color-status-success: color-mix(in srgb, var(--aquarium-colors-success-100) 30%, transparent);
 
-  --aquarium-text-color-inactive: var(--aquarium-colors-grey-60);
+  --aquarium-text-color-inactive: var(--aquarium-colors-grey-50);
   --aquarium-text-color-muted: var(--aquarium-colors-grey-50);
-  --aquarium-text-color-default: var(--aquarium-colors-grey-20);
+  --aquarium-text-color-default: var(--aquarium-colors-grey-30);
   --aquarium-text-color-intense: var(--aquarium-colors-grey-0);
   --aquarium-text-color-opposite-default: var(--aquarium-colors-grey-90);
   --aquarium-text-color-primary-inactive: var(--aquarium-colors-grey-60);
@@ -3742,7 +3745,7 @@ input[type='number'].no-arrows {
 .aquarium-theme-dark .Aquarium-Alert\.Banner svg .fill-error-10 {
         --aquarium-colors-error-10: rgba(105, 25, 30, 1);
       }
-.aquarium-theme-dark .Aquarium-Dropdown\.Item.bg-muted,.aquarium-theme-dark .Aquarium-Dropdown\.Item.hover\:bg-muted:hover,.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.bg-muted,.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.hover\:bg-muted:hover{
+.aquarium-theme-dark .Aquarium-Dropdown\.Item.bg-muted,.aquarium-theme-dark .Aquarium-Dropdown\.Item.hover\:bg-muted:hover,.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.bg-muted,.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.hover\:bg-muted:hover,.aquarium-theme-dark .Aquarium-Select\.Item.bg-muted,.aquarium-theme-dark .Aquarium-Select\.Item.hover\:bg-muted:hover{
       background-color: rgba(237,237,240,1);
       background-color: var(--aquarium-background-color-default);
     }

package/dist/system.cjs

@@ -1390,6 +1390,22 @@ var require_database02 = __commonJS({
   }
 });
 
+// src/icons/databaseArrow.js
+var require_databaseArrow = __commonJS({
+  "src/icons/databaseArrow.js"(exports2) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14 3.333c0 1.105-2.686 2-6 2s-6-.895-6-2m12 0c0-1.104-2.686-2-6-2s-6 .896-6 2m12 0v3.212M2 3.333v9.334c0 1.106 2.667 2 6 2m6-8.187c0 1.107-2.667 2-6 2s-6-.893-6-2m6 5.147c-3.333 0-6-.894-6-2m12.91 2.737-2.183-2.182m0 0-2.181 2.182m2.181-2.182v4.364"/>',
+      "left": 0,
+      "top": 0,
+      "width": 16,
+      "height": 16
+    };
+    exports2.__esModule = true;
+    exports2.default = data;
+  }
+});
+
 // src/icons/database.js
 var require_database = __commonJS({
   "src/icons/database.js"(exports2) {
@@ -4634,7 +4650,7 @@ var InputContainer = import_react3.default.forwardRef(
           "border-danger-default": variant === "error",
           "hover:border-intense": variant !== "error" && variant !== "disabled" && variant !== "focused",
           "border-info-default": variant === "focused",
-          "bg-body": variant !== "disabled",
+          "bg-transparent": variant !== "disabled",
           "cursor-not-allowed border-default bg-default": variant === "disabled"
         }
       ),
@@ -4650,12 +4666,11 @@ var Input = import_react3.default.forwardRef(({ className, required, ...props },
     "aria-required": required,
     className: classNames(
       className,
-      "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-default placeholder:text-inactive",
+      "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small bg-transparent disabled:cursor-not-allowed disabled:bg-default placeholder:text-inactive",
       {
         "text-default": !props.disabled,
         "text-inactive": props.disabled,
-        "bg-body": !props.readOnly,
-        "cursor-default bg-transparent": props.readOnly
+        "cursor-default": props.readOnly
       }
     ),
     ...props
@@ -4667,7 +4682,7 @@ var Menu = import_react3.default.forwardRef(
     {
       ref,
       style: { maxHeight },
-      className: classNames(className, tw("text-default bg-body overflow-y-auto")),
+      className: classNames(className, tw("text-default bg-popover-content overflow-y-auto")),
       ...props
     },
     children
@@ -4696,7 +4711,7 @@ var Item = import_react3.default.forwardRef(
     "li",
     {
       ref,
-      className: classNames(className, "flex items-center gap-x-3 p-3 typography-small", {
+      className: classNames("Aquarium-Select.Item", className, "flex items-center gap-x-3 p-3 typography-small", {
         "cursor-pointer hover:bg-muted": !props["aria-disabled"],
         "cursor-not-allowed opacity-40 grayscale": props["aria-disabled"],
         "bg-muted": highlighted
@@ -4848,6 +4863,7 @@ var import_currencyDollar = __toESM(require_currencyDollar());
 var import_dashboard = __toESM(require_dashboard());
 var import_dataLineage = __toESM(require_dataLineage());
 var import_database02 = __toESM(require_database02());
+var import_databaseArrow = __toESM(require_databaseArrow());
 var import_database = __toESM(require_database());
 var import_dataflow01 = __toESM(require_dataflow01());
 var import_dataflow02 = __toESM(require_dataflow02());
@@ -7247,7 +7263,7 @@ var Arrow = (props) => {
 var getCommonInputStyles = ({ readOnly, valid }) => tw(
   "block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-default typography-small text-default disabled:text-inactive placeholder:text-inactive focus:outline-none",
   {
-    "px-3 py-3 bg-body": !readOnly,
+    "px-3 py-3 bg-transparent": !readOnly,
     "border-none resize-none cursor-default bg-transparent": readOnly,
     "border border-danger-default": !valid && !readOnly,
     "border border-default hover:border-intense focus:border-info-default": valid && !readOnly
@@ -9481,8 +9497,22 @@ var import_react55 = __toESM(require("react"));
 
 // src/utils/form/FormControl/FormControl.tsx
 var import_react52 = __toESM(require("react"));
-var FormControl = ({ className, inline, children }) => {
-  return /* @__PURE__ */ import_react52.default.createElement(Box.Flex, { flexDirection: "column", display: inline ? "inline-flex" : "flex", className }, children);
+var FormControl = ({
+  className,
+  inline,
+  children,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ import_react52.default.createElement(
+    Box.Flex,
+    {
+      "data-testid": dataTestId,
+      flexDirection: "column",
+      display: inline ? "inline-flex" : "flex",
+      className
+    },
+    children
+  );
 };
 
 // src/utils/form/HelperText/HelperText.tsx
@@ -9584,11 +9614,13 @@ var LabelControl = ({
   valid,
   disabled,
   className,
+  htmlFor,
+  "data-testid": dataTestId,
   ...rest
 }) => {
   const legacyError = error2 !== void 0 && valid === false;
   const variant = !valid || legacyError ? "error" : disabled ? "disabled" : "default";
-  return /* @__PURE__ */ import_react55.default.createElement(FormControl, { className }, !fieldset && /* @__PURE__ */ import_react55.default.createElement(Label2, { ...rest, variant }, children), fieldset && /* @__PURE__ */ import_react55.default.createElement("fieldset", { id: rest.id }, /* @__PURE__ */ import_react55.default.createElement("legend", { className: tw("w-full mb-2") }, /* @__PURE__ */ import_react55.default.createElement(LabelText, { ...rest, variant })), children), /* @__PURE__ */ import_react55.default.createElement(
+  return /* @__PURE__ */ import_react55.default.createElement(FormControl, { "data-testid": dataTestId, className }, !fieldset && !!htmlFor && /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement(Label2, { ...rest, htmlFor, variant }), children), !fieldset && !htmlFor && /* @__PURE__ */ import_react55.default.createElement(Label2, { ...rest, variant }, children), fieldset && /* @__PURE__ */ import_react55.default.createElement("fieldset", { id: rest.id }, /* @__PURE__ */ import_react55.default.createElement("legend", { className: tw("w-full mb-2") }, /* @__PURE__ */ import_react55.default.createElement(LabelText, { ...rest, variant })), children), /* @__PURE__ */ import_react55.default.createElement(
     HelperText,
     {
       messageId,
@@ -10308,7 +10340,6 @@ var _SelectBase = (props) => {
     emptyState,
     actions,
     children,
-    labelWrapper,
     ...rest
   } = withDefaults;
   const [hasFocus, setFocus] = (0, import_react64.useState)(false);
@@ -10393,7 +10424,7 @@ var _SelectBase = (props) => {
     !readOnly && /* @__PURE__ */ import_react64.default.createElement(Select.Toggle, { disabled, isOpen, tabIndex: -1 })
   );
   const menuProps = getMenuProps({ ref: menuRef }, { suppressRefError: !isOpen });
-  return /* @__PURE__ */ import_react64.default.createElement("div", { className: classNames("Aquarium-SelectBase", tw("relative")) }, labelWrapper ? import_react64.default.cloneElement(labelWrapper, { children: input }) : input, isOpen && /* @__PURE__ */ import_react64.default.createElement(
+  return /* @__PURE__ */ import_react64.default.createElement("div", { className: classNames("Aquarium-SelectBase", tw("relative")) }, input, isOpen && /* @__PURE__ */ import_react64.default.createElement(
     PopoverOverlay,
     {
       state,
@@ -10417,7 +10448,7 @@ var _SelectBase = (props) => {
     ))))
   ));
 };
-var SelectBase = (props) => /* @__PURE__ */ import_react64.default.createElement(_SelectBase, { ...props, labelWrapper: void 0 });
+var SelectBase = (props) => /* @__PURE__ */ import_react64.default.createElement(_SelectBase, { ...props });
 var SelectBaseSkeleton = () => /* @__PURE__ */ import_react64.default.createElement(Skeleton, { height: 38 });
 SelectBase.Skeleton = SelectBaseSkeleton;
 var Select2 = ({
@@ -10430,31 +10461,27 @@ var Select2 = ({
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const labelProps = getLabelControlProps(props);
   const baseProps = (0, import_lodash_es20.omit)(props, (0, import_lodash_es20.without)(Object.keys(labelProps), "required"));
-  const legacyError = labelProps.error !== void 0 && labelProps.valid === false;
-  const variant = !labelProps.valid || legacyError ? "error" : labelProps.disabled ? "disabled" : "default";
-  const label = /* @__PURE__ */ import_react64.default.createElement(Label2, { id: `${id}-label`, htmlFor: `${id}-input`, variant, messageId: errorMessageId, ...labelProps });
-  return /* @__PURE__ */ import_react64.default.createElement(FormControl, { className: "Aquarium-Select" }, /* @__PURE__ */ import_react64.default.createElement(
-    _SelectBase,
-    {
-      ...baseProps,
-      ...errorProps,
-      id: `${id}-input`,
-      options,
-      disabled: props.disabled,
-      valid: props.valid,
-      labelWrapper: label
-    }
-  ), /* @__PURE__ */ import_react64.default.createElement(
-    HelperText,
+  return /* @__PURE__ */ import_react64.default.createElement(
+    LabelControl,
     {
+      id: `${id}-label`,
+      htmlFor: `${id}-input`,
       messageId: errorMessageId,
-      error: !labelProps.valid,
-      helperText: labelProps.helperText,
-      length: labelProps.length,
-      maxLength: labelProps.maxLength,
-      reserveSpaceForError: labelProps.reserveSpaceForError
-    }
-  ));
+      ...labelProps,
+      className: "Aquarium-Select"
+    },
+    /* @__PURE__ */ import_react64.default.createElement(
+      _SelectBase,
+      {
+        ...baseProps,
+        ...errorProps,
+        id: `${id}-input`,
+        options,
+        disabled: props.disabled,
+        valid: props.valid
+      }
+    )
+  );
 };
 var SelectSkeleton = () => /* @__PURE__ */ import_react64.default.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ import_react64.default.createElement(SelectBase.Skeleton, null));
 Select2.Skeleton = SelectSkeleton;
@@ -12423,7 +12450,7 @@ var fieldBorder = (0, import_tailwind_variants2.tv)({
   }
 });
 var fieldGroup = (0, import_tailwind_variants2.tv)({
-  base: "group flex items-center bg-body border rounded-sm typography-small text-default px-3 py-3 overflow-hidden",
+  base: "group flex items-center bg-transparent border rounded-sm typography-small text-default px-3 py-3 overflow-hidden",
   variants: fieldBorder.variants
 });
 
@@ -12500,7 +12527,7 @@ var ButtonBase = ({
       ...props,
       className: classNames(
         className,
-        tw("group-hover:opacity-100 py-1 ", {
+        tw("group-hover:opacity-100 p-0", {
           "opacity-0 group-focus-within:opacity-100": !hideWhenParentIsNotHoveredOrFocused
         })
       )
@@ -12646,7 +12673,7 @@ var createDatePickerBase = (variant) => ({
       isInvalid: valid === false,
       granularity: granularity ?? (variant === "datetime" && !hasSomeValue ? "minute" : void 0)
     },
-    /* @__PURE__ */ import_react91.default.createElement(FieldGroup, { className: tw("min-w-[210px] w-auto") }, /* @__PURE__ */ import_react91.default.createElement(DateInput, { className: tw("flex-1") }), clearSelectionEnabled && !disabled && /* @__PURE__ */ import_react91.default.createElement(DatePickerClearButton, null), /* @__PURE__ */ import_react91.default.createElement(CalendarButton, null)),
+    /* @__PURE__ */ import_react91.default.createElement(FieldGroup, { className: tw("min-w-[210px] w-auto") }, /* @__PURE__ */ import_react91.default.createElement(DateInput, { className: tw("flex-1") }), /* @__PURE__ */ import_react91.default.createElement(Box.Flex, { alignItems: "center", gap: "2" }, clearSelectionEnabled && !disabled && /* @__PURE__ */ import_react91.default.createElement(DatePickerClearButton, null), /* @__PURE__ */ import_react91.default.createElement(CalendarButton, null))),
     /* @__PURE__ */ import_react91.default.createElement(Popover2, { offset: 0 }, /* @__PURE__ */ import_react91.default.createElement(Dialog, null, /* @__PURE__ */ import_react91.default.createElement(Spacing, { gap: "3" }, /* @__PURE__ */ import_react91.default.createElement(Calendar, null), variant === "datetime" && /* @__PURE__ */ import_react91.default.createElement(PickerTimeField, { granularity }), errorMessage && /* @__PURE__ */ import_react91.default.createElement(import_react_aria_components8.Text, { slot: "errorMessage", className: tw("typography-caption text-danger-default max-w-[300px]") }, errorMessage))))
   );
 };
@@ -12777,7 +12804,7 @@ var createDateRangePickerBase = (variant) => ({
       granularity: granularity ?? (variant === "datetime" && !hasSomeValue ? "minute" : void 0),
       className: tw("group flex flex-col gap-1")
     },
-    /* @__PURE__ */ import_react93.default.createElement(FieldGroup, { className: tw("min-w-[200px] w-auto gap-2") }, /* @__PURE__ */ import_react93.default.createElement(DateInput, { slot: "start", className: tw("px-2 py-1") }), /* @__PURE__ */ import_react93.default.createElement("span", { "aria-hidden": true, className: tw("text-muted") }, "-"), /* @__PURE__ */ import_react93.default.createElement(DateInput, { slot: "end", className: tw("flex-1 px-2 py-1") }), clearSelectionEnabled && !disabled && /* @__PURE__ */ import_react93.default.createElement(DateRangePickerClearButton, null), /* @__PURE__ */ import_react93.default.createElement(CalendarButton, null)),
+    /* @__PURE__ */ import_react93.default.createElement(FieldGroup, { className: tw("min-w-[200px] w-auto gap-2") }, /* @__PURE__ */ import_react93.default.createElement(DateInput, { slot: "start", className: tw("px-2 py-1") }), /* @__PURE__ */ import_react93.default.createElement("span", { "aria-hidden": true, className: tw("text-muted") }, "-"), /* @__PURE__ */ import_react93.default.createElement(DateInput, { slot: "end", className: tw("flex-1 px-2 py-1") }), /* @__PURE__ */ import_react93.default.createElement(Box.Flex, { alignItems: "center", gap: "2" }, clearSelectionEnabled && !disabled && /* @__PURE__ */ import_react93.default.createElement(DateRangePickerClearButton, null), /* @__PURE__ */ import_react93.default.createElement(CalendarButton, null))),
     /* @__PURE__ */ import_react93.default.createElement(Popover2, { offset: 0 }, /* @__PURE__ */ import_react93.default.createElement(Dialog, null, /* @__PURE__ */ import_react93.default.createElement(Spacing, { gap: "3" }, /* @__PURE__ */ import_react93.default.createElement(RangeCalendar, null), variant === "datetime" && /* @__PURE__ */ import_react93.default.createElement(Box.Flex, { gap: "6" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: tw("flex-1") }, /* @__PURE__ */ import_react93.default.createElement(PickerTimeField2, { granularity, part: "start" })), /* @__PURE__ */ import_react93.default.createElement("div", { className: tw("flex-1") }, /* @__PURE__ */ import_react93.default.createElement(PickerTimeField2, { granularity, part: "end" }))), errorMessage && /* @__PURE__ */ import_react93.default.createElement(import_react_aria_components10.Text, { slot: "errorMessage", className: tw("typography-caption text-danger-default max-w-[300px]") }, errorMessage))))
   );
 };
@@ -14463,8 +14490,8 @@ var NativeSelectBase = import_react115.default.forwardRef(
           tw(
             "block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-default placeholder:text-inactive focus:outline-none",
             {
-              "px-3 py-3 bg-body disabled:border-default disabled:bg-default disabled:text-inactive": !readOnly,
-              "px-0 py-3 border-none": readOnly,
+              "px-3 py-3 bg-transparent disabled:border-default disabled:bg-default disabled:text-inactive": !readOnly,
+              "px-0 py-3 border-none bg-transparent": readOnly,
               "border border-danger-default": !valid && !readOnly,
               "border border-default hover:border-intense focus:border-info-default": valid && !readOnly
             }