lutra 0.0.20 → 0.1.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 +4 -24
- package/dist/components/AspectRatio.svelte +26 -0
- package/dist/components/AspectRatio.svelte.d.ts +8 -0
- package/dist/components/Dialog.svelte +78 -0
- package/dist/components/Dialog.svelte.d.ts +14 -0
- package/dist/components/Layout.svelte +32 -0
- package/dist/components/Layout.svelte.d.ts +11 -0
- package/dist/components/PageContent.svelte +108 -0
- package/dist/components/PageContent.svelte.d.ts +38 -0
- package/dist/components/Theme.svelte +87 -0
- package/dist/components/Theme.svelte.d.ts +17 -0
- package/dist/{display → components}/Tooltip.svelte +37 -11
- package/dist/components/Tooltip.svelte.d.ts +12 -0
- package/dist/config.d.ts +30 -0
- package/dist/config.js +18 -0
- package/dist/css/0-layers.css +1 -0
- package/dist/css/1-props.css +775 -0
- package/dist/css/2-base.css +209 -0
- package/dist/css/3-typo.css +65 -0
- package/dist/css/4-layout.css +5 -0
- package/dist/css/5-media.css +21 -0
- package/dist/css/lutra.css +6 -0
- package/dist/index.d.ts +5 -1
- package/dist/index.js +5 -2
- package/dist/types.d.ts +39 -0
- package/dist/types.js +25 -0
- package/package.json +29 -75
- package/dist/data/Stat.svelte +0 -89
- package/dist/data/Stat.svelte.d.ts +0 -39
- package/dist/data/index.d.ts +0 -1
- package/dist/data/index.js +0 -1
- package/dist/display/Avatar.svelte +0 -61
- package/dist/display/Avatar.svelte.d.ts +0 -23
- package/dist/display/Badge.svelte +0 -93
- package/dist/display/Badge.svelte.d.ts +0 -34
- package/dist/display/Callout.svelte +0 -109
- package/dist/display/Callout.svelte.d.ts +0 -36
- package/dist/display/Close.svelte +0 -58
- package/dist/display/Close.svelte.d.ts +0 -21
- package/dist/display/Code.svelte +0 -195
- package/dist/display/Code.svelte.d.ts +0 -31
- package/dist/display/ContextTip.svelte +0 -26
- package/dist/display/ContextTip.svelte.d.ts +0 -22
- package/dist/display/Details.svelte +0 -49
- package/dist/display/Details.svelte.d.ts +0 -32
- package/dist/display/Hero.svelte +0 -50
- package/dist/display/Hero.svelte.d.ts +0 -30
- package/dist/display/Icon.svelte +0 -40
- package/dist/display/Icon.svelte.d.ts +0 -24
- package/dist/display/IconButton.svelte +0 -84
- package/dist/display/IconButton.svelte.d.ts +0 -30
- package/dist/display/Image.svelte +0 -91
- package/dist/display/Image.svelte.d.ts +0 -37
- package/dist/display/Indicator.svelte +0 -352
- package/dist/display/Indicator.svelte.d.ts +0 -24
- package/dist/display/Inset.svelte +0 -18
- package/dist/display/Inset.svelte.d.ts +0 -22
- package/dist/display/Notification.svelte +0 -104
- package/dist/display/Notification.svelte.d.ts +0 -42
- package/dist/display/Popup.svelte +0 -111
- package/dist/display/Popup.svelte.d.ts +0 -30
- package/dist/display/Table.svelte +0 -24
- package/dist/display/Table.svelte.d.ts +0 -34
- package/dist/display/Tag.svelte +0 -90
- package/dist/display/Tag.svelte.d.ts +0 -35
- package/dist/display/Tooltip.svelte.d.ts +0 -28
- package/dist/display/index.d.ts +0 -14
- package/dist/display/index.js +0 -14
- package/dist/display/notifications.svelte.d.ts +0 -21
- package/dist/display/notifications.svelte.js +0 -31
- package/dist/form/Button.svelte +0 -34
- package/dist/form/Button.svelte.d.ts +0 -36
- package/dist/form/FieldActions.svelte +0 -46
- package/dist/form/FieldActions.svelte.d.ts +0 -24
- package/dist/form/FieldContainer.svelte +0 -37
- package/dist/form/FieldContainer.svelte.d.ts +0 -24
- package/dist/form/FieldContent.svelte +0 -134
- package/dist/form/FieldContent.svelte.d.ts +0 -59
- package/dist/form/FieldError.svelte +0 -14
- package/dist/form/FieldError.svelte.d.ts +0 -21
- package/dist/form/FieldSection.svelte +0 -86
- package/dist/form/FieldSection.svelte.d.ts +0 -34
- package/dist/form/Fieldset.svelte +0 -68
- package/dist/form/Fieldset.svelte.d.ts +0 -42
- package/dist/form/Form.svelte +0 -98
- package/dist/form/Form.svelte.d.ts +0 -33
- package/dist/form/Input.svelte +0 -287
- package/dist/form/Input.svelte.d.ts +0 -142
- package/dist/form/InputLength.svelte +0 -32
- package/dist/form/InputLength.svelte.d.ts +0 -21
- package/dist/form/Label.svelte +0 -27
- package/dist/form/Label.svelte.d.ts +0 -31
- package/dist/form/Select.svelte +0 -88
- package/dist/form/Select.svelte.d.ts +0 -97
- package/dist/form/client.svelte.d.ts +0 -45
- package/dist/form/client.svelte.js +0 -90
- package/dist/form/form.d.ts +0 -52
- package/dist/form/form.js +0 -326
- package/dist/form/index.d.ts +0 -15
- package/dist/form/index.js +0 -15
- package/dist/form/types.d.ts +0 -52
- package/dist/form/types.js +0 -1
- package/dist/grid/Column.svelte +0 -11
- package/dist/grid/Column.svelte.d.ts +0 -22
- package/dist/grid/Grid.svelte +0 -19
- package/dist/grid/Grid.svelte.d.ts +0 -24
- package/dist/grid/Row.svelte +0 -44
- package/dist/grid/Row.svelte.d.ts +0 -24
- package/dist/icons/Alert.svelte +0 -3
- package/dist/icons/Alert.svelte.d.ts +0 -23
- package/dist/icons/Copy.svelte +0 -3
- package/dist/icons/Copy.svelte.d.ts +0 -23
- package/dist/icons/Done.svelte +0 -3
- package/dist/icons/Done.svelte.d.ts +0 -23
- package/dist/icons/Error.svelte +0 -3
- package/dist/icons/Error.svelte.d.ts +0 -23
- package/dist/icons/Help.svelte +0 -3
- package/dist/icons/Help.svelte.d.ts +0 -23
- package/dist/icons/Hide.svelte +0 -3
- package/dist/icons/Hide.svelte.d.ts +0 -23
- package/dist/icons/Info.svelte +0 -3
- package/dist/icons/Info.svelte.d.ts +0 -23
- package/dist/icons/Link.svelte +0 -3
- package/dist/icons/Link.svelte.d.ts +0 -23
- package/dist/icons/MenuBurger.svelte +0 -3
- package/dist/icons/MenuBurger.svelte.d.ts +0 -23
- package/dist/icons/MenuDots.svelte +0 -3
- package/dist/icons/MenuDots.svelte.d.ts +0 -23
- package/dist/icons/Show.svelte +0 -3
- package/dist/icons/Show.svelte.d.ts +0 -23
- package/dist/icons/Success.svelte +0 -3
- package/dist/icons/Success.svelte.d.ts +0 -23
- package/dist/icons/Warning.svelte +0 -3
- package/dist/icons/Warning.svelte.d.ts +0 -23
- package/dist/icons/index.d.ts +0 -11
- package/dist/icons/index.js +0 -11
- package/dist/layout/Layout.svelte +0 -45
- package/dist/layout/Layout.svelte.d.ts +0 -25
- package/dist/layout/LayoutFooter.svelte +0 -21
- package/dist/layout/LayoutFooter.svelte.d.ts +0 -19
- package/dist/layout/LayoutGrid.svelte +0 -51
- package/dist/layout/LayoutGrid.svelte.d.ts +0 -38
- package/dist/layout/LayoutHeader.svelte +0 -94
- package/dist/layout/LayoutHeader.svelte.d.ts +0 -39
- package/dist/layout/LayoutSideMenu.svelte +0 -54
- package/dist/layout/LayoutSideMenu.svelte.d.ts +0 -25
- package/dist/layout/LayoutTypes.d.ts +0 -15
- package/dist/layout/LayoutTypes.js +0 -9
- package/dist/layout/Overlay.svelte +0 -20
- package/dist/layout/Overlay.svelte.d.ts +0 -35
- package/dist/layout/OverlayContainer.svelte +0 -28
- package/dist/layout/OverlayContainer.svelte.d.ts +0 -16
- package/dist/layout/OverlayLayer.svelte +0 -145
- package/dist/layout/OverlayLayer.svelte.d.ts +0 -22
- package/dist/layout/PageContent.svelte +0 -97
- package/dist/layout/PageContent.svelte.d.ts +0 -28
- package/dist/layout/Theme.svelte +0 -228
- package/dist/layout/Theme.svelte.d.ts +0 -24
- package/dist/layout/UIContent.svelte +0 -15
- package/dist/layout/UIContent.svelte.d.ts +0 -22
- package/dist/layout/index.d.ts +0 -7
- package/dist/layout/index.js +0 -7
- package/dist/layout/overlays.svelte.d.ts +0 -34
- package/dist/layout/overlays.svelte.js +0 -44
- package/dist/nav/Breadcrumb.svelte +0 -82
- package/dist/nav/Breadcrumb.svelte.d.ts +0 -33
- package/dist/nav/Menu.svelte +0 -177
- package/dist/nav/Menu.svelte.d.ts +0 -33
- package/dist/nav/MenuItem.svelte +0 -140
- package/dist/nav/MenuItem.svelte.d.ts +0 -26
- package/dist/nav/MenuTypes.d.ts +0 -58
- package/dist/nav/MenuTypes.js +0 -1
- package/dist/nav/NavMenu.svelte +0 -183
- package/dist/nav/NavMenu.svelte.d.ts +0 -20
- package/dist/nav/TabbedContent.svelte +0 -43
- package/dist/nav/TabbedContent.svelte.d.ts +0 -24
- package/dist/nav/Tabs.svelte +0 -118
- package/dist/nav/Tabs.svelte.d.ts +0 -26
- package/dist/nav/index.d.ts +0 -6
- package/dist/nav/index.js +0 -5
- package/dist/style.css +0 -853
- package/dist/typo/Clamp.svelte +0 -25
- package/dist/typo/Clamp.svelte.d.ts +0 -28
- package/dist/typo/H.svelte +0 -52
- package/dist/typo/H.svelte.d.ts +0 -32
- package/dist/typo/H1.svelte +0 -14
- package/dist/typo/H1.svelte.d.ts +0 -30
- package/dist/typo/H2.svelte +0 -14
- package/dist/typo/H2.svelte.d.ts +0 -30
- package/dist/typo/H3.svelte +0 -14
- package/dist/typo/H3.svelte.d.ts +0 -30
- package/dist/typo/H4.svelte +0 -14
- package/dist/typo/H4.svelte.d.ts +0 -30
- package/dist/typo/H5.svelte +0 -14
- package/dist/typo/H5.svelte.d.ts +0 -30
- package/dist/typo/H6.svelte +0 -14
- package/dist/typo/H6.svelte.d.ts +0 -30
- package/dist/typo/P.svelte +0 -34
- package/dist/typo/P.svelte.d.ts +0 -30
- package/dist/typo/index.d.ts +0 -9
- package/dist/typo/index.js +0 -9
- package/dist/utils/StringOrComponentOrSnippet.svelte +0 -14
- package/dist/utils/StringOrComponentOrSnippet.svelte.d.ts +0 -24
- package/dist/utils/attr.d.ts +0 -5
- package/dist/utils/attr.js +0 -21
- package/dist/utils/color.d.ts +0 -51
- package/dist/utils/color.js +0 -97
- package/dist/utils/defaults.d.ts +0 -4
- package/dist/utils/defaults.js +0 -1
- package/dist/utils/dom.d.ts +0 -15
- package/dist/utils/dom.js +0 -74
- package/dist/utils/hooks.server.d.ts +0 -2
- package/dist/utils/hooks.server.js +0 -16
- package/dist/utils/id.d.ts +0 -1
- package/dist/utils/id.js +0 -3
- package/dist/utils/index.d.ts +0 -8
- package/dist/utils/index.js +0 -5
- package/dist/utils/isSnippet.d.ts +0 -5
- package/dist/utils/isSnippet.js +0 -6
- package/dist/utils/keyboard.svelte.d.ts +0 -22
- package/dist/utils/keyboard.svelte.js +0 -161
- /package/dist/{utils → util}/transitions.d.ts +0 -0
- /package/dist/{utils → util}/transitions.js +0 -0
package/dist/typo/Clamp.svelte
DELETED
@@ -1,25 +0,0 @@
|
|
1
|
-
<script lang="ts">import { setContext } from "svelte";
|
2
|
-
let {
|
3
|
-
children,
|
4
|
-
inline,
|
5
|
-
block,
|
6
|
-
clip
|
7
|
-
} = $props();
|
8
|
-
</script>
|
9
|
-
|
10
|
-
<div class="Clamp" class:clip style="{inline ? '--clampInline: '+inline : ''} {block ? '--clampBlock: '+block : ''}">
|
11
|
-
{@render children()}
|
12
|
-
</div>
|
13
|
-
|
14
|
-
<style>
|
15
|
-
.Clamp {
|
16
|
-
max-inline-size: var(--clampInline, inherit);
|
17
|
-
max-block-size: var(--clampBlock, inherit);
|
18
|
-
}
|
19
|
-
.Clamp.clip {
|
20
|
-
white-space: nowrap;
|
21
|
-
overflow: hidden;
|
22
|
-
text-overflow: ellipsis;
|
23
|
-
container-type: inline-size;
|
24
|
-
}
|
25
|
-
</style>
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import { SvelteComponent } from "svelte";
|
2
|
-
import { type Snippet } from "svelte";
|
3
|
-
declare const __propDef: {
|
4
|
-
props: {
|
5
|
-
children: Snippet;
|
6
|
-
inline?: string | undefined;
|
7
|
-
block?: string | undefined;
|
8
|
-
clip?: boolean | undefined;
|
9
|
-
};
|
10
|
-
events: {
|
11
|
-
[evt: string]: CustomEvent<any>;
|
12
|
-
};
|
13
|
-
slots: {};
|
14
|
-
};
|
15
|
-
export type ClampProps = typeof __propDef.props;
|
16
|
-
export type ClampEvents = typeof __propDef.events;
|
17
|
-
export type ClampSlots = typeof __propDef.slots;
|
18
|
-
export default class Clamp extends SvelteComponent<ClampProps, ClampEvents, ClampSlots> {
|
19
|
-
constructor(options?: import("svelte").ComponentConstructorOptions<{
|
20
|
-
children: (this: void) => typeof import("svelte").SnippetReturn & {
|
21
|
-
_: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
|
22
|
-
};
|
23
|
-
inline?: string | undefined;
|
24
|
-
block?: string | undefined;
|
25
|
-
clip?: boolean | undefined;
|
26
|
-
}>);
|
27
|
-
}
|
28
|
-
export {};
|
package/dist/typo/H.svelte
DELETED
@@ -1,52 +0,0 @@
|
|
1
|
-
<script lang="ts">import {} from "svelte";
|
2
|
-
let {
|
3
|
-
children,
|
4
|
-
lang,
|
5
|
-
level = 1,
|
6
|
-
center = false,
|
7
|
-
subtle = false,
|
8
|
-
hr = false
|
9
|
-
} = $props();
|
10
|
-
const Tag = `h${level}`;
|
11
|
-
</script>
|
12
|
-
|
13
|
-
<svelte:element this={Tag} class:subtle class:hr class:center class="H Level-{level}" {lang}>
|
14
|
-
{@render children()}
|
15
|
-
</svelte:element>
|
16
|
-
|
17
|
-
<style>
|
18
|
-
.center {
|
19
|
-
text-align: center;
|
20
|
-
}
|
21
|
-
.subtle {
|
22
|
-
color: var(--text-subtle);
|
23
|
-
}
|
24
|
-
.hr {
|
25
|
-
border-block-end: var(--border);
|
26
|
-
}
|
27
|
-
.Level-1.hr {
|
28
|
-
padding-block-end: 2rem;
|
29
|
-
margin-block-end: 1rem;
|
30
|
-
border-block-end: var(--border);
|
31
|
-
}
|
32
|
-
.Level-2.hr {
|
33
|
-
padding-block-end: 1.5rem;
|
34
|
-
margin-block-end: 0.75rem;
|
35
|
-
}
|
36
|
-
.Level-3.hr {
|
37
|
-
padding-block-end: 1rem;
|
38
|
-
margin-block-end: 0.5rem;
|
39
|
-
}
|
40
|
-
.Level-4.hr {
|
41
|
-
padding-block-end: 0.75rem;
|
42
|
-
margin-block-end: 0.75rem;
|
43
|
-
}
|
44
|
-
.Level-5.hr {
|
45
|
-
padding-block-end: 0.75rem;
|
46
|
-
margin-block-end: 0.25rem;
|
47
|
-
}
|
48
|
-
.Level-6.hr {
|
49
|
-
padding-block-end: 0.5rem;
|
50
|
-
margin-block-end: 0.25rem;
|
51
|
-
}
|
52
|
-
</style>
|
package/dist/typo/H.svelte.d.ts
DELETED
@@ -1,32 +0,0 @@
|
|
1
|
-
import { SvelteComponent } from "svelte";
|
2
|
-
import { type Snippet } from "svelte";
|
3
|
-
declare const __propDef: {
|
4
|
-
props: {
|
5
|
-
children: Snippet;
|
6
|
-
lang?: string | undefined;
|
7
|
-
level?: 5 | 3 | 2 | 1 | 4 | 6 | undefined;
|
8
|
-
center?: boolean | undefined;
|
9
|
-
subtle?: boolean | undefined;
|
10
|
-
hr?: boolean | undefined;
|
11
|
-
};
|
12
|
-
events: {
|
13
|
-
[evt: string]: CustomEvent<any>;
|
14
|
-
};
|
15
|
-
slots: {};
|
16
|
-
};
|
17
|
-
export type HProps = typeof __propDef.props;
|
18
|
-
export type HEvents = typeof __propDef.events;
|
19
|
-
export type HSlots = typeof __propDef.slots;
|
20
|
-
export default class H extends SvelteComponent<HProps, HEvents, HSlots> {
|
21
|
-
constructor(options?: import("svelte").ComponentConstructorOptions<{
|
22
|
-
children: (this: void) => typeof import("svelte").SnippetReturn & {
|
23
|
-
_: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
|
24
|
-
};
|
25
|
-
lang?: string | undefined;
|
26
|
-
level?: 5 | 3 | 2 | 1 | 4 | 6 | undefined;
|
27
|
-
center?: boolean | undefined;
|
28
|
-
subtle?: boolean | undefined;
|
29
|
-
hr?: boolean | undefined;
|
30
|
-
}>);
|
31
|
-
}
|
32
|
-
export {};
|
package/dist/typo/H1.svelte
DELETED
@@ -1,14 +0,0 @@
|
|
1
|
-
<script lang="ts">import {} from "svelte";
|
2
|
-
import H from "./H.svelte";
|
3
|
-
let {
|
4
|
-
center = false,
|
5
|
-
lang,
|
6
|
-
hr = false,
|
7
|
-
subtle = false,
|
8
|
-
children
|
9
|
-
} = $props();
|
10
|
-
</script>
|
11
|
-
|
12
|
-
<H level={1} center={center} hr={hr} subtle={subtle} {lang}>
|
13
|
-
{@render children()}
|
14
|
-
</H>
|
package/dist/typo/H1.svelte.d.ts
DELETED
@@ -1,30 +0,0 @@
|
|
1
|
-
import { SvelteComponent } from "svelte";
|
2
|
-
import { type Snippet } from "svelte";
|
3
|
-
declare const __propDef: {
|
4
|
-
props: {
|
5
|
-
center?: boolean | undefined;
|
6
|
-
lang?: string | undefined;
|
7
|
-
hr?: boolean | undefined;
|
8
|
-
subtle?: boolean | undefined;
|
9
|
-
children: Snippet;
|
10
|
-
};
|
11
|
-
events: {
|
12
|
-
[evt: string]: CustomEvent<any>;
|
13
|
-
};
|
14
|
-
slots: {};
|
15
|
-
};
|
16
|
-
export type H1Props = typeof __propDef.props;
|
17
|
-
export type H1Events = typeof __propDef.events;
|
18
|
-
export type H1Slots = typeof __propDef.slots;
|
19
|
-
export default class H1 extends SvelteComponent<H1Props, H1Events, H1Slots> {
|
20
|
-
constructor(options?: import("svelte").ComponentConstructorOptions<{
|
21
|
-
center?: boolean | undefined;
|
22
|
-
lang?: string | undefined;
|
23
|
-
hr?: boolean | undefined;
|
24
|
-
subtle?: boolean | undefined;
|
25
|
-
children: (this: void) => typeof import("svelte").SnippetReturn & {
|
26
|
-
_: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
|
27
|
-
};
|
28
|
-
}>);
|
29
|
-
}
|
30
|
-
export {};
|
package/dist/typo/H2.svelte
DELETED
@@ -1,14 +0,0 @@
|
|
1
|
-
<script lang="ts">import {} from "svelte";
|
2
|
-
import H from "./H.svelte";
|
3
|
-
let {
|
4
|
-
center = false,
|
5
|
-
lang,
|
6
|
-
hr = false,
|
7
|
-
subtle = false,
|
8
|
-
children
|
9
|
-
} = $props();
|
10
|
-
</script>
|
11
|
-
|
12
|
-
<H level={2} center={center} hr={hr} subtle={subtle} {lang}>
|
13
|
-
{@render children()}
|
14
|
-
</H>
|
package/dist/typo/H2.svelte.d.ts
DELETED
@@ -1,30 +0,0 @@
|
|
1
|
-
import { SvelteComponent } from "svelte";
|
2
|
-
import { type Snippet } from "svelte";
|
3
|
-
declare const __propDef: {
|
4
|
-
props: {
|
5
|
-
center?: boolean | undefined;
|
6
|
-
lang?: string | undefined;
|
7
|
-
hr?: boolean | undefined;
|
8
|
-
subtle?: boolean | undefined;
|
9
|
-
children: Snippet;
|
10
|
-
};
|
11
|
-
events: {
|
12
|
-
[evt: string]: CustomEvent<any>;
|
13
|
-
};
|
14
|
-
slots: {};
|
15
|
-
};
|
16
|
-
export type H2Props = typeof __propDef.props;
|
17
|
-
export type H2Events = typeof __propDef.events;
|
18
|
-
export type H2Slots = typeof __propDef.slots;
|
19
|
-
export default class H2 extends SvelteComponent<H2Props, H2Events, H2Slots> {
|
20
|
-
constructor(options?: import("svelte").ComponentConstructorOptions<{
|
21
|
-
center?: boolean | undefined;
|
22
|
-
lang?: string | undefined;
|
23
|
-
hr?: boolean | undefined;
|
24
|
-
subtle?: boolean | undefined;
|
25
|
-
children: (this: void) => typeof import("svelte").SnippetReturn & {
|
26
|
-
_: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
|
27
|
-
};
|
28
|
-
}>);
|
29
|
-
}
|
30
|
-
export {};
|
package/dist/typo/H3.svelte
DELETED
@@ -1,14 +0,0 @@
|
|
1
|
-
<script lang="ts">import {} from "svelte";
|
2
|
-
import H from "./H.svelte";
|
3
|
-
let {
|
4
|
-
center = false,
|
5
|
-
lang,
|
6
|
-
hr = false,
|
7
|
-
subtle = false,
|
8
|
-
children
|
9
|
-
} = $props();
|
10
|
-
</script>
|
11
|
-
|
12
|
-
<H level={3} center={center} hr={hr} subtle={subtle} {lang}>
|
13
|
-
{@render children()}
|
14
|
-
</H>
|
package/dist/typo/H3.svelte.d.ts
DELETED
@@ -1,30 +0,0 @@
|
|
1
|
-
import { SvelteComponent } from "svelte";
|
2
|
-
import { type Snippet } from "svelte";
|
3
|
-
declare const __propDef: {
|
4
|
-
props: {
|
5
|
-
center?: boolean | undefined;
|
6
|
-
lang?: string | undefined;
|
7
|
-
hr?: boolean | undefined;
|
8
|
-
subtle?: boolean | undefined;
|
9
|
-
children: Snippet;
|
10
|
-
};
|
11
|
-
events: {
|
12
|
-
[evt: string]: CustomEvent<any>;
|
13
|
-
};
|
14
|
-
slots: {};
|
15
|
-
};
|
16
|
-
export type H3Props = typeof __propDef.props;
|
17
|
-
export type H3Events = typeof __propDef.events;
|
18
|
-
export type H3Slots = typeof __propDef.slots;
|
19
|
-
export default class H3 extends SvelteComponent<H3Props, H3Events, H3Slots> {
|
20
|
-
constructor(options?: import("svelte").ComponentConstructorOptions<{
|
21
|
-
center?: boolean | undefined;
|
22
|
-
lang?: string | undefined;
|
23
|
-
hr?: boolean | undefined;
|
24
|
-
subtle?: boolean | undefined;
|
25
|
-
children: (this: void) => typeof import("svelte").SnippetReturn & {
|
26
|
-
_: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
|
27
|
-
};
|
28
|
-
}>);
|
29
|
-
}
|
30
|
-
export {};
|
package/dist/typo/H4.svelte
DELETED
@@ -1,14 +0,0 @@
|
|
1
|
-
<script lang="ts">import {} from "svelte";
|
2
|
-
import H from "./H.svelte";
|
3
|
-
let {
|
4
|
-
center = false,
|
5
|
-
lang,
|
6
|
-
hr = false,
|
7
|
-
subtle = false,
|
8
|
-
children
|
9
|
-
} = $props();
|
10
|
-
</script>
|
11
|
-
|
12
|
-
<H level={4} center={center} hr={hr} subtle={subtle} {lang}>
|
13
|
-
{@render children()}
|
14
|
-
</H>
|
package/dist/typo/H4.svelte.d.ts
DELETED
@@ -1,30 +0,0 @@
|
|
1
|
-
import { SvelteComponent } from "svelte";
|
2
|
-
import { type Snippet } from "svelte";
|
3
|
-
declare const __propDef: {
|
4
|
-
props: {
|
5
|
-
center?: boolean | undefined;
|
6
|
-
lang?: string | undefined;
|
7
|
-
hr?: boolean | undefined;
|
8
|
-
subtle?: boolean | undefined;
|
9
|
-
children: Snippet;
|
10
|
-
};
|
11
|
-
events: {
|
12
|
-
[evt: string]: CustomEvent<any>;
|
13
|
-
};
|
14
|
-
slots: {};
|
15
|
-
};
|
16
|
-
export type H4Props = typeof __propDef.props;
|
17
|
-
export type H4Events = typeof __propDef.events;
|
18
|
-
export type H4Slots = typeof __propDef.slots;
|
19
|
-
export default class H4 extends SvelteComponent<H4Props, H4Events, H4Slots> {
|
20
|
-
constructor(options?: import("svelte").ComponentConstructorOptions<{
|
21
|
-
center?: boolean | undefined;
|
22
|
-
lang?: string | undefined;
|
23
|
-
hr?: boolean | undefined;
|
24
|
-
subtle?: boolean | undefined;
|
25
|
-
children: (this: void) => typeof import("svelte").SnippetReturn & {
|
26
|
-
_: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
|
27
|
-
};
|
28
|
-
}>);
|
29
|
-
}
|
30
|
-
export {};
|
package/dist/typo/H5.svelte
DELETED
@@ -1,14 +0,0 @@
|
|
1
|
-
<script lang="ts">import {} from "svelte";
|
2
|
-
import H from "./H.svelte";
|
3
|
-
let {
|
4
|
-
center = false,
|
5
|
-
lang,
|
6
|
-
hr = false,
|
7
|
-
subtle = false,
|
8
|
-
children
|
9
|
-
} = $props();
|
10
|
-
</script>
|
11
|
-
|
12
|
-
<H level={5} center={center} hr={hr} subtle={subtle} {lang}>
|
13
|
-
{@render children()}
|
14
|
-
</H>
|
package/dist/typo/H5.svelte.d.ts
DELETED
@@ -1,30 +0,0 @@
|
|
1
|
-
import { SvelteComponent } from "svelte";
|
2
|
-
import { type Snippet } from "svelte";
|
3
|
-
declare const __propDef: {
|
4
|
-
props: {
|
5
|
-
center?: boolean | undefined;
|
6
|
-
lang?: string | undefined;
|
7
|
-
hr?: boolean | undefined;
|
8
|
-
subtle?: boolean | undefined;
|
9
|
-
children: Snippet;
|
10
|
-
};
|
11
|
-
events: {
|
12
|
-
[evt: string]: CustomEvent<any>;
|
13
|
-
};
|
14
|
-
slots: {};
|
15
|
-
};
|
16
|
-
export type H5Props = typeof __propDef.props;
|
17
|
-
export type H5Events = typeof __propDef.events;
|
18
|
-
export type H5Slots = typeof __propDef.slots;
|
19
|
-
export default class H5 extends SvelteComponent<H5Props, H5Events, H5Slots> {
|
20
|
-
constructor(options?: import("svelte").ComponentConstructorOptions<{
|
21
|
-
center?: boolean | undefined;
|
22
|
-
lang?: string | undefined;
|
23
|
-
hr?: boolean | undefined;
|
24
|
-
subtle?: boolean | undefined;
|
25
|
-
children: (this: void) => typeof import("svelte").SnippetReturn & {
|
26
|
-
_: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
|
27
|
-
};
|
28
|
-
}>);
|
29
|
-
}
|
30
|
-
export {};
|
package/dist/typo/H6.svelte
DELETED
@@ -1,14 +0,0 @@
|
|
1
|
-
<script lang="ts">import {} from "svelte";
|
2
|
-
import H from "./H.svelte";
|
3
|
-
let {
|
4
|
-
center = false,
|
5
|
-
lang,
|
6
|
-
hr = false,
|
7
|
-
subtle = false,
|
8
|
-
children
|
9
|
-
} = $props();
|
10
|
-
</script>
|
11
|
-
|
12
|
-
<H level={6} center={center} hr={hr} subtle={subtle} {lang}>
|
13
|
-
{@render children()}
|
14
|
-
</H>
|
package/dist/typo/H6.svelte.d.ts
DELETED
@@ -1,30 +0,0 @@
|
|
1
|
-
import { SvelteComponent } from "svelte";
|
2
|
-
import { type Snippet } from "svelte";
|
3
|
-
declare const __propDef: {
|
4
|
-
props: {
|
5
|
-
center?: boolean | undefined;
|
6
|
-
lang?: string | undefined;
|
7
|
-
hr?: boolean | undefined;
|
8
|
-
subtle?: boolean | undefined;
|
9
|
-
children: Snippet;
|
10
|
-
};
|
11
|
-
events: {
|
12
|
-
[evt: string]: CustomEvent<any>;
|
13
|
-
};
|
14
|
-
slots: {};
|
15
|
-
};
|
16
|
-
export type H6Props = typeof __propDef.props;
|
17
|
-
export type H6Events = typeof __propDef.events;
|
18
|
-
export type H6Slots = typeof __propDef.slots;
|
19
|
-
export default class H6 extends SvelteComponent<H6Props, H6Events, H6Slots> {
|
20
|
-
constructor(options?: import("svelte").ComponentConstructorOptions<{
|
21
|
-
center?: boolean | undefined;
|
22
|
-
lang?: string | undefined;
|
23
|
-
hr?: boolean | undefined;
|
24
|
-
subtle?: boolean | undefined;
|
25
|
-
children: (this: void) => typeof import("svelte").SnippetReturn & {
|
26
|
-
_: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
|
27
|
-
};
|
28
|
-
}>);
|
29
|
-
}
|
30
|
-
export {};
|
package/dist/typo/P.svelte
DELETED
@@ -1,34 +0,0 @@
|
|
1
|
-
<script lang="ts">import {} from "svelte";
|
2
|
-
let {
|
3
|
-
center = false,
|
4
|
-
lang,
|
5
|
-
subtle = false,
|
6
|
-
strong = false,
|
7
|
-
children
|
8
|
-
} = $props();
|
9
|
-
</script>
|
10
|
-
|
11
|
-
<p
|
12
|
-
class="P"
|
13
|
-
class:subtle
|
14
|
-
class:center
|
15
|
-
class:strong
|
16
|
-
{lang}
|
17
|
-
>
|
18
|
-
{@render children()}
|
19
|
-
</p>
|
20
|
-
|
21
|
-
<style>
|
22
|
-
p {
|
23
|
-
color: var(--color, var(--text));
|
24
|
-
}
|
25
|
-
.subtle {
|
26
|
-
color: var(--color, var(--text-subtle));
|
27
|
-
}
|
28
|
-
.center {
|
29
|
-
text-align: center;
|
30
|
-
}
|
31
|
-
.strong {
|
32
|
-
font-weight: 800;
|
33
|
-
}
|
34
|
-
</style>
|
package/dist/typo/P.svelte.d.ts
DELETED
@@ -1,30 +0,0 @@
|
|
1
|
-
import { SvelteComponent } from "svelte";
|
2
|
-
import { type Snippet } from "svelte";
|
3
|
-
declare const __propDef: {
|
4
|
-
props: {
|
5
|
-
center?: boolean | undefined;
|
6
|
-
lang?: string | undefined;
|
7
|
-
subtle?: boolean | undefined;
|
8
|
-
strong?: boolean | undefined;
|
9
|
-
children: Snippet;
|
10
|
-
};
|
11
|
-
events: {
|
12
|
-
[evt: string]: CustomEvent<any>;
|
13
|
-
};
|
14
|
-
slots: {};
|
15
|
-
};
|
16
|
-
export type PProps = typeof __propDef.props;
|
17
|
-
export type PEvents = typeof __propDef.events;
|
18
|
-
export type PSlots = typeof __propDef.slots;
|
19
|
-
export default class P extends SvelteComponent<PProps, PEvents, PSlots> {
|
20
|
-
constructor(options?: import("svelte").ComponentConstructorOptions<{
|
21
|
-
center?: boolean | undefined;
|
22
|
-
lang?: string | undefined;
|
23
|
-
subtle?: boolean | undefined;
|
24
|
-
strong?: boolean | undefined;
|
25
|
-
children: (this: void) => typeof import("svelte").SnippetReturn & {
|
26
|
-
_: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
|
27
|
-
};
|
28
|
-
}>);
|
29
|
-
}
|
30
|
-
export {};
|
package/dist/typo/index.d.ts
DELETED
@@ -1,9 +0,0 @@
|
|
1
|
-
export { default as Clamp } from './Clamp.svelte';
|
2
|
-
export { default as H } from './H.svelte';
|
3
|
-
export { default as H1 } from './H1.svelte';
|
4
|
-
export { default as H2 } from './H2.svelte';
|
5
|
-
export { default as H3 } from './H3.svelte';
|
6
|
-
export { default as H4 } from './H4.svelte';
|
7
|
-
export { default as H5 } from './H5.svelte';
|
8
|
-
export { default as H6 } from './H6.svelte';
|
9
|
-
export { default as P } from './P.svelte';
|
package/dist/typo/index.js
DELETED
@@ -1,9 +0,0 @@
|
|
1
|
-
export { default as Clamp } from './Clamp.svelte';
|
2
|
-
export { default as H } from './H.svelte';
|
3
|
-
export { default as H1 } from './H1.svelte';
|
4
|
-
export { default as H2 } from './H2.svelte';
|
5
|
-
export { default as H3 } from './H3.svelte';
|
6
|
-
export { default as H4 } from './H4.svelte';
|
7
|
-
export { default as H5 } from './H5.svelte';
|
8
|
-
export { default as H6 } from './H6.svelte';
|
9
|
-
export { default as P } from './P.svelte';
|
@@ -1,14 +0,0 @@
|
|
1
|
-
<script lang="ts">import { isComponent, isSnippet } from "./isSnippet.js";
|
2
|
-
let {
|
3
|
-
content,
|
4
|
-
props
|
5
|
-
} = $props();
|
6
|
-
</script>
|
7
|
-
|
8
|
-
{#if typeof content === 'string'}
|
9
|
-
{content}
|
10
|
-
{:else if isComponent(content)}
|
11
|
-
<svelte:component this={content} {...props} />
|
12
|
-
{:else if isSnippet(content)}
|
13
|
-
{@render content()}
|
14
|
-
{/if}
|
@@ -1,24 +0,0 @@
|
|
1
|
-
import { SvelteComponent } from "svelte";
|
2
|
-
import type { ComponentType, Snippet } from "svelte";
|
3
|
-
declare const __propDef: {
|
4
|
-
props: {
|
5
|
-
content: string | ComponentType | Snippet;
|
6
|
-
props?: Record<string, any> | undefined;
|
7
|
-
};
|
8
|
-
events: {
|
9
|
-
[evt: string]: CustomEvent<any>;
|
10
|
-
};
|
11
|
-
slots: {};
|
12
|
-
};
|
13
|
-
export type StringOrComponentOrSnippetProps = typeof __propDef.props;
|
14
|
-
export type StringOrComponentOrSnippetEvents = typeof __propDef.events;
|
15
|
-
export type StringOrComponentOrSnippetSlots = typeof __propDef.slots;
|
16
|
-
export default class StringOrComponentOrSnippet extends SvelteComponent<StringOrComponentOrSnippetProps, StringOrComponentOrSnippetEvents, StringOrComponentOrSnippetSlots> {
|
17
|
-
constructor(options?: import("svelte").ComponentConstructorOptions<{
|
18
|
-
content: string | ((this: void) => typeof import("svelte").SnippetReturn & {
|
19
|
-
_: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
|
20
|
-
}) | ComponentType;
|
21
|
-
props?: Record<string, any> | undefined;
|
22
|
-
}>);
|
23
|
-
}
|
24
|
-
export {};
|
package/dist/utils/attr.d.ts
DELETED
@@ -1,5 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Node attribute helper. This is used to create a function that will set e.g. onclick, aria, etc. attributes on an element.
|
3
|
-
* @returns {Function} - The function to set the attributes. Pass this as `attr(opts)` to a child which can use it with `use:attr`.
|
4
|
-
*/
|
5
|
-
export declare function attr(opts: Record<string, any>): (node: Element) => void;
|
package/dist/utils/attr.js
DELETED
@@ -1,21 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Node attribute helper. This is used to create a function that will set e.g. onclick, aria, etc. attributes on an element.
|
3
|
-
* @returns {Function} - The function to set the attributes. Pass this as `attr(opts)` to a child which can use it with `use:attr`.
|
4
|
-
*/
|
5
|
-
export function attr(opts) {
|
6
|
-
return function (node) {
|
7
|
-
for (const [key, value] of Object.entries(opts)) {
|
8
|
-
if (key.startsWith('on')) {
|
9
|
-
node.addEventListener(key.slice(2).toLowerCase(), value);
|
10
|
-
}
|
11
|
-
else {
|
12
|
-
if (value === false) {
|
13
|
-
node.removeAttribute(key);
|
14
|
-
}
|
15
|
-
else {
|
16
|
-
node.setAttribute(key, value);
|
17
|
-
}
|
18
|
-
}
|
19
|
-
}
|
20
|
-
};
|
21
|
-
}
|
package/dist/utils/color.d.ts
DELETED
@@ -1,51 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Convert a string to a color
|
3
|
-
* @param {string} str - The string to convert
|
4
|
-
* @returns {string} The color
|
5
|
-
*/
|
6
|
-
export declare function stringToColor(str: string): string;
|
7
|
-
/**
|
8
|
-
* Convert a hex color to rgb
|
9
|
-
* @param {string} hex - The hex color
|
10
|
-
* @returns {number[]} The rgb color
|
11
|
-
*/
|
12
|
-
export declare function hexToRgb(hex: string): number[];
|
13
|
-
/**
|
14
|
-
* Get the relative luminance of a color from a hex color
|
15
|
-
* @param {string} hex - The hex color
|
16
|
-
* @returns {number} The relative luminance
|
17
|
-
*/
|
18
|
-
export declare function hexRelativeLuminance(hex: string): number;
|
19
|
-
/**
|
20
|
-
* Get the relative luminance of a color according to the W3C
|
21
|
-
* @param {number} R8bit - The red value
|
22
|
-
* @param {number} G8bit - The green value
|
23
|
-
* @param {number} B8bit - The blue value
|
24
|
-
* @returns
|
25
|
-
*/
|
26
|
-
export declare function relativeLuminanceW3C(R8bit: number, G8bit: number, B8bit: number): number;
|
27
|
-
/**
|
28
|
-
* Status colors
|
29
|
-
*/
|
30
|
-
export declare const StatusColors: {
|
31
|
-
readonly default: "default";
|
32
|
-
readonly ok: "ok";
|
33
|
-
readonly alert: "alert";
|
34
|
-
readonly warn: "warn";
|
35
|
-
readonly info: "info";
|
36
|
-
readonly task: "task";
|
37
|
-
};
|
38
|
-
export type StatusColor = keyof typeof StatusColors;
|
39
|
-
export type StatusColorOrString = StatusColor | (string & {});
|
40
|
-
/**
|
41
|
-
* Check if the value is a valid StatusColor
|
42
|
-
* @param {string} value - The value to check
|
43
|
-
* @returns {boolean} - If the value is a valid StatusColor
|
44
|
-
*/
|
45
|
-
export declare const isStatusColor: (value?: string) => value is "default" | "ok" | "alert" | "warn" | "info" | "task";
|
46
|
-
/**
|
47
|
-
* Get the CSS variable for a status color
|
48
|
-
* @param {StatusColorOrString} color - The status color
|
49
|
-
* @returns {string} - The CSS variable for the status color
|
50
|
-
*/
|
51
|
-
export declare function getStatusColorVar(color?: StatusColorOrString, fallback?: string): string;
|