@aivenio/aquarium 1.78.0 → 1.80.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/atoms.cjs +124 -24
- package/dist/atoms.mjs +124 -24
- package/dist/charts.cjs +1 -0
- package/dist/charts.mjs +1 -0
- package/dist/src/atoms/Section/Section.js +3 -3
- package/dist/src/atoms/utils/index.d.ts +234 -0
- package/dist/src/atoms/utils/index.js +32 -0
- package/dist/src/molecules/Combobox/Combobox.js +6 -1
- package/dist/src/molecules/Context/Context.d.ts +2 -1
- package/dist/src/molecules/Context/Context.js +6 -4
- package/dist/src/molecules/DataList/DataList.d.ts +5 -1
- package/dist/src/molecules/DataList/DataList.js +60 -60
- package/dist/src/molecules/DataList/DataListComponents.d.ts +2 -1
- package/dist/src/molecules/DataList/DataListComponents.js +3 -3
- package/dist/src/molecules/DataList/DataListGroup.d.ts +1 -1
- package/dist/src/molecules/DataList/DataListGroup.js +3 -3
- package/dist/src/molecules/DataTable/DataTable.d.ts +5 -1
- package/dist/src/molecules/DataTable/DataTable.js +36 -36
- package/dist/src/molecules/DateField/DateField.d.ts +10 -0
- package/dist/src/molecules/DateField/DateField.js +33 -0
- package/dist/src/molecules/DateField/DateInput.d.ts +3 -0
- package/dist/src/molecules/DateField/DateInput.js +22 -0
- package/dist/src/molecules/DatePicker/Button.d.ts +4 -0
- package/dist/src/molecules/DatePicker/Button.js +12 -0
- package/dist/src/molecules/DatePicker/Calendar.d.ts +6 -0
- package/dist/src/molecules/DatePicker/Calendar.js +44 -0
- package/dist/src/molecules/DatePicker/DatePicker.d.ts +12 -0
- package/dist/src/molecules/DatePicker/DatePicker.js +63 -0
- package/dist/src/molecules/DatePicker/DateRangePicker.d.ts +12 -0
- package/dist/src/molecules/DatePicker/DateRangePicker.js +68 -0
- package/dist/src/molecules/DatePicker/Dialog.d.ts +3 -0
- package/dist/src/molecules/DatePicker/Dialog.js +7 -0
- package/dist/src/molecules/DatePicker/Popover.d.ts +7 -0
- package/dist/src/molecules/DatePicker/Popover.js +27 -0
- package/dist/src/molecules/DatePicker/RangeCalendar.d.ts +4 -0
- package/dist/src/molecules/DatePicker/RangeCalendar.js +51 -0
- package/dist/src/molecules/Field/Field.d.ts +3 -0
- package/dist/src/molecules/Field/Field.js +7 -0
- package/dist/src/molecules/MultiSelect/MultiSelect.js +6 -1
- package/dist/src/molecules/Popover/PopoverOverlay.d.ts +1 -1
- package/dist/src/molecules/Section/Section.js +4 -6
- package/dist/src/molecules/Select/Select.js +6 -1
- package/dist/src/molecules/TimeField/TimeField.d.ts +10 -0
- package/dist/src/molecules/TimeField/TimeField.js +33 -0
- package/dist/src/molecules/TimePicker/TimePicker.d.ts +6 -0
- package/dist/src/molecules/TimePicker/TimePicker.js +4 -0
- package/dist/src/molecules/Tooltip/Tooltip.d.ts +5 -0
- package/dist/src/molecules/Tooltip/Tooltip.js +4 -2
- package/dist/src/molecules/index.d.ts +3 -0
- package/dist/src/molecules/index.js +4 -1
- package/dist/src/utils/mocks/mockScrollIntoView.d.ts +1 -0
- package/dist/src/utils/mocks/mockScrollIntoView.js +11 -0
- package/dist/src/utils/setupTests.js +3 -1
- package/dist/src/utils/tailwind.d.ts +1 -0
- package/dist/src/utils/tailwind.js +6 -1
- package/dist/styles.css +1942 -1489
- package/dist/system.cjs +1094 -548
- package/dist/system.mjs +1080 -517
- package/dist/tailwind.config.js +2 -1
- package/dist/tailwind.theme.json +93 -3
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +8 -15
package/dist/atoms.cjs
CHANGED
@@ -4386,6 +4386,9 @@ var tailwind_theme_default = {
|
|
4386
4386
|
"11/12": "91.666667%",
|
4387
4387
|
full: "100%",
|
4388
4388
|
screen: "100vw",
|
4389
|
+
svw: "100svw",
|
4390
|
+
lvw: "100lvw",
|
4391
|
+
dvw: "100dvw",
|
4389
4392
|
min: "min-content",
|
4390
4393
|
max: "max-content",
|
4391
4394
|
fit: "fit-content"
|
@@ -4427,12 +4430,32 @@ var tailwind_theme_default = {
|
|
4427
4430
|
"5/6": "83.333333%",
|
4428
4431
|
full: "100%",
|
4429
4432
|
screen: "100vh",
|
4433
|
+
svh: "100svh",
|
4434
|
+
lvh: "100lvh",
|
4435
|
+
dvh: "100dvh",
|
4430
4436
|
min: "min-content",
|
4431
4437
|
max: "max-content",
|
4432
4438
|
fit: "fit-content"
|
4433
4439
|
},
|
4434
4440
|
maxWidth: {
|
4435
|
-
"0": "
|
4441
|
+
"0": "0px",
|
4442
|
+
"1": "2px",
|
4443
|
+
"2": "4px",
|
4444
|
+
"3": "8px",
|
4445
|
+
"4": "12px",
|
4446
|
+
"5": "16px",
|
4447
|
+
"6": "24px",
|
4448
|
+
"7": "32px",
|
4449
|
+
"8": "40px",
|
4450
|
+
"9": "48px",
|
4451
|
+
"1px": "1px",
|
4452
|
+
l1: "16px",
|
4453
|
+
l2: "24px",
|
4454
|
+
l3: "32px",
|
4455
|
+
l4: "48px",
|
4456
|
+
l5: "64px",
|
4457
|
+
l6: "96px",
|
4458
|
+
l7: "160px",
|
4436
4459
|
none: "none",
|
4437
4460
|
xs: "20rem",
|
4438
4461
|
sm: "24rem",
|
@@ -4476,14 +4499,35 @@ var tailwind_theme_default = {
|
|
4476
4499
|
l5: "64px",
|
4477
4500
|
l6: "96px",
|
4478
4501
|
l7: "160px",
|
4502
|
+
none: "none",
|
4479
4503
|
full: "100%",
|
4480
4504
|
screen: "100vh",
|
4505
|
+
svh: "100svh",
|
4506
|
+
lvh: "100lvh",
|
4507
|
+
dvh: "100dvh",
|
4481
4508
|
min: "min-content",
|
4482
4509
|
max: "max-content",
|
4483
4510
|
fit: "fit-content"
|
4484
4511
|
},
|
4485
4512
|
minWidth: {
|
4486
4513
|
"0": "0px",
|
4514
|
+
"1": "2px",
|
4515
|
+
"2": "4px",
|
4516
|
+
"3": "8px",
|
4517
|
+
"4": "12px",
|
4518
|
+
"5": "16px",
|
4519
|
+
"6": "24px",
|
4520
|
+
"7": "32px",
|
4521
|
+
"8": "40px",
|
4522
|
+
"9": "48px",
|
4523
|
+
"1px": "1px",
|
4524
|
+
l1: "16px",
|
4525
|
+
l2: "24px",
|
4526
|
+
l3: "32px",
|
4527
|
+
l4: "48px",
|
4528
|
+
l5: "64px",
|
4529
|
+
l6: "96px",
|
4530
|
+
l7: "160px",
|
4487
4531
|
full: "100%",
|
4488
4532
|
min: "min-content",
|
4489
4533
|
max: "max-content",
|
@@ -4491,8 +4535,28 @@ var tailwind_theme_default = {
|
|
4491
4535
|
},
|
4492
4536
|
minHeight: {
|
4493
4537
|
"0": "0px",
|
4538
|
+
"1": "2px",
|
4539
|
+
"2": "4px",
|
4540
|
+
"3": "8px",
|
4541
|
+
"4": "12px",
|
4542
|
+
"5": "16px",
|
4543
|
+
"6": "24px",
|
4544
|
+
"7": "32px",
|
4545
|
+
"8": "40px",
|
4546
|
+
"9": "48px",
|
4547
|
+
"1px": "1px",
|
4548
|
+
l1: "16px",
|
4549
|
+
l2: "24px",
|
4550
|
+
l3: "32px",
|
4551
|
+
l4: "48px",
|
4552
|
+
l5: "64px",
|
4553
|
+
l6: "96px",
|
4554
|
+
l7: "160px",
|
4494
4555
|
full: "100%",
|
4495
4556
|
screen: "100vh",
|
4557
|
+
svh: "100svh",
|
4558
|
+
lvh: "100lvh",
|
4559
|
+
dvh: "100dvh",
|
4496
4560
|
min: "min-content",
|
4497
4561
|
max: "max-content",
|
4498
4562
|
fit: "fit-content"
|
@@ -4989,6 +5053,12 @@ var tailwind_theme_default = {
|
|
4989
5053
|
"span-4": "span 4 / span 4",
|
4990
5054
|
"span-5": "span 5 / span 5",
|
4991
5055
|
"span-6": "span 6 / span 6",
|
5056
|
+
"span-7": "span 7 / span 7",
|
5057
|
+
"span-8": "span 8 / span 8",
|
5058
|
+
"span-9": "span 9 / span 9",
|
5059
|
+
"span-10": "span 10 / span 10",
|
5060
|
+
"span-11": "span 11 / span 11",
|
5061
|
+
"span-12": "span 12 / span 12",
|
4992
5062
|
"span-full": "1 / -1"
|
4993
5063
|
},
|
4994
5064
|
gridRowStart: {
|
@@ -4999,6 +5069,12 @@ var tailwind_theme_default = {
|
|
4999
5069
|
"5": "5",
|
5000
5070
|
"6": "6",
|
5001
5071
|
"7": "7",
|
5072
|
+
"8": "8",
|
5073
|
+
"9": "9",
|
5074
|
+
"10": "10",
|
5075
|
+
"11": "11",
|
5076
|
+
"12": "12",
|
5077
|
+
"13": "13",
|
5002
5078
|
auto: "auto"
|
5003
5079
|
},
|
5004
5080
|
gridRowEnd: {
|
@@ -5009,6 +5085,12 @@ var tailwind_theme_default = {
|
|
5009
5085
|
"5": "5",
|
5010
5086
|
"6": "6",
|
5011
5087
|
"7": "7",
|
5088
|
+
"8": "8",
|
5089
|
+
"9": "9",
|
5090
|
+
"10": "10",
|
5091
|
+
"11": "11",
|
5092
|
+
"12": "12",
|
5093
|
+
"13": "13",
|
5012
5094
|
auto: "auto"
|
5013
5095
|
},
|
5014
5096
|
gridTemplateColumns: {
|
@@ -5024,7 +5106,8 @@ var tailwind_theme_default = {
|
|
5024
5106
|
"10": "repeat(10, minmax(0, 1fr))",
|
5025
5107
|
"11": "repeat(11, minmax(0, 1fr))",
|
5026
5108
|
"12": "repeat(12, minmax(0, 1fr))",
|
5027
|
-
none: "none"
|
5109
|
+
none: "none",
|
5110
|
+
subgrid: "subgrid"
|
5028
5111
|
},
|
5029
5112
|
gridTemplateRows: {
|
5030
5113
|
"1": "repeat(1, minmax(0, 1fr))",
|
@@ -5033,7 +5116,14 @@ var tailwind_theme_default = {
|
|
5033
5116
|
"4": "repeat(4, minmax(0, 1fr))",
|
5034
5117
|
"5": "repeat(5, minmax(0, 1fr))",
|
5035
5118
|
"6": "repeat(6, minmax(0, 1fr))",
|
5036
|
-
|
5119
|
+
"7": "repeat(7, minmax(0, 1fr))",
|
5120
|
+
"8": "repeat(8, minmax(0, 1fr))",
|
5121
|
+
"9": "repeat(9, minmax(0, 1fr))",
|
5122
|
+
"10": "repeat(10, minmax(0, 1fr))",
|
5123
|
+
"11": "repeat(11, minmax(0, 1fr))",
|
5124
|
+
"12": "repeat(12, minmax(0, 1fr))",
|
5125
|
+
none: "none",
|
5126
|
+
subgrid: "subgrid"
|
5037
5127
|
},
|
5038
5128
|
keyframes: {
|
5039
5129
|
spin: { to: { transform: "rotate(360deg)" } },
|
@@ -5063,6 +5153,7 @@ var tailwind_theme_default = {
|
|
5063
5153
|
|
5064
5154
|
// src/molecules/Context/Context.tsx
|
5065
5155
|
var import_react10 = __toESM(require("react"));
|
5156
|
+
var import_i18n = require("@react-aria/i18n");
|
5066
5157
|
var import_overlays = require("@react-aria/overlays");
|
5067
5158
|
|
5068
5159
|
// src/utils/breakpoints.ts
|
@@ -5838,6 +5929,7 @@ var Element = (_a) => {
|
|
5838
5929
|
var import_react3 = __toESM(require("react"));
|
5839
5930
|
|
5840
5931
|
// src/utils/tailwind.ts
|
5932
|
+
var import_react_aria_components = require("react-aria-components");
|
5841
5933
|
var import_classnames = __toESM(require("classnames"));
|
5842
5934
|
function cleanClassNames(classNames5) {
|
5843
5935
|
const tokens = classNames5.split(/\s+/);
|
@@ -6671,7 +6763,9 @@ function useTooltipTriggerState(props = {}) {
|
|
6671
6763
|
// src/molecules/Tooltip/Tooltip.tsx
|
6672
6764
|
var Tooltip = (_a) => {
|
6673
6765
|
var _b = _a, { inline = true, delay = 200 } = _b, props = __objRest(_b, ["inline", "delay"]);
|
6766
|
+
var _a2;
|
6674
6767
|
const { placement: _placement = "top", content, disabled: isDisabled, shouldFlip = true } = props;
|
6768
|
+
const display = (_a2 = props.display) != null ? _a2 : inline ? "inline-block" : "block";
|
6675
6769
|
const triggerRef = import_react17.default.useRef(null);
|
6676
6770
|
const overlayRef = import_react17.default.useRef(null);
|
6677
6771
|
const state = useTooltipTriggerState(__spreadValues({ isDisabled, delay }, props));
|
@@ -6688,41 +6782,41 @@ var Tooltip = (_a) => {
|
|
6688
6782
|
onFocusWithinChange: (isFocusWithin) => isFocusWithin ? state.open() : state.close()
|
6689
6783
|
});
|
6690
6784
|
const handleClick = (e) => {
|
6691
|
-
var
|
6692
|
-
(
|
6785
|
+
var _a3, _b2;
|
6786
|
+
(_a3 = props.onClick) == null ? void 0 : _a3.call(props, e);
|
6693
6787
|
(_b2 = triggerProps.onClick) == null ? void 0 : _b2.call(triggerProps, e);
|
6694
6788
|
};
|
6695
6789
|
const handleMouseDown = (e) => {
|
6696
|
-
var
|
6697
|
-
(
|
6790
|
+
var _a3, _b2;
|
6791
|
+
(_a3 = props.onMouseDown) == null ? void 0 : _a3.call(props, e);
|
6698
6792
|
(_b2 = triggerProps.onMouseDown) == null ? void 0 : _b2.call(triggerProps, e);
|
6699
6793
|
};
|
6700
6794
|
const handleMouseUp = (e) => {
|
6701
|
-
var
|
6702
|
-
(
|
6795
|
+
var _a3, _b2;
|
6796
|
+
(_a3 = props.onMouseUp) == null ? void 0 : _a3.call(props, e);
|
6703
6797
|
(_b2 = triggerProps.onMouseUp) == null ? void 0 : _b2.call(triggerProps, e);
|
6704
6798
|
};
|
6705
6799
|
const handlePointerDown = (e) => {
|
6706
|
-
var
|
6707
|
-
(
|
6800
|
+
var _a3, _b2;
|
6801
|
+
(_a3 = props.onPointerDown) == null ? void 0 : _a3.call(props, e);
|
6708
6802
|
(_b2 = triggerProps.onPointerDown) == null ? void 0 : _b2.call(triggerProps, e);
|
6709
6803
|
};
|
6710
6804
|
const handlePointerUp = (e) => {
|
6711
|
-
var
|
6712
|
-
(
|
6805
|
+
var _a3, _b2;
|
6806
|
+
(_a3 = props.onPointerUp) == null ? void 0 : _a3.call(props, e);
|
6713
6807
|
(_b2 = triggerProps.onPointerUp) == null ? void 0 : _b2.call(triggerProps, e);
|
6714
6808
|
};
|
6715
6809
|
return /* @__PURE__ */ import_react17.default.createElement("div", __spreadProps(__spreadValues({
|
6716
|
-
className:
|
6810
|
+
className: display
|
6717
6811
|
}, triggerProps), {
|
6718
6812
|
onFocus: (e) => {
|
6719
|
-
var
|
6720
|
-
(
|
6813
|
+
var _a3, _b2;
|
6814
|
+
(_a3 = triggerProps.onFocus) == null ? void 0 : _a3.call(triggerProps, e);
|
6721
6815
|
(_b2 = focusWithinProps.onFocus) == null ? void 0 : _b2.call(focusWithinProps, e);
|
6722
6816
|
},
|
6723
6817
|
onBlur: (e) => {
|
6724
|
-
var
|
6725
|
-
(
|
6818
|
+
var _a3, _b2;
|
6819
|
+
(_a3 = triggerProps.onBlur) == null ? void 0 : _a3.call(triggerProps, e);
|
6726
6820
|
(_b2 = focusWithinProps.onBlur) == null ? void 0 : _b2.call(focusWithinProps, e);
|
6727
6821
|
},
|
6728
6822
|
onClick: handleClick,
|
@@ -8825,12 +8919,18 @@ ProgressBar.Labels = (_a) => {
|
|
8825
8919
|
var import_react42 = __toESM(require("react"));
|
8826
8920
|
var import_caretUp2 = __toESM(require_caretUp());
|
8827
8921
|
var Section2 = (_a) => {
|
8828
|
-
var _b = _a, {
|
8829
|
-
|
8830
|
-
|
8831
|
-
|
8832
|
-
|
8833
|
-
|
8922
|
+
var _b = _a, {
|
8923
|
+
children,
|
8924
|
+
className
|
8925
|
+
} = _b, rest = __objRest(_b, [
|
8926
|
+
"children",
|
8927
|
+
"className"
|
8928
|
+
]);
|
8929
|
+
return /* @__PURE__ */ import_react42.default.createElement(Box, __spreadProps(__spreadValues({
|
8930
|
+
component: "section"
|
8931
|
+
}, rest), {
|
8932
|
+
className: classNames(tw("border border-muted"), className)
|
8933
|
+
}), children);
|
8834
8934
|
};
|
8835
8935
|
Section2.Header = (_a) => {
|
8836
8936
|
var _b = _a, { children, className, expanded } = _b, rest = __objRest(_b, ["children", "className", "expanded"]);
|
package/dist/atoms.mjs
CHANGED
@@ -4336,6 +4336,9 @@ var tailwind_theme_default = {
|
|
4336
4336
|
"11/12": "91.666667%",
|
4337
4337
|
full: "100%",
|
4338
4338
|
screen: "100vw",
|
4339
|
+
svw: "100svw",
|
4340
|
+
lvw: "100lvw",
|
4341
|
+
dvw: "100dvw",
|
4339
4342
|
min: "min-content",
|
4340
4343
|
max: "max-content",
|
4341
4344
|
fit: "fit-content"
|
@@ -4377,12 +4380,32 @@ var tailwind_theme_default = {
|
|
4377
4380
|
"5/6": "83.333333%",
|
4378
4381
|
full: "100%",
|
4379
4382
|
screen: "100vh",
|
4383
|
+
svh: "100svh",
|
4384
|
+
lvh: "100lvh",
|
4385
|
+
dvh: "100dvh",
|
4380
4386
|
min: "min-content",
|
4381
4387
|
max: "max-content",
|
4382
4388
|
fit: "fit-content"
|
4383
4389
|
},
|
4384
4390
|
maxWidth: {
|
4385
|
-
"0": "
|
4391
|
+
"0": "0px",
|
4392
|
+
"1": "2px",
|
4393
|
+
"2": "4px",
|
4394
|
+
"3": "8px",
|
4395
|
+
"4": "12px",
|
4396
|
+
"5": "16px",
|
4397
|
+
"6": "24px",
|
4398
|
+
"7": "32px",
|
4399
|
+
"8": "40px",
|
4400
|
+
"9": "48px",
|
4401
|
+
"1px": "1px",
|
4402
|
+
l1: "16px",
|
4403
|
+
l2: "24px",
|
4404
|
+
l3: "32px",
|
4405
|
+
l4: "48px",
|
4406
|
+
l5: "64px",
|
4407
|
+
l6: "96px",
|
4408
|
+
l7: "160px",
|
4386
4409
|
none: "none",
|
4387
4410
|
xs: "20rem",
|
4388
4411
|
sm: "24rem",
|
@@ -4426,14 +4449,35 @@ var tailwind_theme_default = {
|
|
4426
4449
|
l5: "64px",
|
4427
4450
|
l6: "96px",
|
4428
4451
|
l7: "160px",
|
4452
|
+
none: "none",
|
4429
4453
|
full: "100%",
|
4430
4454
|
screen: "100vh",
|
4455
|
+
svh: "100svh",
|
4456
|
+
lvh: "100lvh",
|
4457
|
+
dvh: "100dvh",
|
4431
4458
|
min: "min-content",
|
4432
4459
|
max: "max-content",
|
4433
4460
|
fit: "fit-content"
|
4434
4461
|
},
|
4435
4462
|
minWidth: {
|
4436
4463
|
"0": "0px",
|
4464
|
+
"1": "2px",
|
4465
|
+
"2": "4px",
|
4466
|
+
"3": "8px",
|
4467
|
+
"4": "12px",
|
4468
|
+
"5": "16px",
|
4469
|
+
"6": "24px",
|
4470
|
+
"7": "32px",
|
4471
|
+
"8": "40px",
|
4472
|
+
"9": "48px",
|
4473
|
+
"1px": "1px",
|
4474
|
+
l1: "16px",
|
4475
|
+
l2: "24px",
|
4476
|
+
l3: "32px",
|
4477
|
+
l4: "48px",
|
4478
|
+
l5: "64px",
|
4479
|
+
l6: "96px",
|
4480
|
+
l7: "160px",
|
4437
4481
|
full: "100%",
|
4438
4482
|
min: "min-content",
|
4439
4483
|
max: "max-content",
|
@@ -4441,8 +4485,28 @@ var tailwind_theme_default = {
|
|
4441
4485
|
},
|
4442
4486
|
minHeight: {
|
4443
4487
|
"0": "0px",
|
4488
|
+
"1": "2px",
|
4489
|
+
"2": "4px",
|
4490
|
+
"3": "8px",
|
4491
|
+
"4": "12px",
|
4492
|
+
"5": "16px",
|
4493
|
+
"6": "24px",
|
4494
|
+
"7": "32px",
|
4495
|
+
"8": "40px",
|
4496
|
+
"9": "48px",
|
4497
|
+
"1px": "1px",
|
4498
|
+
l1: "16px",
|
4499
|
+
l2: "24px",
|
4500
|
+
l3: "32px",
|
4501
|
+
l4: "48px",
|
4502
|
+
l5: "64px",
|
4503
|
+
l6: "96px",
|
4504
|
+
l7: "160px",
|
4444
4505
|
full: "100%",
|
4445
4506
|
screen: "100vh",
|
4507
|
+
svh: "100svh",
|
4508
|
+
lvh: "100lvh",
|
4509
|
+
dvh: "100dvh",
|
4446
4510
|
min: "min-content",
|
4447
4511
|
max: "max-content",
|
4448
4512
|
fit: "fit-content"
|
@@ -4939,6 +5003,12 @@ var tailwind_theme_default = {
|
|
4939
5003
|
"span-4": "span 4 / span 4",
|
4940
5004
|
"span-5": "span 5 / span 5",
|
4941
5005
|
"span-6": "span 6 / span 6",
|
5006
|
+
"span-7": "span 7 / span 7",
|
5007
|
+
"span-8": "span 8 / span 8",
|
5008
|
+
"span-9": "span 9 / span 9",
|
5009
|
+
"span-10": "span 10 / span 10",
|
5010
|
+
"span-11": "span 11 / span 11",
|
5011
|
+
"span-12": "span 12 / span 12",
|
4942
5012
|
"span-full": "1 / -1"
|
4943
5013
|
},
|
4944
5014
|
gridRowStart: {
|
@@ -4949,6 +5019,12 @@ var tailwind_theme_default = {
|
|
4949
5019
|
"5": "5",
|
4950
5020
|
"6": "6",
|
4951
5021
|
"7": "7",
|
5022
|
+
"8": "8",
|
5023
|
+
"9": "9",
|
5024
|
+
"10": "10",
|
5025
|
+
"11": "11",
|
5026
|
+
"12": "12",
|
5027
|
+
"13": "13",
|
4952
5028
|
auto: "auto"
|
4953
5029
|
},
|
4954
5030
|
gridRowEnd: {
|
@@ -4959,6 +5035,12 @@ var tailwind_theme_default = {
|
|
4959
5035
|
"5": "5",
|
4960
5036
|
"6": "6",
|
4961
5037
|
"7": "7",
|
5038
|
+
"8": "8",
|
5039
|
+
"9": "9",
|
5040
|
+
"10": "10",
|
5041
|
+
"11": "11",
|
5042
|
+
"12": "12",
|
5043
|
+
"13": "13",
|
4962
5044
|
auto: "auto"
|
4963
5045
|
},
|
4964
5046
|
gridTemplateColumns: {
|
@@ -4974,7 +5056,8 @@ var tailwind_theme_default = {
|
|
4974
5056
|
"10": "repeat(10, minmax(0, 1fr))",
|
4975
5057
|
"11": "repeat(11, minmax(0, 1fr))",
|
4976
5058
|
"12": "repeat(12, minmax(0, 1fr))",
|
4977
|
-
none: "none"
|
5059
|
+
none: "none",
|
5060
|
+
subgrid: "subgrid"
|
4978
5061
|
},
|
4979
5062
|
gridTemplateRows: {
|
4980
5063
|
"1": "repeat(1, minmax(0, 1fr))",
|
@@ -4983,7 +5066,14 @@ var tailwind_theme_default = {
|
|
4983
5066
|
"4": "repeat(4, minmax(0, 1fr))",
|
4984
5067
|
"5": "repeat(5, minmax(0, 1fr))",
|
4985
5068
|
"6": "repeat(6, minmax(0, 1fr))",
|
4986
|
-
|
5069
|
+
"7": "repeat(7, minmax(0, 1fr))",
|
5070
|
+
"8": "repeat(8, minmax(0, 1fr))",
|
5071
|
+
"9": "repeat(9, minmax(0, 1fr))",
|
5072
|
+
"10": "repeat(10, minmax(0, 1fr))",
|
5073
|
+
"11": "repeat(11, minmax(0, 1fr))",
|
5074
|
+
"12": "repeat(12, minmax(0, 1fr))",
|
5075
|
+
none: "none",
|
5076
|
+
subgrid: "subgrid"
|
4987
5077
|
},
|
4988
5078
|
keyframes: {
|
4989
5079
|
spin: { to: { transform: "rotate(360deg)" } },
|
@@ -5013,6 +5103,7 @@ var tailwind_theme_default = {
|
|
5013
5103
|
|
5014
5104
|
// src/molecules/Context/Context.tsx
|
5015
5105
|
import React9 from "react";
|
5106
|
+
import { I18nProvider } from "@react-aria/i18n";
|
5016
5107
|
import { ModalProvider } from "@react-aria/overlays";
|
5017
5108
|
|
5018
5109
|
// src/utils/breakpoints.ts
|
@@ -5788,6 +5879,7 @@ var Element = (_a) => {
|
|
5788
5879
|
import React2 from "react";
|
5789
5880
|
|
5790
5881
|
// src/utils/tailwind.ts
|
5882
|
+
import { composeRenderProps } from "react-aria-components";
|
5791
5883
|
import originalClassNames from "classnames";
|
5792
5884
|
function cleanClassNames(classNames5) {
|
5793
5885
|
const tokens = classNames5.split(/\s+/);
|
@@ -6624,7 +6716,9 @@ function useTooltipTriggerState(props = {}) {
|
|
6624
6716
|
// src/molecules/Tooltip/Tooltip.tsx
|
6625
6717
|
var Tooltip = (_a) => {
|
6626
6718
|
var _b = _a, { inline = true, delay = 200 } = _b, props = __objRest(_b, ["inline", "delay"]);
|
6719
|
+
var _a2;
|
6627
6720
|
const { placement: _placement = "top", content, disabled: isDisabled, shouldFlip = true } = props;
|
6721
|
+
const display = (_a2 = props.display) != null ? _a2 : inline ? "inline-block" : "block";
|
6628
6722
|
const triggerRef = React13.useRef(null);
|
6629
6723
|
const overlayRef = React13.useRef(null);
|
6630
6724
|
const state = useTooltipTriggerState(__spreadValues({ isDisabled, delay }, props));
|
@@ -6641,41 +6735,41 @@ var Tooltip = (_a) => {
|
|
6641
6735
|
onFocusWithinChange: (isFocusWithin) => isFocusWithin ? state.open() : state.close()
|
6642
6736
|
});
|
6643
6737
|
const handleClick = (e) => {
|
6644
|
-
var
|
6645
|
-
(
|
6738
|
+
var _a3, _b2;
|
6739
|
+
(_a3 = props.onClick) == null ? void 0 : _a3.call(props, e);
|
6646
6740
|
(_b2 = triggerProps.onClick) == null ? void 0 : _b2.call(triggerProps, e);
|
6647
6741
|
};
|
6648
6742
|
const handleMouseDown = (e) => {
|
6649
|
-
var
|
6650
|
-
(
|
6743
|
+
var _a3, _b2;
|
6744
|
+
(_a3 = props.onMouseDown) == null ? void 0 : _a3.call(props, e);
|
6651
6745
|
(_b2 = triggerProps.onMouseDown) == null ? void 0 : _b2.call(triggerProps, e);
|
6652
6746
|
};
|
6653
6747
|
const handleMouseUp = (e) => {
|
6654
|
-
var
|
6655
|
-
(
|
6748
|
+
var _a3, _b2;
|
6749
|
+
(_a3 = props.onMouseUp) == null ? void 0 : _a3.call(props, e);
|
6656
6750
|
(_b2 = triggerProps.onMouseUp) == null ? void 0 : _b2.call(triggerProps, e);
|
6657
6751
|
};
|
6658
6752
|
const handlePointerDown = (e) => {
|
6659
|
-
var
|
6660
|
-
(
|
6753
|
+
var _a3, _b2;
|
6754
|
+
(_a3 = props.onPointerDown) == null ? void 0 : _a3.call(props, e);
|
6661
6755
|
(_b2 = triggerProps.onPointerDown) == null ? void 0 : _b2.call(triggerProps, e);
|
6662
6756
|
};
|
6663
6757
|
const handlePointerUp = (e) => {
|
6664
|
-
var
|
6665
|
-
(
|
6758
|
+
var _a3, _b2;
|
6759
|
+
(_a3 = props.onPointerUp) == null ? void 0 : _a3.call(props, e);
|
6666
6760
|
(_b2 = triggerProps.onPointerUp) == null ? void 0 : _b2.call(triggerProps, e);
|
6667
6761
|
};
|
6668
6762
|
return /* @__PURE__ */ React13.createElement("div", __spreadProps(__spreadValues({
|
6669
|
-
className:
|
6763
|
+
className: display
|
6670
6764
|
}, triggerProps), {
|
6671
6765
|
onFocus: (e) => {
|
6672
|
-
var
|
6673
|
-
(
|
6766
|
+
var _a3, _b2;
|
6767
|
+
(_a3 = triggerProps.onFocus) == null ? void 0 : _a3.call(triggerProps, e);
|
6674
6768
|
(_b2 = focusWithinProps.onFocus) == null ? void 0 : _b2.call(focusWithinProps, e);
|
6675
6769
|
},
|
6676
6770
|
onBlur: (e) => {
|
6677
|
-
var
|
6678
|
-
(
|
6771
|
+
var _a3, _b2;
|
6772
|
+
(_a3 = triggerProps.onBlur) == null ? void 0 : _a3.call(triggerProps, e);
|
6679
6773
|
(_b2 = focusWithinProps.onBlur) == null ? void 0 : _b2.call(focusWithinProps, e);
|
6680
6774
|
},
|
6681
6775
|
onClick: handleClick,
|
@@ -8778,12 +8872,18 @@ ProgressBar.Labels = (_a) => {
|
|
8778
8872
|
import React38 from "react";
|
8779
8873
|
var import_caretUp2 = __toESM(require_caretUp());
|
8780
8874
|
var Section2 = (_a) => {
|
8781
|
-
var _b = _a, {
|
8782
|
-
|
8783
|
-
|
8784
|
-
|
8785
|
-
|
8786
|
-
|
8875
|
+
var _b = _a, {
|
8876
|
+
children,
|
8877
|
+
className
|
8878
|
+
} = _b, rest = __objRest(_b, [
|
8879
|
+
"children",
|
8880
|
+
"className"
|
8881
|
+
]);
|
8882
|
+
return /* @__PURE__ */ React38.createElement(Box, __spreadProps(__spreadValues({
|
8883
|
+
component: "section"
|
8884
|
+
}, rest), {
|
8885
|
+
className: classNames(tw("border border-muted"), className)
|
8886
|
+
}), children);
|
8787
8887
|
};
|
8788
8888
|
Section2.Header = (_a) => {
|
8789
8889
|
var _b = _a, { children, className, expanded } = _b, rest = __objRest(_b, ["children", "className", "expanded"]);
|
package/dist/charts.cjs
CHANGED
@@ -2070,6 +2070,7 @@ var import_react2 = __toESM(require("react"));
|
|
2070
2070
|
var import_recharts2 = require("recharts");
|
2071
2071
|
|
2072
2072
|
// src/utils/tailwind.ts
|
2073
|
+
var import_react_aria_components = require("react-aria-components");
|
2073
2074
|
var import_classnames = __toESM(require("classnames"));
|
2074
2075
|
function cleanClassNames(classNames2) {
|
2075
2076
|
const tokens = classNames2.split(/\s+/);
|
package/dist/charts.mjs
CHANGED
@@ -1946,6 +1946,7 @@ import React2 from "react";
|
|
1946
1946
|
import { ResponsiveContainer as _ResponsiveContainer } from "recharts";
|
1947
1947
|
|
1948
1948
|
// src/utils/tailwind.ts
|
1949
|
+
import { composeRenderProps } from "react-aria-components";
|
1949
1950
|
import originalClassNames from "classnames";
|
1950
1951
|
function cleanClassNames(classNames2) {
|
1951
1952
|
const tokens = classNames2.split(/\s+/);
|
@@ -17,8 +17,8 @@ import { Typography as BaseTypography } from '../../../src/atoms/Typography/Typo
|
|
17
17
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
18
18
|
import caretUp from '../../../src/icons/caretUp';
|
19
19
|
export const Section = (_a) => {
|
20
|
-
var { children } = _a, rest = __rest(_a, ["children"]);
|
21
|
-
return (React.createElement(Box, Object.assign({ component: "section",
|
20
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
21
|
+
return (React.createElement(Box, Object.assign({ component: "section" }, rest, { className: classNames(tw('border border-muted'), className) }), children));
|
22
22
|
};
|
23
23
|
Section.Header = (_a) => {
|
24
24
|
var { children, className, expanded } = _a, rest = __rest(_a, ["children", "className", "expanded"]);
|
@@ -50,4 +50,4 @@ Section.Body = (_a) => {
|
|
50
50
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('p-6'), className) }),
|
51
51
|
React.createElement(BaseTypography, { htmlTag: "div", color: "default" }, children)));
|
52
52
|
};
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9TZWN0aW9uL1NlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWdCeEMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFzRSxDQUFDLEVBSTFGLEVBQUUsRUFBRTtRQUpzRixFQUN6RixRQUFRLEVBQ1IsU0FBUyxPQUVWLEVBREksSUFBSSxjQUhrRix5QkFJMUYsQ0FEUTtJQUNILE9BQUEsQ0FDSixvQkFBQyxHQUFHLGtCQUFDLFNBQVMsRUFBQyxTQUFTLElBQUssSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLHFCQUFxQixDQUFDLEVBQUUsU0FBUyxDQUFDLEtBQzNGLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQTBDLEVBQUUsRUFBRTtRQUE5QyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUF4QyxxQ0FBMEMsQ0FBRjtJQUFPLE9BQUEsQ0FDL0QsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyx1REFBdUQsRUFBRTtZQUMx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
|