@fragment-build/ui 3.0.11 → 3.2.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 +51 -1
- package/components/code/Code.d.ts +5 -0
- package/components/code/Code.js +4 -0
- package/components/code/Code.js.map +1 -0
- package/components/code/code.css +5 -0
- package/components/code-snippet/CodeSnippet.d.ts +5 -0
- package/components/code-snippet/CodeSnippet.js +15 -0
- package/components/code-snippet/CodeSnippet.js.map +1 -0
- package/components/code-snippet/code-snippet.css +13 -0
- package/components/theme-switch/ThemeSwitch.d.ts +0 -3
- package/components/theme-switch/ThemeSwitch.js +3 -10
- package/components/theme-switch/ThemeSwitch.js.map +1 -1
- 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 +38 -0
- package/index.d.ts +2 -1
- package/index.js +2 -1
- package/index.js.map +1 -1
- package/package.json +26 -25
- package/provider.js +1 -2
- package/provider.js.map +1 -1
- package/src/components/code/code.css +5 -0
- package/src/components/code-snippet/code-snippet.css +13 -0
- package/src/fragments/navbar/navbar.css +5 -1
- package/src/fragments/sidebar/sidebar.css +22 -10
- package/src/index.css +38 -0
package/README.md
CHANGED
|
@@ -60,7 +60,7 @@ Fragment UI is a design system and React component library which provides alread
|
|
|
60
60
|
|
|
61
61
|
2. Install Fragment UI and its peer dependencies
|
|
62
62
|
```bash
|
|
63
|
-
npm install -S @fragment-build/ui @heroui/react @heroui/styles
|
|
63
|
+
npm install -S @fragment-build/ui @heroui/react @heroui/styles @teispace/next-themes
|
|
64
64
|
```
|
|
65
65
|
|
|
66
66
|
As a next step you must configure the library the way you want to. See [**Configuration**](#🔧-configuration) section.
|
|
@@ -129,6 +129,56 @@ const config = {
|
|
|
129
129
|
export default config;
|
|
130
130
|
```
|
|
131
131
|
|
|
132
|
+
Set up your root layout with server-side theme reading to avoid flash of unstyled content:
|
|
133
|
+
|
|
134
|
+
```tsx
|
|
135
|
+
// app/layout.tsx
|
|
136
|
+
import { FragmentUIProvider } from '@fragment-build/ui';
|
|
137
|
+
import { ThemeProvider } from '@teispace/next-themes';
|
|
138
|
+
import { getTheme } from '@teispace/next-themes/server';
|
|
139
|
+
|
|
140
|
+
export default async function RootLayout({ children }) {
|
|
141
|
+
const initialTheme = await getTheme();
|
|
142
|
+
|
|
143
|
+
return (
|
|
144
|
+
<html suppressHydrationWarning>
|
|
145
|
+
<body>
|
|
146
|
+
<ThemeProvider attribute="class" initialTheme={initialTheme ?? undefined}>
|
|
147
|
+
<FragmentUIProvider>
|
|
148
|
+
{children}
|
|
149
|
+
</FragmentUIProvider>
|
|
150
|
+
</ThemeProvider>
|
|
151
|
+
</body>
|
|
152
|
+
</html>
|
|
153
|
+
);
|
|
154
|
+
}
|
|
155
|
+
```
|
|
156
|
+
|
|
157
|
+
Toggle the theme in a client component using the `useTheme` hook:
|
|
158
|
+
|
|
159
|
+
```tsx
|
|
160
|
+
// components/ThemeToggle.tsx
|
|
161
|
+
'use client';
|
|
162
|
+
import { useTheme } from '@teispace/next-themes';
|
|
163
|
+
|
|
164
|
+
export function ThemeToggle() {
|
|
165
|
+
const { theme, setTheme } = useTheme();
|
|
166
|
+
return (
|
|
167
|
+
<button onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}>
|
|
168
|
+
Toggle theme
|
|
169
|
+
</button>
|
|
170
|
+
);
|
|
171
|
+
}
|
|
172
|
+
```
|
|
173
|
+
|
|
174
|
+
Or use the built-in `ThemeSwitch` component:
|
|
175
|
+
|
|
176
|
+
```tsx
|
|
177
|
+
import { ThemeSwitch } from '@fragment-build/ui';
|
|
178
|
+
|
|
179
|
+
<ThemeSwitch />
|
|
180
|
+
```
|
|
181
|
+
|
|
132
182
|
## 🤝 Contributing
|
|
133
183
|
|
|
134
184
|
Feel free to fork and make a Pull Request to this project. All the input is warmly welcome!
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Code.js","sourceRoot":"","sources":["../../src/components/code/Code.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAOb,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACpE,eAAM,SAAS,EAAE,iBAAiB,SAAS,IAAI,EAAE,EAAE,YAChD,QAAQ,GACJ,CACR,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { Button, Tooltip } from '@heroui/react';
|
|
5
|
+
import { IconCheck, IconCopy } from '@tabler/icons-react';
|
|
6
|
+
export const CodeSnippet = ({ code, prefix = '$' }) => {
|
|
7
|
+
const [copied, setCopied] = useState(false);
|
|
8
|
+
const handleCopy = async () => {
|
|
9
|
+
await navigator.clipboard.writeText(code);
|
|
10
|
+
setCopied(true);
|
|
11
|
+
setTimeout(() => setCopied(false), 2000);
|
|
12
|
+
};
|
|
13
|
+
return (_jsxs("div", { className: "fragment-code-snippet", children: [_jsxs("pre", { className: "fragment-code-snippet__code", children: [prefix && _jsxs("span", { className: "fragment-code-snippet__prefix", children: [prefix, " "] }), code] }), _jsxs(Tooltip, { children: [_jsx(Button, { isIconOnly: true, "aria-label": "Copy to clipboard", size: "sm", variant: "ghost", onPress: handleCopy, children: copied ? _jsx(IconCheck, { size: 14 }) : _jsx(IconCopy, { size: 14 }) }), _jsx(Tooltip.Content, { children: copied ? 'Copied!' : 'Copy to clipboard' })] })] }));
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=CodeSnippet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CodeSnippet.js","sourceRoot":"","sources":["../../src/components/code-snippet/CodeSnippet.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAO1D,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,GAAG,EAAE,EAAE,EAAE;IAChF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC1C,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAK,SAAS,EAAC,6BAA6B,aACzC,MAAM,IAAI,gBAAM,SAAS,EAAC,+BAA+B,aAAE,MAAM,SAAS,EAC1E,IAAI,IACD,EACN,MAAC,OAAO,eACN,KAAC,MAAM,IACL,UAAU,sBACC,mBAAmB,EAC9B,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,UAAU,YAElB,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GACnD,EACT,KAAC,OAAO,CAAC,OAAO,cAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,GAAmB,IACrE,IACN,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fragment-code-snippet {
|
|
3
|
+
@apply inline-flex items-center gap-2 rounded-lg bg-default pr-2;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.fragment-code-snippet__code {
|
|
7
|
+
@apply text-sm font-mono pl-4 py-3;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.fragment-code-snippet__prefix {
|
|
11
|
+
@apply text-muted;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
@@ -1,17 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { useTheme } from 'next-themes';
|
|
3
|
+
import { useTheme } from '@teispace/next-themes';
|
|
4
4
|
import { IconMoon, IconSun } from '@tabler/icons-react';
|
|
5
5
|
import { Button } from '@heroui/react';
|
|
6
|
-
import { useEffect, useState } from 'react';
|
|
7
6
|
export const ThemeSwitch = (props) => {
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
useEffect(() => {
|
|
11
|
-
setMounted(true);
|
|
12
|
-
}, []);
|
|
13
|
-
if (!mounted)
|
|
14
|
-
return null;
|
|
15
|
-
return (_jsx(Button, { isIconOnly: true, size: "sm", variant: "tertiary", onPress: () => setTheme(theme === 'light' ? 'dark' : 'light'), ...props, children: theme === 'light' ? _jsx(IconSun, { size: 18 }) : _jsx(IconMoon, { size: 18 }) }));
|
|
7
|
+
const { resolvedTheme, setTheme } = useTheme();
|
|
8
|
+
return (_jsx(Button, { isIconOnly: true, size: "sm", variant: "tertiary", onPress: () => setTheme(resolvedTheme === 'light' ? 'dark' : 'light'), ...props, children: resolvedTheme === 'light' ? _jsx(IconSun, { size: 18 }) : _jsx(IconMoon, { size: 18 }) }));
|
|
16
9
|
};
|
|
17
10
|
//# sourceMappingURL=ThemeSwitch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeSwitch.js","sourceRoot":"","sources":["../../src/components/theme-switch/ThemeSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ThemeSwitch.js","sourceRoot":"","sources":["../../src/components/theme-switch/ThemeSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAQ,EAAE,MAAM,EAAoB,MAAM,eAAe,CAAC;AAI1D,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE/C,OAAO,CACL,KAAC,MAAM,IAAC,UAAU,QAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAM,KAAK,YAC7H,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GACpE,CACV,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -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(Dropdown.Trigger, { children: _jsx(Button, { 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
|
@@ -26,10 +26,42 @@
|
|
|
26
26
|
@apply border border-border px-6 py-4 shadow-none;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
+
.input-group, .search-field__group, .number-field__group{
|
|
30
|
+
@apply border border-border shadow-none h-auto;
|
|
31
|
+
|
|
32
|
+
.input-group__input, .search-field__input, .number-field__input {
|
|
33
|
+
@apply px-6 py-4;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.slider {
|
|
38
|
+
.slider__thumb {
|
|
39
|
+
@apply bg-transparent;
|
|
40
|
+
}
|
|
41
|
+
&[data-orientation="horizontal"] {
|
|
42
|
+
.slider__track {
|
|
43
|
+
@apply h-1;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
&[data-orientation="vertical"] {
|
|
47
|
+
.slider__track {
|
|
48
|
+
@apply w-1;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
29
53
|
.select__indicator {
|
|
30
54
|
@apply right-4;
|
|
31
55
|
}
|
|
32
56
|
|
|
57
|
+
.select__trigger:has(.select__indicator) {
|
|
58
|
+
@apply pr-10;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.select__popover {
|
|
62
|
+
@apply rounded-xl;
|
|
63
|
+
}
|
|
64
|
+
|
|
33
65
|
.tabs {
|
|
34
66
|
&:not(.tabs--secondary) {
|
|
35
67
|
.tabs__list {
|
|
@@ -47,6 +79,10 @@
|
|
|
47
79
|
@apply text-surface-tertiary-foreground;
|
|
48
80
|
}
|
|
49
81
|
}
|
|
82
|
+
|
|
83
|
+
.tabs__list-container {
|
|
84
|
+
@apply bg-transparent;
|
|
85
|
+
}
|
|
50
86
|
}
|
|
51
87
|
|
|
52
88
|
.tabs__tab {
|
|
@@ -88,6 +124,8 @@
|
|
|
88
124
|
@import "./fragments/widget/widget.css";
|
|
89
125
|
@import "./components/grid/grid.css";
|
|
90
126
|
@import "./components/multi-switch/multi-switch.css";
|
|
127
|
+
@import "./components/code/code.css";
|
|
128
|
+
@import "./components/code-snippet/code-snippet.css";
|
|
91
129
|
@import "./fragments/form/form.css";
|
|
92
130
|
@import "./fragments/form/form-section.css";
|
|
93
131
|
|
package/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export { useTheme } from 'next-themes';
|
|
2
1
|
export { FragmentUIProvider } from './provider';
|
|
2
|
+
export { Code, type CodeProps } from './components/code/Code';
|
|
3
|
+
export { CodeSnippet, type CodeSnippetProps } from './components/code-snippet/CodeSnippet';
|
|
3
4
|
export { Grid, type GridProps } from './components/grid/Grid';
|
|
4
5
|
export { MultiSwitch, type MultiSwitchProps } from './components/multi-switch/MultiSwitch';
|
|
5
6
|
export { ThemeSwitch, type ThemeSwitchProps } from './components/theme-switch/ThemeSwitch';
|
package/index.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
// TODO: export as utils.ts
|
|
2
|
-
export { useTheme } from 'next-themes';
|
|
3
2
|
export { FragmentUIProvider } from './provider';
|
|
4
3
|
// fragment components
|
|
4
|
+
export { Code } from './components/code/Code';
|
|
5
|
+
export { CodeSnippet } from './components/code-snippet/CodeSnippet';
|
|
5
6
|
export { Grid } from './components/grid/Grid';
|
|
6
7
|
export { MultiSwitch } from './components/multi-switch/MultiSwitch';
|
|
7
8
|
export { ThemeSwitch } from './components/theme-switch/ThemeSwitch';
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,sBAAsB;AACtB,OAAO,EAAE,IAAI,EAAkB,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAyB,MAAM,uCAAuC,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAkB,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAyB,MAAM,uCAAuC,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAyB,MAAO,uCAAuC,CAAC;AAE5F,OAAO,EAAE,IAAI,EAAkB,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAyB,MAAM,8BAA8B,CAAC;AAClF,OAAO,EAAE,UAAU,EAAwB,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAoB,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,KAAK,EAAmB,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,OAAO,EAAqB,MAAM,6BAA6B,CAAC;AACzE,OAAO,EAAE,MAAM,EAAoB,MAAM,2BAA2B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fragment-build/ui",
|
|
3
|
-
"version": "3.0
|
|
3
|
+
"version": "3.2.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"engines": {
|
|
6
6
|
"node": ">=22"
|
|
@@ -16,43 +16,44 @@
|
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"@heroui/react": ">=3.0.0",
|
|
18
18
|
"@heroui/styles": ">=3.0.0",
|
|
19
|
+
"@teispace/next-themes": ">=0.5.0",
|
|
19
20
|
"react": ">=19.0.0",
|
|
20
21
|
"react-dom": ">=19.0.0",
|
|
21
22
|
"tailwindcss": ">=4.0.0"
|
|
22
23
|
},
|
|
23
24
|
"dependencies": {
|
|
24
|
-
"@tabler/icons-react": "3.
|
|
25
|
-
"apexcharts": "
|
|
26
|
-
"
|
|
27
|
-
"react-apexcharts": "2.1.0",
|
|
25
|
+
"@tabler/icons-react": "3.45.0",
|
|
26
|
+
"apexcharts": "6.1.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
|
-
"@
|
|
35
|
-
"@storybook/addon-
|
|
36
|
-
"@storybook/addon-
|
|
37
|
-
"@storybook/
|
|
38
|
-
"@
|
|
39
|
-
"@
|
|
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.2",
|
|
36
|
+
"@storybook/addon-docs": "10.5.2",
|
|
37
|
+
"@storybook/addon-links": "10.5.2",
|
|
38
|
+
"@storybook/react-vite": "10.5.2",
|
|
39
|
+
"@tailwindcss/vite": "4.3.3",
|
|
40
|
+
"@types/react": "19.2.17",
|
|
40
41
|
"@types/react-dom": "19.2.3",
|
|
41
|
-
"@typescript-eslint/eslint-plugin": "8.
|
|
42
|
-
"@typescript-eslint/parser": "8.
|
|
43
|
-
"@vitejs/plugin-react": "6.0.
|
|
42
|
+
"@typescript-eslint/eslint-plugin": "8.64.0",
|
|
43
|
+
"@typescript-eslint/parser": "8.64.0",
|
|
44
|
+
"@vitejs/plugin-react": "6.0.3",
|
|
44
45
|
"@vitejs/plugin-react-swc": "4.3.1",
|
|
45
46
|
"@vueless/storybook-dark-mode": "10.0.8",
|
|
46
|
-
"eslint": "10.
|
|
47
|
+
"eslint": "10.7.0",
|
|
47
48
|
"eslint-plugin-react-hooks": "7.1.1",
|
|
48
|
-
"eslint-plugin-react-refresh": "0.5.
|
|
49
|
-
"eslint-plugin-storybook": "10.
|
|
50
|
-
"react": "19.2.
|
|
51
|
-
"react-dom": "19.2.
|
|
52
|
-
"storybook": "10.
|
|
49
|
+
"eslint-plugin-react-refresh": "0.5.3",
|
|
50
|
+
"eslint-plugin-storybook": "10.5.2",
|
|
51
|
+
"react": "19.2.7",
|
|
52
|
+
"react-dom": "19.2.7",
|
|
53
|
+
"storybook": "10.5.2",
|
|
53
54
|
"typescript": "6.0.3",
|
|
54
|
-
"typescript-eslint": "8.
|
|
55
|
-
"vite": "8.
|
|
55
|
+
"typescript-eslint": "8.64.0",
|
|
56
|
+
"vite": "8.1.5"
|
|
56
57
|
},
|
|
57
58
|
"scripts": {
|
|
58
59
|
"build": "tsc && rsync -a --prune-empty-dirs --include='*/' --include='*.css' --exclude='*' src/ dist/",
|
package/provider.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { ThemeProvider } from 'next-themes';
|
|
4
3
|
import { FragmentUIContext } from './context';
|
|
5
4
|
export const FragmentUIProvider = ({ children, linkComponent = 'a', }) => {
|
|
6
|
-
return (_jsx(FragmentUIContext.Provider, { value: { linkComponent }, children:
|
|
5
|
+
return (_jsx(FragmentUIContext.Provider, { value: { linkComponent }, children: children }));
|
|
7
6
|
};
|
|
8
7
|
//# sourceMappingURL=provider.js.map
|
package/provider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.js","sourceRoot":"","sources":["src/provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"provider.js","sourceRoot":"","sources":["src/provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,iBAAiB,EAAsB,MAAM,WAAW,CAAC;AAOlE,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,QAAQ,EACR,aAAa,GAAG,GAAG,GACpB,EAAE,EAAE;IACH,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,YACjD,QAAQ,GACkB,CAC9B,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fragment-code-snippet {
|
|
3
|
+
@apply inline-flex items-center gap-2 rounded-lg bg-default pr-2;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.fragment-code-snippet__code {
|
|
7
|
+
@apply text-sm font-mono pl-4 py-3;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.fragment-code-snippet__prefix {
|
|
11
|
+
@apply text-muted;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
@@ -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
|
@@ -26,10 +26,42 @@
|
|
|
26
26
|
@apply border border-border px-6 py-4 shadow-none;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
+
.input-group, .search-field__group, .number-field__group{
|
|
30
|
+
@apply border border-border shadow-none h-auto;
|
|
31
|
+
|
|
32
|
+
.input-group__input, .search-field__input, .number-field__input {
|
|
33
|
+
@apply px-6 py-4;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.slider {
|
|
38
|
+
.slider__thumb {
|
|
39
|
+
@apply bg-transparent;
|
|
40
|
+
}
|
|
41
|
+
&[data-orientation="horizontal"] {
|
|
42
|
+
.slider__track {
|
|
43
|
+
@apply h-1;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
&[data-orientation="vertical"] {
|
|
47
|
+
.slider__track {
|
|
48
|
+
@apply w-1;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
29
53
|
.select__indicator {
|
|
30
54
|
@apply right-4;
|
|
31
55
|
}
|
|
32
56
|
|
|
57
|
+
.select__trigger:has(.select__indicator) {
|
|
58
|
+
@apply pr-10;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.select__popover {
|
|
62
|
+
@apply rounded-xl;
|
|
63
|
+
}
|
|
64
|
+
|
|
33
65
|
.tabs {
|
|
34
66
|
&:not(.tabs--secondary) {
|
|
35
67
|
.tabs__list {
|
|
@@ -47,6 +79,10 @@
|
|
|
47
79
|
@apply text-surface-tertiary-foreground;
|
|
48
80
|
}
|
|
49
81
|
}
|
|
82
|
+
|
|
83
|
+
.tabs__list-container {
|
|
84
|
+
@apply bg-transparent;
|
|
85
|
+
}
|
|
50
86
|
}
|
|
51
87
|
|
|
52
88
|
.tabs__tab {
|
|
@@ -88,6 +124,8 @@
|
|
|
88
124
|
@import "./fragments/widget/widget.css";
|
|
89
125
|
@import "./components/grid/grid.css";
|
|
90
126
|
@import "./components/multi-switch/multi-switch.css";
|
|
127
|
+
@import "./components/code/code.css";
|
|
128
|
+
@import "./components/code-snippet/code-snippet.css";
|
|
91
129
|
@import "./fragments/form/form.css";
|
|
92
130
|
@import "./fragments/form/form-section.css";
|
|
93
131
|
|