@aivenio/aquarium 6.2.0 → 6.3.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 -0
- package/dist/atoms.cjs +192 -128
- package/dist/atoms.mjs +104 -40
- package/dist/charts.cjs +1 -0
- package/dist/charts.mjs +1 -0
- package/dist/src/atoms/DataList/DataList.js +1 -1
- package/dist/src/atoms/Modal/Modal.d.ts +73 -3
- package/dist/src/atoms/Modal/Modal.js +48 -41
- package/dist/src/atoms/Timeline/Timeline.d.ts +3 -2
- package/dist/src/atoms/Timeline/Timeline.js +2 -2
- package/dist/src/molecules/Modal/Modal.js +2 -2
- package/dist/src/molecules/Timeline/Timeline.d.ts +3 -2
- package/dist/src/molecules/Timeline/Timeline.js +16 -4
- package/dist/src/tokens/tokens.json +1 -0
- package/dist/src/utils/useScrollFade.d.ts +17 -0
- package/dist/src/utils/useScrollFade.js +44 -0
- package/dist/styles.css +19 -6
- package/dist/system.cjs +778 -707
- package/dist/system.mjs +202 -131
- package/dist/tokens.json +1 -0
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/atoms.mjs
CHANGED
|
@@ -809,6 +809,7 @@ var tokens_default = {
|
|
|
809
809
|
code: {
|
|
810
810
|
background: "rgba(250,250,250,1)",
|
|
811
811
|
text: "rgba(45,46,48,1)",
|
|
812
|
+
variable: "rgba(123,45,139,1)",
|
|
812
813
|
keyword: "rgba(202, 33, 101, 1)",
|
|
813
814
|
string: "rgba(0, 127, 115, 1)",
|
|
814
815
|
function: "rgba(9, 128, 193, 1)",
|
|
@@ -3457,7 +3458,7 @@ var toolbarContainerClasses = tv14({
|
|
|
3457
3458
|
base: "col-span-full flex items-stretch py-4 px-l2 border-b border-muted",
|
|
3458
3459
|
variants: {
|
|
3459
3460
|
sticky: {
|
|
3460
|
-
true: "sticky top-[
|
|
3461
|
+
true: "sticky top-[43px] bg-layer z-10",
|
|
3461
3462
|
false: ""
|
|
3462
3463
|
}
|
|
3463
3464
|
}
|
|
@@ -6625,38 +6626,46 @@ var InputGroup = ({ cols = "1", children, ...rest }) => {
|
|
|
6625
6626
|
// src/atoms/Modal/Modal.tsx
|
|
6626
6627
|
import React38 from "react";
|
|
6627
6628
|
import { tv as tv18 } from "tailwind-variants";
|
|
6628
|
-
|
|
6629
|
-
|
|
6630
|
-
|
|
6631
|
-
|
|
6632
|
-
|
|
6633
|
-
|
|
6634
|
-
|
|
6635
|
-
|
|
6636
|
-
|
|
6637
|
-
|
|
6638
|
-
|
|
6639
|
-
|
|
6640
|
-
|
|
6641
|
-
"before:to-transparent",
|
|
6642
|
-
"before:z-10"
|
|
6643
|
-
],
|
|
6644
|
-
after: [
|
|
6645
|
-
'after:content-[""]',
|
|
6646
|
-
"after:pointer-events-none",
|
|
6647
|
-
"after:sticky",
|
|
6648
|
-
"after:bottom-3",
|
|
6649
|
-
"after:left-0",
|
|
6650
|
-
"after:h-5",
|
|
6651
|
-
"after:flex-shrink-0",
|
|
6652
|
-
"after:bg-gradient-to-t",
|
|
6653
|
-
"after:from-overlay",
|
|
6654
|
-
"after:to-transparent",
|
|
6655
|
-
"after:z-10"
|
|
6656
|
-
]
|
|
6629
|
+
|
|
6630
|
+
// src/utils/useScrollFade.ts
|
|
6631
|
+
import { useCallback, useEffect as useEffect4, useRef as useRef2, useState as useState2 } from "react";
|
|
6632
|
+
var useScrollFade = () => {
|
|
6633
|
+
const topSentinelRef = useRef2(null);
|
|
6634
|
+
const bottomSentinelRef = useRef2(null);
|
|
6635
|
+
const observerRef = useRef2(null);
|
|
6636
|
+
const [showTopFade, setShowTopFade] = useState2(false);
|
|
6637
|
+
const [showBottomFade, setShowBottomFade] = useState2(false);
|
|
6638
|
+
const containerRef = useCallback((container2) => {
|
|
6639
|
+
observerRef.current?.disconnect();
|
|
6640
|
+
if (!container2) {
|
|
6641
|
+
return;
|
|
6657
6642
|
}
|
|
6658
|
-
|
|
6659
|
-
|
|
6643
|
+
observerRef.current = new IntersectionObserver(
|
|
6644
|
+
(entries) => {
|
|
6645
|
+
entries.forEach((entry) => {
|
|
6646
|
+
if (entry.target === topSentinelRef.current) {
|
|
6647
|
+
setShowTopFade(!entry.isIntersecting);
|
|
6648
|
+
} else if (entry.target === bottomSentinelRef.current) {
|
|
6649
|
+
setShowBottomFade(!entry.isIntersecting);
|
|
6650
|
+
}
|
|
6651
|
+
});
|
|
6652
|
+
},
|
|
6653
|
+
{ root: container2, threshold: 0 }
|
|
6654
|
+
);
|
|
6655
|
+
if (topSentinelRef.current) {
|
|
6656
|
+
observerRef.current.observe(topSentinelRef.current);
|
|
6657
|
+
}
|
|
6658
|
+
if (bottomSentinelRef.current) {
|
|
6659
|
+
observerRef.current.observe(bottomSentinelRef.current);
|
|
6660
|
+
}
|
|
6661
|
+
}, []);
|
|
6662
|
+
useEffect4(() => {
|
|
6663
|
+
return () => observerRef.current?.disconnect();
|
|
6664
|
+
}, []);
|
|
6665
|
+
return { containerRef, topSentinelRef, bottomSentinelRef, showTopFade, showBottomFade };
|
|
6666
|
+
};
|
|
6667
|
+
|
|
6668
|
+
// src/atoms/Modal/Modal.tsx
|
|
6660
6669
|
var modalStyles = tv18({
|
|
6661
6670
|
slots: {
|
|
6662
6671
|
overlay: "inset-0 overflow-y-auto z-modal fixed",
|
|
@@ -6668,11 +6677,7 @@ var modalStyles = tv18({
|
|
|
6668
6677
|
title: "",
|
|
6669
6678
|
subtitle: "max-w-[700px]",
|
|
6670
6679
|
closeButtonContainer: "absolute top-[24px] right-[28px]",
|
|
6671
|
-
body:
|
|
6672
|
-
"grow overflow-y-auto text-default flex flex-col outline-none",
|
|
6673
|
-
bodyMaskClasses({ position: "before" }),
|
|
6674
|
-
bodyMaskClasses({ position: "after" })
|
|
6675
|
-
],
|
|
6680
|
+
body: "grow overflow-y-auto text-default flex flex-col outline-none",
|
|
6676
6681
|
bodyContent: "px-7 grow",
|
|
6677
6682
|
footer: "px-7 pt-4 pb-6",
|
|
6678
6683
|
actions: "flex gap-3 justify-end"
|
|
@@ -6716,10 +6721,48 @@ var modalStyles = tv18({
|
|
|
6716
6721
|
false: {
|
|
6717
6722
|
headerImage: "bg-medium"
|
|
6718
6723
|
}
|
|
6724
|
+
},
|
|
6725
|
+
showTopFade: {
|
|
6726
|
+
true: {
|
|
6727
|
+
body: [
|
|
6728
|
+
'before:content-[""]',
|
|
6729
|
+
"before:pointer-events-none",
|
|
6730
|
+
"before:sticky",
|
|
6731
|
+
"before:top-0",
|
|
6732
|
+
"before:left-0",
|
|
6733
|
+
"before:h-5",
|
|
6734
|
+
"before:-mb-5",
|
|
6735
|
+
"before:flex-shrink-0",
|
|
6736
|
+
"before:bg-gradient-to-b",
|
|
6737
|
+
"before:from-overlay",
|
|
6738
|
+
"before:to-transparent",
|
|
6739
|
+
"before:z-10"
|
|
6740
|
+
]
|
|
6741
|
+
}
|
|
6742
|
+
},
|
|
6743
|
+
showBottomFade: {
|
|
6744
|
+
true: {
|
|
6745
|
+
body: [
|
|
6746
|
+
'after:content-[""]',
|
|
6747
|
+
"after:pointer-events-none",
|
|
6748
|
+
"after:sticky",
|
|
6749
|
+
"after:bottom-0",
|
|
6750
|
+
"after:left-0",
|
|
6751
|
+
"after:h-[60px]",
|
|
6752
|
+
"after:-mt-[60px]",
|
|
6753
|
+
"after:flex-shrink-0",
|
|
6754
|
+
"after:bg-gradient-to-t",
|
|
6755
|
+
"after:from-overlay",
|
|
6756
|
+
"after:to-transparent",
|
|
6757
|
+
"after:z-10"
|
|
6758
|
+
]
|
|
6759
|
+
}
|
|
6719
6760
|
}
|
|
6720
6761
|
},
|
|
6721
6762
|
defaultVariants: {
|
|
6722
|
-
isResponsive: true
|
|
6763
|
+
isResponsive: true,
|
|
6764
|
+
showTopFade: false,
|
|
6765
|
+
showBottomFade: false
|
|
6723
6766
|
},
|
|
6724
6767
|
compoundVariants: [
|
|
6725
6768
|
{
|
|
@@ -6829,10 +6872,31 @@ Modal.TitleContainer = ({ children, className, ...rest }) => {
|
|
|
6829
6872
|
const { titleContainer: titleContainer2 } = modalStyles();
|
|
6830
6873
|
return /* @__PURE__ */ React38.createElement("div", { ...rest, className: titleContainer2({ className }) }, children);
|
|
6831
6874
|
};
|
|
6832
|
-
|
|
6875
|
+
var ModalBody = ({
|
|
6876
|
+
children,
|
|
6877
|
+
className,
|
|
6878
|
+
noFooter = false,
|
|
6879
|
+
maxHeight,
|
|
6880
|
+
style,
|
|
6881
|
+
size,
|
|
6882
|
+
...rest
|
|
6883
|
+
}) => {
|
|
6833
6884
|
const { body, bodyContent } = modalStyles({ size });
|
|
6834
|
-
|
|
6885
|
+
const { containerRef, topSentinelRef, bottomSentinelRef, showTopFade, showBottomFade } = useScrollFade();
|
|
6886
|
+
return /* @__PURE__ */ React38.createElement(
|
|
6887
|
+
"div",
|
|
6888
|
+
{
|
|
6889
|
+
...rest,
|
|
6890
|
+
ref: containerRef,
|
|
6891
|
+
className: body({ className, showTopFade, showBottomFade }),
|
|
6892
|
+
style: { maxHeight, ...style }
|
|
6893
|
+
},
|
|
6894
|
+
/* @__PURE__ */ React38.createElement("div", { ref: topSentinelRef, "aria-hidden": "true", className: "h-1px" }),
|
|
6895
|
+
/* @__PURE__ */ React38.createElement("div", { className: bodyContent({ noFooter }) }, children),
|
|
6896
|
+
/* @__PURE__ */ React38.createElement("div", { ref: bottomSentinelRef, "aria-hidden": "true", className: "h-1px -mt-1px" })
|
|
6897
|
+
);
|
|
6835
6898
|
};
|
|
6899
|
+
Modal.Body = ModalBody;
|
|
6836
6900
|
Modal.Footer = ({ children, className, ...rest }) => {
|
|
6837
6901
|
const { footer } = modalStyles();
|
|
6838
6902
|
return /* @__PURE__ */ React38.createElement("div", { ...rest, className: footer({ className }) }, children);
|
package/dist/charts.cjs
CHANGED
package/dist/charts.mjs
CHANGED
|
@@ -96,7 +96,7 @@ const toolbarContainerClasses = tv({
|
|
|
96
96
|
base: 'col-span-full flex items-stretch py-4 px-l2 border-b border-muted',
|
|
97
97
|
variants: {
|
|
98
98
|
sticky: {
|
|
99
|
-
true: 'sticky top-[
|
|
99
|
+
true: 'sticky top-[43px] bg-layer z-10',
|
|
100
100
|
false: '',
|
|
101
101
|
},
|
|
102
102
|
},
|
|
@@ -77,6 +77,16 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
|
77
77
|
headerImage: string;
|
|
78
78
|
};
|
|
79
79
|
};
|
|
80
|
+
showTopFade: {
|
|
81
|
+
true: {
|
|
82
|
+
body: string[];
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
showBottomFade: {
|
|
86
|
+
true: {
|
|
87
|
+
body: string[];
|
|
88
|
+
};
|
|
89
|
+
};
|
|
80
90
|
}, {
|
|
81
91
|
overlay: string;
|
|
82
92
|
backdrop: string;
|
|
@@ -87,7 +97,7 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
|
87
97
|
title: string;
|
|
88
98
|
subtitle: string;
|
|
89
99
|
closeButtonContainer: string;
|
|
90
|
-
body: string
|
|
100
|
+
body: string;
|
|
91
101
|
bodyContent: string;
|
|
92
102
|
footer: string;
|
|
93
103
|
actions: string;
|
|
@@ -131,6 +141,16 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
|
131
141
|
headerImage: string;
|
|
132
142
|
};
|
|
133
143
|
};
|
|
144
|
+
showTopFade: {
|
|
145
|
+
true: {
|
|
146
|
+
body: string[];
|
|
147
|
+
};
|
|
148
|
+
};
|
|
149
|
+
showBottomFade: {
|
|
150
|
+
true: {
|
|
151
|
+
body: string[];
|
|
152
|
+
};
|
|
153
|
+
};
|
|
134
154
|
}, {
|
|
135
155
|
kind: {
|
|
136
156
|
dialog: {
|
|
@@ -171,6 +191,16 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
|
171
191
|
headerImage: string;
|
|
172
192
|
};
|
|
173
193
|
};
|
|
194
|
+
showTopFade: {
|
|
195
|
+
true: {
|
|
196
|
+
body: string[];
|
|
197
|
+
};
|
|
198
|
+
};
|
|
199
|
+
showBottomFade: {
|
|
200
|
+
true: {
|
|
201
|
+
body: string[];
|
|
202
|
+
};
|
|
203
|
+
};
|
|
174
204
|
}>, {
|
|
175
205
|
kind: {
|
|
176
206
|
dialog: {
|
|
@@ -211,6 +241,16 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
|
211
241
|
headerImage: string;
|
|
212
242
|
};
|
|
213
243
|
};
|
|
244
|
+
showTopFade: {
|
|
245
|
+
true: {
|
|
246
|
+
body: string[];
|
|
247
|
+
};
|
|
248
|
+
};
|
|
249
|
+
showBottomFade: {
|
|
250
|
+
true: {
|
|
251
|
+
body: string[];
|
|
252
|
+
};
|
|
253
|
+
};
|
|
214
254
|
}, {
|
|
215
255
|
overlay: string;
|
|
216
256
|
backdrop: string;
|
|
@@ -221,7 +261,7 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
|
221
261
|
title: string;
|
|
222
262
|
subtitle: string;
|
|
223
263
|
closeButtonContainer: string;
|
|
224
|
-
body: string
|
|
264
|
+
body: string;
|
|
225
265
|
bodyContent: string;
|
|
226
266
|
footer: string;
|
|
227
267
|
actions: string;
|
|
@@ -265,6 +305,16 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
|
265
305
|
headerImage: string;
|
|
266
306
|
};
|
|
267
307
|
};
|
|
308
|
+
showTopFade: {
|
|
309
|
+
true: {
|
|
310
|
+
body: string[];
|
|
311
|
+
};
|
|
312
|
+
};
|
|
313
|
+
showBottomFade: {
|
|
314
|
+
true: {
|
|
315
|
+
body: string[];
|
|
316
|
+
};
|
|
317
|
+
};
|
|
268
318
|
}, {
|
|
269
319
|
overlay: string;
|
|
270
320
|
backdrop: string;
|
|
@@ -275,7 +325,7 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
|
275
325
|
title: string;
|
|
276
326
|
subtitle: string;
|
|
277
327
|
closeButtonContainer: string;
|
|
278
|
-
body: string
|
|
328
|
+
body: string;
|
|
279
329
|
bodyContent: string;
|
|
280
330
|
footer: string;
|
|
281
331
|
actions: string;
|
|
@@ -319,6 +369,16 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
|
319
369
|
headerImage: string;
|
|
320
370
|
};
|
|
321
371
|
};
|
|
372
|
+
showTopFade: {
|
|
373
|
+
true: {
|
|
374
|
+
body: string[];
|
|
375
|
+
};
|
|
376
|
+
};
|
|
377
|
+
showBottomFade: {
|
|
378
|
+
true: {
|
|
379
|
+
body: string[];
|
|
380
|
+
};
|
|
381
|
+
};
|
|
322
382
|
}, {
|
|
323
383
|
kind: {
|
|
324
384
|
dialog: {
|
|
@@ -359,6 +419,16 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
|
359
419
|
headerImage: string;
|
|
360
420
|
};
|
|
361
421
|
};
|
|
422
|
+
showTopFade: {
|
|
423
|
+
true: {
|
|
424
|
+
body: string[];
|
|
425
|
+
};
|
|
426
|
+
};
|
|
427
|
+
showBottomFade: {
|
|
428
|
+
true: {
|
|
429
|
+
body: string[];
|
|
430
|
+
};
|
|
431
|
+
};
|
|
362
432
|
}>, unknown, unknown, undefined>>;
|
|
363
433
|
export declare const Modal: ComposedModalProps & React.FC<DivProps & ModalProps>;
|
|
364
434
|
export {};
|
|
@@ -12,38 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import { tv } from 'tailwind-variants';
|
|
14
14
|
import { Typography } from '../../../src/atoms/Typography/Typography';
|
|
15
|
-
|
|
16
|
-
variants: {
|
|
17
|
-
position: {
|
|
18
|
-
before: [
|
|
19
|
-
'before:content-[""]',
|
|
20
|
-
'before:pointer-events-none',
|
|
21
|
-
'before:sticky',
|
|
22
|
-
'before:top-0',
|
|
23
|
-
'before:left-0',
|
|
24
|
-
'before:h-5',
|
|
25
|
-
'before:flex-shrink-0',
|
|
26
|
-
'before:bg-gradient-to-b',
|
|
27
|
-
'before:from-overlay',
|
|
28
|
-
'before:to-transparent',
|
|
29
|
-
'before:z-10',
|
|
30
|
-
],
|
|
31
|
-
after: [
|
|
32
|
-
'after:content-[""]',
|
|
33
|
-
'after:pointer-events-none',
|
|
34
|
-
'after:sticky',
|
|
35
|
-
'after:bottom-3',
|
|
36
|
-
'after:left-0',
|
|
37
|
-
'after:h-5',
|
|
38
|
-
'after:flex-shrink-0',
|
|
39
|
-
'after:bg-gradient-to-t',
|
|
40
|
-
'after:from-overlay',
|
|
41
|
-
'after:to-transparent',
|
|
42
|
-
'after:z-10',
|
|
43
|
-
],
|
|
44
|
-
},
|
|
45
|
-
},
|
|
46
|
-
});
|
|
15
|
+
import { useScrollFade } from '../../../src/utils/useScrollFade';
|
|
47
16
|
export const modalStyles = tv({
|
|
48
17
|
slots: {
|
|
49
18
|
overlay: 'inset-0 overflow-y-auto z-modal fixed',
|
|
@@ -55,11 +24,7 @@ export const modalStyles = tv({
|
|
|
55
24
|
title: '',
|
|
56
25
|
subtitle: 'max-w-[700px]',
|
|
57
26
|
closeButtonContainer: 'absolute top-[24px] right-[28px]',
|
|
58
|
-
body:
|
|
59
|
-
'grow overflow-y-auto text-default flex flex-col outline-none',
|
|
60
|
-
bodyMaskClasses({ position: 'before' }),
|
|
61
|
-
bodyMaskClasses({ position: 'after' }),
|
|
62
|
-
],
|
|
27
|
+
body: 'grow overflow-y-auto text-default flex flex-col outline-none',
|
|
63
28
|
bodyContent: 'px-7 grow',
|
|
64
29
|
footer: 'px-7 pt-4 pb-6',
|
|
65
30
|
actions: 'flex gap-3 justify-end',
|
|
@@ -104,9 +69,47 @@ export const modalStyles = tv({
|
|
|
104
69
|
headerImage: 'bg-medium',
|
|
105
70
|
},
|
|
106
71
|
},
|
|
72
|
+
showTopFade: {
|
|
73
|
+
true: {
|
|
74
|
+
body: [
|
|
75
|
+
'before:content-[""]',
|
|
76
|
+
'before:pointer-events-none',
|
|
77
|
+
'before:sticky',
|
|
78
|
+
'before:top-0',
|
|
79
|
+
'before:left-0',
|
|
80
|
+
'before:h-5',
|
|
81
|
+
'before:-mb-5',
|
|
82
|
+
'before:flex-shrink-0',
|
|
83
|
+
'before:bg-gradient-to-b',
|
|
84
|
+
'before:from-overlay',
|
|
85
|
+
'before:to-transparent',
|
|
86
|
+
'before:z-10',
|
|
87
|
+
],
|
|
88
|
+
},
|
|
89
|
+
},
|
|
90
|
+
showBottomFade: {
|
|
91
|
+
true: {
|
|
92
|
+
body: [
|
|
93
|
+
'after:content-[""]',
|
|
94
|
+
'after:pointer-events-none',
|
|
95
|
+
'after:sticky',
|
|
96
|
+
'after:bottom-0',
|
|
97
|
+
'after:left-0',
|
|
98
|
+
'after:h-[60px]',
|
|
99
|
+
'after:-mt-[60px]',
|
|
100
|
+
'after:flex-shrink-0',
|
|
101
|
+
'after:bg-gradient-to-t',
|
|
102
|
+
'after:from-overlay',
|
|
103
|
+
'after:to-transparent',
|
|
104
|
+
'after:z-10',
|
|
105
|
+
],
|
|
106
|
+
},
|
|
107
|
+
},
|
|
107
108
|
},
|
|
108
109
|
defaultVariants: {
|
|
109
110
|
isResponsive: true,
|
|
111
|
+
showTopFade: false,
|
|
112
|
+
showBottomFade: false,
|
|
110
113
|
},
|
|
111
114
|
compoundVariants: [
|
|
112
115
|
{
|
|
@@ -217,12 +220,16 @@ Modal.TitleContainer = (_a) => {
|
|
|
217
220
|
const { titleContainer } = modalStyles();
|
|
218
221
|
return (React.createElement("div", Object.assign({}, rest, { className: titleContainer({ className }) }), children));
|
|
219
222
|
};
|
|
220
|
-
|
|
223
|
+
const ModalBody = (_a) => {
|
|
221
224
|
var { children, className, noFooter = false, maxHeight, style, size } = _a, rest = __rest(_a, ["children", "className", "noFooter", "maxHeight", "style", "size"]);
|
|
222
225
|
const { body, bodyContent } = modalStyles({ size });
|
|
223
|
-
|
|
224
|
-
|
|
226
|
+
const { containerRef, topSentinelRef, bottomSentinelRef, showTopFade, showBottomFade } = useScrollFade();
|
|
227
|
+
return (React.createElement("div", Object.assign({}, rest, { ref: containerRef, className: body({ className, showTopFade, showBottomFade }), style: Object.assign({ maxHeight }, style) }),
|
|
228
|
+
React.createElement("div", { ref: topSentinelRef, "aria-hidden": "true", className: "h-1px" }),
|
|
229
|
+
React.createElement("div", { className: bodyContent({ noFooter }) }, children),
|
|
230
|
+
React.createElement("div", { ref: bottomSentinelRef, "aria-hidden": "true", className: "h-1px -mt-1px" })));
|
|
225
231
|
};
|
|
232
|
+
Modal.Body = ModalBody;
|
|
226
233
|
Modal.Footer = (_a) => {
|
|
227
234
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
228
235
|
const { footer } = modalStyles();
|
|
@@ -233,4 +240,4 @@ Modal.Actions = (_a) => {
|
|
|
233
240
|
const { actions } = modalStyles();
|
|
234
241
|
return (React.createElement("div", Object.assign({}, rest, { className: actions({ className }) }), children));
|
|
235
242
|
};
|
|
236
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
243
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvTW9kYWwvTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFpQyxNQUFNLE9BQU8sQ0FBQztBQUN0RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQXdDeEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUM1QixLQUFLLEVBQUU7UUFDTCxPQUFPLEVBQUUsdUNBQXVDO1FBQ2hELFFBQVEsRUFBRSwrQ0FBK0M7UUFDekQsTUFBTSxFQUFFLDhEQUE4RDtRQUN0RSxNQUFNLEVBQUUsa0RBQWtEO1FBQzFELFdBQVcsRUFBRSxnQ0FBZ0M7UUFDN0MsY0FBYyxFQUFFLG9CQUFvQjtRQUNwQyxLQUFLLEVBQUUsRUFBRTtRQUNULFFBQVEsRUFBRSxlQUFlO1FBQ3pCLG9CQUFvQixFQUFFLGtDQUFrQztRQUN4RCxJQUFJLEVBQUUsOERBQThEO1FBQ3BFLFdBQVcsRUFBRSxXQUFXO1FBQ3hCLE1BQU0sRUFBRSxnQkFBZ0I7UUFDeEIsT0FBTyxFQUFFLHdCQUF3QjtLQUNsQztJQUNELFFBQVEsRUFBRTtRQUNSLElBQUksRUFBRTtZQUNKLE1BQU0sRUFBRTtnQkFDTixPQUFPLEVBQUUsa0NBQWtDO2dCQUMzQyxNQUFNLEVBQUUsVUFBVTthQUNuQjtZQUNELE1BQU0sRUFBRTtnQkFDTixPQUFPLEVBQUUsbUJBQW1CO2dCQUM1QixNQUFNLEVBQUUsaUJBQWlCO2dCQUN6QixLQUFLLEVBQUUsbURBQW1EO2FBQzNEO1NBQ0Y7UUFDRCxJQUFJLEVBQUU7WUFDSixFQUFFLEVBQUUsRUFBRTtZQUNOLEVBQUUsRUFBRSxFQUFFO1lB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
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
type DivProps = React.
|
|
3
|
-
type
|
|
2
|
+
type DivProps = React.HTMLAttributes<HTMLDivElement>;
|
|
3
|
+
type LiProps = React.LiHTMLAttributes<HTMLLIElement>;
|
|
4
|
+
type ComposedTimelineProps = React.FC<LiProps> & {
|
|
4
5
|
Separator: typeof Separator;
|
|
5
6
|
Content: typeof Content;
|
|
6
7
|
LineContainer: typeof LineContainer;
|
|
@@ -13,7 +13,7 @@ import React from 'react';
|
|
|
13
13
|
import { clsx } from 'clsx';
|
|
14
14
|
export const Timeline = (_a) => {
|
|
15
15
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
16
|
-
return (React.createElement("
|
|
16
|
+
return (React.createElement("li", Object.assign({}, rest, { className: clsx('grid grid-cols-[16px_1fr] gap-x-4', className) })));
|
|
17
17
|
};
|
|
18
18
|
const Content = (_a) => {
|
|
19
19
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
@@ -40,4 +40,4 @@ LineContainer.Line = Line;
|
|
|
40
40
|
Timeline.Separator = Separator;
|
|
41
41
|
Timeline.LineContainer = LineContainer;
|
|
42
42
|
Timeline.Content = Content;
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvVGltZWxpbmUvVGltZWxpbmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFXNUIsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUEwQixDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDekUsNENBQVEsSUFBSSxJQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsbUNBQW1DLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDbEYsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBdUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFBO0NBQUEsQ0FBQztBQUV0SCxNQUFNLFNBQVMsR0FBNkMsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQ3RGLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDLDBDQUEwQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQzFGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxhQUFhLEdBQStDLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUM1Riw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLElBQUksQ0FBQywwQkFBMEIsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUMxRSxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sSUFBSSxHQUF1QixDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDM0QsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsMENBQTBDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDMUYsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLEdBQUcsR0FBdUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzFELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDLG9DQUFvQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3BGLENBQUE7Q0FBQSxDQUFDO0FBRUYsU0FBUyxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUM7QUFDcEIsYUFBYSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7QUFFMUIsUUFBUSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7QUFDL0IsUUFBUSxDQUFDLGFBQWEsR0FBRyxhQUFhLENBQUM7QUFDdkMsUUFBUSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMifQ==
|
|
@@ -50,5 +50,5 @@ export const Modal = ({ open, onClose, closeOnEsc = true, size = 'md', headerIma
|
|
|
50
50
|
primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)))))))))));
|
|
51
51
|
};
|
|
52
52
|
export const ModalTabs = createTabsComponent(ModalTab, TabItem, 'ModalTabs', (children, selected, props) => (React.createElement(BaseModal.Body, { maxHeight: props.maxHeight },
|
|
53
|
-
React.createElement(ModalTabContainer,
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFlBQVksSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRXJELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLFFBQVEsRUFDUixZQUFZLElBQUksaUJBQWlCLEVBQ2pDLE9BQU8sR0FJUixNQUFNLHlCQUF5QixDQUFDO0FBRWpDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFrQixXQUFXLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV4RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBRXBDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUEyQzFDLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUMxQyxJQUFJLEVBQ0osT0FBTyxFQUNQLFVBQVUsR0FBRyxJQUFJLEVBQ2pCLElBQUksR0FBRyxJQUFJLEVBQ1gsV0FBVyxFQUNYLFFBQVEsRUFDUixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsRUFDYixnQkFBZ0IsR0FDakIsRUFBRSxFQUFFO0lBQ0gsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ1YsT0FBTyxJQUFJLENB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
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
export type TimelineItemProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Mandatory title prop for each section.
|
|
5
|
-
* Typically a formatted date is used.
|
|
5
|
+
* Typically, a formatted date is used.
|
|
6
6
|
*/
|
|
7
7
|
title: string;
|
|
8
8
|
/**
|
|
@@ -14,7 +14,8 @@ export type TimelineItemProps = {
|
|
|
14
14
|
};
|
|
15
15
|
declare const TimelineItem: React.FC<TimelineItemProps>;
|
|
16
16
|
type TimelineProps = {
|
|
17
|
-
children: Array<React.ReactElement<TimelineItemProps>> | React.ReactElement<TimelineItemProps>;
|
|
17
|
+
'children': Array<React.ReactElement<TimelineItemProps>> | React.ReactElement<TimelineItemProps>;
|
|
18
|
+
'aria-label'?: string;
|
|
18
19
|
};
|
|
19
20
|
type ComposedTimelineProps = React.FC<TimelineProps> & {
|
|
20
21
|
Item: typeof TimelineItem;
|