thread-ui 0.14.2 → 0.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/components/content-display/lightbox/lightbox-context.d.ts +2 -2
- package/dist/components/layouts/footer/footer.js +6 -1
- package/dist/components/layouts/footer/footer.js.map +1 -1
- package/dist/components/media-display/info-card/info-card.js +2 -3
- package/dist/components/media-display/info-card/info-card.js.map +1 -1
- package/dist/components/media-display/media-card/media-card.js +2 -2
- package/dist/components/media-display/media-card/media-card.js.map +1 -1
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item.d.ts +2 -0
- package/dist/components/navigation/nav-menu/components/{nav-drop-down-item/nav-drop-down-item.js → nav-drop-down-item.js} +8 -5
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-item.d.ts +2 -0
- package/dist/components/navigation/nav-menu/components/nav-item.js +8 -0
- package/dist/components/navigation/nav-menu/components/nav-item.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-link/nav-link.js +17 -8
- package/dist/components/navigation/nav-menu/components/nav-link/nav-link.js.map +1 -1
- package/dist/components/navigation/nav-menu/components/{nav-icon-item/navigation-logo.d.ts → navigation-logo.d.ts} +1 -1
- package/dist/components/navigation/nav-menu/components/{nav-icon-item/navigation-logo.js → navigation-logo.js} +1 -1
- package/dist/components/navigation/nav-menu/components/navigation-logo.js.map +1 -0
- package/dist/components/navigation/nav-menu/nav-menu.js +17 -57
- package/dist/components/navigation/nav-menu/nav-menu.js.map +1 -1
- package/dist/components/navigation/nav-menu/nav-menu.types.d.ts +14 -4
- package/dist/components/navigation/navigation.types.d.ts +12 -0
- package/dist/components/navigation/navigation.types.js +2 -0
- package/dist/components/navigation/navigation.types.js.map +1 -0
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js +2 -2
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js.map +1 -1
- package/dist/components/ui/modal/modal-context.d.ts +2 -2
- package/dist/foundation/index.d.ts +3 -0
- package/dist/foundation/index.js +5 -0
- package/dist/foundation/index.js.map +1 -0
- package/dist/{theme → foundation/theme-provider}/generate-override-css.d.ts +2 -2
- package/dist/{theme → foundation/theme-provider}/generate-override-css.js +5 -5
- package/dist/foundation/theme-provider/generate-override-css.js.map +1 -0
- package/dist/foundation/theme-provider/theme-mode-utils.d.ts +3 -0
- package/dist/{theme/theme-mode.js → foundation/theme-provider/theme-mode-utils.js} +6 -7
- package/dist/foundation/theme-provider/theme-mode-utils.js.map +1 -0
- package/dist/{theme → foundation/theme-provider}/theme-provider.d.ts +3 -15
- package/dist/{theme → foundation/theme-provider}/theme-provider.js +9 -6
- package/dist/foundation/theme-provider/theme-provider.js.map +1 -0
- package/dist/foundation/theme-provider/theme-provider.types.d.ts +14 -0
- package/dist/foundation/theme-provider/theme-provider.types.js +3 -0
- package/dist/foundation/theme-provider/theme-provider.types.js.map +1 -0
- package/dist/{theme → foundation/theme-provider}/thread-script.d.ts +2 -2
- package/dist/{theme → foundation/theme-provider}/thread-script.js +3 -3
- package/dist/foundation/theme-provider/thread-script.js.map +1 -0
- package/dist/foundation/thread-provider/index.d.ts +2 -0
- package/dist/foundation/thread-provider/index.js +2 -0
- package/dist/foundation/thread-provider/index.js.map +1 -0
- package/dist/foundation/thread-provider/thread-provider.d.ts +3 -0
- package/dist/foundation/thread-provider/thread-provider.js +17 -0
- package/dist/foundation/thread-provider/thread-provider.js.map +1 -0
- package/dist/foundation/thread-provider/thread-provider.types.d.ts +10 -0
- package/dist/foundation/thread-provider/thread-provider.types.js +2 -0
- package/dist/foundation/thread-provider/thread-provider.types.js.map +1 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/use-resize/index.d.ts +1 -0
- package/dist/hooks/use-resize/index.js +2 -0
- package/dist/hooks/use-resize/index.js.map +1 -0
- package/dist/hooks/use-resize/use-resize.d.ts +13 -0
- package/dist/hooks/use-resize/use-resize.js +23 -0
- package/dist/hooks/use-resize/use-resize.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/dist/internal-components/index.d.ts +1 -1
- package/dist/internal-components/index.js +1 -1
- package/dist/internal-components/index.js.map +1 -1
- package/dist/internal-components/link/index.d.ts +2 -0
- package/dist/internal-components/link/index.js +2 -0
- package/dist/internal-components/link/index.js.map +1 -0
- package/dist/internal-components/link/link.d.ts +2 -0
- package/dist/internal-components/link/link.js +8 -0
- package/dist/internal-components/link/link.js.map +1 -0
- package/dist/internal-components/link/link.types.d.ts +2 -0
- package/dist/internal-components/link/link.types.js +2 -0
- package/dist/internal-components/link/link.types.js.map +1 -0
- package/dist/styles/panda.css +1 -1
- package/dist/styles/theme.css +30 -6
- package/dist/theme/default-theme.js +4 -3
- package/dist/theme/default-theme.js.map +1 -1
- package/dist/theme/index.d.ts +1 -2
- package/dist/theme/index.js +1 -2
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/theme-fonts.d.ts +4 -0
- package/dist/theme/theme-fonts.js +6 -0
- package/dist/theme/theme-fonts.js.map +1 -0
- package/dist/types/foundation/index.d.ts +1 -0
- package/dist/types/foundation/index.js +2 -0
- package/dist/types/foundation/index.js.map +1 -0
- package/dist/types/foundation/link-component.types.d.ts +2 -0
- package/dist/types/foundation/link-component.types.js +2 -0
- package/dist/types/foundation/link-component.types.js.map +1 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.js +2 -0
- package/dist/types/index.js.map +1 -1
- package/package.json +5 -9
- package/dist/components/navigation/nav-menu/components/index.d.ts +0 -4
- package/dist/components/navigation/nav-menu/components/index.js +0 -5
- package/dist/components/navigation/nav-menu/components/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/index.d.ts +0 -2
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/index.js +0 -2
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.d.ts +0 -2
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.types.d.ts +0 -5
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.types.js +0 -2
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.types.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-icon-item/index.d.ts +0 -2
- package/dist/components/navigation/nav-menu/components/nav-icon-item/index.js +0 -2
- package/dist/components/navigation/nav-menu/components/nav-icon-item/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.d.ts +0 -5
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.js +0 -2
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-item/index.d.ts +0 -2
- package/dist/components/navigation/nav-menu/components/nav-item/index.js +0 -2
- package/dist/components/navigation/nav-menu/components/nav-item/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.d.ts +0 -2
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.js +0 -6
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.types.d.ts +0 -4
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.types.js +0 -2
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.types.js.map +0 -1
- package/dist/internal-components/link-wrapper/index.d.ts +0 -2
- package/dist/internal-components/link-wrapper/index.js +0 -2
- package/dist/internal-components/link-wrapper/index.js.map +0 -1
- package/dist/internal-components/link-wrapper/link-wrapper.d.ts +0 -3
- package/dist/internal-components/link-wrapper/link-wrapper.js +0 -9
- package/dist/internal-components/link-wrapper/link-wrapper.js.map +0 -1
- package/dist/internal-components/link-wrapper/link-wrapper.types.d.ts +0 -5
- package/dist/internal-components/link-wrapper/link-wrapper.types.js +0 -2
- package/dist/internal-components/link-wrapper/link-wrapper.types.js.map +0 -1
- package/dist/theme/generate-override-css.js.map +0 -1
- package/dist/theme/theme-mode.d.ts +0 -5
- package/dist/theme/theme-mode.js.map +0 -1
- package/dist/theme/theme-provider.js.map +0 -1
- package/dist/theme/thread-script.js.map +0 -1
package/README.md
CHANGED
|
@@ -10,8 +10,8 @@ export declare const LightboxProvider: import("react").Provider<{
|
|
|
10
10
|
items: import("../gallery/gallery.types").GalleryItem[];
|
|
11
11
|
itemWrapper?: import("react").ComponentType<any> | undefined;
|
|
12
12
|
startIndex?: number | undefined;
|
|
13
|
-
isOpen: boolean;
|
|
14
13
|
onClose: () => void;
|
|
14
|
+
isOpen: boolean;
|
|
15
15
|
appearance?: import("../gallery/gallery.types").GalleryAppearanceOptions | undefined;
|
|
16
16
|
variableWidths?: boolean | undefined;
|
|
17
17
|
} | undefined>, useLightboxContext: () => {
|
|
@@ -54,8 +54,8 @@ export declare const LightboxProvider: import("react").Provider<{
|
|
|
54
54
|
items: import("../gallery/gallery.types").GalleryItem[];
|
|
55
55
|
itemWrapper?: import("react").ComponentType<any> | undefined;
|
|
56
56
|
startIndex?: number | undefined;
|
|
57
|
-
isOpen: boolean;
|
|
58
57
|
onClose: () => void;
|
|
58
|
+
isOpen: boolean;
|
|
59
59
|
appearance?: import("../gallery/gallery.types").GalleryAppearanceOptions | undefined;
|
|
60
60
|
variableWidths?: boolean | undefined;
|
|
61
61
|
};
|
|
@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { Container, Divider, Subtitle } from '../../../components';
|
|
4
4
|
import { FacebookLogoIcon, GithubLogoIcon, InstagramLogoIcon, LinkedinLogoIcon, TwitterLogoIcon, } from '@phosphor-icons/react';
|
|
5
5
|
import { css } from '../../../styled-system/css';
|
|
6
|
+
import { Link } from '../../../internal-components';
|
|
6
7
|
const styles = {
|
|
7
8
|
footerContents: css({
|
|
8
9
|
display: 'flex',
|
|
@@ -25,6 +26,9 @@ const styles = {
|
|
|
25
26
|
}),
|
|
26
27
|
links: css({
|
|
27
28
|
color: 'text.standard',
|
|
29
|
+
_hover: {
|
|
30
|
+
color: 'text.accent',
|
|
31
|
+
},
|
|
28
32
|
}),
|
|
29
33
|
};
|
|
30
34
|
/**
|
|
@@ -42,6 +46,7 @@ const styles = {
|
|
|
42
46
|
export const Footer = ({ logo, description, bg = 'canvas', facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }) => {
|
|
43
47
|
const weight = 'bold';
|
|
44
48
|
const size = 24;
|
|
45
|
-
|
|
49
|
+
const descriptionDisplay = typeof description === 'string' ? _jsx(Subtitle, { children: description }) : description;
|
|
50
|
+
return (_jsxs(Container, { as: "footer", bg: bg, children: [_jsx(Divider, {}), _jsxs("div", { className: styles.footerContents, children: [logo && logo, descriptionDisplay, _jsxs("div", { className: styles.logoBlock, children: [facebookLink && (_jsx(Link, { className: styles.links, href: facebookLink, children: _jsx(FacebookLogoIcon, { size: size, weight: weight }) })), instagramLink && (_jsx(Link, { className: styles.links, href: instagramLink, children: _jsx(InstagramLogoIcon, { size: size, weight: weight }) })), twitterLink && (_jsx(Link, { className: styles.links, href: twitterLink, children: _jsx(TwitterLogoIcon, { size: size, weight: weight }) })), githubLink && (_jsx(Link, { className: styles.links, href: githubLink, children: _jsx(GithubLogoIcon, { size: size, weight: weight }) })), linkedInLink && (_jsx(Link, { className: styles.links, href: linkedInLink, children: _jsx(LinkedinLogoIcon, { size: size, weight: weight }) }))] })] })] }));
|
|
46
51
|
};
|
|
47
52
|
//# 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;
|
|
1
|
+
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
2
|
import { css } from '../../../styled-system/css';
|
|
4
3
|
import { cva } from '../../../styled-system/css';
|
|
5
4
|
import { Text } from '../../../components/typography';
|
|
6
|
-
import { DynamicIcon, renderImage } from '../../../internal-components';
|
|
5
|
+
import { DynamicIcon, Link, renderImage } from '../../../internal-components';
|
|
7
6
|
import { SurfaceLayerMap } from '../../../theme';
|
|
8
7
|
const styles = {
|
|
9
8
|
card: cva({
|
|
@@ -98,7 +97,7 @@ const styles = {
|
|
|
98
97
|
*/
|
|
99
98
|
export const InfoCard = ({ title, url, icon, image, layer = 'surface' }) => {
|
|
100
99
|
const config = SurfaceLayerMap[layer];
|
|
101
|
-
return (_jsxs(
|
|
100
|
+
return (_jsxs(Link, { href: url, className: styles.card({
|
|
102
101
|
bg: config.bg,
|
|
103
102
|
shadow: config.shadow,
|
|
104
103
|
structure: config.structure,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media-display/info-card/info-card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media-display/info-card/info-card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { css, cva } from '../../../styled-system/css';
|
|
3
3
|
import { H1, Text } from '../../../components/typography';
|
|
4
4
|
import { Divider, Icon } from '../../../components/ui';
|
|
5
|
-
import {
|
|
5
|
+
import { Link, renderImage } from '../../../internal-components';
|
|
6
6
|
import { SurfaceLayerMap } from '../../../theme';
|
|
7
7
|
import { cloneElement, isValidElement } from 'react';
|
|
8
8
|
const styles = {
|
|
@@ -192,7 +192,7 @@ const styles = {
|
|
|
192
192
|
export const MediaCard = ({ description, details, detailsPosition = 'text', image, imagePosition = 'left', layer = 'surface', links, size = 'md', title, }) => {
|
|
193
193
|
// Resolve from layer, allow individual overrides
|
|
194
194
|
const layerConfig = SurfaceLayerMap[layer];
|
|
195
|
-
const linksSection = links.map((link, index) => isValidElement(link) ? (cloneElement(link, { key: index })) : (_jsx(
|
|
195
|
+
const linksSection = links.map((link, index) => isValidElement(link) ? (cloneElement(link, { key: index })) : (_jsx(Link, { href: link.url, children: _jsx(Icon, { name: link.iconName, size: 24 }) }, index)));
|
|
196
196
|
const mediaDetails = details && (_jsx("div", { className: styles.details, children: details.map((detail, index) => (_jsxs("span", { children: [_jsx(Text, { align: "center", size: "xs", children: detail.title }), _jsx(Text, { align: "center", size: "xs", weight: "semibold", children: detail.details })] }, index))) }));
|
|
197
197
|
return (_jsxs("div", { className: styles.container({
|
|
198
198
|
size,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-card.js","sourceRoot":"","sources":["../../../../src/components/media-display/media-card/media-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"media-card.js","sourceRoot":"","sources":["../../../../src/components/media-display/media-card/media-card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useState } from 'react';
|
|
4
|
-
import { NavLink } from '
|
|
5
|
-
import { css, cx } from '
|
|
4
|
+
import { NavLink } from './nav-link';
|
|
5
|
+
import { css, cx } from '../../../../styled-system/css';
|
|
6
|
+
import { Text } from '../../../../components/typography';
|
|
7
|
+
import { Icon } from '../../../../components/ui';
|
|
8
|
+
import { ThreadTheme } from '../../../../theme';
|
|
6
9
|
const styles = {
|
|
7
10
|
parentBlock: css({
|
|
8
11
|
position: 'relative',
|
|
@@ -10,7 +13,6 @@ const styles = {
|
|
|
10
13
|
textBlock: css({
|
|
11
14
|
display: 'flex',
|
|
12
15
|
flexDirection: 'row',
|
|
13
|
-
gap: '1',
|
|
14
16
|
justifyContent: 'center',
|
|
15
17
|
alignItems: 'center',
|
|
16
18
|
}),
|
|
@@ -56,15 +58,16 @@ const styles = {
|
|
|
56
58
|
display: { base: 'flex', lg: 'none' },
|
|
57
59
|
}),
|
|
58
60
|
};
|
|
59
|
-
export const NavDropdownItem = ({ title, items }) => {
|
|
61
|
+
export const NavDropdownItem = ({ title, items, icon }) => {
|
|
60
62
|
const [isHovered, setIsHovered] = useState(false);
|
|
61
63
|
const arrow = {
|
|
64
|
+
color: ThreadTheme.text.standard,
|
|
62
65
|
marginTop: '1px',
|
|
63
66
|
height: '12px',
|
|
64
67
|
width: '12px',
|
|
65
68
|
transition: 'all 200ms',
|
|
66
69
|
transform: isHovered ? 'rotate(180deg)' : 'rotate(0deg)',
|
|
67
70
|
};
|
|
68
|
-
return (_jsxs("div", { className: styles.parentBlock, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: () => setIsHovered(false), children: [
|
|
71
|
+
return (_jsxs("div", { className: styles.parentBlock, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: () => setIsHovered(false), children: [_jsxs(NavLink, { href: "#", children: [icon && _jsx(Icon, { size: 16, color: "text", name: icon }), _jsx(Text, { size: "sm", inline: true, children: title }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: arrow, children: _jsx("path", { d: "m6 9 6 6 6-6" }) })] }), isHovered && _jsx("div", { className: styles.targetArea }), _jsx("div", { className: cx(styles.collapsedDropdownContent, isHovered ? styles.collapsedDropdownContentShow : styles.dropdownContentNoShow), children: items.map((item) => (_jsxs(NavLink, { href: item.href, isDropdownItem: true, children: [item.icon && _jsx(Icon, { color: "text", name: item.icon, size: 12 }), _jsx(Text, { size: "sm", inline: true, weight: "medium", children: item.title })] }, item.title))) }), _jsx("div", { className: cx(styles.dropdownContent, isHovered ? styles.dropdownContentShow : styles.dropdownContentNoShow), children: items.map((item) => (_jsxs(NavLink, { href: item.href, isDropdownItem: true, children: [item.icon && _jsx(Icon, { color: "text", name: item.icon, size: 12 }), _jsx(Text, { size: "sm", inline: true, weight: "medium", children: item.title })] }, item.title))) })] }));
|
|
69
72
|
};
|
|
70
73
|
//# sourceMappingURL=nav-drop-down-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nav-drop-down-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/nav-menu/components/nav-drop-down-item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { NavLink } from './nav-link';
|
|
3
|
+
import { Text } from '../../../../components/typography';
|
|
4
|
+
import { Icon } from '../../../../components/ui';
|
|
5
|
+
export const NavItem = ({ href, title, icon }) => {
|
|
6
|
+
return (_jsxs(NavLink, { href: href, children: [icon && _jsx(Icon, { color: "text", name: icon, size: 16 }), _jsx(Text, { size: "sm", inline: true, weight: "medium", children: title })] }));
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=nav-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/nav-menu/components/nav-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAkB,EAAE,EAAE;IAChE,OAAO,CACN,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,aACjB,IAAI,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EACpD,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,QAAC,MAAM,EAAC,QAAQ,YACpC,KAAK,GACA,IACE,CACV,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Link } from '../../../../../internal-components';
|
|
3
3
|
import { css, cva } from '../../../../../styled-system/css';
|
|
4
|
-
import { Text } from '../../../../../components/typography';
|
|
5
4
|
const styles = {
|
|
6
5
|
li: css({
|
|
7
6
|
display: 'flex',
|
|
@@ -12,8 +11,9 @@ const styles = {
|
|
|
12
11
|
base: {
|
|
13
12
|
position: { base: 'static', lg: 'relative' },
|
|
14
13
|
display: 'inline-flex',
|
|
15
|
-
flexDirection: '
|
|
16
|
-
|
|
14
|
+
flexDirection: 'row',
|
|
15
|
+
gap: '1.5',
|
|
16
|
+
height: { base: 'auto', lg: '10' },
|
|
17
17
|
alignItems: 'center',
|
|
18
18
|
justifyContent: 'center',
|
|
19
19
|
borderRadius: 'md',
|
|
@@ -29,11 +29,20 @@ const styles = {
|
|
|
29
29
|
},
|
|
30
30
|
variants: {
|
|
31
31
|
halfPadding: {
|
|
32
|
-
true: {
|
|
33
|
-
|
|
32
|
+
true: {
|
|
33
|
+
paddingY: '1',
|
|
34
|
+
paddingX: '2',
|
|
35
|
+
},
|
|
36
|
+
false: {
|
|
37
|
+
paddingY: '2',
|
|
38
|
+
paddingX: '4',
|
|
39
|
+
},
|
|
34
40
|
},
|
|
35
41
|
isDropdownItem: {
|
|
36
|
-
true: {
|
|
42
|
+
true: {
|
|
43
|
+
justifyContent: { base: 'space-between', lg: 'center' },
|
|
44
|
+
width: { base: 'fit-content', lg: '100%' },
|
|
45
|
+
},
|
|
37
46
|
false: { width: { base: '100%', lg: 'fit-content' } },
|
|
38
47
|
},
|
|
39
48
|
},
|
|
@@ -44,6 +53,6 @@ const styles = {
|
|
|
44
53
|
}),
|
|
45
54
|
};
|
|
46
55
|
export const NavLink = ({ children, href, halfPadding = false, isDropdownItem }) => {
|
|
47
|
-
return (_jsx("li", { className: styles.li, children: _jsx(
|
|
56
|
+
return (_jsx("li", { className: styles.li, children: _jsx(Link, { href: href, className: styles.link({ halfPadding, isDropdownItem }), children: children }) }));
|
|
48
57
|
};
|
|
49
58
|
//# sourceMappingURL=nav-link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-link.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/components/nav-link/nav-link.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"nav-link.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/components/nav-link/nav-link.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG/C,MAAM,MAAM,GAAG;IACd,EAAE,EAAE,GAAG,CAAC;QACP,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,MAAM;KACrB,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,IAAI,EAAE;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE;YAC5C,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,KAAK;YACpB,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE;YAClC,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,YAAY,EAAE,IAAI;YAClB,cAAc,EAAE,MAAM;YACtB,UAAU,EAAE,uBAAuB;YACnC,MAAM,EAAE,MAAM;YACd,MAAM,EAAE;gBACP,eAAe,EAAE,OAAO;aACxB;YACD,OAAO,EAAE;gBACR,eAAe,EAAE,QAAQ;aACzB;SACD;QACD,QAAQ,EAAE;YACT,WAAW,EAAE;gBACZ,IAAI,EAAE;oBACL,QAAQ,EAAE,GAAG;oBACb,QAAQ,EAAE,GAAG;iBACb;gBACD,KAAK,EAAE;oBACN,QAAQ,EAAE,GAAG;oBACb,QAAQ,EAAE,GAAG;iBACb;aACD;YACD,cAAc,EAAE;gBACf,IAAI,EAAE;oBACL,cAAc,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,EAAE,QAAQ,EAAE;oBACvD,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE;iBAC1C;gBACD,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE;aACrD;SACD;QACD,eAAe,EAAE;YAChB,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,KAAK;SACrB;KACD,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,cAAc,EAAgB,EAAE,EAAE;IAChG,OAAO,CACN,aAAI,SAAS,EAAE,MAAM,CAAC,EAAE,YACvB,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,YACvE,QAAQ,GACH,GACH,CACL,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { NavigationLogoProps } from '
|
|
1
|
+
import { NavigationLogoProps } from '../nav-menu.types';
|
|
2
2
|
export declare const NavigationLogo: ({ href, logo }: NavigationLogoProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-logo.js","sourceRoot":"","sources":["../../../../../src/components/navigation/nav-menu/components/navigation-logo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAGrC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAuB,EAAE,EAAE;IACrE,OAAO,CACN,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,kBAC9B,IAAI,GACI,CACV,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { useRef, useState } from 'react';
|
|
4
|
+
import { useClickOutside, useResize } from '../../../hooks';
|
|
5
5
|
import { css, cx } from '../../../styled-system/css';
|
|
6
|
+
import { NavigationLogo } from './components/navigation-logo';
|
|
7
|
+
import { NavItem } from './components/nav-item';
|
|
8
|
+
import { NavDropdownItem } from './components/nav-drop-down-item';
|
|
6
9
|
const style = {
|
|
7
10
|
header: css({
|
|
8
11
|
position: 'sticky',
|
|
@@ -77,16 +80,6 @@ const style = {
|
|
|
77
80
|
display: { base: 'flex', lg: 'none' },
|
|
78
81
|
alignItems: 'center',
|
|
79
82
|
}),
|
|
80
|
-
menuControlButton: css({
|
|
81
|
-
outline: '2px solid transparent',
|
|
82
|
-
outlineOffset: '2px',
|
|
83
|
-
borderLeftWidth: 'md',
|
|
84
|
-
borderLeftColor: 'structure.default',
|
|
85
|
-
paddingLeft: '12px',
|
|
86
|
-
position: 'relative',
|
|
87
|
-
paddingTop: '12px',
|
|
88
|
-
paddingBottom: '12px',
|
|
89
|
-
}),
|
|
90
83
|
menuCross: css({
|
|
91
84
|
animationDuration: '300ms',
|
|
92
85
|
display: 'flex',
|
|
@@ -122,52 +115,19 @@ const style = {
|
|
|
122
115
|
* />
|
|
123
116
|
*/
|
|
124
117
|
export const NavMenu = ({ logo, items }) => {
|
|
125
|
-
|
|
118
|
+
const headerRef = useRef(null);
|
|
126
119
|
const [navIsOpened, setNavIsOpened] = useState(false);
|
|
127
|
-
const closeNavbar = () =>
|
|
128
|
-
|
|
129
|
-
};
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
};
|
|
137
|
-
window.addEventListener('resize', onResize);
|
|
138
|
-
}, []);
|
|
139
|
-
useEffect(() => {
|
|
140
|
-
const handleOutsideClick = (event) => {
|
|
141
|
-
// Check if the click is outside of the menu
|
|
142
|
-
const menu = document.getElementById('site-menu');
|
|
143
|
-
const isClickInsideMenu = menu && menu.contains(event.target);
|
|
144
|
-
if (!isClickInsideMenu) {
|
|
145
|
-
closeNavbar();
|
|
146
|
-
}
|
|
147
|
-
};
|
|
148
|
-
document.addEventListener('click', handleOutsideClick);
|
|
149
|
-
return () => {
|
|
150
|
-
document.removeEventListener('click', handleOutsideClick);
|
|
151
|
-
};
|
|
152
|
-
}, []);
|
|
153
|
-
const _renderNavItem = ({ href, title }) => {
|
|
154
|
-
return _jsx(NavItem, { href: href, title: title }, title);
|
|
155
|
-
};
|
|
156
|
-
const _renderNavDropdown = ({ title, items }) => {
|
|
157
|
-
return _jsx(NavDropdownItem, { title: title, items: items }, title);
|
|
158
|
-
};
|
|
159
|
-
const _renderItem = (item) => {
|
|
160
|
-
if ('href' in item) {
|
|
161
|
-
// item is of type NavItem
|
|
162
|
-
return _renderNavItem(item);
|
|
163
|
-
}
|
|
164
|
-
else {
|
|
165
|
-
// item is of type NavDropdownItem
|
|
166
|
-
return _renderNavDropdown(item);
|
|
167
|
-
}
|
|
120
|
+
const closeNavbar = () => setNavIsOpened(false);
|
|
121
|
+
const toggleNavbar = () => setNavIsOpened((prev) => !prev);
|
|
122
|
+
useResize({ onResize: closeNavbar });
|
|
123
|
+
useClickOutside({
|
|
124
|
+
elementRef: headerRef,
|
|
125
|
+
isOpen: navIsOpened,
|
|
126
|
+
onClose: closeNavbar,
|
|
127
|
+
});
|
|
128
|
+
const renderItem = (item) => {
|
|
129
|
+
return 'href' in item ? (_jsx(NavItem, { ...item }, item.title)) : (_jsx(NavDropdownItem, { ...item }, item.title));
|
|
168
130
|
};
|
|
169
|
-
return (_jsx("header", {
|
|
170
|
-
toggleNavbar();
|
|
171
|
-
}, "aria-label": "toggle navbar", children: [_jsx("span", { "aria-hidden": true, className: cx(style.menuCross, navIsOpened && style.menuCrossTopOpen) }), _jsx("span", { "aria-hidden": true, className: cx(style.menuCross, style.menuCrossBottom, navIsOpened && style.menuCrossBottomOpen) })] }) })] }) }));
|
|
131
|
+
return (_jsx("header", { ref: headerRef, className: style.header, children: _jsxs("nav", { className: style.nav, children: [logo && _jsx(NavigationLogo, { href: logo.href, logo: logo.logo }), _jsx("div", { className: cx(style.menuItemBlock, navIsOpened ? style.menuOpenItemBlock : style.menuCloseItemBlock), onClick: () => setNavIsOpened(false), children: _jsx("ul", { className: style.itemList, children: items.map(renderItem) }) }), _jsx("div", { className: style.menuControl, children: _jsxs("button", { onClick: toggleNavbar, "aria-label": "toggle navbar", children: [_jsx("span", { "aria-hidden": true, className: cx(style.menuCross, navIsOpened && style.menuCrossTopOpen) }), _jsx("span", { "aria-hidden": true, className: cx(style.menuCross, style.menuCrossBottom, navIsOpened && style.menuCrossBottomOpen) })] }) })] }) }));
|
|
172
132
|
};
|
|
173
133
|
//# sourceMappingURL=nav-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-menu.js","sourceRoot":"","sources":["../../../../src/components/navigation/nav-menu/nav-menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"nav-menu.js","sourceRoot":"","sources":["../../../../src/components/navigation/nav-menu/nav-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { Prettify } from '../../../types';
|
|
3
|
+
import { NavigationItem } from '../navigation.types';
|
|
4
4
|
export type NavMenuProps = {
|
|
5
5
|
/** Logo rendered as a linked icon on the left side of the nav */
|
|
6
6
|
logo?: NavigationLogoProps;
|
|
7
7
|
/** Navigation items. Accepts standard links or dropdown menus */
|
|
8
|
-
items: (
|
|
8
|
+
items: (NavigationItem | NavigationDropdownItem)[];
|
|
9
9
|
};
|
|
10
|
+
export type NavigationLogoProps = {
|
|
11
|
+
/** The URL or path the navigation item links to. */
|
|
12
|
+
href: NavigationItem['href'];
|
|
13
|
+
/** Site Logo */
|
|
14
|
+
logo: ReactNode;
|
|
15
|
+
};
|
|
16
|
+
export type NavigationDropdownItem = Prettify<Omit<NavigationItem, 'href'> & {
|
|
17
|
+
/** Items within dropdown */
|
|
18
|
+
items: NavigationItem[];
|
|
19
|
+
}>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { IconNames } from '../ui';
|
|
2
|
+
/**
|
|
3
|
+
* Base navigation item type used to compose navigation component props.
|
|
4
|
+
*/
|
|
5
|
+
export type NavigationItem = {
|
|
6
|
+
/** The URL or path the navigation item links to. */
|
|
7
|
+
href: string;
|
|
8
|
+
/** Optional icon displayed alongside the navigation item. */
|
|
9
|
+
icon?: IconNames;
|
|
10
|
+
/** The display text for the navigation item. */
|
|
11
|
+
title: string;
|
|
12
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation.types.js","sourceRoot":"","sources":["../../../src/components/navigation/navigation.types.ts"],"names":[],"mappings":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
3
|
+
import { Link } from '../../../../internal-components';
|
|
4
4
|
import { usePathname } from '../../../../hooks';
|
|
5
5
|
import { Icon } from '../../../../components';
|
|
6
6
|
import { css, cva } from '../../../../styled-system/css';
|
|
@@ -49,6 +49,6 @@ export const SideNavItem = ({ title, path, icon, onClick, basePath = '' }) => {
|
|
|
49
49
|
const currentPath = usePathname();
|
|
50
50
|
const fullPath = path === '/' && basePath ? basePath : `${basePath}${path}`;
|
|
51
51
|
const isActive = path === '/' ? currentPath === fullPath : currentPath.startsWith(fullPath);
|
|
52
|
-
return (_jsxs(
|
|
52
|
+
return (_jsxs(Link, { href: fullPath, className: styles.link({ isActive }), onClick: onClick, children: [_jsx(Icon, { name: icon, size: 24, filled: isActive }), _jsx("p", { className: styles.linkContents, children: title })] }));
|
|
53
53
|
};
|
|
54
54
|
//# sourceMappingURL=side-nav-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-nav-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/side-nav/side-nav-item/side-nav-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"side-nav-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/side-nav/side-nav-item/side-nav-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,MAAM,GAAG;IACd,IAAI,EAAE,GAAG,CAAC;QACT,IAAI,EAAE;YACL,OAAO,EAAE,MAAM;YACf,GAAG,EAAE,KAAK;YACV,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,MAAM;YAChB,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,IAAI;YACjB,WAAW,EAAE,SAAS;YACtB,eAAe,EAAE,SAAS;YAC1B,YAAY,EAAE,MAAM;YACpB,WAAW,EAAE,OAAO;YACpB,MAAM,EAAE;gBACP,WAAW,EAAE,cAAc;gBAC3B,KAAK,EAAE,cAAc;aACrB;SACD;QACD,QAAQ,EAAE;YACT,QAAQ,EAAE;gBACT,IAAI,EAAE;oBACL,KAAK,EAAE,eAAe;oBACtB,eAAe,EAAE,cAAc;oBAC/B,WAAW,EAAE,cAAc;oBAC3B,MAAM,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;iBACpE;gBACD,KAAK,EAAE;oBACN,KAAK,EAAE,eAAe;oBACtB,eAAe,EAAE,SAAS;iBAC1B;aACD;SACD;KACD,CAAC;IACF,YAAY,EAAE,GAAG,CAAC;QACjB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;QACtC,KAAK,EAAE,SAAS;KAChB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAoB,EAAE,EAAE;IAC9F,MAAM,WAAW,GAAG,WAAW,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,IAAI,EAAE,CAAC;IAC5E,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE5F,OAAO,CACN,MAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,aAC3E,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,GAAI,EAChD,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,YAAG,KAAK,GAAK,IACxC,CACP,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export declare const ModalProvider: import("react").Provider<{
|
|
2
2
|
title?: import("react").ReactNode;
|
|
3
|
+
footer?: import("react").ReactNode;
|
|
3
4
|
children: import("react").ReactNode;
|
|
4
5
|
size?: never | undefined;
|
|
5
|
-
footer?: import("react").ReactNode;
|
|
6
6
|
onClose: () => void;
|
|
7
7
|
} | undefined>, useModalContext: () => {
|
|
8
8
|
title?: import("react").ReactNode;
|
|
9
|
+
footer?: import("react").ReactNode;
|
|
9
10
|
children: import("react").ReactNode;
|
|
10
11
|
size?: never | undefined;
|
|
11
|
-
footer?: import("react").ReactNode;
|
|
12
12
|
onClose: () => void;
|
|
13
13
|
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
// Theme Configuration
|
|
2
|
+
export { ThreadScript } from '../foundation/theme-provider/thread-script';
|
|
3
|
+
export { ThemeProvider, useThemeMode } from '../foundation/theme-provider/theme-provider';
|
|
4
|
+
export { ThreadProvider, useLinkComponent } from './thread-provider';
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/foundation/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAA4B,MAAM,mBAAmB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ThemeConfig } from '
|
|
1
|
+
import { ThemeConfig } from '../../types';
|
|
2
2
|
/**
|
|
3
3
|
* Generates a CSS :root block containing only the variable declarations
|
|
4
4
|
* for values present in the provided ThemeConfig override.
|
|
5
5
|
*/
|
|
6
|
-
export declare
|
|
6
|
+
export declare const generateOverrideCss: (overrides: ThemeConfig) => string;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { PrefixedDarkModeVariables, PrefixedLightModeVariables, ThemeCssVariableNames, } from '
|
|
1
|
+
import { PrefixedDarkModeVariables, PrefixedLightModeVariables, ThemeCssVariableNames, } from '../../theme/css-name-configurations/theme-css-names';
|
|
2
2
|
/**
|
|
3
3
|
* Generates a CSS :root block containing only the variable declarations
|
|
4
4
|
* for values present in the provided ThemeConfig override.
|
|
5
5
|
*/
|
|
6
|
-
export
|
|
6
|
+
export const generateOverrideCss = (overrides) => {
|
|
7
7
|
const vars = [];
|
|
8
8
|
const lightModeKeySet = new Set(Object.keys(PrefixedLightModeVariables));
|
|
9
9
|
const overrideKeys = Object.keys(overrides);
|
|
@@ -44,11 +44,11 @@ export function generateOverrideCss(overrides) {
|
|
|
44
44
|
if (vars.length === 0)
|
|
45
45
|
return '';
|
|
46
46
|
return `:root {\n${vars.join('\n')}\n}`;
|
|
47
|
-
}
|
|
47
|
+
};
|
|
48
48
|
/**
|
|
49
49
|
* Recursively collects CSS variable declarations.
|
|
50
50
|
*/
|
|
51
|
-
|
|
51
|
+
const collectVars = (variableNameOrMap, value, acc) => {
|
|
52
52
|
if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
|
|
53
53
|
// Nested object — recurse into each provided key
|
|
54
54
|
Object.keys(value).forEach((nestedKey) => {
|
|
@@ -62,5 +62,5 @@ function collectVars(variableNameOrMap, value, acc) {
|
|
|
62
62
|
else if (typeof value === 'string' && typeof variableNameOrMap === 'string') {
|
|
63
63
|
acc.push(` ${variableNameOrMap}: ${value};`);
|
|
64
64
|
}
|
|
65
|
-
}
|
|
65
|
+
};
|
|
66
66
|
//# sourceMappingURL=generate-override-css.js.map
|