tera-system-ui 0.1.7 → 0.1.9
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.
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
2
|
export declare const styles: import("tailwind-variants").TVReturnType<{}, undefined, "", import("tailwind-variants/dist/config").TVConfig<{}, {}>, {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, "", import("tailwind-variants/dist/config").TVConfig<{}, {}>, unknown, unknown, undefined>>;
|
|
3
3
|
type SideNavigationVariants = VariantProps<typeof styles>;
|
|
4
|
+
export type SideNavigationItem = {
|
|
5
|
+
href: string;
|
|
6
|
+
exactHref?: string;
|
|
7
|
+
icon?: any;
|
|
8
|
+
title: string;
|
|
9
|
+
};
|
|
4
10
|
export interface SideNavigationProps extends SideNavigationVariants {
|
|
5
11
|
children?: any;
|
|
6
12
|
class?: string;
|
|
7
13
|
sideNavHref?: string;
|
|
8
14
|
language?: string;
|
|
15
|
+
items?: SideNavigationItem[];
|
|
9
16
|
}
|
|
10
17
|
export declare const SCREEN_BREAK_POINTS: {
|
|
11
18
|
sm: number;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
mainLayout,
|
|
5
5
|
setSideNavState,
|
|
6
6
|
type SideNavigationProps,
|
|
7
|
-
toggleSideNavigation, getSideNavState
|
|
7
|
+
toggleSideNavigation, getSideNavState, type SideNavigationItem
|
|
8
8
|
} from "./SideNavigation";
|
|
9
9
|
import {clickOutside} from "../../actions/clickOutside"
|
|
10
10
|
import {Button} from "../button";
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
import {SupportedLanguage as CalculatorSupportedLanguage} from "../../tera-i18n/projects/tera-calculator/supported-language";
|
|
21
21
|
import {SupportedLanguage as ConverterSupportedLanguage} from "../../tera-i18n/projects/tera-converter/supported-language";
|
|
22
22
|
|
|
23
|
-
let {children, sideNavHref, language, ...props}: SideNavigationProps = $props();
|
|
23
|
+
let {children, sideNavHref, language, items, ...props}: SideNavigationProps = $props();
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
function handleClickOutside() {
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
let langForConverter = (language && ConverterSupportedLanguage.includes(language)) ? language : 'en'
|
|
58
58
|
let langPathForConverter = (langForConverter === 'en' || !langForConverter) ? '' : `/${langForConverter}`
|
|
59
59
|
|
|
60
|
-
const NAV_ITEM = [
|
|
60
|
+
const NAV_ITEM: SideNavigationItem[] = items ?? [
|
|
61
61
|
{
|
|
62
62
|
href: `/calculator${langPathForCalculator}`,
|
|
63
63
|
exactHref: '/calculator',
|
|
@@ -186,4 +186,4 @@
|
|
|
186
186
|
</div>
|
|
187
187
|
|
|
188
188
|
<style>/*! tailwindcss v4.0.4 | MIT License | https://tailwindcss.com */
|
|
189
|
-
.slider-handle{transition:all .2s ease-in-out,left}:is(.slider-handle:global([data-state="dragging"]),.slider-handle:hover,.slider-handle:focus,.slider-handle:active,.slider-handle:focus-visible){box-shadow:0 0 0 .35rem var(--color-primary-token-2);transform:scale(1.25)}[data-slider-tooltip]{border-radius:var(--radius-sm);width:fit-content;padding:calc(var(--spacing)*1.5)calc(var(--spacing)*1);background-color:var(--color-neutral-token-12);color:var(--color-neutral-token-1);z-index:10;opacity:0;transition:all .2s ease-in-out,left;position:absolute;left:50%;transform:translateY(-3rem)translate(-50%)scale(.9)}[data-slider-tooltip]:after{content:"";border-radius:var(--radius-sm);background-color:var(--color-neutral-token-12);width:calc(var(--spacing)*3);height:calc(var(--spacing)*3);position:absolute;bottom:-.15rem;left:50%;transform:translate(-50%)rotate(45deg)}[data-slider-tooltip]:global(.show){opacity:1;transform:translateY(-3.5rem)translate(-50%)scale(1)}</style>
|
|
189
|
+
.slider-handle{transition:all .2s ease-in-out,left}:is(.slider-handle:global([data-state="dragging"]),.slider-handle:hover,.slider-handle:focus,.slider-handle:active,.slider-handle:focus-visible){box-shadow:0 0 0 .35rem var(--color-primary-token-2);transform:scale(1.25)}[data-slider-tooltip]{pointer-events:none;border-radius:var(--radius-sm);width:fit-content;padding:calc(var(--spacing)*1.5)calc(var(--spacing)*1);background-color:var(--color-neutral-token-12);color:var(--color-neutral-token-1);z-index:10;opacity:0;transition:all .2s ease-in-out,left;position:absolute;left:50%;transform:translateY(-3rem)translate(-50%)scale(.9)}[data-slider-tooltip]:after{content:"";border-radius:var(--radius-sm);background-color:var(--color-neutral-token-12);width:calc(var(--spacing)*3);height:calc(var(--spacing)*3);position:absolute;bottom:-.15rem;left:50%;transform:translate(-50%)rotate(45deg)}[data-slider-tooltip]:global(.show){opacity:1;transform:translateY(-3.5rem)translate(-50%)scale(1)}</style>
|