@dillingerstaffing/strand-svelte 0.15.0 → 0.15.2
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 +3 -3
- package/dist/css/strand-ui.css +32 -6
- package/dist/index.js.map +1 -1
- package/package.json +4 -3
- package/src/components/Alert/Alert.svelte +14 -0
- package/src/components/Avatar/Avatar.svelte +13 -0
- package/src/components/Badge/Badge.svelte +15 -0
- package/src/components/Breadcrumb/Breadcrumb.svelte +18 -0
- package/src/components/Button/Button.svelte +14 -0
- package/src/components/Card/Card.svelte +15 -0
- package/src/components/Checkbox/Checkbox.svelte +13 -0
- package/src/components/CodeBlock/CodeBlock.svelte +12 -0
- package/src/components/Container/Container.svelte +14 -0
- package/src/components/DataReadout/DataReadout.svelte +12 -0
- package/src/components/Dialog/Dialog.svelte +15 -0
- package/src/components/Divider/Divider.svelte +12 -0
- package/src/components/FormField/FormField.svelte +14 -0
- package/src/components/Grid/Grid.svelte +16 -0
- package/src/components/Input/Input.svelte +12 -0
- package/src/components/InstrumentViewport/InstrumentViewport.svelte +14 -0
- package/src/components/Link/Link.svelte +13 -0
- package/src/components/Nav/Nav.svelte +19 -0
- package/src/components/Progress/Progress.svelte +13 -0
- package/src/components/Radio/Radio.svelte +14 -0
- package/src/components/ScrollReveal/ScrollReveal.svelte +14 -0
- package/src/components/Section/Section.svelte +16 -0
- package/src/components/Select/Select.svelte +17 -0
- package/src/components/Skeleton/Skeleton.svelte +14 -0
- package/src/components/Slider/Slider.svelte +13 -0
- package/src/components/Spinner/Spinner.svelte +12 -0
- package/src/components/Stack/Stack.svelte +15 -0
- package/src/components/Switch/Switch.svelte +13 -0
- package/src/components/Table/Table.svelte +21 -0
- package/src/components/Tabs/Tabs.svelte +20 -0
- package/src/components/Tag/Tag.svelte +14 -0
- package/src/components/Textarea/Textarea.svelte +13 -0
- package/src/components/Toast/Toast.svelte +12 -0
- package/src/components/Toast/ToastProvider.svelte +14 -0
- package/src/components/Tooltip/Tooltip.svelte +14 -0
|
@@ -1,4 +1,17 @@
|
|
|
1
1
|
<!--! Strand Svelte | MIT License | dillingerstaffing.com -->
|
|
2
|
+
<!--
|
|
3
|
+
Multi-line text input with auto-resize, character count, and error state.
|
|
4
|
+
|
|
5
|
+
@example
|
|
6
|
+
```svelte
|
|
7
|
+
<script>
|
|
8
|
+
import { Textarea } from '@dillingerstaffing/strand-svelte';
|
|
9
|
+
let text = '';
|
|
10
|
+
</script>
|
|
11
|
+
|
|
12
|
+
<Textarea bind:value={text} maxLength={500} showCount autoResize />
|
|
13
|
+
```
|
|
14
|
+
-->
|
|
2
15
|
<script lang="ts">
|
|
3
16
|
/** Auto-resize to fit content */
|
|
4
17
|
export let autoResize: boolean = false
|
|
@@ -1,4 +1,16 @@
|
|
|
1
1
|
<!--! Strand Svelte | MIT License | dillingerstaffing.com -->
|
|
2
|
+
<!--
|
|
3
|
+
Standalone notification message with status indicator and optional dismiss.
|
|
4
|
+
|
|
5
|
+
@example
|
|
6
|
+
```svelte
|
|
7
|
+
<script>
|
|
8
|
+
import { Toast } from '@dillingerstaffing/strand-svelte';
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<Toast status="success" message="Changes saved." ondismiss={() => {}} />
|
|
12
|
+
```
|
|
13
|
+
-->
|
|
2
14
|
<script lang="ts">
|
|
3
15
|
import type { ToastStatus } from './useToast'
|
|
4
16
|
|
|
@@ -1,4 +1,18 @@
|
|
|
1
1
|
<!--! Strand Svelte | MIT License | dillingerstaffing.com -->
|
|
2
|
+
<!--
|
|
3
|
+
Context provider that manages toast notifications for its subtree.
|
|
4
|
+
|
|
5
|
+
@example
|
|
6
|
+
```svelte
|
|
7
|
+
<script>
|
|
8
|
+
import { ToastProvider } from '@dillingerstaffing/strand-svelte';
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<ToastProvider>
|
|
12
|
+
<App />
|
|
13
|
+
</ToastProvider>
|
|
14
|
+
```
|
|
15
|
+
-->
|
|
2
16
|
<script lang="ts">
|
|
3
17
|
import { onDestroy } from 'svelte'
|
|
4
18
|
import { createToastContext } from './useToast'
|
|
@@ -1,4 +1,18 @@
|
|
|
1
1
|
<!--! Strand Svelte | MIT License | dillingerstaffing.com -->
|
|
2
|
+
<!--
|
|
3
|
+
Hover/focus-triggered text popup anchored to a trigger element.
|
|
4
|
+
|
|
5
|
+
@example
|
|
6
|
+
```svelte
|
|
7
|
+
<script>
|
|
8
|
+
import { Tooltip, Button } from '@dillingerstaffing/strand-svelte';
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<Tooltip content="Save your progress" position="top">
|
|
12
|
+
<Button variant="primary">Save</Button>
|
|
13
|
+
</Tooltip>
|
|
14
|
+
```
|
|
15
|
+
-->
|
|
2
16
|
<script lang="ts">
|
|
3
17
|
/** Tooltip text */
|
|
4
18
|
export let content: string
|