@aivenio/aquarium 1.9.0 → 1.11.0

package/dist/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 28 Feb 2023 10:27:04 GMT
+// Generated on Tue, 14 Mar 2023 08:41:16 GMT
 
 $border-radius-none: 0px !default;
 $border-radius-sm: 0.125rem !default;

package/dist/_variables_timescale.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 28 Feb 2023 10:27:05 GMT
+// Generated on Tue, 14 Mar 2023 08:41:16 GMT
 
 $border-radius-none: 0px;
 $border-radius-sm: 0.125rem;

package/dist/atoms.cjs

@@ -1377,9 +1377,9 @@ var require_search = __commonJS({
   }
 });
 
-// src/common/index.ts
-var common_exports = {};
-__export(common_exports, {
+// src/atoms/index.ts
+var atoms_exports = {};
+__export(atoms_exports, {
   Alert: () => Alert,
   Card: () => Card,
   Checkbox: () => Checkbox,
@@ -1408,18 +1408,18 @@ __export(common_exports, {
   isOptionDisabledBuiltin: () => isOptionDisabledBuiltin,
   rowClassNames: () => rowClassNames
 });
-module.exports = __toCommonJS(common_exports);
+module.exports = __toCommonJS(atoms_exports);
 
-// src/common/Alert/Alert.tsx
+// src/atoms/Alert/Alert.tsx
 var import_react12 = __toESM(require("react"));
 
-// src/components/Button/Button.tsx
+// src/molecules/Button/Button.tsx
 var import_react10 = __toESM(require("react"));
 
-// src/components/Flexbox/Flexbox.tsx
+// src/molecules/Flexbox/Flexbox.tsx
 var import_react5 = __toESM(require("react"));
 
-// src/components/Tailwindify/Tailwindify.tsx
+// src/molecules/Tailwindify/Tailwindify.tsx
 var import_react4 = __toESM(require("react"));
 var import_get2 = __toESM(require("lodash/get"));
 var import_isUndefined4 = __toESM(require("lodash/isUndefined"));
@@ -1953,7 +1953,7 @@ var tailwind_theme_default = {
   }
 };
 
-// src/components/Context/Context.tsx
+// src/molecules/Context/Context.tsx
 var import_react2 = __toESM(require("react"));
 var import_overlays = require("@react-aria/overlays");
 
@@ -2009,7 +2009,7 @@ var import_react = require("react");
 var import_debounce = __toESM(require("lodash/debounce"));
 var import_isUndefined2 = __toESM(require("lodash/isUndefined"));
 
-// src/components/Context/Context.tsx
+// src/molecules/Context/Context.tsx
 var context = {
   breakpointMatches: getMatches(void 0)
 };
@@ -2054,7 +2054,7 @@ function useStyle(styles) {
   }, {});
 }
 
-// src/components/Tailwindify/Tailwindify.tsx
+// src/molecules/Tailwindify/Tailwindify.tsx
 function Tailwindify(Component) {
   return (_a) => {
     var _b = _a, {
@@ -2168,7 +2168,7 @@ function Tailwindify(Component) {
   };
 }
 
-// src/components/Flexbox/Flexbox.tsx
+// src/molecules/Flexbox/Flexbox.tsx
 var Flexbox = Tailwindify(
   ({
     htmlTag = "div",
@@ -2204,7 +2204,7 @@ var Flexbox = Tailwindify(
   }
 );
 
-// src/components/Icon/Icon.tsx
+// src/molecules/Icon/Icon.tsx
 var import_react6 = __toESM(require("react"));
 var import_react7 = require("@iconify/react");
 
@@ -2234,7 +2234,7 @@ var classNames = (...args) => {
   return cleanClassNames(result);
 };
 
-// src/components/Icon/Icon.tsx
+// src/molecules/Icon/Icon.tsx
 var Icon = import_react6.default.forwardRef((_a, ref) => {
   var _b = _a, { color, className } = _b, rest = __objRest(_b, ["color", "className"]);
   const classes2 = classNames(className, color && `text-${color}`);
@@ -2254,13 +2254,13 @@ var InlineIcon = import_react6.default.forwardRef((_a, ref) => {
   }, rest)));
 });
 
-// src/components/Tooltip/Tooltip.tsx
+// src/molecules/Tooltip/Tooltip.tsx
 var import_react9 = __toESM(require("react"));
 var import_overlays3 = require("@react-aria/overlays");
 var import_tooltip = require("@react-aria/tooltip");
 var import_utils = require("@react-aria/utils");
 
-// src/components/Tooltip/useTooltipTriggerState.ts
+// src/molecules/Tooltip/useTooltipTriggerState.ts
 var import_react8 = require("react");
 var import_overlays2 = require("@react-stately/overlays");
 var TOOLTIP_DELAY = 1500;
@@ -2377,7 +2377,7 @@ function useTooltipTriggerState(props = {}) {
   };
 }
 
-// src/components/Tooltip/Tooltip.tsx
+// src/molecules/Tooltip/Tooltip.tsx
 var Tooltip = (_a) => {
   var _b = _a, { inline = true, delay = 200 } = _b, props = __objRest(_b, ["inline", "delay"]);
   const { placement: _placement = "top", content, disabled: isDisabled, shouldFlip = true } = props;
@@ -2491,9 +2491,9 @@ var Arrow = (props) => {
 var ghostButtonStyle = tw(
   "text-primary-80 active:text-primary-70 focus-visible:text-grey-90 hover:text-primary-70 disabled:text-primary-40"
 );
-var linkStyle = classNames(ghostButtonStyle, tw("visited:text-primary-80"));
+var linkStyle = classNames(ghostButtonStyle, tw("visited:text-primary-80 focusable"));
 
-// src/components/Button/Button.tsx
+// src/molecules/Button/Button.tsx
 var import_chevronDown = __toESM(require_chevronDown());
 var import_loading = __toESM(require_loading());
 var COLOR_CLASSNAMES = {
@@ -2605,8 +2605,8 @@ var asButton = (Component, isDropdownButton) => {
           !isIconOnlyButton && COLOR_CLASSNAMES[kind],
           tw("inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative", {
             "text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent": isIconOnlyButton,
-            "typography-default": !dense && !isIconOnlyButton,
-            "typography-small": dense && !isIconOnlyButton,
+            "typography-default-strong": !dense && !isIconOnlyButton,
+            "typography-small-strong": dense && !isIconOnlyButton,
             "py-3 px-4": !dense && isButton,
             "py-2 px-3": dense && isButton,
             "py-3": !dense && isGhost,
@@ -2690,7 +2690,7 @@ var SecondaryDropdownButton = import_react10.default.forwardRef((props, ref) =>
 })));
 SecondaryDropdownButton.displayName = "SecondaryDropdownButton";
 
-// src/common/Typography/Typography.tsx
+// src/atoms/Typography/Typography.tsx
 var import_react11 = __toESM(require("react"));
 var import_isUndefined5 = __toESM(require("lodash/isUndefined"));
 var import_resolveTheme = __toESM(require_resolveTheme());
@@ -2723,7 +2723,7 @@ var Typography = (_a) => {
   }, rest), children);
 };
 
-// src/common/Alert/Alert.tsx
+// src/atoms/Alert/Alert.tsx
 var import_confirm = __toESM(require_confirm());
 var import_cross = __toESM(require_cross());
 var import_error = __toESM(require_error());
@@ -2816,15 +2816,15 @@ Alert.Dismiss = (_a) => {
   })));
 };
 
-// src/common/Card/Card.tsx
+// src/atoms/Card/Card.tsx
 var import_react16 = __toESM(require("react"));
 var import_isNumber = __toESM(require("lodash/isNumber"));
 
-// src/components/Box/Box.tsx
+// src/molecules/Box/Box.tsx
 var import_react15 = __toESM(require("react"));
 var import_isUndefined6 = __toESM(require("lodash/isUndefined"));
 
-// src/components/Element/Element.tsx
+// src/molecules/Element/Element.tsx
 var import_react13 = __toESM(require("react"));
 var Element = (_a) => {
   var _b = _a, { component } = _b, rest = __objRest(_b, ["component"]);
@@ -2850,7 +2850,7 @@ var createSimpleComponent = (Component, defaultProps, displayName) => {
   return Curried;
 };
 
-// src/components/Box/Box.tsx
+// src/molecules/Box/Box.tsx
 var Box = (_a) => {
   var _b = _a, {
     style,
@@ -2979,7 +2979,7 @@ var BorderBox = createSimpleComponent(
   "BorderBox"
 );
 
-// src/common/Card/Card.tsx
+// src/atoms/Card/Card.tsx
 var Card = import_react16.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { disabled, fullWidth, enableMinWidth = true, clickable, className, children } = _b, rest = __objRest(_b, ["disabled", "fullWidth", "enableMinWidth", "clickable", "className", "children"]);
@@ -2991,7 +2991,7 @@ var Card = import_react16.default.forwardRef(
           "w-[280px]": !fullWidth,
           "w-full": Boolean(fullWidth),
           "min-w-[280px]": Boolean(fullWidth) && Boolean(enableMinWidth),
-          "active:bg-grey-5 cursor-pointer hover:border-grey-50 focus:border-info-70": Boolean(clickable && !disabled),
+          "active:bg-grey-5 cursor-pointer hover:border-grey-50 focusable": Boolean(clickable && !disabled),
           "bg-grey-0 cursor-not-allowed focus:border-transparent": Boolean(disabled)
         }),
         className
@@ -3045,7 +3045,7 @@ Card.ImageContainer = ImageContainer;
 Card.Image = Image;
 Card.ColorHiglight = ColorHighlight;
 
-// src/common/Checkbox/Checkbox.tsx
+// src/atoms/Checkbox/Checkbox.tsx
 var import_react17 = __toESM(require("react"));
 var import_minus = __toESM(require_minus());
 var import_tick = __toESM(require_tick());
@@ -3089,7 +3089,7 @@ var Checkbox = import_react17.default.forwardRef(
   }
 );
 
-// src/common/Chip/Chip.tsx
+// src/atoms/Chip/Chip.tsx
 var import_react18 = __toESM(require("react"));
 var Container = import_react18.default.forwardRef(
   (_a, ref) => {
@@ -3110,7 +3110,7 @@ var Chip = {
   Container
 };
 
-// src/common/Dialog/Dialog.tsx
+// src/atoms/Dialog/Dialog.tsx
 var import_confirm2 = __toESM(require_confirm());
 var import_error2 = __toESM(require_error());
 var import_warningSign2 = __toESM(require_warningSign());
@@ -3129,10 +3129,10 @@ var DIALOG_ICONS_AND_COLORS = {
   }
 };
 
-// src/common/DropdownMenu/DropdownMenu.tsx
+// src/atoms/DropdownMenu/DropdownMenu.tsx
 var import_react20 = __toESM(require("react"));
 
-// src/components/Typography/Typography.tsx
+// src/molecules/Typography/Typography.tsx
 var import_react19 = __toESM(require("react"));
 var Typography2 = (props) => /* @__PURE__ */ import_react19.default.createElement(Typography, __spreadValues({}, props));
 Typography2.LargeHeading = (_a) => {
@@ -3248,7 +3248,7 @@ Typography2.SmallTextBold = (_a) => {
   }));
 };
 
-// src/common/DropdownMenu/DropdownMenu.tsx
+// src/atoms/DropdownMenu/DropdownMenu.tsx
 var import_tick2 = __toESM(require_tick());
 var DropdownMenu = import_react20.default.forwardRef(
   (_a, ref) => {
@@ -3256,15 +3256,12 @@ var DropdownMenu = import_react20.default.forwardRef(
     return /* @__PURE__ */ import_react20.default.createElement("div", __spreadValues({
       ref,
       style: { maxHeight, minWidth, maxWidth },
-      className: classNames(
-        className,
-        "bg-white w-full overflow-y-auto overflow-x-hidden typography-small text-grey-70"
-      )
+      className: classNames(className, "bg-white w-full flex flex-col overflow-x-hidden typography-small text-grey-70")
     }, props), children);
   }
 );
 var ContentContainer = ({ children }) => /* @__PURE__ */ import_react20.default.createElement("div", {
-  className: tw("p-3")
+  className: tw("p-3 overflow-y-auto overflow-x-hidden")
 }, children);
 DropdownMenu.ContentContainer = ContentContainer;
 var List = import_react20.default.forwardRef(
@@ -3329,10 +3326,10 @@ var EmptyStateContainer = (_a) => {
 };
 DropdownMenu.EmptyStateContainer = EmptyStateContainer;
 
-// src/common/InputGroup/InputGroup.tsx
+// src/atoms/InputGroup/InputGroup.tsx
 var import_react22 = __toESM(require("react"));
 
-// src/components/Grid/Grid.tsx
+// src/molecules/Grid/Grid.tsx
 var import_react21 = __toESM(require("react"));
 var Grid = Tailwindify(
   ({
@@ -3393,7 +3390,7 @@ var Grid = Tailwindify(
   }
 );
 
-// src/common/InputGroup/InputGroup.tsx
+// src/atoms/InputGroup/InputGroup.tsx
 var gridColumnStyles = {
   "1": "grid-cols-1",
   "2": "grid-cols-2",
@@ -3411,7 +3408,7 @@ var InputGroup = (_a) => {
   }), children);
 };
 
-// src/common/Link/Link.tsx
+// src/atoms/Link/Link.tsx
 var import_react23 = __toESM(require("react"));
 var Link = (_a) => {
   var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
@@ -3420,7 +3417,7 @@ var Link = (_a) => {
   }, props), children);
 };
 
-// src/common/Modal/Modal.tsx
+// src/atoms/Modal/Modal.tsx
 var import_react24 = __toESM(require("react"));
 var Modal = (_a) => {
   var _b = _a, { children, className, open } = _b, rest = __objRest(_b, ["children", "className", "open"]);
@@ -3522,7 +3519,7 @@ Modal.Actions = (_a) => {
   }), children);
 };
 
-// src/common/Popover/Popover.tsx
+// src/atoms/Popover/Popover.tsx
 var import_react25 = __toESM(require("react"));
 var PopoverPanel = import_react25.default.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
@@ -3531,7 +3528,7 @@ var PopoverPanel = import_react25.default.forwardRef((_a, ref) => {
     className: classNames(
       className,
       tw(
-        "rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20"
+        "rounded-sm shadow-16dp bg-white mt-1 overflow-y-auto flex flex-col focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20"
       )
     )
   }, props), children);
@@ -3540,7 +3537,7 @@ var Popover = {
   Panel: PopoverPanel
 };
 
-// src/common/PopoverDialog/PopoverDialog.tsx
+// src/atoms/PopoverDialog/PopoverDialog.tsx
 var import_react26 = __toESM(require("react"));
 var Header = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
@@ -3583,7 +3580,7 @@ var PopoverDialog = {
   Actions: Actions2
 };
 
-// src/common/RadioButton/RadioButton.tsx
+// src/atoms/RadioButton/RadioButton.tsx
 var import_react27 = __toESM(require("react"));
 var RadioButton = import_react27.default.forwardRef(
   (_a, ref) => {
@@ -3611,7 +3608,7 @@ var RadioButton = import_react27.default.forwardRef(
   }
 );
 
-// src/common/Select/Select.tsx
+// src/atoms/Select/Select.tsx
 var import_react28 = __toESM(require("react"));
 var import_chevronDown2 = __toESM(require_chevronDown());
 var import_chevronUp = __toESM(require_chevronUp());
@@ -3783,7 +3780,7 @@ var Select = {
   Toggle
 };
 
-// src/common/Stepper/Stepper.tsx
+// src/atoms/Stepper/Stepper.tsx
 var import_react29 = __toESM(require("react"));
 var import_tick4 = __toESM(require_tick());
 var Stepper = (_a) => {
@@ -3864,7 +3861,7 @@ Stepper.Step = Step;
 ConnectorContainer.Connector = Connector;
 Stepper.ConnectorContainer = ConnectorContainer;
 
-// src/common/Switch/Switch.tsx
+// src/atoms/Switch/Switch.tsx
 var import_react30 = __toESM(require("react"));
 var Switch = import_react30.default.forwardRef(
   (_a, ref) => {
@@ -3902,7 +3899,7 @@ var Switch = import_react30.default.forwardRef(
   }
 );
 
-// src/common/Table/Table.tsx
+// src/atoms/Table/Table.tsx
 var import_react31 = __toESM(require("react"));
 var import_chevronDown3 = __toESM(require_chevronDown());
 var import_chevronUp2 = __toESM(require_chevronUp());