@aivenio/aquarium 1.47.0 → 1.48.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.
- package/dist/_variables.scss +1 -1
- package/dist/atoms.cjs +151 -15
- package/dist/atoms.mjs +150 -15
- package/dist/src/atoms/Alert/Alert.d.ts +14 -0
- package/dist/src/atoms/Alert/Alert.js +60 -3
- package/dist/src/atoms/Card/Card.d.ts +1 -1
- package/dist/src/atoms/DataList/DataList.js +3 -3
- package/dist/src/atoms/Navigation/Navigation.js +2 -2
- package/dist/src/atoms/Section/Section.d.ts +1 -1
- package/dist/src/atoms/Section/Section.js +3 -3
- package/dist/src/atoms/Select/Select.js +5 -6
- package/dist/src/atoms/Table/Table.d.ts +9 -1
- package/dist/src/atoms/Table/Table.js +4 -2
- package/dist/src/molecules/Accordion/Accordion.d.ts +1 -0
- package/dist/src/molecules/Accordion/Accordion.js +2 -2
- package/dist/src/molecules/Alert/Alert.d.ts +7 -1
- package/dist/src/molecules/Alert/Alert.js +22 -4
- package/dist/src/molecules/Avatar/Avatar.d.ts +5 -0
- package/dist/src/molecules/Avatar/Avatar.js +3 -3
- package/dist/src/molecules/Banner/Banner.js +3 -2
- package/dist/src/molecules/Card/Card.js +2 -2
- package/dist/src/molecules/Card/types.d.ts +2 -1
- package/dist/src/molecules/DataList/DataList.js +13 -10
- package/dist/src/molecules/DataList/DataListSkeleton.js +4 -4
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +3 -3
- package/dist/src/molecules/ListItem/ListItem.js +2 -2
- package/dist/src/molecules/PageHeader/PageHeader.js +2 -2
- package/dist/src/molecules/Pagination/Pagination.js +3 -3
- package/dist/src/molecules/Popover/Popover.js +4 -3
- package/dist/src/molecules/Section/Section.js +7 -6
- package/dist/src/molecules/Table/Table.d.ts +1 -0
- package/dist/src/molecules/Table/Table.js +2 -1
- package/dist/src/molecules/Template/Template.d.ts +1 -0
- package/dist/src/molecules/Template/Template.js +3 -3
- package/dist/src/molecules/Typography/Typography.d.ts +4 -0
- package/dist/src/molecules/Typography/Typography.js +28 -4
- package/dist/src/utils/setupTests.js +2 -2
- package/dist/styles.css +62 -6
- package/dist/system.cjs +509 -325
- package/dist/system.mjs +503 -319
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/dist/types/utils.d.ts +3 -0
- package/package.json +2 -2
package/dist/atoms.mjs
CHANGED
@@ -4589,6 +4589,7 @@ var require_resolveTheme = __commonJS({
|
|
4589
4589
|
|
4590
4590
|
// src/atoms/Alert/Alert.tsx
|
4591
4591
|
import React16 from "react";
|
4592
|
+
import { useId } from "@react-aria/utils";
|
4592
4593
|
|
4593
4594
|
// src/molecules/Button/Button.tsx
|
4594
4595
|
import React14 from "react";
|
@@ -5210,8 +5211,8 @@ import React2 from "react";
|
|
5210
5211
|
|
5211
5212
|
// src/utils/tailwind.ts
|
5212
5213
|
import originalClassNames from "classnames";
|
5213
|
-
function cleanClassNames(
|
5214
|
-
const tokens =
|
5214
|
+
function cleanClassNames(classNames4) {
|
5215
|
+
const tokens = classNames4.split(/\s+/);
|
5215
5216
|
return tokens.filter((item) => item).join(" ");
|
5216
5217
|
}
|
5217
5218
|
function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10) {
|
@@ -6506,12 +6507,116 @@ Alert.Dismiss = (_a) => {
|
|
6506
6507
|
var _b = _a, { type } = _b, rest = __objRest(_b, ["type"]);
|
6507
6508
|
return /* @__PURE__ */ React16.createElement("div", {
|
6508
6509
|
className: tw("h-[20px] col-start-3 row-start-1")
|
6509
|
-
}, /* @__PURE__ */ React16.createElement(
|
6510
|
+
}, /* @__PURE__ */ React16.createElement(Button.Icon, __spreadProps(__spreadValues({}, rest), {
|
6510
6511
|
UNSAFE_className: tw("-m-2"),
|
6511
6512
|
tooltip: "Dismiss",
|
6512
6513
|
icon: import_cross2.default
|
6513
6514
|
})));
|
6514
6515
|
};
|
6516
|
+
var Banner = (_a) => {
|
6517
|
+
var _b = _a, {
|
6518
|
+
children,
|
6519
|
+
className,
|
6520
|
+
type
|
6521
|
+
} = _b, rest = __objRest(_b, [
|
6522
|
+
"children",
|
6523
|
+
"className",
|
6524
|
+
"type"
|
6525
|
+
]);
|
6526
|
+
return /* @__PURE__ */ React16.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
6527
|
+
role: type === "error" || type === "warning" ? "alert" : "status",
|
6528
|
+
className: classNames(
|
6529
|
+
tw("relative flex px-[60px] justify-center", {
|
6530
|
+
"bg-error-5": type === "error",
|
6531
|
+
"bg-primary-5": type === "information",
|
6532
|
+
"bg-success-5": type === "success",
|
6533
|
+
"bg-warning-5": type === "warning"
|
6534
|
+
}),
|
6535
|
+
className
|
6536
|
+
)
|
6537
|
+
}), children);
|
6538
|
+
};
|
6539
|
+
Alert.Banner = Banner;
|
6540
|
+
Alert.Banner.displayName = "Alert.Banner";
|
6541
|
+
Banner.Content = (_a) => {
|
6542
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
6543
|
+
return /* @__PURE__ */ React16.createElement("div", __spreadValues({
|
6544
|
+
className: classNames(
|
6545
|
+
tw("flex flex-row flex-wrap gap-x-3 items-center justify-center py-3 text-center z-10"),
|
6546
|
+
className
|
6547
|
+
)
|
6548
|
+
}, props));
|
6549
|
+
};
|
6550
|
+
Banner.Content.displayName = "Alert.Banner.Content";
|
6551
|
+
Banner.Dismiss = (_a) => {
|
6552
|
+
var _b = _a, { type } = _b, rest = __objRest(_b, ["type"]);
|
6553
|
+
return /* @__PURE__ */ React16.createElement("div", {
|
6554
|
+
className: tw("h-[20px] absolute right-4 top-[18px]")
|
6555
|
+
}, /* @__PURE__ */ React16.createElement(Button.Icon, __spreadProps(__spreadValues({}, rest), {
|
6556
|
+
UNSAFE_className: tw("-m-2"),
|
6557
|
+
tooltip: "Dismiss",
|
6558
|
+
icon: import_cross2.default
|
6559
|
+
})));
|
6560
|
+
};
|
6561
|
+
Banner.Dismiss.displayName = "Alert.Banner.Dismiss";
|
6562
|
+
var ILLUSTRATION_COLORS = {
|
6563
|
+
information: { stroke: tw("stroke-primary-60"), fill: tw("fill-primary-10") },
|
6564
|
+
success: { stroke: tw("stroke-success-40"), fill: tw("fill-success-10") },
|
6565
|
+
warning: { stroke: tw("stroke-warning-100"), fill: tw("fill-warning-20") },
|
6566
|
+
error: { stroke: tw("stroke-error-100"), fill: tw("fill-error-10") }
|
6567
|
+
};
|
6568
|
+
var IllustrationLeft = (_a) => {
|
6569
|
+
var _b = _a, { type } = _b, props = __objRest(_b, ["type"]);
|
6570
|
+
const clipPathId = useId();
|
6571
|
+
return /* @__PURE__ */ React16.createElement("svg", __spreadValues({
|
6572
|
+
xmlns: "http://www.w3.org/2000/svg",
|
6573
|
+
width: 120,
|
6574
|
+
height: 48,
|
6575
|
+
fill: "none"
|
6576
|
+
}, props), /* @__PURE__ */ React16.createElement("g", {
|
6577
|
+
clipPath: `url(#${clipPathId})`
|
6578
|
+
}, /* @__PURE__ */ React16.createElement("path", {
|
6579
|
+
className: ILLUSTRATION_COLORS[type].fill,
|
6580
|
+
d: "M25.68 105.063c-4.556 17.047 5.533 34.57 22.537 39.138 17.003 4.568 34.48-5.55 39.037-22.597L136.75-63.593c4.555-17.046-5.536-34.57-22.538-39.137-17.003-4.567-34.48 5.55-39.036 22.596L25.68 105.063Z"
|
6581
|
+
}), /* @__PURE__ */ React16.createElement("path", {
|
6582
|
+
className: ILLUSTRATION_COLORS[type].stroke,
|
6583
|
+
strokeWidth: 2,
|
6584
|
+
d: "M-71.39 445.432c-29.483-7.92-46.981-38.306-39.08-67.87l87.385-326.96c7.901-29.562 38.211-47.105 67.693-39.185 29.481 7.92 46.983 38.306 39.082 67.869l-87.385 326.96c-7.901 29.564-38.211 47.107-67.694 39.186Z"
|
6585
|
+
})), /* @__PURE__ */ React16.createElement("defs", null, /* @__PURE__ */ React16.createElement("clipPath", {
|
6586
|
+
id: clipPathId
|
6587
|
+
}, /* @__PURE__ */ React16.createElement("path", {
|
6588
|
+
fill: "#fff",
|
6589
|
+
d: "M-38-23h188v200H-38z"
|
6590
|
+
}))));
|
6591
|
+
};
|
6592
|
+
Banner.IllustrationLeft = IllustrationLeft;
|
6593
|
+
Banner.IllustrationLeft.displayName = "Alert.Banner.IllustrationLeft";
|
6594
|
+
var IllustrationRight = (_a) => {
|
6595
|
+
var _b = _a, { type } = _b, props = __objRest(_b, ["type"]);
|
6596
|
+
const clipPathId = useId();
|
6597
|
+
return /* @__PURE__ */ React16.createElement("svg", __spreadValues({
|
6598
|
+
xmlns: "http://www.w3.org/2000/svg",
|
6599
|
+
width: 120,
|
6600
|
+
height: 48,
|
6601
|
+
fill: "none"
|
6602
|
+
}, props), /* @__PURE__ */ React16.createElement("g", {
|
6603
|
+
clipPath: `url(#${clipPathId})`
|
6604
|
+
}, /* @__PURE__ */ React16.createElement("path", {
|
6605
|
+
className: ILLUSTRATION_COLORS[type].fill,
|
6606
|
+
d: "M114.341 71.088c11.599-20.12 4.741-45.834-15.32-57.433-20.06-11.6-45.727-4.691-57.326 15.43L-84.32 247.67c-11.599 20.119-4.739 45.835 15.321 57.433 20.06 11.599 45.726 4.69 57.325-15.429L114.341 71.088Z"
|
6607
|
+
}), /* @__PURE__ */ React16.createElement("path", {
|
6608
|
+
className: ILLUSTRATION_COLORS[type].stroke,
|
6609
|
+
strokeWidth: 2.632,
|
6610
|
+
d: "M353.696-328.567c34.785 20.113 46.681 64.704 26.564 99.599L157.785 156.939c-20.115 34.892-64.626 46.87-99.409 26.758-34.782-20.112-46.682-64.706-26.566-99.598l222.475-385.907c20.116-34.894 64.626-46.872 99.411-26.759Z"
|
6611
|
+
})), /* @__PURE__ */ React16.createElement("defs", null, /* @__PURE__ */ React16.createElement("clipPath", {
|
6612
|
+
id: clipPathId
|
6613
|
+
}, /* @__PURE__ */ React16.createElement("path", {
|
6614
|
+
fill: "#fff",
|
6615
|
+
d: "m151.148 255.847-239.01-64.043 68.13-254.266L219.278 1.58z"
|
6616
|
+
}))));
|
6617
|
+
};
|
6618
|
+
Banner.IllustrationRight = IllustrationRight;
|
6619
|
+
Banner.IllustrationRight.displayName = "Alert.Banner.IllustrationRight";
|
6515
6620
|
|
6516
6621
|
// src/atoms/Card/Card.tsx
|
6517
6622
|
import React19 from "react";
|
@@ -6519,7 +6624,9 @@ import isNumber from "lodash/isNumber";
|
|
6519
6624
|
|
6520
6625
|
// src/molecules/Typography/Typography.tsx
|
6521
6626
|
import React17 from "react";
|
6627
|
+
import classNames3 from "classnames";
|
6522
6628
|
var Typography2 = (props) => /* @__PURE__ */ React17.createElement(Typography, __spreadValues({}, props));
|
6629
|
+
Typography2.displayName = "Typography";
|
6523
6630
|
Typography2.LargeHeading = (_a) => {
|
6524
6631
|
var _b = _a, { htmlTag = "h1" } = _b, props = __objRest(_b, ["htmlTag"]);
|
6525
6632
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
@@ -6527,6 +6634,7 @@ Typography2.LargeHeading = (_a) => {
|
|
6527
6634
|
variant: "large-heading"
|
6528
6635
|
}));
|
6529
6636
|
};
|
6637
|
+
Typography2.LargeHeading.displayName = "Typography.LargeHeading";
|
6530
6638
|
Typography2.Heading = (_a) => {
|
6531
6639
|
var _b = _a, { htmlTag = "h1", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
|
6532
6640
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
@@ -6534,6 +6642,7 @@ Typography2.Heading = (_a) => {
|
|
6534
6642
|
variant: "heading"
|
6535
6643
|
}));
|
6536
6644
|
};
|
6645
|
+
Typography2.Heading.displayName = "Typography.Heading";
|
6537
6646
|
Typography2.Subheading = (_a) => {
|
6538
6647
|
var _b = _a, { htmlTag = "h2", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
|
6539
6648
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
@@ -6541,6 +6650,7 @@ Typography2.Subheading = (_a) => {
|
|
6541
6650
|
variant: "subheading"
|
6542
6651
|
}));
|
6543
6652
|
};
|
6653
|
+
Typography2.Subheading.displayName = "Typography.Subheading";
|
6544
6654
|
Typography2.LargeStrong = (_a) => {
|
6545
6655
|
var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
|
6546
6656
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
@@ -6548,6 +6658,7 @@ Typography2.LargeStrong = (_a) => {
|
|
6548
6658
|
variant: "large-strong"
|
6549
6659
|
}));
|
6550
6660
|
};
|
6661
|
+
Typography2.LargeStrong.displayName = "Typography.LargeStrong";
|
6551
6662
|
Typography2.Large = (_a) => {
|
6552
6663
|
var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
|
6553
6664
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
@@ -6555,6 +6666,7 @@ Typography2.Large = (_a) => {
|
|
6555
6666
|
variant: "large"
|
6556
6667
|
}));
|
6557
6668
|
};
|
6669
|
+
Typography2.Large.displayName = "Typography.Large";
|
6558
6670
|
Typography2.DefaultStrong = (_a) => {
|
6559
6671
|
var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
|
6560
6672
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
@@ -6562,6 +6674,7 @@ Typography2.DefaultStrong = (_a) => {
|
|
6562
6674
|
variant: "default-strong"
|
6563
6675
|
}));
|
6564
6676
|
};
|
6677
|
+
Typography2.DefaultStrong.displayName = "Typography.DefaultStrong";
|
6565
6678
|
Typography2.Default = (_a) => {
|
6566
6679
|
var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
|
6567
6680
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
@@ -6569,6 +6682,7 @@ Typography2.Default = (_a) => {
|
|
6569
6682
|
variant: "default"
|
6570
6683
|
}));
|
6571
6684
|
};
|
6685
|
+
Typography2.Default.displayName = "Typography.Default";
|
6572
6686
|
Typography2.Paragraph = (_a) => {
|
6573
6687
|
var _b = _a, { htmlTag = "p", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
|
6574
6688
|
return /* @__PURE__ */ React17.createElement(Typography2.Default, __spreadProps(__spreadValues({}, props), {
|
@@ -6576,20 +6690,30 @@ Typography2.Paragraph = (_a) => {
|
|
6576
6690
|
}));
|
6577
6691
|
};
|
6578
6692
|
Typography2.P = Typography2.Paragraph;
|
6579
|
-
Typography2.
|
6693
|
+
Typography2.Paragraph.displayName = "Typography.Paragraph";
|
6694
|
+
Typography2.Small = (_a) => {
|
6580
6695
|
var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
|
6581
6696
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
6582
6697
|
htmlTag,
|
6583
|
-
variant: "small
|
6698
|
+
variant: "small"
|
6584
6699
|
}));
|
6585
6700
|
};
|
6586
|
-
Typography2.Small =
|
6701
|
+
Typography2.Small.displayName = "Typography.Small";
|
6702
|
+
Typography2.SmallStrong = (_a) => {
|
6587
6703
|
var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
|
6588
6704
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
6589
6705
|
htmlTag,
|
6590
|
-
variant: "small"
|
6706
|
+
variant: "small-strong"
|
6591
6707
|
}));
|
6592
6708
|
};
|
6709
|
+
Typography2.SmallStrong.displayName = "Typography.SmallStrong";
|
6710
|
+
Typography2.Strong = (_a) => {
|
6711
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
6712
|
+
return /* @__PURE__ */ React17.createElement("strong", __spreadValues({
|
6713
|
+
className: classNames3(tw("font-semibold"), className)
|
6714
|
+
}, props));
|
6715
|
+
};
|
6716
|
+
Typography2.Strong.displayName = "Typography.Strong";
|
6593
6717
|
Typography2.Caption = (_a) => {
|
6594
6718
|
var _b = _a, { htmlTag = "div", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
|
6595
6719
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
@@ -6597,6 +6721,7 @@ Typography2.Caption = (_a) => {
|
|
6597
6721
|
variant: "caption"
|
6598
6722
|
}));
|
6599
6723
|
};
|
6724
|
+
Typography2.Caption.displayName = "Typography.Caption";
|
6600
6725
|
Typography2.LargeText = (_a) => {
|
6601
6726
|
var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
|
6602
6727
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
@@ -6604,6 +6729,7 @@ Typography2.LargeText = (_a) => {
|
|
6604
6729
|
variant: "large-strong"
|
6605
6730
|
}));
|
6606
6731
|
};
|
6732
|
+
Typography2.LargeText.displayName = "Typography.LargeText";
|
6607
6733
|
Typography2.MediumText = (_a) => {
|
6608
6734
|
var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
|
6609
6735
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
@@ -6611,6 +6737,7 @@ Typography2.MediumText = (_a) => {
|
|
6611
6737
|
variant: "default-strong"
|
6612
6738
|
}));
|
6613
6739
|
};
|
6740
|
+
Typography2.MediumText.displayName = "Typography.MediumText";
|
6614
6741
|
Typography2.Text = (_a) => {
|
6615
6742
|
var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
|
6616
6743
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
@@ -6618,6 +6745,7 @@ Typography2.Text = (_a) => {
|
|
6618
6745
|
variant: "default"
|
6619
6746
|
}));
|
6620
6747
|
};
|
6748
|
+
Typography2.Text.displayName = "Typography.Text";
|
6621
6749
|
Typography2.SmallText = (_a) => {
|
6622
6750
|
var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
|
6623
6751
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
@@ -6625,6 +6753,7 @@ Typography2.SmallText = (_a) => {
|
|
6625
6753
|
variant: "small"
|
6626
6754
|
}));
|
6627
6755
|
};
|
6756
|
+
Typography2.SmallText.displayName = "Typography.SmallText";
|
6628
6757
|
Typography2.SmallTextBold = (_a) => {
|
6629
6758
|
var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
|
6630
6759
|
return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
@@ -6632,6 +6761,7 @@ Typography2.SmallTextBold = (_a) => {
|
|
6632
6761
|
variant: "small-strong"
|
6633
6762
|
}));
|
6634
6763
|
};
|
6764
|
+
Typography2.SmallTextBold.displayName = "Typography.SmallTextBold";
|
6635
6765
|
|
6636
6766
|
// src/atoms/LineClamp/LineClamp.tsx
|
6637
6767
|
import React18 from "react";
|
@@ -7288,7 +7418,7 @@ var Navigation = (_a) => {
|
|
7288
7418
|
className: classNames(tw("bg-grey-0 h-full"))
|
7289
7419
|
}, /* @__PURE__ */ React29.createElement("ul", __spreadProps(__spreadValues({}, rest), {
|
7290
7420
|
className: classNames(tw("flex flex-col h-full"), className),
|
7291
|
-
role: "
|
7421
|
+
role: "menubar"
|
7292
7422
|
}), children));
|
7293
7423
|
};
|
7294
7424
|
var Header = (_a) => {
|
@@ -7551,15 +7681,15 @@ var Group2 = React33.forwardRef((_a, ref) => {
|
|
7551
7681
|
});
|
7552
7682
|
var Item3 = React33.forwardRef(
|
7553
7683
|
(_a, ref) => {
|
7554
|
-
var _b = _a, { highlighted, selected, className, children } = _b, props = __objRest(_b, ["highlighted", "selected", "className", "children"]);
|
7684
|
+
var _b = _a, { highlighted, selected, className, disabled, children } = _b, props = __objRest(_b, ["highlighted", "selected", "className", "disabled", "children"]);
|
7555
7685
|
return /* @__PURE__ */ React33.createElement("li", __spreadValues({
|
7556
7686
|
ref,
|
7557
7687
|
className: classNames(className, "flex items-center gap-x-3 p-3 typography-small", {
|
7558
|
-
"cursor-pointer": !
|
7559
|
-
"
|
7560
|
-
"
|
7561
|
-
|
7562
|
-
|
7688
|
+
"cursor-pointer hover:bg-grey-0": !disabled,
|
7689
|
+
"cursor-not-allowed opacity-40 grayscale": disabled,
|
7690
|
+
"bg-grey-0": highlighted
|
7691
|
+
}),
|
7692
|
+
"aria-disabled": disabled || void 0
|
7563
7693
|
}, props), /* @__PURE__ */ React33.createElement("span", {
|
7564
7694
|
className: tw("grow flex gap-x-3")
|
7565
7695
|
}, children), selected && /* @__PURE__ */ React33.createElement(InlineIcon, {
|
@@ -7845,11 +7975,14 @@ var TableSortCell = (_a) => {
|
|
7845
7975
|
className: getSortCellIconClassNames(direction === "ascending")
|
7846
7976
|
}))));
|
7847
7977
|
};
|
7978
|
+
var Caption = ({ children }) => /* @__PURE__ */ React36.createElement(Typography2.Caption, {
|
7979
|
+
htmlTag: "caption"
|
7980
|
+
}, children);
|
7848
7981
|
var Item4 = ({ image, imageAlt, imageSize = 35, title, caption }) => /* @__PURE__ */ React36.createElement("div", {
|
7849
7982
|
className: tw("flex gap-4 items-center")
|
7850
7983
|
}, image && /* @__PURE__ */ React36.createElement("img", {
|
7851
7984
|
src: image,
|
7852
|
-
alt: imageAlt,
|
7985
|
+
alt: imageAlt != null ? imageAlt : "",
|
7853
7986
|
style: { width: imageSize, height: imageSize }
|
7854
7987
|
}), /* @__PURE__ */ React36.createElement("div", null, title, caption && /* @__PURE__ */ React36.createElement(Typography2.Caption, null, caption)));
|
7855
7988
|
Table.Head = React36.memo(TableHead);
|
@@ -7858,8 +7991,10 @@ Table.Row = React36.memo(TableRow);
|
|
7858
7991
|
Table.Cell = React36.memo(TableCell);
|
7859
7992
|
Table.SortCell = React36.memo(TableSortCell);
|
7860
7993
|
Table.SelectCell = React36.memo(TableSelectCell);
|
7994
|
+
Table.Caption = Caption;
|
7861
7995
|
export {
|
7862
7996
|
Alert,
|
7997
|
+
Caption,
|
7863
7998
|
Card,
|
7864
7999
|
Checkbox,
|
7865
8000
|
Chip,
|
@@ -2,18 +2,32 @@ import React from 'react';
|
|
2
2
|
import { type ButtonProps } from '../../../src/molecules/Button/Button';
|
3
3
|
import { Typography } from '../../../src/atoms/Typography/Typography';
|
4
4
|
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
5
|
+
declare type SvgProps = React.SVGProps<SVGSVGElement>;
|
5
6
|
declare type TypographyProps = React.ComponentProps<typeof Typography>;
|
6
7
|
export declare type AlertType = 'error' | 'information' | 'success' | 'warning';
|
7
8
|
declare type AlertProps = {
|
8
9
|
type: AlertType;
|
9
10
|
dense?: boolean;
|
10
11
|
};
|
12
|
+
declare type ComposedBannerProps = {
|
13
|
+
Content: React.FC<DivProps>;
|
14
|
+
Dismiss: React.FC<ButtonProps>;
|
15
|
+
IllustrationLeft: React.FC<SvgProps & {
|
16
|
+
type: AlertType;
|
17
|
+
}>;
|
18
|
+
IllustrationRight: React.FC<SvgProps & {
|
19
|
+
type: AlertType;
|
20
|
+
}>;
|
21
|
+
};
|
11
22
|
declare type ComposedAlertProps = {
|
12
23
|
Title: React.FC<TypographyProps>;
|
13
24
|
Description: React.FC<TypographyProps>;
|
14
25
|
Actions: React.FC<DivProps>;
|
15
26
|
Icon: React.FC<AlertProps>;
|
16
27
|
Dismiss: React.FC<ButtonProps>;
|
28
|
+
Banner: ComposedBannerProps & React.FC<DivProps & {
|
29
|
+
type: AlertType;
|
30
|
+
}>;
|
17
31
|
};
|
18
32
|
export declare const Alert: ComposedAlertProps & React.FC<AlertProps & DivProps>;
|
19
33
|
export {};
|
@@ -10,7 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import {
|
13
|
+
import { useId } from '@react-aria/utils';
|
14
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
14
15
|
import { Icon } from '../../../src/molecules/Icon/Icon';
|
15
16
|
import { Typography } from '../../../src/atoms/Typography/Typography';
|
16
17
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
@@ -69,6 +70,62 @@ Alert.Icon = (_a) => {
|
|
69
70
|
Alert.Dismiss = (_a) => {
|
70
71
|
var { type } = _a, rest = __rest(_a, ["type"]);
|
71
72
|
return (React.createElement("div", { className: tw('h-[20px] col-start-3 row-start-1') },
|
72
|
-
React.createElement(
|
73
|
+
React.createElement(Button.Icon, Object.assign({}, rest, { UNSAFE_className: tw('-m-2'), tooltip: "Dismiss", icon: cross }))));
|
73
74
|
};
|
74
|
-
|
75
|
+
const Banner = (_a) => {
|
76
|
+
var { children, className, type } = _a, rest = __rest(_a, ["children", "className", "type"]);
|
77
|
+
return (React.createElement("div", Object.assign({}, rest, { role: type === 'error' || type === 'warning' ? 'alert' : 'status', className: classNames(tw('relative flex px-[60px] justify-center', {
|
78
|
+
'bg-error-5': type === 'error',
|
79
|
+
'bg-primary-5': type === 'information',
|
80
|
+
'bg-success-5': type === 'success',
|
81
|
+
'bg-warning-5': type === 'warning',
|
82
|
+
}), className) }), children));
|
83
|
+
};
|
84
|
+
Alert.Banner = Banner;
|
85
|
+
Alert.Banner.displayName = 'Alert.Banner';
|
86
|
+
Banner.Content = (_a) => {
|
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-3 text-center z-10'), className) }, props)));
|
89
|
+
};
|
90
|
+
Banner.Content.displayName = 'Alert.Banner.Content';
|
91
|
+
Banner.Dismiss = (_a) => {
|
92
|
+
var { type } = _a, rest = __rest(_a, ["type"]);
|
93
|
+
return (React.createElement("div", { className: tw('h-[20px] absolute right-4 top-[18px]') },
|
94
|
+
React.createElement(Button.Icon, Object.assign({}, rest, { UNSAFE_className: tw('-m-2'), tooltip: "Dismiss", icon: cross }))));
|
95
|
+
};
|
96
|
+
Banner.Dismiss.displayName = 'Alert.Banner.Dismiss';
|
97
|
+
const ILLUSTRATION_COLORS = {
|
98
|
+
information: { stroke: tw('stroke-primary-60'), fill: tw('fill-primary-10') },
|
99
|
+
success: { stroke: tw('stroke-success-40'), fill: tw('fill-success-10') },
|
100
|
+
warning: { stroke: tw('stroke-warning-100'), fill: tw('fill-warning-20') },
|
101
|
+
error: { stroke: tw('stroke-error-100'), fill: tw('fill-error-10') },
|
102
|
+
};
|
103
|
+
const IllustrationLeft = (_a) => {
|
104
|
+
var { type } = _a, props = __rest(_a, ["type"]);
|
105
|
+
// Need unique ids for Axe
|
106
|
+
const clipPathId = useId();
|
107
|
+
return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 120, height: 48, fill: "none" }, props),
|
108
|
+
React.createElement("g", { clipPath: `url(#${clipPathId})` },
|
109
|
+
React.createElement("path", { className: ILLUSTRATION_COLORS[type].fill, d: "M25.68 105.063c-4.556 17.047 5.533 34.57 22.537 39.138 17.003 4.568 34.48-5.55 39.037-22.597L136.75-63.593c4.555-17.046-5.536-34.57-22.538-39.137-17.003-4.567-34.48 5.55-39.036 22.596L25.68 105.063Z" }),
|
110
|
+
React.createElement("path", { className: ILLUSTRATION_COLORS[type].stroke, strokeWidth: 2, d: "M-71.39 445.432c-29.483-7.92-46.981-38.306-39.08-67.87l87.385-326.96c7.901-29.562 38.211-47.105 67.693-39.185 29.481 7.92 46.983 38.306 39.082 67.869l-87.385 326.96c-7.901 29.564-38.211 47.107-67.694 39.186Z" })),
|
111
|
+
React.createElement("defs", null,
|
112
|
+
React.createElement("clipPath", { id: clipPathId },
|
113
|
+
React.createElement("path", { fill: "#fff", d: "M-38-23h188v200H-38z" })))));
|
114
|
+
};
|
115
|
+
Banner.IllustrationLeft = IllustrationLeft;
|
116
|
+
Banner.IllustrationLeft.displayName = 'Alert.Banner.IllustrationLeft';
|
117
|
+
const IllustrationRight = (_a) => {
|
118
|
+
var { type } = _a, props = __rest(_a, ["type"]);
|
119
|
+
// Need unique ids for Axe
|
120
|
+
const clipPathId = useId();
|
121
|
+
return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 120, height: 48, fill: "none" }, props),
|
122
|
+
React.createElement("g", { clipPath: `url(#${clipPathId})` },
|
123
|
+
React.createElement("path", { className: ILLUSTRATION_COLORS[type].fill, d: "M114.341 71.088c11.599-20.12 4.741-45.834-15.32-57.433-20.06-11.6-45.727-4.691-57.326 15.43L-84.32 247.67c-11.599 20.119-4.739 45.835 15.321 57.433 20.06 11.599 45.726 4.69 57.325-15.429L114.341 71.088Z" }),
|
124
|
+
React.createElement("path", { className: ILLUSTRATION_COLORS[type].stroke, strokeWidth: 2.632, d: "M353.696-328.567c34.785 20.113 46.681 64.704 26.564 99.599L157.785 156.939c-20.115 34.892-64.626 46.87-99.409 26.758-34.782-20.112-46.682-64.706-26.566-99.598l222.475-385.907c20.116-34.894 64.626-46.872 99.411-26.759Z" })),
|
125
|
+
React.createElement("defs", null,
|
126
|
+
React.createElement("clipPath", { id: clipPathId },
|
127
|
+
React.createElement("path", { fill: "#fff", d: "m151.148 255.847-239.01-64.043 68.13-254.266L219.278 1.58z" })))));
|
128
|
+
};
|
129
|
+
Banner.IllustrationRight = IllustrationRight;
|
130
|
+
Banner.IllustrationRight.displayName = 'Alert.Banner.IllustrationRight';
|
131
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQWxlcnQvQWxlcnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUUxQyxPQUFPLEVBQUUsTUFBTSxFQUFvQixNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQWtCLE1BQU0seUJBQXlCLENBQUM7QUFFL0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHcEQsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFDcEMsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFDcEMsT0FBTyxJQUFJLE1BQU0sb0JBQW9CLENBQUM7QUFDdEMsT0FBTyxPQUFPLE1BQU0sc0JBQXNCLENBQUM7QUFDM0MsT0FBTyxPQUFPLE1BQU0sdUJBQXVCLENBQUM7QUFpQzVDLE1BQU0sVUFBVSxHQUFlO0lBQzdCLFdBQVcsRUFBRTtRQUNYLElBQUksRUFBRSxJQUFJO1FBQ1YsS0FBSyxFQUFFLFNBQVM7S0FDakI7SUFDRCxPQUFPLEVBQUU7UUFDUCxJQUFJLEVBQUUsT0FBTztRQUNiLEtBQUssRUFBRSxZQUFZO0tBQ3BCO0lBQ0QsS0FBSyxFQUFFO1FBQ0wsSUFBSSxFQUFFLEtBQUs7UUFDWCxLQUFLLEVBQUUsVUFBVTtLQUNsQjtJQUNELE9BQU8sRUFBRTtRQUNQLElBQUksRUFBRSxPQUFPO1FBQ2IsS0FBSyxFQUFFLFlBQVk7S0FDcEI7Q0FDRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5RCxDQUFDLEVBTTNFLEVBQUUsRUFBRTtRQU51RSxFQUMxRSxRQUFRLEVBQ1IsU0FBUyxFQUNULElBQUksRUFDSixLQUFLLE9BRU4sRUFESSxJQUFJLGNBTG1FLDBDQU0zRSxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixJQUFJLEVBQUUsSUFBSSxLQUFLLE9BQU8sSUFBSSxJQUFJLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFDakUsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLHFFQUFxRSxFQUFFO1lBQ3hFLFlBQVksRUFBRSxJQUFJLEtBQUssT0FBTztZQUM5QixZQUFZLEVBQUUsSUFBSSxLQUFLLGFBQWE7WUFDcEMsY0FBYyxFQUFFLElBQUksS0FBSyxTQUFTO1lBQ2xDLGNBQWMsRUFBRSxJQUFJLEtBQUssU0FBUztZQUNsQyxLQUFLLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQztZQUNyQixLQUFLLEVBQUUsQ0FBQyxLQUFLO1NBQ2QsQ0FBQyxFQUNGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsS0FBSyxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUNsRCxvQkFBQyxVQUFVLG9CQUFLLElBQUksSUFBRSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsS0FBSyxFQUFDLFNBQVMsRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsRUFBRSxTQUFTLENBQUMsS0FDL0csUUFBUSxDQUNFLENBQ2QsQ0FBQTtDQUFBLENBQUM7QUFFRixLQUFLLENBQUMsV0FBVyxHQUFHLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQ3hELG9CQUFDLFVBQVUsb0JBQUssSUFBSSxJQUFFLE9BQU8sRUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFDLFNBQVMsRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsRUFBRSxTQUFTLENBQUMsS0FDdEcsUUFBUSxDQUNFLENBQ2QsQ0FBQTtDQUFBLENBQUM7QUFFRixLQUFLLENBQUMsT0FBTyxHQUFHLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQ3BELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxLQUMxRSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLHVFQUF1RTtBQUN2RSxLQUFLLENBQUMsSUFBSSxHQUFHLENBQUMsRUFBd0IsRUFBRSxFQUFFO1FBQTVCLEVBQUUsSUFBSSxFQUFFLEtBQUssT0FBVyxFQUFOLElBQUksY0FBdEIsaUJBQXdCLENBQUY7SUFBTyxPQUFBLENBQ3pDLDZCQUFLLFNBQVMsRUFBRSxFQUFFLENBQUMsa0NBQWtDLEVBQUUsRUFBRSxZQUFZLEVBQUUsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUM5RSxvQkFBQyxJQUFJLG9CQUFLLElBQUksSUFBRSxJQUFJLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRSxRQUFRLEVBQUUsRUFBRSxJQUFJLENBQ3hGLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixLQUFLLENBQUMsT0FBTyxHQUFHLENBQUMsRUFBaUIsRUFBRSxFQUFFO1FBQXJCLEVBQUUsSUFBSSxPQUFXLEVBQU4sSUFBSSxjQUFmLFFBQWlCLENBQUY7SUFBTyxPQUFBLENBQ3JDLDZCQUFLLFNBQVMsRUFBRSxFQUFFLENBQUMsa0NBQWtDLENBQUM7UUFDcEQsb0JBQUMsTUFBTSxDQUFDLElBQUksb0JBQUssSUFBSSxJQUFFLGdCQUFnQixFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFBRSxPQUFPLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBRSxLQUFLLElBQUksQ0FDbEYsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sTUFBTSxHQUFtRSxDQUFDLEVBSy9FLEVBQUUsRUFBRTtRQUwyRSxFQUM5RSxRQUFRLEVBQ1IsU0FBUyxFQUNULElBQUksT0FFTCxFQURJLElBQUksY0FKdUUsaUNBSy9FLENBRFE7SUFDSCxPQUFBLENBQ0osNkNBQ00sSUFBSSxJQUNSLElBQUksRUFBRSxJQUFJLEtBQUssT0FBTyxJQUFJLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUNqRSxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsd0NBQXdDLEVBQUU7WUFDM0MsWUFBWSxFQUFFLElBQUksS0FBSyxPQUFPO1lBQzlCLGNBQWMsRUFBRSxJQUFJLEtBQUssYUFBYTtZQUN0QyxjQUFjLEVBQUUsSUFBSSxLQUFLLFNBQVM7WUFDbEMsY0FBYyxFQUFFLElBQUksS0FBSyxTQUFTO1NBQ25DLENBQUMsRUFDRixTQUFTLENBQ1YsS0FFQSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUNGLEtBQUssQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0FBQ3RCLEtBQUssQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLGNBQWMsQ0FBQztBQUUxQyxNQUFNLENBQUMsT0FBTyxHQUFHLENBQUMsRUFBdUIsRUFBRSxFQUFFO1FBQTNCLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUFyQixhQUF1QixDQUFGO0lBQU8sT0FBQSxDQUM1QywyQ0FDRSxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsbUZBQW1GLENBQUMsRUFDdkYsU0FBUyxDQUNWLElBQ0csS0FBSyxFQUNULENBQ0gsQ0FBQTtDQUFBLENBQUM7QUFDRixNQUFNLENBQUMsT0FBTyxDQUFDLFdBQVcsR0FBRyxzQkFBc0IsQ0FBQztBQUVwRCxNQUFNLENBQUMsT0FBTyxHQUFHLENBQUMsRUFBaUIsRUFBRSxFQUFFO1FBQXJCLEVBQUUsSUFBSSxPQUFXLEVBQU4sSUFBSSxjQUFmLFFBQWlCLENBQUY7SUFBTyxPQUFBLENBQ3RDLDZCQUFLLFNBQVMsRUFBRSxFQUFFLENBQUMsc0NBQXNDLENBQUM7UUFDeEQsb0JBQUMsTUFBTSxDQUFDLElBQUksb0JBQUssSUFBSSxJQUFFLGdCQUFnQixFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFBRSxPQUFPLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBRSxLQUFLLElBQUksQ0FDbEYsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUNGLE1BQU0sQ0FBQyxPQUFPLENBQUMsV0FBVyxHQUFHLHNCQUFzQixDQUFDO0FBRXBELE1BQU0sbUJBQW1CLEdBQTZEO0lBQ3BGLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLENBQUMsbUJBQW1CLENBQUMsRUFBRSxJQUFJLEVBQUUsRUFBRSxDQUFDLGlCQUFpQixDQUFDLEVBQUU7SUFDN0UsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFLENBQUMsaUJBQWlCLENBQUMsRUFBRTtJQUN6RSxPQUFPLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxDQUFDLG9CQUFvQixDQUFDLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFO0lBQzFFLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLENBQUMsa0JBQWtCLENBQUMsRUFBRSxJQUFJLEVBQUUsRUFBRSxDQUFDLGVBQWUsQ0FBQyxFQUFFO0NBQ3JFLENBQUM7QUFFRixNQUFNLGdCQUFnQixHQUE2QyxDQUFDLEVBQWtCLEVBQUUsRUFBRTtRQUF0QixFQUFFLElBQUksT0FBWSxFQUFQLEtBQUssY0FBaEIsUUFBa0IsQ0FBRjtJQUNsRiwwQkFBMEI7SUFDMUIsTUFBTSxVQUFVLEdBQUcsS0FBSyxFQUFFLENBQUM7SUFDM0IsT0FBTyxDQUNMLDJDQUFLLEtBQUssRUFBQyw0QkFBNEIsRUFBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFDLE1BQU0sSUFBSyxLQUFLO1FBQ25GLDJCQUFHLFFBQVEsRUFBRSxRQUFRLFVBQVUsR0FBRztZQUNoQyw4QkFDRSxTQUFTLEVBQUUsbUJBQW1CLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUN6QyxDQUFDLEVBQUMsd01BQXdNLEdBQzFNO1lBQ0YsOEJBQ0UsU0FBUyxFQUFFLG1CQUFtQixDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sRUFDM0MsV0FBVyxFQUFFLENBQUMsRUFDZCxDQUFDLEVBQUMsaU5BQWlOLEdBQ25OLENBQ0E7UUFDSjtZQUNFLGtDQUFVLEVBQUUsRUFBRSxVQUFVO2dCQUN0Qiw4QkFBTSxJQUFJLEVBQUMsTUFBTSxFQUFDLENBQUMsRUFBQyxzQkFBc0IsR0FBRyxDQUNwQyxDQUNOLENBQ0gsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBQ0YsTUFBTSxDQUFDLGdCQUFnQixHQUFHLGdCQUFnQixDQUFDO0FBQzNDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLEdBQUcsK0JBQStCLENBQUM7QUFFdEUsTUFBTSxpQkFBaUIsR0FBNkMsQ0FBQyxFQUFrQixFQUFFLEVBQUU7UUFBdEIsRUFBRSxJQUFJLE9BQVksRUFBUCxLQUFLLGNBQWhCLFFBQWtCLENBQUY7SUFDbkYsMEJBQTBCO0lBQzFCLE1BQU0sVUFBVSxHQUFHLEtBQUssRUFBRSxDQUFDO0lBRTNCLE9BQU8sQ0FDTCwyQ0FBSyxLQUFLLEVBQUMsNEJBQTRCLEVBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBQyxNQUFNLElBQUssS0FBSztRQUNuRiwyQkFBRyxRQUFRLEVBQUUsUUFBUSxVQUFVLEdBQUc7WUFDaEMsOEJBQ0UsU0FBUyxFQUFFLG1CQUFtQixDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksRUFDekMsQ0FBQyxFQUFDLDRNQUE0TSxHQUM5TTtZQUNGLDhCQUNFLFNBQVMsRUFBRSxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxNQUFNLEVBQzNDLFdBQVcsRUFBRSxLQUFLLEVBQ2xCLENBQUMsRUFBQywyTkFBMk4sR0FDN04sQ0FDQTtRQUNKO1lBQ0Usa0NBQVUsRUFBRSxFQUFFLFVBQVU7Z0JBQ3RCLDhCQUFNLElBQUksRUFBQyxNQUFNLEVBQUMsQ0FBQyxFQUFDLDREQUE0RCxHQUFHLENBQzFFLENBQ04sQ0FDSCxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFDRixNQUFNLENBQUMsaUJBQWlCLEdBQUcsaUJBQWlCLENBQUM7QUFDN0MsTUFBTSxDQUFDLGlCQUFpQixDQUFDLFdBQVcsR0FBRyxnQ0FBZ0MsQ0FBQyJ9
|
@@ -34,7 +34,7 @@ declare const Image: React.FC<DivProps & Either<{
|
|
34
34
|
imageHeight?: LimitedCssDimension;
|
35
35
|
}> & {
|
36
36
|
image: string;
|
37
|
-
imageAlt
|
37
|
+
imageAlt?: string;
|
38
38
|
}>;
|
39
39
|
declare const Title: React.FC<React.ComponentProps<typeof Box.Flex>>;
|
40
40
|
declare const Content: React.FC<DivProps & {
|
@@ -26,7 +26,7 @@ export const DataList = (_a) => {
|
|
26
26
|
};
|
27
27
|
const HeadCell = (_a) => {
|
28
28
|
var { className, sticky, align, stickyColumn } = _a, rest = __rest(_a, ["className", "sticky", "align", "stickyColumn"]);
|
29
|
-
return (React.createElement("div", Object.assign({
|
29
|
+
return (React.createElement("div", Object.assign({ role: "cell" }, rest, { className: classNames(cellClassNames, getHeadCellClassNames(sticky, stickyColumn), getAlignClassNames(align), className) })));
|
30
30
|
};
|
31
31
|
const Cell = (_a) => {
|
32
32
|
var { className, align, stickyColumn } = _a, rest = __rest(_a, ["className", "align", "stickyColumn"]);
|
@@ -47,7 +47,7 @@ const SubGroupSpacing = (_a) => {
|
|
47
47
|
};
|
48
48
|
const SortCell = (_a) => {
|
49
49
|
var { children, direction = 'none', onClick, sticky } = _a, rest = __rest(_a, ["children", "direction", "onClick", "sticky"]);
|
50
|
-
return (React.createElement(HeadCell, Object.assign({}, rest, { "aria-sort": direction, role: "
|
50
|
+
return (React.createElement(HeadCell, Object.assign({}, rest, { "aria-sort": direction, role: "columnheader", sticky: sticky }),
|
51
51
|
React.createElement("span", { className: getSortCellButtonClassNames(rest.align), role: "button", tabIndex: -1, onClick: onClick },
|
52
52
|
children,
|
53
53
|
React.createElement("div", { "data-sort-icons": true, className: tw('flex flex-col', {
|
@@ -66,4 +66,4 @@ DataList.SubGroupSpacing = SubGroupSpacing;
|
|
66
66
|
DataList.SubGroupSpacing.displayName = 'DataList.SubGroupSpacing';
|
67
67
|
DataList.Row = Row;
|
68
68
|
DataList.Row.displayName = 'DataList.Row';
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0YUxpc3QvRGF0YUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQ0wsY0FBYyxFQUNkLHFCQUFxQixFQUNyQixxQkFBcUIsRUFDckIsMkJBQTJCLEVBQzNCLHlCQUF5QixHQUMxQixNQUFNLHVCQUF1QixDQUFDO0FBRy9CLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFZNUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEtBQWlCLEVBQUUsRUFBRSxDQUMvQyxFQUFFLENBQUMsbUJBQW1CLEVBQUU7SUFDdEIsYUFBYSxFQUFFLEtBQUssS0FBSyxPQUFPO0lBQ2hDLGdCQUFnQixFQUFFLEtBQUssS0FBSyxRQUFRO0lBQ3BDLGVBQWUsRUFBRSxLQUFLLEtBQUssTUFBTSxJQUFJLEtBQUssS0FBSyxTQUFTO0NBQ3pELENBQUMsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBMEIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLDZDQUFTLElBQUksRUFBSSxDQUFBO0NBQUEsQ0FBQztBQUU3RixNQUFNLFFBQVEsR0FBOEYsQ0FBQyxFQU01RyxFQUFFLEVBQUU7UUFOd0csRUFDM0csU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBQ0wsWUFBWSxPQUViLEVBREksSUFBSSxjQUxvRyxnREFNNUcsQ0FEUTtJQUNI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
|
@@ -14,7 +14,7 @@ import { classNames, tw } from '../../../src/utils/tailwind';
|
|
14
14
|
export const Navigation = (_a) => {
|
15
15
|
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
16
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: "
|
17
|
+
React.createElement("ul", Object.assign({}, rest, { className: classNames(tw('flex flex-col h-full'), className), role: "menubar" }), children)));
|
18
18
|
};
|
19
19
|
const Header = (_a) => {
|
20
20
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
@@ -47,4 +47,4 @@ Navigation.Footer = Footer;
|
|
47
47
|
Navigation.Section = Section;
|
48
48
|
Navigation.Item = Item;
|
49
49
|
Navigation.Divider = Divider;
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9OYXZpZ2F0aW9uL05hdmlnYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFjcEQsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFtRCxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUM5Ryw2QkFBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ2hELDRDQUFRLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxFQUFFLElBQUksRUFBQyxTQUFTLEtBQ3ZGLFFBQVEsQ0FDTixDQUNELENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE1BQU0sR0FBcUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzNELDRDQUFRLElBQUksSUFBRSxJQUFJLEVBQUMsY0FBYyxFQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3hGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxNQUFNLEdBQXFCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUMzRCw0Q0FBUSxJQUFJLElBQUUsSUFBSSxFQUFDLGNBQWMsRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ2hHLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQXlCLENBQUMsRUFBNkIsRUFBRSxFQUFFO1FBQWpDLEVBQUUsS0FBSyxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBM0Isc0JBQTZCLENBQUY7SUFBTyxPQUFBLENBQ3ZFLDRCQUFJLElBQUksRUFBQyxjQUFjLEVBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUM7UUFDMUMsS0FBSyxJQUFJLENBQ1IsNkJBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsb0VBQW9FLENBQUMsSUFDeEcsS0FBSyxDQUNGLENBQ1A7UUFDRCw0Q0FBUSxJQUFJLElBQUUsSUFBSSxFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxlQUFlLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUNqRixDQUNOLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQXFCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUM1RCwwQ0FBSSxJQUFJLEVBQUMsV0FBVyxJQUFLLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3BHLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxJQUFJLEdBQStDLENBQUMsRUFBOEIsRUFBRSxFQUFFO1FBQWxDLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBVyxFQUFOLElBQUksY0FBNUIsdUJBQThCLENBQUY7SUFBTyxPQUFBLENBQzNGLDRCQUFJLElBQUksRUFBQyxjQUFjO1FBQ3JCLDJDQUNNLElBQUksSUFDUixJQUFJLEVBQUMsVUFBVSxFQUNmLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyw2RkFBNkYsRUFBRTtnQkFDaEcsY0FBYyxFQUFFLENBQUMsTUFBTTtnQkFDdkIsaUJBQWlCLEVBQUUsQ0FBQyxDQUFDLE1BQU07YUFDNUIsQ0FBQyxFQUNGLFNBQVMsQ0FDVixJQUNELENBQ0MsQ0FDTixDQUFBO0NBQUEsQ0FBQztBQUVGLFVBQVUsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0FBQzNCLFVBQVUsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0FBQzNCLFVBQVUsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0FBQzdCLFVBQVUsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO0FBQ3ZCLFVBQVUsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDIn0=
|
@@ -5,7 +5,7 @@ import { Typography } from '../../../src/molecules/Typography/Typography';
|
|
5
5
|
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
6
6
|
declare type ComposedSectionProps = {
|
7
7
|
Header: React.FC<DivProps & {
|
8
|
-
|
8
|
+
expanded: boolean;
|
9
9
|
}>;
|
10
10
|
TitleContainer: React.FC<DivProps & {
|
11
11
|
collapsible: boolean;
|
@@ -21,8 +21,8 @@ export const Section = (_a) => {
|
|
21
21
|
return (React.createElement(Box, Object.assign({ component: "section", borderColor: "grey-5", borderWidth: "1px" }, rest), children));
|
22
22
|
};
|
23
23
|
Section.Header = (_a) => {
|
24
|
-
var { children, className,
|
25
|
-
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-6 flex gap-5 justify-between items-center h-[72px]', { 'bg-grey-0':
|
24
|
+
var { children, className, expanded } = _a, rest = __rest(_a, ["children", "className", "expanded"]);
|
25
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-6 flex gap-5 justify-between items-center h-[72px]', { 'bg-grey-0': expanded }), className) }), children));
|
26
26
|
};
|
27
27
|
Section.TitleContainer = (_a) => {
|
28
28
|
var { children, className, collapsible } = _a, rest = __rest(_a, ["children", "className", "collapsible"]);
|
@@ -46,4 +46,4 @@ Section.Body = (_a) => {
|
|
46
46
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('p-6'), className) }),
|
47
47
|
React.createElement(BaseTypography, { htmlTag: "div", color: "grey-70" }, children)));
|
48
48
|
};
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9TZWN0aW9uL1NlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWN4QyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXNFLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUNuSCxvQkFBQyxHQUFHLGtCQUFDLFNBQVMsRUFBQyxTQUFTLEVBQUMsV0FBVyxFQUFDLFFBQVEsRUFBQyxXQUFXLEVBQUMsS0FBSyxJQUFLLElBQUksR0FDckUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBMEMsRUFBRSxFQUFFO1FBQTlDLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQXhDLHFDQUEwQyxDQUFGO0lBQU8sT0FBQSxDQUMvRCw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLHVEQUF1RCxFQUFFLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQ3RGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLGNBQWMsR0FBRyxDQUFDLEVBQTZDLEVBQUUsRUFBRTtRQUFqRCxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsV0FBVyxPQUFXLEVBQU4sSUFBSSxjQUEzQyx3Q0FBNkMsQ0FBRjtJQUFPLE9BQUEsQ0FDMUUsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxxREFBcUQsRUFBRSxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQzVGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsb0JBQUMsSUFBSSxvQkFBSyxLQUFLLElBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLElBQUksQ0FBQztBQUV0RixPQUFPLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUN6QyxvQkFBQyxVQUFVLENBQUMsS0FBSyxvQkFBSyxJQUFJLElBQUUsT0FBTyxFQUFDLElBQUksRUFBQyxLQUFLLEVBQUMsT0FBTyxFQUFDLFNBQVMsRUFBQyx5QkFBeUIsS0FDdkYsUUFBUSxDQUNRLENBQ3BCLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLFFBQVEsR0FBRyxDQUFDLEVBQXFCLEVBQUUsRUFBRTtRQUF6QixFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBbkIsWUFBcUIsQ0FBRjtJQUFPLE9BQUEsQ0FDNUMsb0JBQUMsVUFBVSxDQUFDLEtBQUssb0JBQUssSUFBSSxJQUFFLEtBQUssRUFBQyxTQUFTLEtBQ3hDLFFBQVEsQ0FDUSxDQUNwQixDQUFBO0NBQUEsQ0FBQztBQUVGLE9BQU8sQ0FBQyxPQUFPLEdBQUcsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDdEQsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLHdCQUF3QixDQUFDLEVBQUUsU0FBUyxDQUFDLEtBQzFFLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLElBQUksR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUNuRCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsU0FBUyxDQUFDO1FBQ3hELG9CQUFDLGNBQWMsSUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFDLEtBQUssRUFBQyxTQUFTLElBQzFDLFFBQVEsQ0FDTSxDQUNiLENBQ1AsQ0FBQTtDQUFBLENBQUMifQ==
|