thread-ui 0.13.0 → 0.14.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/README.md +13 -7
- package/dist/components/content-display/carousel/carousel-context.d.ts +117 -9
- package/dist/components/content-display/carousel/carousel.d.ts +1 -1
- package/dist/components/content-display/carousel/carousel.js +19 -4
- package/dist/components/content-display/carousel/carousel.js.map +1 -1
- package/dist/components/content-display/carousel/carousel.types.d.ts +10 -9
- package/dist/components/content-display/carousel/components/carousel-controls.js +1 -1
- package/dist/components/content-display/carousel/components/carousel-controls.js.map +1 -1
- package/dist/components/content-display/carousel/components/carousel-header.d.ts +1 -1
- package/dist/components/content-display/carousel/components/carousel-header.js +6 -13
- package/dist/components/content-display/carousel/components/carousel-header.js.map +1 -1
- package/dist/components/content-display/carousel/components/carousel-item.js +1 -5
- package/dist/components/content-display/carousel/components/carousel-item.js.map +1 -1
- package/dist/components/content-display/gallery/components/gallery-content.js +3 -4
- package/dist/components/content-display/gallery/components/gallery-content.js.map +1 -1
- package/dist/components/content-display/gallery/gallery-context.d.ts +117 -9
- package/dist/components/content-display/gallery/gallery.d.ts +1 -1
- package/dist/components/content-display/gallery/gallery.js +2 -1
- package/dist/components/content-display/gallery/gallery.js.map +1 -1
- package/dist/components/content-display/gallery/gallery.types.d.ts +4 -5
- package/dist/components/content-display/lightbox/components/lightbox-title.js +5 -8
- package/dist/components/content-display/lightbox/components/lightbox-title.js.map +1 -1
- package/dist/components/content-display/lightbox/lightbox-context.d.ts +44 -2
- package/dist/components/content-display/lightbox/lightbox.types.d.ts +1 -1
- package/dist/components/layouts/column-layout/column-layout.d.ts +2 -2
- package/dist/components/layouts/column-layout/column-layout.js +6 -6
- package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
- package/dist/components/layouts/column-layout/column-layout.types.d.ts +4 -7
- package/dist/components/layouts/footer/footer.d.ts +3 -3
- package/dist/components/layouts/footer/footer.js +4 -4
- package/dist/components/layouts/footer/footer.js.map +1 -1
- package/dist/components/layouts/footer/footer.types.d.ts +1 -1
- package/dist/components/layouts/layout-component.types.d.ts +2 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.d.ts +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.js +3 -3
- package/dist/components/layouts/masonry-layout/masonry-layout.js.map +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.types.d.ts +4 -6
- package/dist/components/media-display/info-card/info-card.js +2 -2
- package/dist/components/media-display/info-card/info-card.js.map +1 -1
- package/dist/components/media-display/info-card/info-card.types.d.ts +1 -1
- package/dist/components/typography/heading/heading.js +1 -1
- package/dist/components/typography/heading/heading.js.map +1 -1
- package/dist/components/typography/page-header/page-header.d.ts +3 -3
- package/dist/components/typography/page-header/page-header.js +5 -5
- package/dist/components/typography/page-header/page-header.js.map +1 -1
- package/dist/components/typography/page-header/page-header.types.d.ts +3 -3
- package/dist/components/ui/button/button-recipe.js +11 -10
- package/dist/components/ui/button/button-recipe.js.map +1 -1
- package/dist/components/ui/card/card.d.ts +1 -1
- package/dist/components/ui/card/card.js +14 -9
- package/dist/components/ui/card/card.js.map +1 -1
- package/dist/components/ui/card/card.types.d.ts +2 -0
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.d.ts +1 -1
- package/dist/components/ui/modal/modal-context.d.ts +2 -2
- package/dist/internal-components/content-header/content-header.d.ts +12 -0
- package/dist/internal-components/content-header/content-header.js +36 -0
- package/dist/internal-components/content-header/content-header.js.map +1 -0
- package/dist/internal-components/content-header/content-header.types.d.ts +32 -0
- package/dist/internal-components/content-header/content-header.types.js +2 -0
- package/dist/internal-components/content-header/content-header.types.js.map +1 -0
- package/dist/internal-components/content-header/index.d.ts +2 -0
- package/dist/internal-components/content-header/index.js +2 -0
- package/dist/internal-components/content-header/index.js.map +1 -0
- package/dist/internal-components/index.d.ts +2 -0
- package/dist/internal-components/index.js +2 -0
- package/dist/internal-components/index.js.map +1 -1
- package/dist/internal-components/modal-primitive/modal-primitive.d.ts +1 -1
- package/dist/internal-components/modal-primitive/modal-primitive.js +3 -2
- package/dist/internal-components/modal-primitive/modal-primitive.js.map +1 -1
- package/dist/internal-components/modal-primitive/modal-primitive.types.d.ts +2 -0
- package/dist/internal-components/surface/index.d.ts +2 -0
- package/dist/internal-components/surface/index.js +2 -0
- package/dist/internal-components/surface/index.js.map +1 -0
- package/dist/internal-components/surface/surface.d.ts +3 -0
- package/dist/internal-components/surface/surface.js +11 -0
- package/dist/internal-components/surface/surface.js.map +1 -0
- package/dist/internal-components/surface/surface.types.d.ts +15 -0
- package/dist/internal-components/surface/surface.types.js +2 -0
- package/dist/internal-components/surface/surface.types.js.map +1 -0
- package/dist/styled-system/recipes/button.js +6 -6
- package/dist/styled-system/tokens/index.js +8 -0
- package/dist/styled-system/tokens/tokens.d.ts +1 -1
- package/dist/styles/panda.css +1 -1
- package/dist/styles/theme.css +6 -0
- package/dist/theme/css-name-configurations/theme-css-names.d.ts +1 -0
- package/dist/theme/css-name-configurations/theme-css-names.js +3 -0
- package/dist/theme/css-name-configurations/theme-css-names.js.map +1 -1
- package/dist/theme/default-theme.js +2 -0
- package/dist/theme/default-theme.js.map +1 -1
- package/dist/theme/theme-surface-system.d.ts +2 -1
- package/dist/theme/theme-surface-system.js.map +1 -1
- package/dist/types/colors/utility-color-options.types.d.ts +1 -1
- package/dist/types/theme/theme.types.d.ts +1 -0
- package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.js +2 -0
- package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.js.map +1 -1
- package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.d.ts +2 -3
- package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.js.map +1 -1
- package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js +1 -0
- package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js.map +1 -1
- package/dist/utils/theme-utilities/get-utility-size-value/get-utility-size-value.d.ts +1 -1
- package/package.json +1 -1
- package/dist/styled-system/css/conditions..js +0 -36
- package/dist/styled-system/css/conditions.mjs +0 -36
- package/dist/styled-system/css/css..js +0 -45
- package/dist/styled-system/css/css.mjs +0 -45
- package/dist/styled-system/css/cva..js +0 -87
- package/dist/styled-system/css/cva.mjs +0 -87
- package/dist/styled-system/css/cx..js +0 -15
- package/dist/styled-system/css/cx.mjs +0 -15
- package/dist/styled-system/css/index..js +0 -4
- package/dist/styled-system/css/index.mjs +0 -4
- package/dist/styled-system/css/sva..js +0 -46
- package/dist/styled-system/css/sva.mjs +0 -46
- package/dist/styled-system/helpers..js +0 -316
- package/dist/styled-system/helpers.mjs +0 -316
- package/dist/styled-system/patterns/aspect-ratio..js +0 -38
- package/dist/styled-system/patterns/aspect-ratio.mjs +0 -38
- package/dist/styled-system/patterns/bleed..js +0 -24
- package/dist/styled-system/patterns/bleed.mjs +0 -24
- package/dist/styled-system/patterns/box..js +0 -15
- package/dist/styled-system/patterns/box.mjs +0 -15
- package/dist/styled-system/patterns/center..js +0 -21
- package/dist/styled-system/patterns/center.mjs +0 -21
- package/dist/styled-system/patterns/circle..js +0 -25
- package/dist/styled-system/patterns/circle.mjs +0 -25
- package/dist/styled-system/patterns/container..js +0 -22
- package/dist/styled-system/patterns/container.mjs +0 -22
- package/dist/styled-system/patterns/cq..js +0 -21
- package/dist/styled-system/patterns/cq.mjs +0 -21
- package/dist/styled-system/patterns/divider..js +0 -25
- package/dist/styled-system/patterns/divider.mjs +0 -25
- package/dist/styled-system/patterns/flex..js +0 -26
- package/dist/styled-system/patterns/flex.mjs +0 -26
- package/dist/styled-system/patterns/float..js +0 -52
- package/dist/styled-system/patterns/float.mjs +0 -52
- package/dist/styled-system/patterns/grid-item..js +0 -25
- package/dist/styled-system/patterns/grid-item.mjs +0 -25
- package/dist/styled-system/patterns/grid..js +0 -27
- package/dist/styled-system/patterns/grid.mjs +0 -27
- package/dist/styled-system/patterns/hstack..js +0 -24
- package/dist/styled-system/patterns/hstack.mjs +0 -24
- package/dist/styled-system/patterns/index..js +0 -20
- package/dist/styled-system/patterns/index.mjs +0 -20
- package/dist/styled-system/patterns/link-overlay..js +0 -24
- package/dist/styled-system/patterns/link-overlay.mjs +0 -24
- package/dist/styled-system/patterns/spacer..js +0 -21
- package/dist/styled-system/patterns/spacer.mjs +0 -21
- package/dist/styled-system/patterns/square..js +0 -24
- package/dist/styled-system/patterns/square.mjs +0 -24
- package/dist/styled-system/patterns/stack..js +0 -24
- package/dist/styled-system/patterns/stack.mjs +0 -24
- package/dist/styled-system/patterns/visually-hidden..js +0 -18
- package/dist/styled-system/patterns/visually-hidden.mjs +0 -18
- package/dist/styled-system/patterns/vstack..js +0 -24
- package/dist/styled-system/patterns/vstack.mjs +0 -24
- package/dist/styled-system/patterns/wrap..js +0 -25
- package/dist/styled-system/patterns/wrap.mjs +0 -25
- package/dist/styled-system/recipes/button..js +0 -445
- package/dist/styled-system/recipes/button.mjs +0 -445
- package/dist/styled-system/recipes/create-recipe..js +0 -82
- package/dist/styled-system/recipes/create-recipe.mjs +0 -82
- package/dist/styled-system/recipes/index..js +0 -1
- package/dist/styled-system/recipes/index.mjs +0 -1
- package/dist/styled-system/styles.css +0 -1
- package/dist/styled-system/tokens/index..js +0 -2104
- package/dist/styled-system/tokens/index.mjs +0 -2164
|
@@ -2,15 +2,51 @@ import { GalleryEmblaContext } from './gallery.types';
|
|
|
2
2
|
export declare const GalleryProvider: {
|
|
3
3
|
({ initialValue, children, }: {
|
|
4
4
|
initialValue: {
|
|
5
|
-
title?: import("react").
|
|
6
|
-
|
|
5
|
+
title?: (string | import("react").ReactElement<{
|
|
6
|
+
align?: "left" | "center" | undefined;
|
|
7
|
+
inline?: boolean | undefined;
|
|
8
|
+
truncate?: boolean | undefined;
|
|
9
|
+
children: import("react").ReactNode;
|
|
10
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
11
|
+
subtitle?: import("react").ReactNode;
|
|
12
|
+
}, ((props: {
|
|
13
|
+
align?: "left" | "center" | undefined;
|
|
14
|
+
inline?: boolean | undefined;
|
|
15
|
+
truncate?: boolean | undefined;
|
|
16
|
+
children: import("react").ReactNode;
|
|
17
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
18
|
+
subtitle?: import("react").ReactNode;
|
|
19
|
+
}) => import("react/jsx-runtime").JSX.Element) | ((props: {
|
|
20
|
+
align?: "left" | "center" | undefined;
|
|
21
|
+
inline?: boolean | undefined;
|
|
22
|
+
truncate?: boolean | undefined;
|
|
23
|
+
children: import("react").ReactNode;
|
|
24
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
25
|
+
subtitle?: import("react").ReactNode;
|
|
26
|
+
}) => import("react/jsx-runtime").JSX.Element) | ((props: {
|
|
27
|
+
align?: "left" | "center" | undefined;
|
|
28
|
+
inline?: boolean | undefined;
|
|
29
|
+
truncate?: boolean | undefined;
|
|
30
|
+
children: import("react").ReactNode;
|
|
31
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
32
|
+
subtitle?: import("react").ReactNode;
|
|
33
|
+
}) => import("react/jsx-runtime").JSX.Element) | ((props: {
|
|
34
|
+
align?: "left" | "center" | undefined;
|
|
35
|
+
inline?: boolean | undefined;
|
|
36
|
+
truncate?: boolean | undefined;
|
|
37
|
+
children: import("react").ReactNode;
|
|
38
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
39
|
+
subtitle?: import("react").ReactNode;
|
|
40
|
+
}) => import("react/jsx-runtime").JSX.Element)>) | undefined;
|
|
41
|
+
subtitle?: string | undefined;
|
|
7
42
|
size: import("../../..").UtilitySizeOptions | "fill";
|
|
43
|
+
appearance: import("./gallery.types").GalleryAppearanceOptions;
|
|
8
44
|
variableWidths: boolean;
|
|
9
45
|
items: Record<import("./gallery.types").GalleryItemId, {
|
|
10
46
|
id: import("./gallery.types").GalleryItemId;
|
|
11
47
|
content: import("./gallery.types").GalleryItem;
|
|
12
48
|
}>;
|
|
13
|
-
ItemWrapper: import("
|
|
49
|
+
ItemWrapper: import("react").ComponentType<any> | undefined;
|
|
14
50
|
itemOrder: import("./gallery.types").GalleryItemId[];
|
|
15
51
|
};
|
|
16
52
|
children: import("react").ReactNode;
|
|
@@ -18,27 +54,99 @@ export declare const GalleryProvider: {
|
|
|
18
54
|
displayName: string;
|
|
19
55
|
}, useGalleryContext: () => {
|
|
20
56
|
value: {
|
|
21
|
-
title?: import("react").
|
|
22
|
-
|
|
57
|
+
title?: (string | import("react").ReactElement<{
|
|
58
|
+
align?: "left" | "center" | undefined;
|
|
59
|
+
inline?: boolean | undefined;
|
|
60
|
+
truncate?: boolean | undefined;
|
|
61
|
+
children: import("react").ReactNode;
|
|
62
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
63
|
+
subtitle?: import("react").ReactNode;
|
|
64
|
+
}, ((props: {
|
|
65
|
+
align?: "left" | "center" | undefined;
|
|
66
|
+
inline?: boolean | undefined;
|
|
67
|
+
truncate?: boolean | undefined;
|
|
68
|
+
children: import("react").ReactNode;
|
|
69
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
70
|
+
subtitle?: import("react").ReactNode;
|
|
71
|
+
}) => import("react/jsx-runtime").JSX.Element) | ((props: {
|
|
72
|
+
align?: "left" | "center" | undefined;
|
|
73
|
+
inline?: boolean | undefined;
|
|
74
|
+
truncate?: boolean | undefined;
|
|
75
|
+
children: import("react").ReactNode;
|
|
76
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
77
|
+
subtitle?: import("react").ReactNode;
|
|
78
|
+
}) => import("react/jsx-runtime").JSX.Element) | ((props: {
|
|
79
|
+
align?: "left" | "center" | undefined;
|
|
80
|
+
inline?: boolean | undefined;
|
|
81
|
+
truncate?: boolean | undefined;
|
|
82
|
+
children: import("react").ReactNode;
|
|
83
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
84
|
+
subtitle?: import("react").ReactNode;
|
|
85
|
+
}) => import("react/jsx-runtime").JSX.Element) | ((props: {
|
|
86
|
+
align?: "left" | "center" | undefined;
|
|
87
|
+
inline?: boolean | undefined;
|
|
88
|
+
truncate?: boolean | undefined;
|
|
89
|
+
children: import("react").ReactNode;
|
|
90
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
91
|
+
subtitle?: import("react").ReactNode;
|
|
92
|
+
}) => import("react/jsx-runtime").JSX.Element)>) | undefined;
|
|
93
|
+
subtitle?: string | undefined;
|
|
23
94
|
size: import("../../..").UtilitySizeOptions | "fill";
|
|
95
|
+
appearance: import("./gallery.types").GalleryAppearanceOptions;
|
|
24
96
|
variableWidths: boolean;
|
|
25
97
|
items: Record<import("./gallery.types").GalleryItemId, {
|
|
26
98
|
id: import("./gallery.types").GalleryItemId;
|
|
27
99
|
content: import("./gallery.types").GalleryItem;
|
|
28
100
|
}>;
|
|
29
|
-
ItemWrapper: import("
|
|
101
|
+
ItemWrapper: import("react").ComponentType<any> | undefined;
|
|
30
102
|
itemOrder: import("./gallery.types").GalleryItemId[];
|
|
31
103
|
};
|
|
32
104
|
setValue: import("react").Dispatch<import("react").SetStateAction<{
|
|
33
|
-
title?: import("react").
|
|
34
|
-
|
|
105
|
+
title?: (string | import("react").ReactElement<{
|
|
106
|
+
align?: "left" | "center" | undefined;
|
|
107
|
+
inline?: boolean | undefined;
|
|
108
|
+
truncate?: boolean | undefined;
|
|
109
|
+
children: import("react").ReactNode;
|
|
110
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
111
|
+
subtitle?: import("react").ReactNode;
|
|
112
|
+
}, ((props: {
|
|
113
|
+
align?: "left" | "center" | undefined;
|
|
114
|
+
inline?: boolean | undefined;
|
|
115
|
+
truncate?: boolean | undefined;
|
|
116
|
+
children: import("react").ReactNode;
|
|
117
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
118
|
+
subtitle?: import("react").ReactNode;
|
|
119
|
+
}) => import("react/jsx-runtime").JSX.Element) | ((props: {
|
|
120
|
+
align?: "left" | "center" | undefined;
|
|
121
|
+
inline?: boolean | undefined;
|
|
122
|
+
truncate?: boolean | undefined;
|
|
123
|
+
children: import("react").ReactNode;
|
|
124
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
125
|
+
subtitle?: import("react").ReactNode;
|
|
126
|
+
}) => import("react/jsx-runtime").JSX.Element) | ((props: {
|
|
127
|
+
align?: "left" | "center" | undefined;
|
|
128
|
+
inline?: boolean | undefined;
|
|
129
|
+
truncate?: boolean | undefined;
|
|
130
|
+
children: import("react").ReactNode;
|
|
131
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
132
|
+
subtitle?: import("react").ReactNode;
|
|
133
|
+
}) => import("react/jsx-runtime").JSX.Element) | ((props: {
|
|
134
|
+
align?: "left" | "center" | undefined;
|
|
135
|
+
inline?: boolean | undefined;
|
|
136
|
+
truncate?: boolean | undefined;
|
|
137
|
+
children: import("react").ReactNode;
|
|
138
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
139
|
+
subtitle?: import("react").ReactNode;
|
|
140
|
+
}) => import("react/jsx-runtime").JSX.Element)>) | undefined;
|
|
141
|
+
subtitle?: string | undefined;
|
|
35
142
|
size: import("../../..").UtilitySizeOptions | "fill";
|
|
143
|
+
appearance: import("./gallery.types").GalleryAppearanceOptions;
|
|
36
144
|
variableWidths: boolean;
|
|
37
145
|
items: Record<import("./gallery.types").GalleryItemId, {
|
|
38
146
|
id: import("./gallery.types").GalleryItemId;
|
|
39
147
|
content: import("./gallery.types").GalleryItem;
|
|
40
148
|
}>;
|
|
41
|
-
ItemWrapper: import("
|
|
149
|
+
ItemWrapper: import("react").ComponentType<any> | undefined;
|
|
42
150
|
itemOrder: import("./gallery.types").GalleryItemId[];
|
|
43
151
|
}>>;
|
|
44
152
|
};
|
|
@@ -15,4 +15,4 @@ import { GalleryProps } from './gallery.types';
|
|
|
15
15
|
* />
|
|
16
16
|
* ```
|
|
17
17
|
*/
|
|
18
|
-
export declare const Gallery: ({ title, items: itemList, itemWrapper, size, appearance, startIndex, variableWidths, }: GalleryProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare const Gallery: ({ title, subtitle, items: itemList, itemWrapper, size, appearance, startIndex, variableWidths, }: GalleryProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -21,7 +21,7 @@ import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures';
|
|
|
21
21
|
* />
|
|
22
22
|
* ```
|
|
23
23
|
*/
|
|
24
|
-
export const Gallery = ({ title, items: itemList, itemWrapper, size = 'lg', appearance = 'framed', startIndex = 0, variableWidths = false, }) => {
|
|
24
|
+
export const Gallery = ({ title, subtitle, items: itemList, itemWrapper, size = 'lg', appearance = 'framed', startIndex = 0, variableWidths = false, }) => {
|
|
25
25
|
const [emblaDisplayRef, emblaDisplayApi] = useEmblaCarousel({ startIndex });
|
|
26
26
|
const [emblaItemTrackRef, emblaItemTrackApi] = useEmblaCarousel({
|
|
27
27
|
startIndex,
|
|
@@ -55,6 +55,7 @@ export const Gallery = ({ title, items: itemList, itemWrapper, size = 'lg', appe
|
|
|
55
55
|
const itemOrder = normalizedItems.map((item) => item.id);
|
|
56
56
|
return {
|
|
57
57
|
title,
|
|
58
|
+
subtitle,
|
|
58
59
|
items,
|
|
59
60
|
itemOrder,
|
|
60
61
|
ItemWrapper: itemWrapper,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gallery.js","sourceRoot":"","sources":["../../../../src/components/content-display/gallery/gallery.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"gallery.js","sourceRoot":"","sources":["../../../../src/components/content-display/gallery/gallery.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import { ReactNode, ComponentType } from 'react';
|
|
|
2
2
|
import { Prettify, UtilitySizeOptions } from '../../../types';
|
|
3
3
|
import { EmblaViewportRefType } from 'embla-carousel-react';
|
|
4
4
|
import { EmblaCarouselType } from 'embla-carousel';
|
|
5
|
+
import { ContentTitle } from '../../../internal-components';
|
|
5
6
|
export type GalleryItemId = number;
|
|
6
7
|
/** Content renderable as a gallery slide — any valid React node. */
|
|
7
8
|
export type GalleryItem = ReactNode;
|
|
@@ -11,11 +12,9 @@ export type GalleryItem = ReactNode;
|
|
|
11
12
|
* - `'bare'` — Renders items without any decorative container styles.
|
|
12
13
|
*/
|
|
13
14
|
export type GalleryAppearanceOptions = 'framed' | 'bare';
|
|
14
|
-
export type GalleryProps = {
|
|
15
|
+
export type GalleryProps = Prettify<ContentTitle & {
|
|
15
16
|
/** Visual treatment for item containers @default `'framed'` */
|
|
16
17
|
appearance?: GalleryAppearanceOptions;
|
|
17
|
-
/** Optional title rendered above the gallery */
|
|
18
|
-
title?: string | ReactNode;
|
|
19
18
|
/** Array of React nodes to render as slides, in display order */
|
|
20
19
|
items: GalleryItem[];
|
|
21
20
|
/** Optional component used to wrap each item, replacing the default container */
|
|
@@ -26,12 +25,12 @@ export type GalleryProps = {
|
|
|
26
25
|
startIndex?: number;
|
|
27
26
|
/** Display thumbnail items with varying widths @default `false` */
|
|
28
27
|
variableWidths?: boolean;
|
|
29
|
-
}
|
|
28
|
+
}>;
|
|
30
29
|
type InternalGalleryItem = {
|
|
31
30
|
id: GalleryItemId;
|
|
32
31
|
content: GalleryItem;
|
|
33
32
|
};
|
|
34
|
-
export type GalleryState = Prettify<Pick<GalleryProps, 'title'> & Required<Pick<GalleryProps, 'size' | 'appearance' | 'variableWidths'>> & {
|
|
33
|
+
export type GalleryState = Prettify<Pick<GalleryProps, 'title' | 'subtitle'> & Required<Pick<GalleryProps, 'size' | 'appearance' | 'variableWidths'>> & {
|
|
35
34
|
items: Record<GalleryItemId, InternalGalleryItem>;
|
|
36
35
|
ItemWrapper: GalleryProps['itemWrapper'];
|
|
37
36
|
itemOrder: GalleryItemId[];
|
|
@@ -1,22 +1,19 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsx as _jsx
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useLightboxContext } from '../lightbox-context';
|
|
4
4
|
import { H2 } from '../../../../components/typography';
|
|
5
5
|
import { css } from '../../../../styled-system/css';
|
|
6
6
|
import { IconButton } from '../../../../components/ui';
|
|
7
|
+
import { ContentHeader } from '../../../../internal-components';
|
|
7
8
|
const styles = {
|
|
8
|
-
|
|
9
|
+
titleBlock: css({
|
|
9
10
|
width: '100%',
|
|
10
|
-
display: 'flex',
|
|
11
|
-
flexDirection: 'row-reverse',
|
|
12
|
-
alignItems: 'center',
|
|
13
|
-
justifyContent: 'space-between',
|
|
14
11
|
marginBottom: '4',
|
|
15
12
|
}),
|
|
16
13
|
};
|
|
17
14
|
export const LightboxTitle = () => {
|
|
18
15
|
const { title, onClose } = useLightboxContext();
|
|
19
|
-
const titleDisplay = typeof title === 'string' ? _jsx(H2, { inline: true, children: title }) : title;
|
|
20
|
-
return (
|
|
16
|
+
const titleDisplay = typeof title === 'string' ? (_jsx(H2, { color: "inverted", inline: true, children: title })) : (title);
|
|
17
|
+
return (_jsx(ContentHeader, { className: styles.titleBlock, title: titleDisplay, secondaryContent: _jsx(IconButton, { ariaLabel: "Close modal", onClick: onClose, color: "neutral", size: 'sm', name: "X" }) }));
|
|
21
18
|
};
|
|
22
19
|
//# sourceMappingURL=lightbox-title.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lightbox-title.js","sourceRoot":"","sources":["../../../../../src/components/content-display/lightbox/components/lightbox-title.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"lightbox-title.js","sourceRoot":"","sources":["../../../../../src/components/content-display/lightbox/components/lightbox-title.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAQ,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,MAAM,GAAG;IACd,UAAU,EAAE,GAAG,CAAC;QACf,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,GAAG;KACjB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEhD,MAAM,YAAY,GACjB,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,KAAC,EAAE,IAAC,KAAK,EAAC,UAAU,EAAC,MAAM,kBACzB,KAAK,GACF,CACL,CAAC,CAAC,CAAC,CACH,KAAK,CACL,CAAC;IAEH,OAAO,CACN,KAAC,aAAa,IACb,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,KAAK,EAAE,YAAY,EACnB,gBAAgB,EACf,KAAC,UAAU,IACV,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,GACP,GAEF,CACF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
export declare const LightboxProvider: import("react").Provider<{
|
|
2
|
-
title?: import("react").
|
|
2
|
+
title?: (string | import("react").ReactElement<{
|
|
3
|
+
align?: "left" | "center" | undefined;
|
|
4
|
+
inline?: boolean | undefined;
|
|
5
|
+
truncate?: boolean | undefined;
|
|
6
|
+
children: import("react").ReactNode;
|
|
7
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
8
|
+
subtitle?: import("react").ReactNode;
|
|
9
|
+
}, ((props: import("../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element) | ((props: import("../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element) | ((props: import("../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element) | ((props: import("../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element)>) | undefined;
|
|
3
10
|
items: import("../gallery/gallery.types").GalleryItem[];
|
|
4
11
|
itemWrapper?: import("react").ComponentType<any> | undefined;
|
|
5
12
|
startIndex?: number | undefined;
|
|
@@ -8,7 +15,42 @@ export declare const LightboxProvider: import("react").Provider<{
|
|
|
8
15
|
appearance?: import("../gallery/gallery.types").GalleryAppearanceOptions | undefined;
|
|
9
16
|
variableWidths?: boolean | undefined;
|
|
10
17
|
} | undefined>, useLightboxContext: () => {
|
|
11
|
-
title?: import("react").
|
|
18
|
+
title?: (string | import("react").ReactElement<{
|
|
19
|
+
align?: "left" | "center" | undefined;
|
|
20
|
+
inline?: boolean | undefined;
|
|
21
|
+
truncate?: boolean | undefined;
|
|
22
|
+
children: import("react").ReactNode;
|
|
23
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
24
|
+
subtitle?: import("react").ReactNode;
|
|
25
|
+
}, ((props: {
|
|
26
|
+
align?: "left" | "center" | undefined;
|
|
27
|
+
inline?: boolean | undefined;
|
|
28
|
+
truncate?: boolean | undefined;
|
|
29
|
+
children: import("react").ReactNode;
|
|
30
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
31
|
+
subtitle?: import("react").ReactNode;
|
|
32
|
+
}) => import("react/jsx-runtime").JSX.Element) | ((props: {
|
|
33
|
+
align?: "left" | "center" | undefined;
|
|
34
|
+
inline?: boolean | undefined;
|
|
35
|
+
truncate?: boolean | undefined;
|
|
36
|
+
children: import("react").ReactNode;
|
|
37
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
38
|
+
subtitle?: import("react").ReactNode;
|
|
39
|
+
}) => import("react/jsx-runtime").JSX.Element) | ((props: {
|
|
40
|
+
align?: "left" | "center" | undefined;
|
|
41
|
+
inline?: boolean | undefined;
|
|
42
|
+
truncate?: boolean | undefined;
|
|
43
|
+
children: import("react").ReactNode;
|
|
44
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
45
|
+
subtitle?: import("react").ReactNode;
|
|
46
|
+
}) => import("react/jsx-runtime").JSX.Element) | ((props: {
|
|
47
|
+
align?: "left" | "center" | undefined;
|
|
48
|
+
inline?: boolean | undefined;
|
|
49
|
+
truncate?: boolean | undefined;
|
|
50
|
+
children: import("react").ReactNode;
|
|
51
|
+
color?: import("../../..").ColoredTextOptions | undefined;
|
|
52
|
+
subtitle?: import("react").ReactNode;
|
|
53
|
+
}) => import("react/jsx-runtime").JSX.Element)>) | undefined;
|
|
12
54
|
items: import("../gallery/gallery.types").GalleryItem[];
|
|
13
55
|
itemWrapper?: import("react").ComponentType<any> | undefined;
|
|
14
56
|
startIndex?: number | undefined;
|
|
@@ -2,7 +2,7 @@ import { Prettify } from '../../../types';
|
|
|
2
2
|
import { GalleryProps } from '../gallery';
|
|
3
3
|
import { ModalProps } from '../../../components/ui';
|
|
4
4
|
import { GalleryAppearanceOptions } from '../gallery/gallery.types';
|
|
5
|
-
export type LightboxProps = Prettify<Omit<GalleryProps, 'size' | 'appearance' | 'variableWidths'> & Pick<ModalProps, 'isOpen' | 'onClose'> & {
|
|
5
|
+
export type LightboxProps = Prettify<Omit<GalleryProps, 'size' | 'subtitle' | 'appearance' | 'variableWidths'> & Pick<ModalProps, 'isOpen' | 'onClose'> & {
|
|
6
6
|
/** Gallery Content Appearance @default `bare` */
|
|
7
7
|
appearance?: GalleryAppearanceOptions;
|
|
8
8
|
/** Control Auto-Width within track thumbnails @default `true` */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ColumnLayoutProps } from './column-layout.types';
|
|
2
2
|
/**
|
|
3
|
-
* Responsive image grid with an optional title and
|
|
3
|
+
* Responsive image grid with an optional title and description.
|
|
4
4
|
* Column count is controlled separately for medium and large viewports.
|
|
5
5
|
*
|
|
6
6
|
* @example
|
|
@@ -11,4 +11,4 @@ import { ColumnLayoutProps } from './column-layout.types';
|
|
|
11
11
|
* items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
|
|
12
12
|
* />
|
|
13
13
|
*/
|
|
14
|
-
export declare const ColumnLayout: ({ title,
|
|
14
|
+
export declare const ColumnLayout: ({ title, subtitle, description, mdcol, lgcol, items, container, }: ColumnLayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx,
|
|
2
|
-
import { renderImage } from '../../../internal-components';
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ContentHeader, renderImage } from '../../../internal-components';
|
|
3
3
|
import { ColumnSkeleton } from './column-skeleton';
|
|
4
|
-
import {
|
|
4
|
+
import { H3, Text } from '../../../components';
|
|
5
5
|
import { css } from '../../../styled-system/css';
|
|
6
6
|
import { LayoutWrapper } from '../layout-wrapper';
|
|
7
7
|
const styles = {
|
|
@@ -36,7 +36,7 @@ const styles = {
|
|
|
36
36
|
}),
|
|
37
37
|
};
|
|
38
38
|
/**
|
|
39
|
-
* Responsive image grid with an optional title and
|
|
39
|
+
* Responsive image grid with an optional title and description.
|
|
40
40
|
* Column count is controlled separately for medium and large viewports.
|
|
41
41
|
*
|
|
42
42
|
* @example
|
|
@@ -47,9 +47,9 @@ const styles = {
|
|
|
47
47
|
* items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
|
|
48
48
|
* />
|
|
49
49
|
*/
|
|
50
|
-
export const ColumnLayout = ({ title,
|
|
50
|
+
export const ColumnLayout = ({ title, subtitle, description, mdcol, lgcol = mdcol, items, container = true, }) => {
|
|
51
51
|
return (_jsx(LayoutWrapper, { container: container, children: _jsxs("section", { className: styles.section, style: {
|
|
52
52
|
'--max-width': mdcol < 2 ? '800px' : 'none',
|
|
53
|
-
}, children: [(title ||
|
|
53
|
+
}, children: [(title || description) && (_jsx(ContentHeader, { title: title, subtitle: subtitle, description: description })), _jsx(ColumnSkeleton, { mdcol: mdcol, lgcol: lgcol, children: items.map((item, index) => (_jsxs("div", { children: [_jsx("div", { className: styles.gridItem, children: renderImage(item.content, undefined, styles.gridItemContent) }), (item.title || item.description) && (_jsxs(_Fragment, { children: [item.title && _jsx(H3, { children: item.title }), item.description && _jsx(Text, { children: item.description })] }))] }, item.key ?? index))) })] }) }));
|
|
54
54
|
};
|
|
55
55
|
//# sourceMappingURL=column-layout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAM,EAAE,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,MAAM;SACV;QACD,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC5C,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC/C,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;KACpC,CAAC;IACF,QAAQ,EAAE,GAAG,CAAC;QACb,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,eAAe,EAAE,GAAG,CAAC;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,IAAI;KAClB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,KAAK,GAAG,KAAK,EACb,KAAK,EACL,SAAS,GAAG,IAAI,GACG,EAAE,EAAE;IACvB,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,mBACC,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,KAAK,EACJ;gBACC,aAAa,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;aACpB,aAGxB,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CAC1B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,CAC7E,EACD,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,YACxC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,0BACC,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC7B,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,GACxD,EACL,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CACpC,8BACE,IAAI,CAAC,KAAK,IAAI,KAAC,EAAE,cAAE,IAAI,CAAC,KAAK,GAAM,EACnC,IAAI,CAAC,WAAW,IAAI,KAAC,IAAI,cAAE,IAAI,CAAC,WAAW,GAAQ,IAClD,CACH,KATQ,IAAI,CAAC,GAAG,IAAI,KAAK,CAUrB,CACN,CAAC,GACc,IACR,GACK,CAChB,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,19 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ContentHeading } from '../../../internal-components';
|
|
2
|
+
import { ImageProps, Prettify } from '../../../types';
|
|
2
3
|
import { LayoutComponentProps } from '../layout-component.types';
|
|
3
4
|
export type MediumColumnOptions = 1 | 2 | 3;
|
|
4
5
|
export type LargeColumnOptions = 1 | 2 | 3 | 4 | 5;
|
|
5
|
-
export type ColumnLayoutProps = LayoutComponentProps & {
|
|
6
|
-
/** Optional title displayed at the top of the layout */
|
|
7
|
-
title?: string;
|
|
8
|
-
/** Optional caption rendered alongside the title */
|
|
9
|
-
caption?: string;
|
|
6
|
+
export type ColumnLayoutProps = Prettify<LayoutComponentProps & ContentHeading & {
|
|
10
7
|
/** Number of columns at medium viewport sizes @default `2` */
|
|
11
8
|
mdcol: MediumColumnOptions;
|
|
12
9
|
/** Number of columns at large viewport sizes @default `4` */
|
|
13
10
|
lgcol?: LargeColumnOptions;
|
|
14
11
|
/** Items to display in the grid */
|
|
15
12
|
items: ColumnItem[];
|
|
16
|
-
}
|
|
13
|
+
}>;
|
|
17
14
|
export type ColumnItem = {
|
|
18
15
|
/** Optional title rendered below the image */
|
|
19
16
|
title?: string;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { FooterProps } from './footer.types';
|
|
2
2
|
/**
|
|
3
|
-
* Site footer with optional logo,
|
|
3
|
+
* Site footer with optional logo, description, and social media icon links.
|
|
4
4
|
* Only social icons with a provided URL are rendered.
|
|
5
5
|
*
|
|
6
6
|
* @example
|
|
7
7
|
* <Footer
|
|
8
8
|
* logo={<Logo />}
|
|
9
|
-
*
|
|
9
|
+
* description="© 1776 USA."
|
|
10
10
|
* githubLink="https://github.com/acme"
|
|
11
11
|
* linkedInLink="https://linkedin.com/company/acme"
|
|
12
12
|
* />
|
|
13
13
|
*/
|
|
14
|
-
export declare const Footer: ({ logo,
|
|
14
|
+
export declare const Footer: ({ logo, description, bg, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -28,20 +28,20 @@ const styles = {
|
|
|
28
28
|
}),
|
|
29
29
|
};
|
|
30
30
|
/**
|
|
31
|
-
* Site footer with optional logo,
|
|
31
|
+
* Site footer with optional logo, description, and social media icon links.
|
|
32
32
|
* Only social icons with a provided URL are rendered.
|
|
33
33
|
*
|
|
34
34
|
* @example
|
|
35
35
|
* <Footer
|
|
36
36
|
* logo={<Logo />}
|
|
37
|
-
*
|
|
37
|
+
* description="© 1776 USA."
|
|
38
38
|
* githubLink="https://github.com/acme"
|
|
39
39
|
* linkedInLink="https://linkedin.com/company/acme"
|
|
40
40
|
* />
|
|
41
41
|
*/
|
|
42
|
-
export const Footer = ({ logo,
|
|
42
|
+
export const Footer = ({ logo, description, bg = 'canvas', facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }) => {
|
|
43
43
|
const weight = 'bold';
|
|
44
44
|
const size = 24;
|
|
45
|
-
return (_jsxs(Container, { as: "footer", bg: bg, children: [_jsx(Divider, {}), _jsxs("div", { className: styles.footerContents, children: [logo && logo,
|
|
45
|
+
return (_jsxs(Container, { as: "footer", bg: bg, children: [_jsx(Divider, {}), _jsxs("div", { className: styles.footerContents, children: [logo && logo, description && _jsx(Subtitle, { children: description }), _jsxs("div", { className: styles.logoBlock, children: [facebookLink && (_jsx("a", { className: styles.links, href: facebookLink, children: _jsx(FacebookLogoIcon, { size: size, weight: weight }) })), instagramLink && (_jsx("a", { className: styles.links, href: instagramLink, children: _jsx(InstagramLogoIcon, { size: size, weight: weight }) })), twitterLink && (_jsx("a", { className: styles.links, href: twitterLink, children: _jsx(TwitterLogoIcon, { size: size, weight: weight }) })), githubLink && (_jsx("a", { className: styles.links, href: githubLink, children: _jsx(GithubLogoIcon, { size: size, weight: weight }) })), linkedInLink && (_jsx("a", { className: styles.links, href: linkedInLink, children: _jsx(LinkedinLogoIcon, { size: size, weight: weight }) }))] })] })] }));
|
|
46
46
|
};
|
|
47
47
|
//# sourceMappingURL=footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EACN,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,MAAM,MAAM,GAAG;IACd,cAAc,EAAE,GAAG,CAAC;QACnB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;KAClB,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,MAAM;QACb,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACV,KAAK,EAAE,eAAe;KACtB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,IAAI,EACJ,
|
|
1
|
+
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EACN,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,MAAM,MAAM,GAAG;IACd,cAAc,EAAE,GAAG,CAAC;QACnB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;KAClB,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,MAAM;QACb,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACV,KAAK,EAAE,eAAe;KACtB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,IAAI,EACJ,WAAW,EACX,EAAE,GAAG,QAAQ,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,GACC,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,IAAI,GAAG,EAAE,CAAC;IAEhB,OAAO,CACN,MAAC,SAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,aAC5B,KAAC,OAAO,KAAG,EACX,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aACnC,IAAI,IAAI,IAAI,EACZ,WAAW,IAAI,KAAC,QAAQ,cAAE,WAAW,GAAY,EAClD,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC7C,CACJ,EACA,aAAa,IAAI,CACjB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,YAC9C,KAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC9C,CACJ,EACA,WAAW,IAAI,CACf,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,YAC5C,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC5C,CACJ,EACA,UAAU,IAAI,CACd,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,YAC3C,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC3C,CACJ,EACA,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC7C,CACJ,IACI,IACD,IACK,CACZ,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -4,7 +4,7 @@ export type FooterProps = {
|
|
|
4
4
|
/** Logo or branding element rendered at the top of the footer */
|
|
5
5
|
logo?: ReactNode;
|
|
6
6
|
/** Tagline or description rendered below the logo */
|
|
7
|
-
|
|
7
|
+
description?: string | ReactNode;
|
|
8
8
|
/** Background color token @default `'none'` */
|
|
9
9
|
bg?: BgColorOptions;
|
|
10
10
|
/** URL for the Facebook social link */
|
|
@@ -2,8 +2,9 @@ import type { BreakpointToken as PandaBreakpointToken } from '../../styled-syste
|
|
|
2
2
|
import { ContainerProps } from './container';
|
|
3
3
|
type BreakpointToken = PandaBreakpointToken | 'base';
|
|
4
4
|
export type ResponsiveValue<T> = T | Partial<Record<BreakpointToken, T>>;
|
|
5
|
+
type ContainerConfig = Omit<ContainerProps, 'children'>;
|
|
5
6
|
export type LayoutComponentProps = {
|
|
6
7
|
/** Wraps the layout in a container */
|
|
7
|
-
container?: boolean |
|
|
8
|
+
container?: boolean | ContainerConfig;
|
|
8
9
|
};
|
|
9
10
|
export {};
|
|
@@ -8,4 +8,4 @@ import { MasonryLayoutProps } from './masonry-layout.types';
|
|
|
8
8
|
* components={images.map((img) => <img src={img.src} alt={img.alt} />)}
|
|
9
9
|
* />
|
|
10
10
|
*/
|
|
11
|
-
export declare const MasonryLayout: ({ title,
|
|
11
|
+
export declare const MasonryLayout: ({ title, subtitle, description, items, container, }: MasonryLayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { H3, Subtitle } from '../../../components';
|
|
3
2
|
import { css } from '../../../styled-system/css';
|
|
4
3
|
import { LayoutWrapper } from '../layout-wrapper';
|
|
4
|
+
import { ContentHeader } from '../../../internal-components';
|
|
5
5
|
const styles = {
|
|
6
6
|
container: css({ width: 'full' }),
|
|
7
7
|
list: css({
|
|
@@ -25,7 +25,7 @@ const styles = {
|
|
|
25
25
|
* components={images.map((img) => <img src={img.src} alt={img.alt} />)}
|
|
26
26
|
* />
|
|
27
27
|
*/
|
|
28
|
-
export const MasonryLayout = ({ title,
|
|
29
|
-
return (_jsx(LayoutWrapper, { container: container, children: _jsxs("div", { className: styles.container, children: [
|
|
28
|
+
export const MasonryLayout = ({ title, subtitle, description, items, container, }) => {
|
|
29
|
+
return (_jsx(LayoutWrapper, { container: container, children: _jsxs("div", { className: styles.container, children: [_jsx(ContentHeader, { title: title, subtitle: subtitle, description: description }), _jsx("ol", { className: styles.list, children: items.map((component, index) => (_jsx("li", { className: styles.item, children: component }, index))) })] }) }));
|
|
30
30
|
};
|
|
31
31
|
//# sourceMappingURL=masonry-layout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IACjC,IAAI,EAAE,GAAG,CAAC;QACT,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;QACtC,SAAS,EAAE,GAAG;KACd,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAE,QAAQ;KAClB,CAAC;CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,GACW,EAAE,EAAE;IACxB,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,EAC7E,aAAI,SAAS,EAAE,MAAM,CAAC,IAAI,YACxB,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,aAAgB,SAAS,EAAE,MAAM,CAAC,IAAI,YACpC,SAAS,IADF,KAAK,CAET,CACL,CAAC,GACE,IACA,GACS,CAChB,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { LayoutComponentProps } from '../layout-component.types';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
/** Optional caption rendered alongside the title */
|
|
7
|
-
caption?: string;
|
|
3
|
+
import { Prettify } from '../../../types';
|
|
4
|
+
import { ContentHeading } from '../../../internal-components';
|
|
5
|
+
export type MasonryLayoutProps = Prettify<LayoutComponentProps & ContentHeading & {
|
|
8
6
|
/** Items to render in the masonry grid */
|
|
9
7
|
items: ReactNode[];
|
|
10
|
-
}
|
|
8
|
+
}>;
|
|
@@ -79,7 +79,7 @@ const styles = {
|
|
|
79
79
|
width: '100%',
|
|
80
80
|
objectFit: 'cover',
|
|
81
81
|
}),
|
|
82
|
-
|
|
82
|
+
information: css({
|
|
83
83
|
padding: '2.5',
|
|
84
84
|
height: '10',
|
|
85
85
|
display: 'flex',
|
|
@@ -102,6 +102,6 @@ export const InfoCard = ({ title, url, icon, image, layer = 'surface' }) => {
|
|
|
102
102
|
bg: config.bg,
|
|
103
103
|
shadow: config.shadow,
|
|
104
104
|
structure: config.structure,
|
|
105
|
-
}), children: [_jsx("div", { className: `${styles.imageWrapper} info-card-image-wrapper`, children: renderImage(image, undefined, styles.image) }), _jsxs("div", { className: styles.
|
|
105
|
+
}), children: [_jsx("div", { className: `${styles.imageWrapper} info-card-image-wrapper`, children: renderImage(image, undefined, styles.image) }), _jsxs("div", { className: styles.information, children: [_jsx(DynamicIcon, { icon: icon, size: 24 }), _jsx(Text, { size: "sm", truncate: true, inline: true, children: title })] })] }));
|
|
106
106
|
};
|
|
107
107
|
//# sourceMappingURL=info-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media-display/info-card/info-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,GAAG;IACd,IAAI,EAAE,GAAG,CAAC;QACT,IAAI,EAAE;YACL,MAAM,EAAE,MAAM;YACd,WAAW,EAAE,OAAO;YACpB,YAAY,EAAE,IAAI;YAClB,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,OAAO;YACjB,WAAW,EAAE,OAAO;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,oDAAoD;YAChE,MAAM,EAAE;gBACP,eAAe,EAAE,OAAO;gBACxB,mCAAmC,EAAE;oBACpC,OAAO,EAAE,GAAG;iBACZ;aACD;YACD,OAAO,EAAE;gBACR,eAAe,EAAE,QAAQ;aACzB;SACD;QACD,QAAQ,EAAE;YACT,EAAE,EAAE;gBACH,IAAI,EAAE,EAAE;gBACR,MAAM,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE;gBACrC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE;gBACnC,OAAO,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;gBACvC,QAAQ,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE;gBACzC,OAAO,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;aACvC;YACD,MAAM,EAAE;gBACP,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;gBAC3B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;gBACvB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;gBACvB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;aACvB;YACD,SAAS,EAAE;gBACV,IAAI,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE;gBAC1B,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE;gBAC9D,OAAO,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,mBAAmB,EAAE;gBAChE,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE;aAC9D;SACD;QACD,eAAe,EAAE;YAChB,EAAE,EAAE,SAAS;YACb,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,QAAQ;SACnB;KACD,CAAC;IACF,YAAY,EAAE,GAAG,CAAC;QACjB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,GAAG;QACT,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE;YACP,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,GAAG;YACV,eAAe,EAAE,eAAe;YAChC,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,oBAAoB;YAChC,aAAa,EAAE,MAAM;SACrB;KACD,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,OAAO;KAClB,CAAC;IACF,
|
|
1
|
+
{"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media-display/info-card/info-card.tsx"],"names":[],"mappings":"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"}
|