@fragment-build/ui 3.1.3 → 3.2.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/fragments/navbar/Navbar.js +5 -5
- package/fragments/navbar/Navbar.js.map +1 -1
- package/fragments/navbar/navbar.css +5 -1
- package/fragments/sidebar/Sidebar.js +1 -1
- package/fragments/sidebar/Sidebar.js.map +1 -1
- package/fragments/sidebar/SidebarNavigation.js +2 -2
- package/fragments/sidebar/SidebarNavigation.js.map +1 -1
- package/fragments/sidebar/sidebar.css +22 -10
- package/index.css +12 -0
- package/package.json +26 -26
- package/src/fragments/navbar/navbar.css +5 -1
- package/src/fragments/sidebar/sidebar.css +22 -10
- package/src/index.css +12 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { createElement as _createElement } from "react";
|
|
3
3
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
4
|
-
import { Avatar, Badge, Button, Dropdown,
|
|
4
|
+
import { Avatar, Badge, Button, Dropdown, Tabs, Tooltip } from '@heroui/react';
|
|
5
5
|
import { IconDots } from '@tabler/icons-react';
|
|
6
6
|
import { useEffect, useState } from 'react';
|
|
7
7
|
import { useFragmentUI } from '../../context';
|
|
@@ -19,9 +19,9 @@ export const Navbar = ({ navigation, user, startContent, endContent, currentPath
|
|
|
19
19
|
useEffect(() => setActiveNav(getActiveNav(currentPath, navigation ?? [])), [currentPath, navigation]);
|
|
20
20
|
const overflowItems = (navigation ?? []).slice(4);
|
|
21
21
|
const isOverflowActive = overflowItems.some((item) => activeNav?.link === item.link);
|
|
22
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: v.topbar(), children: [startContent, _jsx(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: v.topbar(), children: [startContent, _jsx(Tabs, { className: v.tabs(), selectedKey: activeNav?.label, onSelectionChange: (key) => {
|
|
23
|
+
const nav = navigation?.find((item) => item.label === key);
|
|
24
|
+
setActiveNav(nav);
|
|
25
|
+
}, children: _jsx(Tabs.ListContainer, { children: _jsx(Tabs.List, { children: navigation?.map((item) => (_jsxs(Tabs.Tab, { id: item.label, className: v.tab(), render: (domProps) => _jsx(LinkComponent, { ...domProps, href: item.link }), children: [item.label, _jsx(Tabs.Indicator, {})] }, item.label))) }) }) }), _jsxs("div", { className: v.end(), children: [endContent, user && (_jsxs(Dropdown, { ...user.dropdown, children: [_jsx(Dropdown.Trigger, { children: _jsxs(Avatar, { ...user.avatar, children: [_jsx(Avatar.Image, { ...user.avatar }), _jsx(Avatar.Fallback, { children: user.name.charAt(0) })] }) }), _jsx(Dropdown.Popover, { className: "fragment-navbar__user-popover", placement: "bottom start", children: _jsx(Dropdown.Menu, { "aria-label": "User Actions", items: user.dropdownItems || [], children: (dropdownItem) => (_createElement(Dropdown.Item, { ...dropdownItem, key: dropdownItem.label }, dropdownItem.label)) }) })] }))] })] }), _jsxs("nav", { className: v.bottomNav(), children: [navigation?.slice(0, 4).map((navItem) => (_jsxs(Tooltip, { children: [_jsx(Tooltip.Content, { placement: "top", offset: 10, children: navItem.label }), _jsx(Button, { render: (props) => _jsx(LinkComponent, { href: navItem.link, children: _jsx("button", { ...props }) }), isIconOnly: true, variant: activeNav?.link === navItem.link ? 'tertiary' : 'ghost', fullWidth: true, children: _jsxs(Badge.Anchor, { children: [navItem.icon, typeof navItem.badgeContent === 'string' && navItem.badgeContent ? (_jsx(Badge, { variant: "primary", color: "accent", size: "sm", className: v.bottomNavBadge(), children: navItem.badgeContent })) : null] }) })] }, navItem.label))), overflowItems.length > 0 && (_jsxs(Dropdown, { children: [_jsx(Button, { "aria-label": "More navigation", variant: isOverflowActive ? 'tertiary' : 'ghost', isIconOnly: true, fullWidth: true, children: _jsx(IconDots, {}) }), _jsx(Dropdown.Popover, { placement: "top end", children: _jsx(Dropdown.Menu, { "aria-label": "More navigation", children: overflowItems.map((item) => (_jsxs(Dropdown.Item, { href: item.link, children: [item.icon, item.label] }, item.label))) }) })] }))] })] }));
|
|
26
26
|
};
|
|
27
27
|
//# sourceMappingURL=Navbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../src/fragments/navbar/Navbar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAIb,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../src/fragments/navbar/Navbar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
.fragment-navbar__tabs {
|
|
7
|
-
@apply hidden md:block;
|
|
7
|
+
@apply hidden md:block min-w-0;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.fragment-navbar__end {
|
|
@@ -19,6 +19,10 @@
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
+
.fragment-navbar__user-popover {
|
|
23
|
+
min-width: 256px;
|
|
24
|
+
}
|
|
25
|
+
|
|
22
26
|
.fragment-navbar__bottom-nav-badge {
|
|
23
27
|
@apply -top-0.5 -right-2.5;
|
|
24
28
|
}
|
|
@@ -18,7 +18,7 @@ const renderItems = (item, options) => {
|
|
|
18
18
|
case 'navigation':
|
|
19
19
|
return (_jsx(SidebarNavigation, { navigation: item.navigation, label: item.label, layout: options.layout === 'expanded' ? 'expanded' : 'collapsed', activeLink: options.activeLink, listboxProps: item.listboxProps }));
|
|
20
20
|
case 'user':
|
|
21
|
-
return (_jsxs(Dropdown, { ...item.dropdown, children: [_jsx(Dropdown.Trigger, { className: "fragment-sidebar__user-trigger", children: options.layout === 'expanded' ? (_jsxs("div", { className: "fragment-sidebar__user-info", children: [_jsxs(Avatar, { ...item.avatar, children: [_jsx(Avatar.Image, { ...item.avatar }), _jsx(Avatar.Fallback, { children: item.name.charAt(0) })] }), _jsxs("div", { className: "fragment-sidebar__user-text", children: [_jsx(Label, { children: item.name }), _jsx(Description, { children: item.description })] })] })) : (_jsxs(Avatar, { ...item.avatar, children: [_jsx(Avatar.Image, { ...item.avatar }), _jsx(Avatar.Fallback, { children: item.name.charAt(0) })] })) }), _jsx(Dropdown.Popover, { className: "
|
|
21
|
+
return (_jsxs(Dropdown, { ...item.dropdown, children: [_jsx(Dropdown.Trigger, { className: "fragment-sidebar__user-trigger", children: options.layout === 'expanded' ? (_jsxs("div", { className: "fragment-sidebar__user-info", children: [_jsxs(Avatar, { ...item.avatar, children: [_jsx(Avatar.Image, { ...item.avatar }), _jsx(Avatar.Fallback, { children: item.name.charAt(0) })] }), _jsxs("div", { className: "fragment-sidebar__user-text", children: [_jsx(Label, { children: item.name }), _jsx(Description, { children: item.description })] })] })) : (_jsxs(Avatar, { ...item.avatar, children: [_jsx(Avatar.Image, { ...item.avatar }), _jsx(Avatar.Fallback, { children: item.name.charAt(0) })] })) }), _jsx(Dropdown.Popover, { className: "fragment-sidebar__user-popover", placement: "bottom start", children: _jsx(Dropdown.Menu, { "aria-label": "User Actions", items: item.dropdownItems || [], children: (dropdownItem) => (_createElement(Dropdown.Item, { ...dropdownItem, key: dropdownItem.label }, dropdownItem.label)) }) })] }));
|
|
22
22
|
case 'custom':
|
|
23
23
|
return ((!item.showExpandedOnly && !item.showCollapsedOnly) ||
|
|
24
24
|
(options.layout === 'expanded' && item.showExpandedOnly) ||
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../src/fragments/sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAIb,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClH,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AA6CxD,MAAM,iBAAiB,GAAG,CAAC,KAAqC,EAAE,EAAE,CAClE,KAAK,CAAC,CAAC,CAAC,2BAA2B,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAElD,MAAM,UAAU,GAA+E,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpH,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAC;IACzD,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,YAAE,oBAAY,KAAK,GAAI,GAAgB,CAAC;AAC1E,CAAC,CAAC;AAIF,MAAM,WAAW,GAAG,CAAC,IAAmC,EAAE,OAAsB,EAAE,EAAE;IAClF,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,YAAY;YACf,OAAO,CACL,KAAC,iBAAiB,IAChB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,OAAO,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,EAChE,UAAU,EAAE,OAAO,CAAC,UAAU,EAC9B,YAAY,EAAE,IAAI,CAAC,YAAY,GAC/B,CACH,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,CACL,MAAC,QAAQ,OAAK,IAAI,CAAC,QAAQ,aACzB,KAAC,QAAQ,CAAC,OAAO,IAAC,SAAS,EAAC,gCAAgC,YACzD,OAAO,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAC/B,eAAK,SAAS,EAAC,6BAA6B,aAC1C,MAAC,MAAM,OAAK,IAAI,CAAC,MAAM,aACrB,KAAC,MAAM,CAAC,KAAK,OAAK,IAAI,CAAC,MAAM,GAAI,EACjC,KAAC,MAAM,CAAC,QAAQ,cAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAmB,IACjD,EACT,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,KAAK,cAAE,IAAI,CAAC,IAAI,GAAS,EAC1B,KAAC,WAAW,cAAE,IAAI,CAAC,WAAW,GAAe,IACzC,IACF,CACP,CAAC,CAAC,CAAC,CACF,MAAC,MAAM,OAAK,IAAI,CAAC,MAAM,aACrB,KAAC,MAAM,CAAC,KAAK,OAAK,IAAI,CAAC,MAAM,GAAI,EACjC,KAAC,MAAM,CAAC,QAAQ,cAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAmB,IACjD,CACV,GACgB,EACnB,KAAC,QAAQ,CAAC,OAAO,IAAC,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../src/fragments/sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ const NavItemBadge = ({ badgeContent, endContent }) => {
|
|
|
11
11
|
const content = typeof badgeContent === 'string'
|
|
12
12
|
? _jsx(Chip, { size: "sm", color: "accent", variant: "primary", children: badgeContent })
|
|
13
13
|
: endContent ?? null;
|
|
14
|
-
return content ? _jsx("span", { className: "
|
|
14
|
+
return content ? _jsx("span", { className: "fragment-sidebar__nav-badge", children: content }) : null;
|
|
15
15
|
};
|
|
16
16
|
const NavSubList = ({ items, activeLink, ariaLabel }) => (_jsx("div", { className: "fragment-sidebar__tree-list", children: _jsx(ListBox, { "aria-label": ariaLabel, children: items.map((subItem) => (_jsxs(ListBox.Item, { href: subItem.link, className: `fragment-sidebar__sub-item${activeLink === subItem.link ? ' fragment-sidebar__nav-item--active' : ''}`, children: [subItem.icon, subItem.label, _jsx(NavItemBadge, { badgeContent: subItem.badgeContent, endContent: subItem.endContent })] }, subItem.link))) }) }));
|
|
17
17
|
export const SidebarNavigation = ({ navigation, label, layout = 'expanded', activeLink, listboxProps, }) => {
|
|
@@ -46,7 +46,7 @@ export const SidebarNavigation = ({ navigation, label, layout = 'expanded', acti
|
|
|
46
46
|
const navItem = batch.item;
|
|
47
47
|
const hasActiveChild = navItem.items.some((child) => activeLink === child.link);
|
|
48
48
|
const isParentActive = activeLink === navItem.link;
|
|
49
|
-
return (_jsx(
|
|
49
|
+
return (_jsx(Accordion, { className: "fragment-sidebar__accordion", hideSeparator: true, defaultExpandedKeys: isParentActive || hasActiveChild ? [navItem.label] : [], children: _jsxs(Accordion.Item, { id: navItem.label, children: [_jsx(Accordion.Heading, { children: _jsxs(Accordion.Trigger, { className: `fragment-sidebar__accordion-trigger${isParentActive ? ' fragment-sidebar__accordion-trigger--active' : ''}`, children: [navItem.icon, _jsx("span", { className: "fragment-sidebar__accordion-label", children: navItem.label }), _jsx(Accordion.Indicator, { children: _jsx(IconChevronRight, { className: "fragment-sidebar__accordion-indicator" }) })] }) }), _jsx(Accordion.Panel, { children: _jsx(NavSubList, { items: navItem.items, activeLink: activeLink, ariaLabel: `${navItem.label} sub-navigation` }) })] }) }, navItem.label));
|
|
50
50
|
})] }));
|
|
51
51
|
};
|
|
52
52
|
//# sourceMappingURL=SidebarNavigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarNavigation.js","sourceRoot":"","sources":["../../src/fragments/sidebar/SidebarNavigation.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAsB9C,MAAM,UAAU,GAA+E,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpH,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAC;IACzD,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,YAAE,oBAAY,KAAK,GAAI,GAAgB,CAAC;AAC1E,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,YAAY,EAAE,UAAU,EAA8D,EAAE,EAAE;IAChH,MAAM,OAAO,GAAG,OAAO,YAAY,KAAK,QAAQ;QAC9C,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,YAAE,YAAY,GAAQ;QACxE,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC;IACvB,OAAO,OAAO,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"SidebarNavigation.js","sourceRoot":"","sources":["../../src/fragments/sidebar/SidebarNavigation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -71,13 +71,24 @@
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
.fragment-sidebar__item {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
74
|
+
.fragment-sidebar__item--center {
|
|
75
|
+
@apply my-auto max-w-full;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.fragment-sidebar__item--bottom {
|
|
79
|
+
@apply mt-auto max-w-full sticky bottom-0;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.fragment-sidebar__accordion {
|
|
83
|
+
@apply p-1;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.fragment-sidebar__nav-badge {
|
|
87
|
+
@apply ml-auto;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.fragment-sidebar__user-popover {
|
|
91
|
+
min-width: 256px;
|
|
81
92
|
}
|
|
82
93
|
|
|
83
94
|
.fragment-sidebar__user-trigger {
|
|
@@ -114,14 +125,15 @@
|
|
|
114
125
|
&:hover, &[data-hovered="true"] {
|
|
115
126
|
@apply bg-default!;
|
|
116
127
|
}
|
|
117
|
-
&--active {
|
|
118
|
-
@apply text-accent-soft-foreground;
|
|
119
|
-
}
|
|
120
128
|
& > .fragment-sidebar__accordion-label {
|
|
121
129
|
@apply flex-1 text-left;
|
|
122
130
|
}
|
|
123
131
|
}
|
|
124
132
|
|
|
133
|
+
.fragment-sidebar__accordion-trigger--active {
|
|
134
|
+
@apply text-accent-soft-foreground;
|
|
135
|
+
}
|
|
136
|
+
|
|
125
137
|
.fragment-sidebar__accordion-trigger .accordion__indicator {
|
|
126
138
|
@apply w-8! shrink-0;
|
|
127
139
|
}
|
package/index.css
CHANGED
|
@@ -54,6 +54,14 @@
|
|
|
54
54
|
@apply right-4;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
+
.select__trigger:has(.select__indicator) {
|
|
58
|
+
@apply pr-10;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.select__popover {
|
|
62
|
+
@apply rounded-xl;
|
|
63
|
+
}
|
|
64
|
+
|
|
57
65
|
.tabs {
|
|
58
66
|
&:not(.tabs--secondary) {
|
|
59
67
|
.tabs__list {
|
|
@@ -71,6 +79,10 @@
|
|
|
71
79
|
@apply text-surface-tertiary-foreground;
|
|
72
80
|
}
|
|
73
81
|
}
|
|
82
|
+
|
|
83
|
+
.tabs__list-container {
|
|
84
|
+
@apply bg-transparent;
|
|
85
|
+
}
|
|
74
86
|
}
|
|
75
87
|
|
|
76
88
|
.tabs__tab {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fragment-build/ui",
|
|
3
|
-
"version": "3.1
|
|
3
|
+
"version": "3.2.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"engines": {
|
|
6
6
|
"node": ">=22"
|
|
@@ -22,38 +22,38 @@
|
|
|
22
22
|
"tailwindcss": ">=4.0.0"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@tabler/icons-react": "3.
|
|
26
|
-
"apexcharts": "5.
|
|
27
|
-
"react-apexcharts": "2.1.
|
|
25
|
+
"@tabler/icons-react": "3.45.0",
|
|
26
|
+
"apexcharts": "6.5.0",
|
|
27
|
+
"react-apexcharts": "2.1.1",
|
|
28
28
|
"tailwind-variants": "^3.2.2",
|
|
29
|
-
"tailwindcss": "4.3.
|
|
29
|
+
"tailwindcss": "4.3.3"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@heroui/react": "3.
|
|
33
|
-
"@heroui/styles": "3.
|
|
34
|
-
"@teispace/next-themes": "0.
|
|
35
|
-
"@storybook/addon-a11y": "10.
|
|
36
|
-
"@storybook/addon-docs": "10.
|
|
37
|
-
"@storybook/addon-links": "10.
|
|
38
|
-
"@storybook/react-vite": "10.
|
|
39
|
-
"@tailwindcss/vite": "4.3.
|
|
40
|
-
"@types/react": "19.2.
|
|
32
|
+
"@heroui/react": "3.2.2",
|
|
33
|
+
"@heroui/styles": "3.2.2",
|
|
34
|
+
"@teispace/next-themes": "2.0.4",
|
|
35
|
+
"@storybook/addon-a11y": "10.5.3",
|
|
36
|
+
"@storybook/addon-docs": "10.5.3",
|
|
37
|
+
"@storybook/addon-links": "10.5.3",
|
|
38
|
+
"@storybook/react-vite": "10.5.3",
|
|
39
|
+
"@tailwindcss/vite": "4.3.3",
|
|
40
|
+
"@types/react": "19.2.17",
|
|
41
41
|
"@types/react-dom": "19.2.3",
|
|
42
|
-
"@typescript-eslint/eslint-plugin": "8.
|
|
43
|
-
"@typescript-eslint/parser": "8.
|
|
44
|
-
"@vitejs/plugin-react": "6.0.
|
|
45
|
-
"@vitejs/plugin-react-swc": "4.3.
|
|
42
|
+
"@typescript-eslint/eslint-plugin": "8.65.0",
|
|
43
|
+
"@typescript-eslint/parser": "8.65.0",
|
|
44
|
+
"@vitejs/plugin-react": "6.0.4",
|
|
45
|
+
"@vitejs/plugin-react-swc": "4.3.2",
|
|
46
46
|
"@vueless/storybook-dark-mode": "10.0.8",
|
|
47
|
-
"eslint": "10.
|
|
47
|
+
"eslint": "10.7.0",
|
|
48
48
|
"eslint-plugin-react-hooks": "7.1.1",
|
|
49
|
-
"eslint-plugin-react-refresh": "0.5.
|
|
50
|
-
"eslint-plugin-storybook": "10.
|
|
51
|
-
"react": "19.2.
|
|
52
|
-
"react-dom": "19.2.
|
|
53
|
-
"storybook": "10.
|
|
49
|
+
"eslint-plugin-react-refresh": "0.5.3",
|
|
50
|
+
"eslint-plugin-storybook": "10.5.3",
|
|
51
|
+
"react": "19.2.8",
|
|
52
|
+
"react-dom": "19.2.8",
|
|
53
|
+
"storybook": "10.5.3",
|
|
54
54
|
"typescript": "6.0.3",
|
|
55
|
-
"typescript-eslint": "8.
|
|
56
|
-
"vite": "8.
|
|
55
|
+
"typescript-eslint": "8.65.0",
|
|
56
|
+
"vite": "8.1.5"
|
|
57
57
|
},
|
|
58
58
|
"scripts": {
|
|
59
59
|
"build": "tsc && rsync -a --prune-empty-dirs --include='*/' --include='*.css' --exclude='*' src/ dist/",
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
.fragment-navbar__tabs {
|
|
7
|
-
@apply hidden md:block;
|
|
7
|
+
@apply hidden md:block min-w-0;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.fragment-navbar__end {
|
|
@@ -19,6 +19,10 @@
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
+
.fragment-navbar__user-popover {
|
|
23
|
+
min-width: 256px;
|
|
24
|
+
}
|
|
25
|
+
|
|
22
26
|
.fragment-navbar__bottom-nav-badge {
|
|
23
27
|
@apply -top-0.5 -right-2.5;
|
|
24
28
|
}
|
|
@@ -71,13 +71,24 @@
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
.fragment-sidebar__item {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
74
|
+
.fragment-sidebar__item--center {
|
|
75
|
+
@apply my-auto max-w-full;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.fragment-sidebar__item--bottom {
|
|
79
|
+
@apply mt-auto max-w-full sticky bottom-0;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.fragment-sidebar__accordion {
|
|
83
|
+
@apply p-1;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.fragment-sidebar__nav-badge {
|
|
87
|
+
@apply ml-auto;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.fragment-sidebar__user-popover {
|
|
91
|
+
min-width: 256px;
|
|
81
92
|
}
|
|
82
93
|
|
|
83
94
|
.fragment-sidebar__user-trigger {
|
|
@@ -114,14 +125,15 @@
|
|
|
114
125
|
&:hover, &[data-hovered="true"] {
|
|
115
126
|
@apply bg-default!;
|
|
116
127
|
}
|
|
117
|
-
&--active {
|
|
118
|
-
@apply text-accent-soft-foreground;
|
|
119
|
-
}
|
|
120
128
|
& > .fragment-sidebar__accordion-label {
|
|
121
129
|
@apply flex-1 text-left;
|
|
122
130
|
}
|
|
123
131
|
}
|
|
124
132
|
|
|
133
|
+
.fragment-sidebar__accordion-trigger--active {
|
|
134
|
+
@apply text-accent-soft-foreground;
|
|
135
|
+
}
|
|
136
|
+
|
|
125
137
|
.fragment-sidebar__accordion-trigger .accordion__indicator {
|
|
126
138
|
@apply w-8! shrink-0;
|
|
127
139
|
}
|
package/src/index.css
CHANGED
|
@@ -54,6 +54,14 @@
|
|
|
54
54
|
@apply right-4;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
+
.select__trigger:has(.select__indicator) {
|
|
58
|
+
@apply pr-10;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.select__popover {
|
|
62
|
+
@apply rounded-xl;
|
|
63
|
+
}
|
|
64
|
+
|
|
57
65
|
.tabs {
|
|
58
66
|
&:not(.tabs--secondary) {
|
|
59
67
|
.tabs__list {
|
|
@@ -71,6 +79,10 @@
|
|
|
71
79
|
@apply text-surface-tertiary-foreground;
|
|
72
80
|
}
|
|
73
81
|
}
|
|
82
|
+
|
|
83
|
+
.tabs__list-container {
|
|
84
|
+
@apply bg-transparent;
|
|
85
|
+
}
|
|
74
86
|
}
|
|
75
87
|
|
|
76
88
|
.tabs__tab {
|