@aivenio/aquarium 1.10.0 → 1.12.0

package/dist/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 02 Mar 2023 12:26:06 GMT
+// Generated on Fri, 24 Mar 2023 10:10:33 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 Thu, 02 Mar 2023 12:26:06 GMT
+// Generated on Fri, 24 Mar 2023 10:10:33 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,14 @@ 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_interactions = require("@react-aria/interactions");
 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 +2378,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;
@@ -2393,6 +2394,9 @@ var Tooltip = (_a) => {
     shouldFlip,
     offset: ARROW_OFFSET
   });
+  const { focusWithinProps } = (0, import_interactions.useFocusWithin)({
+    onFocusWithinChange: (isFocusWithin) => isFocusWithin ? state.open() : state.close()
+  });
   const handleClick = (e) => {
     var _a2, _b2;
     (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
@@ -2421,6 +2425,16 @@ var Tooltip = (_a) => {
   return /* @__PURE__ */ import_react9.default.createElement("div", __spreadProps(__spreadValues({
     className: tw(`${inline ? "inline-block" : "block"}`)
   }, triggerProps), {
+    onFocus: (e) => {
+      var _a2, _b2;
+      (_a2 = triggerProps.onFocus) == null ? void 0 : _a2.call(triggerProps, e);
+      (_b2 = focusWithinProps.onFocus) == null ? void 0 : _b2.call(focusWithinProps, e);
+    },
+    onBlur: (e) => {
+      var _a2, _b2;
+      (_a2 = triggerProps.onBlur) == null ? void 0 : _a2.call(triggerProps, e);
+      (_b2 = focusWithinProps.onBlur) == null ? void 0 : _b2.call(focusWithinProps, e);
+    },
     onClick: handleClick,
     onMouseDown: handleMouseDown,
     onMouseUp: handleMouseUp,
@@ -2491,9 +2505,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 = {
@@ -2506,6 +2520,7 @@ var COLOR_CLASSNAMES = {
     "hover:ring-grey-50 hover:text-grey-80 disabled:text-grey-30 disabled:bg-grey-0 disabled:ring-grey-20"
   ),
   "ghost": ghostButtonStyle,
+  "text": ghostButtonStyle,
   "secondary-ghost": tw(
     "text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30"
   )
@@ -2605,7 +2620,7 @@ 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-strong": !dense && !isIconOnlyButton,
+            "typography-default-strong": !dense && !isIconOnlyButton && kind !== "text",
             "typography-small-strong": dense && !isIconOnlyButton,
             "py-3 px-4": !dense && isButton,
             "py-2 px-3": dense && isButton,
@@ -2659,6 +2674,12 @@ var SecondaryGhostButton = import_react10.default.forwardRef((props, ref) => /*
   kind: "secondary-ghost"
 })));
 SecondaryGhostButton.displayName = "SecondaryGhostButton";
+var TextButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(Button, __spreadProps(__spreadValues({
+  ref
+}, props), {
+  kind: "text"
+})));
+TextButton.displayName = "TextButton";
 var IconButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(Button, __spreadProps(__spreadValues({
   ref
 }, props), {
@@ -2690,7 +2711,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 +2744,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 +2837,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 +2871,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 +3000,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 +3012,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 +3066,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 +3110,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 +3131,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 +3150,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 +3269,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) => {
@@ -3326,10 +3347,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(
   ({
@@ -3390,7 +3411,7 @@ var Grid = Tailwindify(
   }
 );
 
-// src/common/InputGroup/InputGroup.tsx
+// src/atoms/InputGroup/InputGroup.tsx
 var gridColumnStyles = {
   "1": "grid-cols-1",
   "2": "grid-cols-2",
@@ -3408,7 +3429,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"]);
@@ -3417,7 +3438,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"]);
@@ -3519,7 +3540,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"]);
@@ -3537,7 +3558,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"]);
@@ -3580,7 +3601,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) => {
@@ -3608,7 +3629,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());
@@ -3780,7 +3801,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) => {
@@ -3861,7 +3882,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) => {
@@ -3899,7 +3920,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());