tera-system-ui 0.0.47 → 0.0.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/actions/clickOutside.d.ts +2 -3
- package/dist/actions/clickOutside.js +4 -0
- package/dist/components/fonts/TeraFontMono.astro +4 -0
- package/dist/components/fonts/TeraFontMono.svelte +4 -0
- package/dist/components/fonts/TeraFontMono.svelte.d.ts +19 -0
- package/dist/components/fonts/TeraFontSansSerif.svelte +4 -0
- package/dist/components/fonts/TeraFontSansSerif.svelte.d.ts +19 -0
- package/dist/components/fonts/index.d.ts +2 -0
- package/dist/components/fonts/index.js +2 -0
- package/dist/components/side-navigation/SideNavigation.svelte +7 -6
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/themes/tera-ui-base.css +4 -1
- package/dist/themes/tw-preset.cjs +4 -0
- package/dist/themes/tw-preset.d.cts +4 -0
- package/package.json +39 -37
|
@@ -3,6 +3,10 @@ export function clickOutside(node, data) {
|
|
|
3
3
|
const handleClick = (event) => {
|
|
4
4
|
if (node && !node.contains(event.target) && !event.defaultPrevented
|
|
5
5
|
&& (!(data?.exceptElement) || !data.exceptElement.contains(event.target))) {
|
|
6
|
+
if (data?.preventDefaultFn?.()) {
|
|
7
|
+
event.preventDefault();
|
|
8
|
+
event.stopPropagation();
|
|
9
|
+
}
|
|
6
10
|
node.dispatchEvent(new CustomEvent('click_outside', node));
|
|
7
11
|
}
|
|
8
12
|
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import '@fontsource-variable/roboto-mono';
|
|
2
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
3
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
4
|
+
$$bindings?: Bindings;
|
|
5
|
+
} & Exports;
|
|
6
|
+
(internal: unknown, props: {
|
|
7
|
+
$$events?: Events;
|
|
8
|
+
$$slots?: Slots;
|
|
9
|
+
}): Exports & {
|
|
10
|
+
$set?: any;
|
|
11
|
+
$on?: any;
|
|
12
|
+
};
|
|
13
|
+
z_$$bindings?: Bindings;
|
|
14
|
+
}
|
|
15
|
+
declare const TeraFontMono: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
|
|
16
|
+
[evt: string]: CustomEvent<any>;
|
|
17
|
+
}, {}, {}, string>;
|
|
18
|
+
type TeraFontMono = InstanceType<typeof TeraFontMono>;
|
|
19
|
+
export default TeraFontMono;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import '@fontsource-variable/open-sans';
|
|
2
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
3
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
4
|
+
$$bindings?: Bindings;
|
|
5
|
+
} & Exports;
|
|
6
|
+
(internal: unknown, props: {
|
|
7
|
+
$$events?: Events;
|
|
8
|
+
$$slots?: Slots;
|
|
9
|
+
}): Exports & {
|
|
10
|
+
$set?: any;
|
|
11
|
+
$on?: any;
|
|
12
|
+
};
|
|
13
|
+
z_$$bindings?: Bindings;
|
|
14
|
+
}
|
|
15
|
+
declare const TeraFontSansSerif: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
|
|
16
|
+
[evt: string]: CustomEvent<any>;
|
|
17
|
+
}, {}, {}, string>;
|
|
18
|
+
type TeraFontSansSerif = InstanceType<typeof TeraFontSansSerif>;
|
|
19
|
+
export default TeraFontSansSerif;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
mainLayout,
|
|
5
5
|
setSideNavState,
|
|
6
6
|
type SideNavigationProps,
|
|
7
|
-
toggleSideNavigation
|
|
7
|
+
toggleSideNavigation, getSideNavState
|
|
8
8
|
} from "./SideNavigation";
|
|
9
9
|
import {clickOutside} from "../../actions/clickOutside"
|
|
10
10
|
import {Button} from "../button";
|
|
@@ -21,8 +21,6 @@
|
|
|
21
21
|
|
|
22
22
|
let {children, sideNavHref, language, ...props}: SideNavigationProps = $props();
|
|
23
23
|
|
|
24
|
-
let temporaryExpand: any = undefined
|
|
25
|
-
|
|
26
24
|
|
|
27
25
|
function handleClickOutside() {
|
|
28
26
|
let screenWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)
|
|
@@ -36,10 +34,10 @@
|
|
|
36
34
|
}
|
|
37
35
|
|
|
38
36
|
function handleHover(isHover: boolean) {
|
|
39
|
-
temporaryExpand = isHover ? true : undefined
|
|
37
|
+
let temporaryExpand = isHover ? true : undefined
|
|
40
38
|
|
|
41
39
|
if (temporaryExpand) {
|
|
42
|
-
mainLayout()?.setAttribute('data-side-nav-temporary-expand', temporaryExpand)
|
|
40
|
+
mainLayout()?.setAttribute('data-side-nav-temporary-expand', temporaryExpand.toString())
|
|
43
41
|
} else {
|
|
44
42
|
mainLayout()?.removeAttribute('data-side-nav-temporary-expand')
|
|
45
43
|
}
|
|
@@ -88,7 +86,10 @@
|
|
|
88
86
|
</script>
|
|
89
87
|
|
|
90
88
|
<nav class="side-nav_main-side-bar grid grid-rows-[auto_1fr_auto]"
|
|
91
|
-
use:clickOutside
|
|
89
|
+
use:clickOutside={
|
|
90
|
+
{preventDefaultFn: () => {
|
|
91
|
+
return getSideNavState() === 'expand';
|
|
92
|
+
}}}
|
|
92
93
|
onclick_outside={handleClickOutside}
|
|
93
94
|
>
|
|
94
95
|
<div class="flex mt-2 gap-1 items-center">
|
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export { Combobox } from './components/combobox';
|
|
|
5
5
|
export { Command } from './components/command';
|
|
6
6
|
export { Dialog } from './components/dialog';
|
|
7
7
|
export { DropdownMenu, DropdownMenuItem, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuSeparator } from './components/dropdown-menu';
|
|
8
|
+
export { TeraFontSansSerif, TeraFontMono } from './components/fonts';
|
|
8
9
|
export { Header } from './components/header';
|
|
9
10
|
export { IconArrowBigRightFilled, IconBook, IconBookmarkPlus, IconCalculator, IconCheck, IconChevronDown, IconCoin, IconCoinConvert, IconCopy, IconCopyCheckFilled, IconHamburger, IconLanguage, IconLoader2, IconLogout, IconMoon, IconPointFilled, IconSearch, IconSettings, IconSun, IconSwitchHorizontal, IconSwitchVertical, IconTransform, IconX } from './components/icons';
|
|
10
11
|
export { Input } from './components/input';
|
package/dist/index.js
CHANGED
|
@@ -5,6 +5,7 @@ export { Combobox } from './components/combobox';
|
|
|
5
5
|
export { Command } from './components/command';
|
|
6
6
|
export { Dialog } from './components/dialog';
|
|
7
7
|
export { DropdownMenu, DropdownMenuItem, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuSeparator } from './components/dropdown-menu';
|
|
8
|
+
export { TeraFontSansSerif, TeraFontMono } from './components/fonts';
|
|
8
9
|
export { Header } from './components/header';
|
|
9
10
|
export { IconArrowBigRightFilled, IconBook, IconBookmarkPlus, IconCalculator, IconCheck, IconChevronDown, IconCoin, IconCoinConvert, IconCopy, IconCopyCheckFilled, IconHamburger, IconLanguage, IconLoader2, IconLogout, IconMoon, IconPointFilled, IconSearch, IconSettings, IconSun, IconSwitchHorizontal, IconSwitchVertical, IconTransform, IconX } from './components/icons';
|
|
10
11
|
export { Input } from './components/input';
|
|
@@ -30,7 +30,10 @@ body {
|
|
|
30
30
|
color: theme(colors.neutral.token.13);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
:root {
|
|
34
|
+
--font-sans: "Open Sans Variable", "ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
35
|
+
--font-mono: "Roboto Mono Variable", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New";
|
|
36
|
+
}
|
|
34
37
|
|
|
35
38
|
@layer components {
|
|
36
39
|
.border,
|
|
@@ -148,6 +148,10 @@ module.exports = {
|
|
|
148
148
|
},
|
|
149
149
|
transitionDuration: {
|
|
150
150
|
"element-react": '350ms'
|
|
151
|
+
},
|
|
152
|
+
fontFamily: {
|
|
153
|
+
sans: ['Open Sans Variable', 'ui-sans-serif', 'system-ui', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'],
|
|
154
|
+
mono: ['Roboto Mono Variable', 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New']
|
|
151
155
|
}
|
|
152
156
|
}
|
|
153
157
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tera-system-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.49",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"dev": "vite dev",
|
|
6
6
|
"build": "npm run customPrepublish && npm run generate-index && vite build && npm run package && npm run postpublish",
|
|
@@ -67,40 +67,42 @@
|
|
|
67
67
|
"peerDependencies": {
|
|
68
68
|
"svelte": "^5.0.0"
|
|
69
69
|
},
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
70
|
+
"devDependencies": {
|
|
71
|
+
"@chromatic-com/storybook": "^3.2.2",
|
|
72
|
+
"@storybook/addon-essentials": "^8.4.4",
|
|
73
|
+
"@storybook/addon-interactions": "^8.4.4",
|
|
74
|
+
"@storybook/addon-links": "^8.4.4",
|
|
75
|
+
"@storybook/addon-styling": "^1.3.7",
|
|
76
|
+
"@storybook/addon-svelte-csf": "^5.0.0-next.8",
|
|
77
|
+
"@storybook/addon-themes": "^8.4.4",
|
|
78
|
+
"@storybook/addon-viewport": "^8.4.4",
|
|
79
|
+
"@storybook/blocks": "^8.4.4",
|
|
80
|
+
"@storybook/svelte": "^8.4.4",
|
|
81
|
+
"@storybook/sveltekit": "^8.4.4",
|
|
82
|
+
"@storybook/test": "^8.4.4",
|
|
83
|
+
"@sveltejs/adapter-auto": "^3.3.1",
|
|
84
|
+
"@sveltejs/kit": "^2.8.1",
|
|
85
|
+
"@sveltejs/package": "^2.3.7",
|
|
86
|
+
"@sveltejs/vite-plugin-svelte": "^4.0.1",
|
|
87
|
+
"npx": "^10.2.2",
|
|
88
|
+
"publint": "^0.2.12",
|
|
89
|
+
"sass-embedded": "^1.81.0",
|
|
90
|
+
"storybook": "^8.4.4",
|
|
91
|
+
"svelte": "^5.2.1",
|
|
92
|
+
"svelte-check": "^4.0.8",
|
|
93
|
+
"tailwindcss": "^3.4.15",
|
|
94
|
+
"typescript": "^5.6.3",
|
|
95
|
+
"vite": "^5.4.11"
|
|
96
|
+
},
|
|
97
|
+
"dependencies": {
|
|
98
|
+
"@floating-ui/dom": "^1.6.12",
|
|
99
|
+
"@fontsource-variable/open-sans": "^5.1.0",
|
|
100
|
+
"@fontsource-variable/roboto-mono": "^5.1.0",
|
|
101
|
+
"@inlang/paraglide-js": "1.11.3",
|
|
102
|
+
"@inlang/paraglide-sveltekit": "0.11.5",
|
|
103
|
+
"@tabler/icons-svelte": "^3.22.0",
|
|
104
|
+
"autoprefixer": "^10.4.20",
|
|
105
|
+
"clsx": "^2.1.1",
|
|
106
|
+
"tailwind-variants": "^0.3.0"
|
|
107
|
+
}
|
|
106
108
|
}
|