@aivenio/aquarium 2.13.1 → 2.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/atoms.cjs +12 -2
  2. package/dist/atoms.mjs +12 -2
  3. package/dist/src/atoms/Navigation/Navigation.d.ts +11 -2
  4. package/dist/src/atoms/Navigation/Navigation.js +12 -1
  5. package/dist/src/molecules/Navigation/Navigation.d.ts +6 -1
  6. package/dist/system.cjs +12 -2
  7. package/dist/system.mjs +12 -2
  8. package/dist/tsconfig.module.tsbuildinfo +1 -1
  9. package/package.json +1 -1
package/dist/atoms.cjs CHANGED
@@ -8785,6 +8785,14 @@ var Header = (_a) => {
8785
8785
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8786
8786
  return /* @__PURE__ */ import_react37.default.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5"), className) }));
8787
8787
  };
8788
+ var Title2 = (_a) => {
8789
+ var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
8790
+ return /* @__PURE__ */ import_react37.default.createElement(Typography, __spreadValues({ variant: "caption", className: classNames("uppercase text-muted", className) }, props));
8791
+ };
8792
+ var Subtitle = (_a) => {
8793
+ var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
8794
+ return /* @__PURE__ */ import_react37.default.createElement(Typography, __spreadValues({ variant: "small-strong", className: classNames("text-intense", className) }, props));
8795
+ };
8788
8796
  var Footer = (_a) => {
8789
8797
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8790
8798
  return /* @__PURE__ */ import_react37.default.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5 mt-auto"), className) }));
@@ -8844,6 +8852,8 @@ var SubmenuItem = (_a) => {
8844
8852
  var _b = _a, { className, active } = _b, rest = __objRest(_b, ["className", "active"]);
8845
8853
  return /* @__PURE__ */ import_react37.default.createElement(Navigation.Item, __spreadProps(__spreadValues({}, rest), { active, className: classNames(className, tw("pl-[56px]")) }));
8846
8854
  };
8855
+ Header.Title = Title2;
8856
+ Header.Subtitle = Subtitle;
8847
8857
  Submenu.Item = SubmenuItem;
8848
8858
  Navigation.Header = Header;
8849
8859
  Navigation.Footer = Footer;
@@ -8923,7 +8933,7 @@ var Header2 = (_a) => {
8923
8933
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
8924
8934
  return /* @__PURE__ */ import_react40.default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames(tw("p-5 gap-3 flex items-center"), className) }), children);
8925
8935
  };
8926
- var Title2 = (_a) => {
8936
+ var Title3 = (_a) => {
8927
8937
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
8928
8938
  return /* @__PURE__ */ import_react40.default.createElement(Typography, __spreadProps(__spreadValues({}, rest), { htmlTag: "h1", variant: "small-strong" }), children);
8929
8939
  };
@@ -8941,7 +8951,7 @@ var Actions2 = (_a) => {
8941
8951
  };
8942
8952
  var PopoverDialog = {
8943
8953
  Header: Header2,
8944
- Title: Title2,
8954
+ Title: Title3,
8945
8955
  Body,
8946
8956
  Footer: Footer2,
8947
8957
  Actions: Actions2
package/dist/atoms.mjs CHANGED
@@ -8737,6 +8737,14 @@ var Header = (_a) => {
8737
8737
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8738
8738
  return /* @__PURE__ */ React33.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5"), className) }));
8739
8739
  };
8740
+ var Title2 = (_a) => {
8741
+ var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
8742
+ return /* @__PURE__ */ React33.createElement(Typography, __spreadValues({ variant: "caption", className: classNames("uppercase text-muted", className) }, props));
8743
+ };
8744
+ var Subtitle = (_a) => {
8745
+ var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
8746
+ return /* @__PURE__ */ React33.createElement(Typography, __spreadValues({ variant: "small-strong", className: classNames("text-intense", className) }, props));
8747
+ };
8740
8748
  var Footer = (_a) => {
8741
8749
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8742
8750
  return /* @__PURE__ */ React33.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5 mt-auto"), className) }));
@@ -8796,6 +8804,8 @@ var SubmenuItem = (_a) => {
8796
8804
  var _b = _a, { className, active } = _b, rest = __objRest(_b, ["className", "active"]);
8797
8805
  return /* @__PURE__ */ React33.createElement(Navigation.Item, __spreadProps(__spreadValues({}, rest), { active, className: classNames(className, tw("pl-[56px]")) }));
8798
8806
  };
8807
+ Header.Title = Title2;
8808
+ Header.Subtitle = Subtitle;
8799
8809
  Submenu.Item = SubmenuItem;
8800
8810
  Navigation.Header = Header;
8801
8811
  Navigation.Footer = Footer;
@@ -8875,7 +8885,7 @@ var Header2 = (_a) => {
8875
8885
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
8876
8886
  return /* @__PURE__ */ React36.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames(tw("p-5 gap-3 flex items-center"), className) }), children);
8877
8887
  };
8878
- var Title2 = (_a) => {
8888
+ var Title3 = (_a) => {
8879
8889
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
8880
8890
  return /* @__PURE__ */ React36.createElement(Typography, __spreadProps(__spreadValues({}, rest), { htmlTag: "h1", variant: "small-strong" }), children);
8881
8891
  };
@@ -8893,7 +8903,7 @@ var Actions2 = (_a) => {
8893
8903
  };
8894
8904
  var PopoverDialog = {
8895
8905
  Header: Header2,
8896
- Title: Title2,
8906
+ Title: Title3,
8897
8907
  Body,
8898
8908
  Footer: Footer2,
8899
8909
  Actions: Actions2
package/dist/src/atoms/Navigation/Navigation.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { Typography } from '../../../src/atoms/Typography/Typography';
2
3
  type UListProps = React.HTMLProps<HTMLUListElement> & {
3
4
  title?: string;
4
5
  };
@@ -13,9 +14,17 @@ type ComposedNavigationProps = {
13
14
  Divider: typeof Divider;
14
15
  };
15
16
  export declare const Navigation: ComposedNavigationProps & React.FC<UListProps>;
16
- declare const Header: React.FC<LIProp>;
17
+ type ComposedHeaderProps = React.FC<LIProp> & {
18
+ Title: typeof Title;
19
+ Subtitle: typeof Subtitle;
20
+ };
21
+ declare const Header: ComposedHeaderProps;
22
+ declare const Title: React.FC<React.ComponentProps<typeof Typography>>;
23
+ declare const Subtitle: React.FC<React.ComponentProps<typeof Typography>>;
17
24
  declare const Footer: React.FC<LIProp>;
18
- declare const Section: React.FC<UListProps>;
25
+ declare const Section: React.FC<UListProps & {
26
+ title?: React.ReactNode;
27
+ }>;
19
28
  declare const Divider: React.FC<LIProp>;
20
29
  declare const Item: React.FC<LinkProps & {
21
30
  active?: boolean;
package/dist/src/atoms/Navigation/Navigation.js CHANGED
@@ -10,6 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React from 'react';
13
+ import { Typography } from '../../../src/atoms/Typography/Typography';
13
14
  import { classNames, tw } from '../../../src/utils/tailwind';
14
15
  export const Navigation = (_a) => {
15
16
  var { className, children, 'aria-label': ariaLabel } = _a, rest = __rest(_a, ["className", "children", 'aria-label']);
@@ -20,6 +21,14 @@ const Header = (_a) => {
20
21
  var { className } = _a, rest = __rest(_a, ["className"]);
21
22
  return (React.createElement("li", Object.assign({}, rest, { role: "presentation", className: classNames(tw('px-6 py-5'), className) })));
22
23
  };
24
+ const Title = (_a) => {
25
+ var { className } = _a, props = __rest(_a, ["className"]);
26
+ return (React.createElement(Typography, Object.assign({ variant: "caption", className: classNames('uppercase text-muted', className) }, props)));
27
+ };
28
+ const Subtitle = (_a) => {
29
+ var { className } = _a, props = __rest(_a, ["className"]);
30
+ return (React.createElement(Typography, Object.assign({ variant: "small-strong", className: classNames('text-intense', className) }, props)));
31
+ };
23
32
  const Footer = (_a) => {
24
33
  var { className } = _a, rest = __rest(_a, ["className"]);
25
34
  return (React.createElement("li", Object.assign({}, rest, { role: "presentation", className: classNames(tw('px-6 py-5 mt-auto'), className) })));
@@ -52,6 +61,8 @@ const SubmenuItem = (_a) => {
52
61
  var { className, active } = _a, rest = __rest(_a, ["className", "active"]);
53
62
  return (React.createElement(Navigation.Item, Object.assign({}, rest, { active: active, className: classNames(className, tw('pl-[56px]')) })));
54
63
  };
64
+ Header.Title = Title;
65
+ Header.Subtitle = Subtitle;
55
66
  Submenu.Item = SubmenuItem;
56
67
  Navigation.Header = Header;
57
68
  Navigation.Footer = Footer;
@@ -59,4 +70,4 @@ Navigation.Section = Section;
59
70
  Navigation.Item = Item;
60
71
  Navigation.Submenu = Submenu;
61
72
  Navigation.Divider = Divider;
62
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9OYXZpZ2F0aW9uL05hdmlnYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFlcEQsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFtRCxDQUFDLEVBSzFFLEVBQUUsRUFBRTtRQUxzRSxFQUN6RSxTQUFTLEVBQ1QsUUFBUSxFQUNSLFlBQVksRUFBRSxTQUFTLE9BRXhCLEVBREksSUFBSSxjQUprRSx1Q0FLMUUsQ0FEUTtJQUNILE9BQUEsQ0FDSiw2QkFBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLGdCQUFjLFNBQVM7UUFDdEUsNENBQVEsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLHNCQUFzQixDQUFDLEVBQUUsU0FBUyxDQUFDLEVBQUUsSUFBSSxFQUFDLFNBQVMsS0FDdkYsUUFBUSxDQUNOLENBQ0QsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sTUFBTSxHQUFxQixDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDM0QsNENBQVEsSUFBSSxJQUFFLElBQUksRUFBQyxjQUFjLEVBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDeEYsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE1BQU0sR0FBcUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFB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
73
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9OYXZpZ2F0aW9uL05hdmlnYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU3RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBZXBELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBbUQsQ0FBQyxFQUsxRSxFQUFFLEVBQUU7UUFMc0UsRUFDekUsU0FBUyxFQUNULFFBQVEsRUFDUixZQUFZLEVBQUUsU0FBUyxPQUV4QixFQURJLElBQUksY0FKa0UsdUNBSzFFLENBRFE7SUFDSCxPQUFBLENBQ0osNkJBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxnQkFBYyxTQUFTO1FBQ3RFLDRDQUFRLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxFQUFFLElBQUksRUFBQyxTQUFTLEtBQ3ZGLFFBQVEsQ0FDTixDQUNELENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFPRixNQUFNLE1BQU0sR0FBd0IsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzlELDRDQUFRLElBQUksSUFBRSxJQUFJLEVBQUMsY0FBYyxFQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3hGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxLQUFLLEdBQXNELENBQUMsRUFBdUIsRUFBRSxFQUFFO1FBQTNCLEVB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
package/dist/src/molecules/Navigation/Navigation.d.ts CHANGED
@@ -6,9 +6,14 @@ export declare const Navigation: {
6
6
  Item: ({ children, icon, showNotification, ...rest }: ItemProps & React.ComponentProps<typeof NavigationBase.Item>) => React.JSX.Element;
7
7
  Divider: React.FC<React.HTMLProps<HTMLLIElement>>;
8
8
  Footer: React.FC<React.HTMLProps<HTMLLIElement>>;
9
- Header: React.FC<React.HTMLProps<HTMLLIElement>>;
9
+ Header: React.FC<React.HTMLProps<HTMLLIElement>> & {
10
+ Title: React.FC<import("../../atoms").TypographyProps>;
11
+ Subtitle: React.FC<import("../../atoms").TypographyProps>;
12
+ };
10
13
  Section: React.FC<React.HTMLProps<HTMLUListElement> & {
11
14
  title?: string;
15
+ } & {
16
+ title?: React.ReactNode;
12
17
  }>;
13
18
  Submenu: {
14
19
  ({ children, title, icon, defaultOpen }: SubmenuProps): React.JSX.Element;
package/dist/system.cjs CHANGED
@@ -15080,6 +15080,14 @@ var Header = (_a) => {
15080
15080
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
15081
15081
  return /* @__PURE__ */ import_react116.default.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5"), className) }));
15082
15082
  };
15083
+ var Title2 = (_a) => {
15084
+ var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
15085
+ return /* @__PURE__ */ import_react116.default.createElement(Typography, __spreadValues({ variant: "caption", className: classNames("uppercase text-muted", className) }, props));
15086
+ };
15087
+ var Subtitle = (_a) => {
15088
+ var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
15089
+ return /* @__PURE__ */ import_react116.default.createElement(Typography, __spreadValues({ variant: "small-strong", className: classNames("text-intense", className) }, props));
15090
+ };
15083
15091
  var Footer = (_a) => {
15084
15092
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
15085
15093
  return /* @__PURE__ */ import_react116.default.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5 mt-auto"), className) }));
@@ -15139,6 +15147,8 @@ var SubmenuItem = (_a) => {
15139
15147
  var _b = _a, { className, active } = _b, rest = __objRest(_b, ["className", "active"]);
15140
15148
  return /* @__PURE__ */ import_react116.default.createElement(Navigation.Item, __spreadProps(__spreadValues({}, rest), { active, className: classNames(className, tw("pl-[56px]")) }));
15141
15149
  };
15150
+ Header.Title = Title2;
15151
+ Header.Subtitle = Subtitle;
15142
15152
  Submenu.Item = SubmenuItem;
15143
15153
  Navigation.Header = Header;
15144
15154
  Navigation.Footer = Footer;
@@ -15285,7 +15295,7 @@ var Header2 = (_a) => {
15285
15295
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
15286
15296
  return /* @__PURE__ */ import_react120.default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames(tw("p-5 gap-3 flex items-center"), className) }), children);
15287
15297
  };
15288
- var Title2 = (_a) => {
15298
+ var Title3 = (_a) => {
15289
15299
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
15290
15300
  return /* @__PURE__ */ import_react120.default.createElement(Typography, __spreadProps(__spreadValues({}, rest), { htmlTag: "h1", variant: "small-strong" }), children);
15291
15301
  };
@@ -15303,7 +15313,7 @@ var Actions2 = (_a) => {
15303
15313
  };
15304
15314
  var PopoverDialog = {
15305
15315
  Header: Header2,
15306
- Title: Title2,
15316
+ Title: Title3,
15307
15317
  Body,
15308
15318
  Footer: Footer2,
15309
15319
  Actions: Actions2
package/dist/system.mjs CHANGED
@@ -14945,6 +14945,14 @@ var Header = (_a) => {
14945
14945
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
14946
14946
  return /* @__PURE__ */ React107.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5"), className) }));
14947
14947
  };
14948
+ var Title2 = (_a) => {
14949
+ var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
14950
+ return /* @__PURE__ */ React107.createElement(Typography, __spreadValues({ variant: "caption", className: classNames("uppercase text-muted", className) }, props));
14951
+ };
14952
+ var Subtitle = (_a) => {
14953
+ var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
14954
+ return /* @__PURE__ */ React107.createElement(Typography, __spreadValues({ variant: "small-strong", className: classNames("text-intense", className) }, props));
14955
+ };
14948
14956
  var Footer = (_a) => {
14949
14957
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
14950
14958
  return /* @__PURE__ */ React107.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5 mt-auto"), className) }));
@@ -15004,6 +15012,8 @@ var SubmenuItem = (_a) => {
15004
15012
  var _b = _a, { className, active } = _b, rest = __objRest(_b, ["className", "active"]);
15005
15013
  return /* @__PURE__ */ React107.createElement(Navigation.Item, __spreadProps(__spreadValues({}, rest), { active, className: classNames(className, tw("pl-[56px]")) }));
15006
15014
  };
15015
+ Header.Title = Title2;
15016
+ Header.Subtitle = Subtitle;
15007
15017
  Submenu.Item = SubmenuItem;
15008
15018
  Navigation.Header = Header;
15009
15019
  Navigation.Footer = Footer;
@@ -15150,7 +15160,7 @@ var Header2 = (_a) => {
15150
15160
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
15151
15161
  return /* @__PURE__ */ React111.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames(tw("p-5 gap-3 flex items-center"), className) }), children);
15152
15162
  };
15153
- var Title2 = (_a) => {
15163
+ var Title3 = (_a) => {
15154
15164
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
15155
15165
  return /* @__PURE__ */ React111.createElement(Typography, __spreadProps(__spreadValues({}, rest), { htmlTag: "h1", variant: "small-strong" }), children);
15156
15166
  };
@@ -15168,7 +15178,7 @@ var Actions2 = (_a) => {
15168
15178
  };
15169
15179
  var PopoverDialog = {
15170
15180
  Header: Header2,
15171
- Title: Title2,
15181
+ Title: Title3,
15172
15182
  Body,
15173
15183
  Footer: Footer2,
15174
15184
  Actions: Actions2