@aivenio/aquarium 1.14.0 → 1.16.0
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.
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +184 -103
- package/dist/atoms.mjs +183 -103
- package/dist/src/atoms/Navigation/Navigation.d.ts +20 -0
- package/dist/src/atoms/Navigation/Navigation.js +49 -0
- package/dist/src/atoms/PageHeader/PageHeader.d.ts +13 -0
- package/dist/src/atoms/PageHeader/PageHeader.js +43 -0
- package/dist/src/atoms/index.d.ts +1 -0
- package/dist/src/atoms/index.js +2 -1
- package/dist/src/molecules/Alert/Alert.js +4 -5
- package/dist/src/molecules/Banner/Banner.js +4 -4
- package/dist/src/molecules/Button/Button.d.ts +63 -46
- package/dist/src/molecules/Button/Button.js +59 -13
- package/dist/src/molecules/Card/Card.js +4 -4
- package/dist/src/molecules/Card/Compact.js +4 -4
- package/dist/src/molecules/DataList/DataList.d.ts +3 -3
- package/dist/src/molecules/DataList/DataList.js +20 -7
- package/dist/src/molecules/DataTable/DataTable.d.ts +3 -3
- package/dist/src/molecules/DataTable/DataTable.js +19 -7
- package/dist/src/molecules/Dialog/Dialog.js +4 -4
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +11 -5
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +2 -1
- package/dist/src/molecules/EmptyState/EmptyState.js +4 -4
- package/dist/src/molecules/LineClamp/LineClamp.js +3 -3
- package/dist/src/molecules/Modal/Modal.js +4 -4
- package/dist/src/molecules/Navigation/Navigation.d.ts +19 -0
- package/dist/src/molecules/Navigation/Navigation.js +27 -0
- package/dist/src/molecules/PageHeader/PageHeader.d.ts +2 -0
- package/dist/src/molecules/PageHeader/PageHeader.js +13 -12
- package/dist/src/molecules/Section/Section.js +3 -3
- package/dist/src/molecules/Stepper/Stepper.js +2 -1
- package/dist/src/molecules/index.d.ts +1 -0
- package/dist/src/molecules/index.js +2 -1
- package/dist/src/utils/table/types.d.ts +16 -1
- package/dist/src/utils/table/types.js +1 -1
- package/dist/styles.css +24 -11
- package/dist/styles_timescaledb.css +24 -11
- package/dist/system.cjs +1604 -1416
- package/dist/system.mjs +1605 -1418
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +2 -2
@@ -0,0 +1,20 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
declare type UListProps = React.HTMLProps<HTMLUListElement>;
|
3
|
+
declare type LIProp = React.HTMLProps<HTMLLIElement>;
|
4
|
+
declare type LinkProps = React.HTMLProps<HTMLAnchorElement>;
|
5
|
+
declare type ComposedNavigationProps = {
|
6
|
+
Header: typeof Header;
|
7
|
+
Footer: typeof Footer;
|
8
|
+
Section: typeof Section;
|
9
|
+
Item: typeof Item;
|
10
|
+
Divider: typeof Divider;
|
11
|
+
};
|
12
|
+
export declare const Navigation: React.FC<UListProps> & ComposedNavigationProps;
|
13
|
+
declare const Header: React.FC<LIProp>;
|
14
|
+
declare const Footer: React.FC<LIProp>;
|
15
|
+
declare const Section: React.FC<UListProps>;
|
16
|
+
declare const Divider: React.FC<LIProp>;
|
17
|
+
declare const Item: React.FC<LinkProps & {
|
18
|
+
active?: boolean;
|
19
|
+
}>;
|
20
|
+
export {};
|
@@ -0,0 +1,49 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
14
|
+
export const Navigation = (_a) => {
|
15
|
+
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
16
|
+
return (React.createElement("nav", { className: classNames(tw('bg-grey-0 h-full')) },
|
17
|
+
React.createElement("ul", Object.assign({}, rest, { className: classNames(tw('flex flex-col h-full'), className), role: "menu" }), children)));
|
18
|
+
};
|
19
|
+
const Header = (_a) => {
|
20
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
21
|
+
return (React.createElement("li", Object.assign({}, rest, { role: "presentation", className: classNames(tw('px-6 py-5'), className) })));
|
22
|
+
};
|
23
|
+
const Footer = (_a) => {
|
24
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
25
|
+
return (React.createElement("li", Object.assign({}, rest, { role: "presentation", className: classNames(tw('px-6 py-5 mt-auto'), className) })));
|
26
|
+
};
|
27
|
+
const Section = (_a) => {
|
28
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
29
|
+
return (React.createElement("li", { role: "presentation" },
|
30
|
+
React.createElement("ul", Object.assign({}, rest, { role: "group", className: classNames(tw(' py-5 flex flex-col'), className) }))));
|
31
|
+
};
|
32
|
+
const Divider = (_a) => {
|
33
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
34
|
+
return (React.createElement("li", Object.assign({ role: "separator" }, rest, { className: classNames(tw('border-t-2 border-grey-5'), className) })));
|
35
|
+
};
|
36
|
+
const Item = (_a) => {
|
37
|
+
var { className, active } = _a, rest = __rest(_a, ["className", "active"]);
|
38
|
+
return (React.createElement("li", { role: "presentation" },
|
39
|
+
React.createElement("a", Object.assign({}, rest, { role: "menuitem", className: classNames(tw('py-3 px-6 hover:bg-grey-5 cursor-pointer flex gap-4 items-center typography-small focusable', {
|
40
|
+
'text-grey-60': !active,
|
41
|
+
'text-primary-80': !!active,
|
42
|
+
}), className) }))));
|
43
|
+
};
|
44
|
+
Navigation.Header = Header;
|
45
|
+
Navigation.Footer = Footer;
|
46
|
+
Navigation.Section = Section;
|
47
|
+
Navigation.Item = Item;
|
48
|
+
Navigation.Divider = Divider;
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9OYXZpZ2F0aW9uL05hdmlnYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFjcEQsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFtRCxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUM5Ryw2QkFBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ2hELDRDQUFRLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxFQUFFLElBQUksRUFBQyxNQUFNLEtBQ3BGLFFBQVEsQ0FDTixDQUNELENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE1BQU0sR0FBcUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzNELDRDQUFRLElBQUksSUFBRSxJQUFJLEVBQUMsY0FBYyxFQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3hGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxNQUFNLEdBQXFCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUMzRCw0Q0FBUSxJQUFJLElBQUUsSUFBSSxFQUFDLGNBQWMsRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ2hHLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQXlCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUNoRSw0QkFBSSxJQUFJLEVBQUMsY0FBYztRQUNyQiw0Q0FBUSxJQUFJLElBQUUsSUFBSSxFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3ZGLENBQ04sQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBcUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzVELDBDQUFJLElBQUksRUFBQyxXQUFXLElBQUssSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDBCQUEwQixDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDcEcsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLElBQUksR0FBK0MsQ0FBQyxFQUE4QixFQUFFLEVBQUU7UUFBbEMsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUE1Qix1QkFBOEIsQ0FBRjtJQUFPLE9BQUEsQ0FDM0YsNEJBQUksSUFBSSxFQUFDLGNBQWM7UUFDckIsMkNBQ00sSUFBSSxJQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDZGQUE2RixFQUFFO2dCQUNoRyxjQUFjLEVBQUUsQ0FBQyxNQUFNO2dCQUN2QixpQkFBaUIsRUFBRSxDQUFDLENBQUMsTUFBTTthQUM1QixDQUFDLEVBQ0YsU0FBUyxDQUNWLElBQ0QsQ0FDQyxDQUNOLENBQUE7Q0FBQSxDQUFDO0FBRUYsVUFBVSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7QUFDM0IsVUFBVSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7QUFDM0IsVUFBVSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7QUFDN0IsVUFBVSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7QUFDdkIsVUFBVSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMifQ==
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
3
|
+
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
4
|
+
declare type ComposedSectionProps = {
|
5
|
+
Container: React.FC<DivProps>;
|
6
|
+
TitleContainer: React.FC<DivProps>;
|
7
|
+
Title: React.FC<React.ComponentProps<typeof Typography.Heading>>;
|
8
|
+
Subtitle: React.FC<React.ComponentProps<typeof Typography.Small>>;
|
9
|
+
Chips: React.FC<DivProps>;
|
10
|
+
Actions: React.FC<DivProps>;
|
11
|
+
};
|
12
|
+
export declare const PageHeader: React.FC<DivProps> & ComposedSectionProps;
|
13
|
+
export {};
|
@@ -0,0 +1,43 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
14
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
|
+
export const PageHeader = (_a) => {
|
16
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
17
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-row gap-4 pb-6'), className) }, rest), children));
|
18
|
+
};
|
19
|
+
PageHeader.Container = (_a) => {
|
20
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
21
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-col grow gap-0'), className) }, rest), children));
|
22
|
+
};
|
23
|
+
PageHeader.TitleContainer = (_a) => {
|
24
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
25
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-col justify-center gap-2'), className) }, rest), children));
|
26
|
+
};
|
27
|
+
PageHeader.Title = (_a) => {
|
28
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
29
|
+
return (React.createElement(Typography.Heading, Object.assign({}, rest, { color: "grey-100" }), children));
|
30
|
+
};
|
31
|
+
PageHeader.Subtitle = (_a) => {
|
32
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
33
|
+
return (React.createElement(Typography.Small, Object.assign({}, rest, { color: "grey-70" }), children));
|
34
|
+
};
|
35
|
+
PageHeader.Chips = (_a) => {
|
36
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
37
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex gap-3'), className) }, rest), children));
|
38
|
+
};
|
39
|
+
PageHeader.Actions = (_a) => {
|
40
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
41
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-row gap-4 self-start'), className) }, rest), children));
|
42
|
+
};
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9QYWdlSGVhZGVyL1BhZ2VIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBYXBELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEMsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDekcsMkNBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsMEJBQTBCLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBTSxJQUFJLEdBQzVFLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsVUFBVSxDQUFDLFNBQVMsR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUMzRCwyQ0FBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFNLElBQUksR0FDNUUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsY0FBYyxHQUFHLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQ2hFLDJDQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLG9DQUFvQyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQU0sSUFBSSxHQUN0RixRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLFVBQVUsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFxQixFQUFFLEVBQUU7UUFBekIsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQW5CLFlBQXFCLENBQUY7SUFBTyxPQUFBLENBQzVDLG9CQUFDLFVBQVUsQ0FBQyxPQUFPLG9CQUFLLElBQUksSUFBRSxLQUFLLEVBQUMsVUFBVSxLQUMzQyxRQUFRLENBQ1UsQ0FDdEIsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsUUFBUSxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUMvQyxvQkFBQyxVQUFVLENBQUMsS0FBSyxvQkFBSyxJQUFJLElBQUUsS0FBSyxFQUFDLFNBQVMsS0FDeEMsUUFBUSxDQUNRLENBQ3BCLENBQUE7Q0FBQSxDQUFDO0FBRUYsVUFBVSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUN2RCwyQ0FBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBTSxJQUFJLEdBQzlELFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsVUFBVSxDQUFDLE9BQU8sR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUN6RCwyQ0FBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxnQ0FBZ0MsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFNLElBQUksR0FDbEYsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUMifQ==
|
@@ -7,6 +7,7 @@ export * from './DropdownMenu/DropdownMenu';
|
|
7
7
|
export * from './InputGroup/InputGroup';
|
8
8
|
export * from './Link/Link';
|
9
9
|
export * from './Modal/Modal';
|
10
|
+
export * from './Navigation/Navigation';
|
10
11
|
export * from './Popover/Popover';
|
11
12
|
export * from './PopoverDialog/PopoverDialog';
|
12
13
|
export * from './RadioButton/RadioButton';
|
package/dist/src/atoms/index.js
CHANGED
@@ -7,6 +7,7 @@ export * from './DropdownMenu/DropdownMenu';
|
|
7
7
|
export * from './InputGroup/InputGroup';
|
8
8
|
export * from './Link/Link';
|
9
9
|
export * from './Modal/Modal';
|
10
|
+
export * from './Navigation/Navigation';
|
10
11
|
export * from './Popover/Popover';
|
11
12
|
export * from './PopoverDialog/PopoverDialog';
|
12
13
|
export * from './RadioButton/RadioButton';
|
@@ -14,4 +15,4 @@ export * from './Select/Select';
|
|
14
15
|
export * from './Stepper/Stepper';
|
15
16
|
export * from './Switch/Switch';
|
16
17
|
export * from './Table/Table';
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXRvbXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZUFBZSxDQUFDIn0=
|
@@ -1,15 +1,14 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import omit from 'lodash/omit';
|
3
|
-
import {
|
3
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
4
4
|
import { Alert as AlertBase } from '../../../src/atoms/Alert/Alert';
|
5
|
-
import { GhostButton } from '../../../src/molecules';
|
6
5
|
const isLink = (action) => action.href !== undefined;
|
7
6
|
export const Alert = ({ description, type, title, onDismiss, children, action }) => (React.createElement(AlertBase, { type: type, dense: Boolean(title) },
|
8
7
|
React.createElement(AlertBase.Icon, { type: type, dense: Boolean(title) }),
|
9
8
|
title && React.createElement(AlertBase.Title, null, title),
|
10
9
|
React.createElement(AlertBase.Description, null, children || description),
|
11
10
|
action && (React.createElement(AlertBase.Actions, null,
|
12
|
-
!isLink(action) && (React.createElement(
|
13
|
-
isLink(action) && (React.createElement(
|
11
|
+
!isLink(action) && (React.createElement(Button.Ghost, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
12
|
+
isLink(action) && (React.createElement(Button.ExternalLink, Object.assign({ dense: true, kind: "ghost" }, omit(action, 'text')), action.text)))),
|
14
13
|
onDismiss && React.createElement(AlertBase.Dismiss, { onClick: onDismiss })));
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVyRCxPQUFPLEVBQWtCLEtBQUssSUFBSSxTQUFTLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQTBCM0UsTUFBTSxNQUFNLEdBQUcsQ0FBQyxNQUFtQyxFQUE0QixFQUFFLENBQzlFLE1BQXlCLENBQUMsSUFBSSxLQUFLLFNBQVMsQ0FBQztBQUVoRCxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlCLENBQUMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN4RyxvQkFBQyxTQUFTLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQztJQUMxQyxvQkFBQyxTQUFTLENBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBSTtJQUNwRCxLQUFLLElBQUksb0JBQUMsU0FBUyxDQUFDLEtBQUssUUFBRSxLQUFLLENBQW1CO0lBQ3BELG9CQUFDLFNBQVMsQ0FBQyxXQUFXLFFBQUUsUUFBUSxJQUFJLFdBQVcsQ0FBeUI7SUFDdkUsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsU0FBUyxDQUFDLE9BQU87UUFDZixDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNsQixvQkFBQyxNQUFNLENBQUMsS0FBSyxrQkFBQyxLQUFLLFVBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDekMsTUFBTSxDQUFDLElBQUksQ0FDQyxDQUNoQjtRQUNBLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNqQixvQkFBQyxNQUFNLENBQUMsWUFBWSxrQkFBQyxLQUFLLFFBQUMsSUFBSSxFQUFDLE9BQU8sSUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUM3RCxNQUFNLENBQUMsSUFBSSxDQUNRLENBQ3ZCLENBQ2lCLENBQ3JCO0lBQ0EsU0FBUyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxPQUFPLElBQUMsT0FBTyxFQUFFLFNBQVMsR0FBSSxDQUM3QyxDQUNiLENBQUMifQ==
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import omit from 'lodash/omit';
|
3
|
-
import {
|
3
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
4
4
|
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
5
5
|
import { Banner as BannerBase } from '../../../src/atoms/Banner/Banner';
|
6
6
|
import { tw } from '../../../src/utils/tailwind';
|
@@ -16,10 +16,10 @@ const createBanner = (displayName, opts = {}) => {
|
|
16
16
|
React.createElement(BannerBase.Title, { layout: layout, titleVariant: opts.isOneLineBanner ? 'secondary' : 'primary' }, title),
|
17
17
|
React.createElement(BannerBase.Description, { flexGrow: isDismissable ? false : true }, children || description),
|
18
18
|
action && (React.createElement(BannerBase.Actions, { layout: layout },
|
19
|
-
React.createElement(
|
19
|
+
React.createElement(Button.Ghost, Object.assign({ dense: true }, omit(action, 'text')), action.text)))),
|
20
20
|
(props.layout === 'vertical' || props.layout === undefined) && props.image !== undefined && (React.createElement(BannerBase.ImageContainer, null, props.image ? (React.createElement("img", { src: props.image, alt: props.imageAlt, className: tw('bg-cover object-cover', { 'w-full': !props.imageWidth }), style: { width: props.imageWidth, height: props.imageHeight } })) : (React.createElement(BannerImageSkeleton, null)))),
|
21
21
|
isDismissable && (React.createElement(BannerBase.DismissContainer, { layout: layout },
|
22
|
-
React.createElement(
|
22
|
+
React.createElement(Button.Icon, { type: "button", tooltip: "Dismiss", icon: cross, onClick: onDismiss })))));
|
23
23
|
};
|
24
24
|
BannerComponent.displayName = displayName;
|
25
25
|
return BannerComponent;
|
@@ -41,4 +41,4 @@ const OneLineBannerBase = createBanner('OneLineBanner', {
|
|
41
41
|
isOneLineBanner: true,
|
42
42
|
});
|
43
43
|
export const OneLineBanner = OneLineBannerBase;
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9CYW5uZXIvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFpRCxNQUFNLElBQUksVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFOUcsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3hDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBb0RwQyxNQUFNLG1CQUFtQixHQUFhLEdBQUcsRUFBRSxDQUFDLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDLEdBQUksQ0FBQztBQUU5RixNQUFNLFlBQVksR0FBRyxDQUFDLFdBQW1CLEVBQUUsT0FBc0IsRUFBRSxFQUFFLEVBQUU7SUFDckUsTUFBTSxlQUFlLEdBQTBCLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDdkQsTUFBTSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sR0FBRyxTQUFTLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFDO1FBQzNHLE1BQU0sTUFBTSxHQUFxQixJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFVBQVUsSUFBSSxVQUFVLENBQUM7UUFDaEcsTUFBTSxhQUFhLEdBQUcsU0FBUyxLQUFLLFNBQVMsQ0FBQztRQUU5QyxPQUFPLENBQ0wsb0JBQUMsVUFBVSxJQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLE9BQU87WUFDMUMsb0JBQUMsVUFBVSxDQUFDLGdCQUFnQixJQUFDLE1BQU0sRUFBRSxNQUFNO2dCQUN6QyxvQkFBQyxVQUFVLENBQUMsS0FBSyxJQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUMzRixLQUFLLENBQ1c7Z0JBQ25CLG9CQUFDLFVBQVUsQ0FBQyxXQUFXLElBQUMsUUFBUSxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQzNELFFBQVEsSUFBSSxXQUFXLENBQ0Q7Z0JBQ3hCLE1BQU0sSUFBSSxDQUNULG9CQUFDLFVBQVUsQ0FBQyxPQUFPLElBQUMsTUFBTSxFQUFFLE1BQU07b0JBQ2hDLG9CQUFDLE1BQU0sQ0FBQyxLQUFLLGtCQUFDLEtBQUssVUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUN6QyxNQUFNLENBQUMsSUFBSSxDQUNDLENBQ0ksQ0FDdEIsQ0FDMkI7WUFDN0IsQ0FBQyxLQUFLLENBQUMsTUFBTSxLQUFLLFVBQVUsSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLFNBQVMsQ0FBQyxJQUFJLEtBQUssQ0FBQyxLQUFLLEtBQUssU0FBUyxJQUFJLENBQzNGLG9CQUFDLFVBQVUsQ0FBQyxjQUFjLFFBQ3ZCLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQ2IsNkJBQ0UsR0FBRyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQ2hCLEdBQUcsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUNuQixTQUFTLEVBQUUsRUFBRSxDQUFDLHVCQUF1QixFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxDQUFDLEVBQ3ZFLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLENBQUMsV0FBVyxFQUFFLEdBQzdELENBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxtQkFBbUIsT0FBRyxDQUN4QixDQUN5QixDQUM3QjtZQUNBLGFBQWEsSUFBSSxDQUNoQixvQkFBQyxVQUFVLENBQUMsZ0JBQWdCLElBQUMsTUFBTSxFQUFFLE1BQU07Z0JBQ3pDLG9CQUFDLE1BQU0sQ0FBQyxJQUFJLElBQUMsSUFBSSxFQUFDLFFBQVEsRUFBQyxPQUFPLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFNBQVMsR0FBSSxDQUNwRCxDQUMvQixDQUNVLENBQ2QsQ0FBQztJQUNKLENBQUMsQ0FBQztJQUNGLGVBQWUsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0lBQzFDLE9BQU8sZUFBZSxDQUFDO0FBQ3pCLENBQUMsQ0FBQztBQUVGOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUU3QyxNQUFNLGlCQUFpQixHQUFHLFlBQVksQ0FBQyxlQUFlLEVBQUU7SUFDdEQsZUFBZSxFQUFFLElBQUk7Q0FDdEIsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLGlCQUU1QixDQUFDIn0=
|