@aivenio/aquarium 1.52.1 → 1.52.2
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/atoms.cjs +5 -5
- package/dist/atoms.mjs +5 -5
- package/dist/src/atoms/Alert/Alert.js +1 -1
- package/dist/src/molecules/Badge/Badge.js +4 -4
- package/dist/styles.css +4 -4
- package/dist/system.cjs +5 -5
- package/dist/system.mjs +5 -5
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/_variables.scss
CHANGED
package/dist/atoms.cjs
CHANGED
|
@@ -6599,7 +6599,7 @@ Banner.Content = (_a) => {
|
|
|
6599
6599
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
6600
6600
|
return /* @__PURE__ */ import_react20.default.createElement("div", __spreadValues({
|
|
6601
6601
|
className: classNames(
|
|
6602
|
-
tw("flex flex-row flex-wrap gap-x-3 items-center justify-center py-
|
|
6602
|
+
tw("flex flex-row flex-wrap gap-x-3 items-center justify-center py-4 text-center z-10"),
|
|
6603
6603
|
className
|
|
6604
6604
|
)
|
|
6605
6605
|
}, props));
|
|
@@ -7109,16 +7109,16 @@ var createBadge = (type, displayName) => {
|
|
|
7109
7109
|
};
|
|
7110
7110
|
var NotificationBadge = (_a) => {
|
|
7111
7111
|
var _b = _a, { children, top = "-2px", right = "-2px" } = _b, props = __objRest(_b, ["children", "top", "right"]);
|
|
7112
|
-
return /* @__PURE__ */ import_react27.default.createElement("div", __spreadValues({
|
|
7112
|
+
return /* @__PURE__ */ import_react27.default.createElement("div", __spreadProps(__spreadValues({}, props), {
|
|
7113
7113
|
className: classNames("Aquarium-Badge.Notification", tw("relative inline-flex"))
|
|
7114
|
-
}
|
|
7114
|
+
}), children, /* @__PURE__ */ import_react27.default.createElement("span", {
|
|
7115
7115
|
style: { top, right },
|
|
7116
7116
|
className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
|
|
7117
7117
|
}));
|
|
7118
7118
|
};
|
|
7119
7119
|
var DotBadge = (_a) => {
|
|
7120
7120
|
var _b = _a, { dense = false } = _b, props = __objRest(_b, ["dense"]);
|
|
7121
|
-
return /* @__PURE__ */ import_react27.default.createElement("span", __spreadValues({
|
|
7121
|
+
return /* @__PURE__ */ import_react27.default.createElement("span", __spreadProps(__spreadValues({}, props), {
|
|
7122
7122
|
className: classNames(
|
|
7123
7123
|
"Aquarium-Badge.Dot",
|
|
7124
7124
|
tw("rounded-full bg-current", {
|
|
@@ -7126,7 +7126,7 @@ var DotBadge = (_a) => {
|
|
|
7126
7126
|
"w-[9px] h-[9px]": !dense
|
|
7127
7127
|
})
|
|
7128
7128
|
)
|
|
7129
|
-
}
|
|
7129
|
+
}));
|
|
7130
7130
|
};
|
|
7131
7131
|
var Badge = createBadge("default", "Badge");
|
|
7132
7132
|
Badge.Notification = NotificationBadge;
|
package/dist/atoms.mjs
CHANGED
|
@@ -6559,7 +6559,7 @@ Banner.Content = (_a) => {
|
|
|
6559
6559
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
6560
6560
|
return /* @__PURE__ */ React16.createElement("div", __spreadValues({
|
|
6561
6561
|
className: classNames(
|
|
6562
|
-
tw("flex flex-row flex-wrap gap-x-3 items-center justify-center py-
|
|
6562
|
+
tw("flex flex-row flex-wrap gap-x-3 items-center justify-center py-4 text-center z-10"),
|
|
6563
6563
|
className
|
|
6564
6564
|
)
|
|
6565
6565
|
}, props));
|
|
@@ -7069,16 +7069,16 @@ var createBadge = (type, displayName) => {
|
|
|
7069
7069
|
};
|
|
7070
7070
|
var NotificationBadge = (_a) => {
|
|
7071
7071
|
var _b = _a, { children, top = "-2px", right = "-2px" } = _b, props = __objRest(_b, ["children", "top", "right"]);
|
|
7072
|
-
return /* @__PURE__ */ React23.createElement("div", __spreadValues({
|
|
7072
|
+
return /* @__PURE__ */ React23.createElement("div", __spreadProps(__spreadValues({}, props), {
|
|
7073
7073
|
className: classNames("Aquarium-Badge.Notification", tw("relative inline-flex"))
|
|
7074
|
-
}
|
|
7074
|
+
}), children, /* @__PURE__ */ React23.createElement("span", {
|
|
7075
7075
|
style: { top, right },
|
|
7076
7076
|
className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
|
|
7077
7077
|
}));
|
|
7078
7078
|
};
|
|
7079
7079
|
var DotBadge = (_a) => {
|
|
7080
7080
|
var _b = _a, { dense = false } = _b, props = __objRest(_b, ["dense"]);
|
|
7081
|
-
return /* @__PURE__ */ React23.createElement("span", __spreadValues({
|
|
7081
|
+
return /* @__PURE__ */ React23.createElement("span", __spreadProps(__spreadValues({}, props), {
|
|
7082
7082
|
className: classNames(
|
|
7083
7083
|
"Aquarium-Badge.Dot",
|
|
7084
7084
|
tw("rounded-full bg-current", {
|
|
@@ -7086,7 +7086,7 @@ var DotBadge = (_a) => {
|
|
|
7086
7086
|
"w-[9px] h-[9px]": !dense
|
|
7087
7087
|
})
|
|
7088
7088
|
)
|
|
7089
|
-
}
|
|
7089
|
+
}));
|
|
7090
7090
|
};
|
|
7091
7091
|
var Badge = createBadge("default", "Badge");
|
|
7092
7092
|
Badge.Notification = NotificationBadge;
|
|
@@ -85,7 +85,7 @@ Alert.Banner = Banner;
|
|
|
85
85
|
Alert.Banner.displayName = 'Alert.Banner';
|
|
86
86
|
Banner.Content = (_a) => {
|
|
87
87
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
88
|
-
return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-row flex-wrap gap-x-3 items-center justify-center py-
|
|
88
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-row flex-wrap gap-x-3 items-center justify-center py-4 text-center z-10'), className) }, props)));
|
|
89
89
|
};
|
|
90
90
|
Banner.Content.displayName = 'Alert.Banner.Content';
|
|
91
91
|
Banner.Dismiss = (_a) => {
|
|
@@ -39,16 +39,16 @@ const createBadge = (type, displayName) => {
|
|
|
39
39
|
};
|
|
40
40
|
const NotificationBadge = (_a) => {
|
|
41
41
|
var { children, top = '-2px', right = '-2px' } = _a, props = __rest(_a, ["children", "top", "right"]);
|
|
42
|
-
return (React.createElement("div", Object.assign({ className: classNames('Aquarium-Badge.Notification', tw('relative inline-flex')) }
|
|
42
|
+
return (React.createElement("div", Object.assign({}, props, { className: classNames('Aquarium-Badge.Notification', tw('relative inline-flex')) }),
|
|
43
43
|
children,
|
|
44
44
|
React.createElement("span", { style: { top, right }, className: tw('absolute rounded-full w-[6px] h-[6px] bg-error-70') })));
|
|
45
45
|
};
|
|
46
46
|
const DotBadge = (_a) => {
|
|
47
47
|
var { dense = false } = _a, props = __rest(_a, ["dense"]);
|
|
48
|
-
return (React.createElement("span", Object.assign({ className: classNames('Aquarium-Badge.Dot', tw('rounded-full bg-current', {
|
|
48
|
+
return (React.createElement("span", Object.assign({}, props, { className: classNames('Aquarium-Badge.Dot', tw('rounded-full bg-current', {
|
|
49
49
|
'w-[6px] h-[6px]': dense,
|
|
50
50
|
'w-[9px] h-[9px]': !dense,
|
|
51
|
-
})) }
|
|
51
|
+
})) })));
|
|
52
52
|
};
|
|
53
53
|
export const Badge = createBadge('default', 'Badge');
|
|
54
54
|
Badge.Notification = NotificationBadge;
|
|
@@ -57,4 +57,4 @@ Badge.Dot = DotBadge;
|
|
|
57
57
|
Badge.Dot.displayName = 'Badge.Dot';
|
|
58
58
|
export const TabBadge = createBadge('tab', 'TabBadge');
|
|
59
59
|
export const ChipBadge = createBadge('chip', 'ChipBadge');
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQStCaEQsTUFBTSxXQUFXLEdBQUcsQ0FBNEIsSUFBZ0MsRUFBRSxXQUFtQixFQUFFLEVBQUU7SUFDdkcsTUFBTSxTQUFTLEdBQThDLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDckUsTUFBTSxFQUFFLElBQUksR0FBRyxRQUFRLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxLQUFLLEdBQUcsS0FBSyxLQUFjLEtBQUssRUFBZCxJQUFJLFVBQUssS0FBSyxFQUF6RSwyQ0FBaUUsQ0FBUSxDQUFDO1FBQ2hGLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUVsQyxPQUFPLENBQ0wsOENBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQywwQkFBMEIsRUFBRTtnQkFDN0IsY0FBYyxFQUFFLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxLQUFLLE1BQU07Z0JBQ3JELFNBQVMsRUFBRSxJQUFJLEtBQUssS0FBSztnQkFDekIsdUJBQXVCLEVBQUUsSUFBSSxLQUFLLFVBQVU7Z0JBQzVDLFlBQVksRUFBRSxJQUFJLEtBQUssUUFBUSxJQUFJLElBQUksS0FBSyxNQUFNO2dCQUNsRCxVQUFVLEVBQUUsSUFBSSxLQUFLLE1BQU07Z0JBQzNCLGlEQUFpRCxFQUFFLENBQUMsS0FBSztnQkFDekQsWUFBWSxFQUFFLEtBQUs7Z0JBQ25CLE1BQU0sRUFBRSxLQUFLLElBQUksUUFBUSxDQUFDLE1BQU0s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
|
package/dist/styles.css
CHANGED
|
@@ -1936,6 +1936,10 @@ input[type='number'].no-arrows {
|
|
|
1936
1936
|
padding-left: 60px;
|
|
1937
1937
|
padding-right: 60px;
|
|
1938
1938
|
}
|
|
1939
|
+
.py-4{
|
|
1940
|
+
padding-top: 12px;
|
|
1941
|
+
padding-bottom: 12px;
|
|
1942
|
+
}
|
|
1939
1943
|
.py-2{
|
|
1940
1944
|
padding-top: 4px;
|
|
1941
1945
|
padding-bottom: 4px;
|
|
@@ -2004,10 +2008,6 @@ input[type='number'].no-arrows {
|
|
|
2004
2008
|
padding-left: 4px;
|
|
2005
2009
|
padding-right: 4px;
|
|
2006
2010
|
}
|
|
2007
|
-
.py-4{
|
|
2008
|
-
padding-top: 12px;
|
|
2009
|
-
padding-bottom: 12px;
|
|
2010
|
-
}
|
|
2011
2011
|
.px-0{
|
|
2012
2012
|
padding-left: 0;
|
|
2013
2013
|
padding-right: 0;
|
package/dist/system.cjs
CHANGED
|
@@ -7388,7 +7388,7 @@ Banner.Content = (_a) => {
|
|
|
7388
7388
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
7389
7389
|
return /* @__PURE__ */ import_react22.default.createElement("div", __spreadValues({
|
|
7390
7390
|
className: classNames(
|
|
7391
|
-
tw("flex flex-row flex-wrap gap-x-3 items-center justify-center py-
|
|
7391
|
+
tw("flex flex-row flex-wrap gap-x-3 items-center justify-center py-4 text-center z-10"),
|
|
7392
7392
|
className
|
|
7393
7393
|
)
|
|
7394
7394
|
}, props));
|
|
@@ -7639,16 +7639,16 @@ var createBadge = (type, displayName) => {
|
|
|
7639
7639
|
};
|
|
7640
7640
|
var NotificationBadge = (_a) => {
|
|
7641
7641
|
var _b = _a, { children, top = "-2px", right = "-2px" } = _b, props = __objRest(_b, ["children", "top", "right"]);
|
|
7642
|
-
return /* @__PURE__ */ import_react26.default.createElement("div", __spreadValues({
|
|
7642
|
+
return /* @__PURE__ */ import_react26.default.createElement("div", __spreadProps(__spreadValues({}, props), {
|
|
7643
7643
|
className: classNames("Aquarium-Badge.Notification", tw("relative inline-flex"))
|
|
7644
|
-
}
|
|
7644
|
+
}), children, /* @__PURE__ */ import_react26.default.createElement("span", {
|
|
7645
7645
|
style: { top, right },
|
|
7646
7646
|
className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
|
|
7647
7647
|
}));
|
|
7648
7648
|
};
|
|
7649
7649
|
var DotBadge = (_a) => {
|
|
7650
7650
|
var _b = _a, { dense = false } = _b, props = __objRest(_b, ["dense"]);
|
|
7651
|
-
return /* @__PURE__ */ import_react26.default.createElement("span", __spreadValues({
|
|
7651
|
+
return /* @__PURE__ */ import_react26.default.createElement("span", __spreadProps(__spreadValues({}, props), {
|
|
7652
7652
|
className: classNames(
|
|
7653
7653
|
"Aquarium-Badge.Dot",
|
|
7654
7654
|
tw("rounded-full bg-current", {
|
|
@@ -7656,7 +7656,7 @@ var DotBadge = (_a) => {
|
|
|
7656
7656
|
"w-[9px] h-[9px]": !dense
|
|
7657
7657
|
})
|
|
7658
7658
|
)
|
|
7659
|
-
}
|
|
7659
|
+
}));
|
|
7660
7660
|
};
|
|
7661
7661
|
var Badge = createBadge("default", "Badge");
|
|
7662
7662
|
Badge.Notification = NotificationBadge;
|
package/dist/system.mjs
CHANGED
|
@@ -7242,7 +7242,7 @@ Banner.Content = (_a) => {
|
|
|
7242
7242
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
7243
7243
|
return /* @__PURE__ */ React18.createElement("div", __spreadValues({
|
|
7244
7244
|
className: classNames(
|
|
7245
|
-
tw("flex flex-row flex-wrap gap-x-3 items-center justify-center py-
|
|
7245
|
+
tw("flex flex-row flex-wrap gap-x-3 items-center justify-center py-4 text-center z-10"),
|
|
7246
7246
|
className
|
|
7247
7247
|
)
|
|
7248
7248
|
}, props));
|
|
@@ -7493,16 +7493,16 @@ var createBadge = (type, displayName) => {
|
|
|
7493
7493
|
};
|
|
7494
7494
|
var NotificationBadge = (_a) => {
|
|
7495
7495
|
var _b = _a, { children, top = "-2px", right = "-2px" } = _b, props = __objRest(_b, ["children", "top", "right"]);
|
|
7496
|
-
return /* @__PURE__ */ React22.createElement("div", __spreadValues({
|
|
7496
|
+
return /* @__PURE__ */ React22.createElement("div", __spreadProps(__spreadValues({}, props), {
|
|
7497
7497
|
className: classNames("Aquarium-Badge.Notification", tw("relative inline-flex"))
|
|
7498
|
-
}
|
|
7498
|
+
}), children, /* @__PURE__ */ React22.createElement("span", {
|
|
7499
7499
|
style: { top, right },
|
|
7500
7500
|
className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
|
|
7501
7501
|
}));
|
|
7502
7502
|
};
|
|
7503
7503
|
var DotBadge = (_a) => {
|
|
7504
7504
|
var _b = _a, { dense = false } = _b, props = __objRest(_b, ["dense"]);
|
|
7505
|
-
return /* @__PURE__ */ React22.createElement("span", __spreadValues({
|
|
7505
|
+
return /* @__PURE__ */ React22.createElement("span", __spreadProps(__spreadValues({}, props), {
|
|
7506
7506
|
className: classNames(
|
|
7507
7507
|
"Aquarium-Badge.Dot",
|
|
7508
7508
|
tw("rounded-full bg-current", {
|
|
@@ -7510,7 +7510,7 @@ var DotBadge = (_a) => {
|
|
|
7510
7510
|
"w-[9px] h-[9px]": !dense
|
|
7511
7511
|
})
|
|
7512
7512
|
)
|
|
7513
|
-
}
|
|
7513
|
+
}));
|
|
7514
7514
|
};
|
|
7515
7515
|
var Badge = createBadge("default", "Badge");
|
|
7516
7516
|
Badge.Notification = NotificationBadge;
|