seblify 0.2.1 → 0.4.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 +145 -49
- package/dist/components/AppShell.svelte +1 -1
- package/dist/components/Banner.svelte +3 -3
- package/dist/components/Button.svelte +4 -4
- package/dist/components/action/button/button/Button.svelte +1041 -0
- package/dist/components/action/button/button/Button.svelte.d.ts +28 -0
- package/dist/components/action/button/button-group/ButtonGroup.svelte +146 -0
- package/dist/components/action/button/button-group/ButtonGroup.svelte.d.ts +14 -0
- package/dist/components/action/button/floating-action-button/FloatingActionButton.svelte +1102 -0
- package/dist/components/action/button/floating-action-button/FloatingActionButton.svelte.d.ts +26 -0
- package/dist/components/action/button/icon-button/IconButton.svelte +954 -0
- package/dist/components/action/button/icon-button/IconButton.svelte.d.ts +22 -0
- package/dist/components/action/button/timed-button/TimedButton.svelte +1143 -0
- package/dist/components/action/button/timed-button/TimedButton.svelte.d.ts +32 -0
- package/dist/components/action/button/toggle-button/ToggleButton.svelte +1109 -0
- package/dist/components/action/button/toggle-button/ToggleButton.svelte.d.ts +28 -0
- package/dist/components/action/button/toggle-button-group/ToggleButtonGroup.svelte +242 -0
- package/dist/components/action/button/toggle-button-group/ToggleButtonGroup.svelte.d.ts +19 -0
- package/dist/components/action/button/toggle-button-group/ToggleButtonGroup.test.svelte +36 -0
- package/dist/components/action/button/toggle-button-group/ToggleButtonGroup.test.svelte.d.ts +11 -0
- package/dist/components/action/button/toggle-button-group/context.d.ts +8 -0
- package/dist/components/action/button/toggle-button-group/context.js +8 -0
- package/dist/components/action/input/field/pin-input/PinInput.svelte +4 -4
- package/dist/components/action/input/select/checkbox/Checkbox.svelte +4704 -25
- package/dist/components/action/input/select/checkbox/Checkbox.svelte.d.ts +28 -0
- package/dist/components/action/input/select/checkbox/checkbox-relations.svelte.d.ts +46 -0
- package/dist/components/action/input/select/checkbox/checkbox-relations.svelte.js +202 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/bounce.d.ts +1 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/bounce.html +27 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/bounce.js +13 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/bump.d.ts +1 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/bump.html +12 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/bump.js +13 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/draw.d.ts +1 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/draw.html +12 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/draw.js +12 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/fade.d.ts +1 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/fade.html +12 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/fade.js +12 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/pop.d.ts +1 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/pop.html +12 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/pop.js +13 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/rise.d.ts +1 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/rise.html +27 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/rise.js +13 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/scale.d.ts +1 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/scale.html +27 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/scale.js +13 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/visual-state.d.ts +1 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/visual-state.html +12 -0
- package/dist/components/action/input/select/checkbox/tests/visual-fixtures/visual-state.js +278 -0
- package/dist/components/action/input/select/{theme-switch/ThemeSwitch.svelte → color-mode-switch/ColorModeSwitch.svelte} +8 -8
- package/dist/components/action/input/select/color-mode-switch/ColorModeSwitch.svelte.d.ts +10 -0
- package/dist/components/action/input/select/segment-control/SegmentControl.svelte +2 -2
- package/dist/components/action/input/select/slider/Slider.svelte +1 -1
- package/dist/components/action/input/select/switch/Switch.svelte +1004 -99
- package/dist/components/action/input/select/switch/Switch.svelte.d.ts +8 -3
- package/dist/components/display/annotation/badge/Badge.svelte +732 -63
- package/dist/components/display/annotation/badge/Badge.svelte.d.ts +1 -1
- package/dist/components/display/annotation/tag/Tag.svelte +670 -58
- package/dist/components/display/annotation/tag/Tag.svelte.d.ts +3 -1
- package/dist/components/display/data-display/metric/date-time/DateTimeValue.svelte +59 -0
- package/dist/components/display/data-display/metric/date-time/DateTimeValue.svelte.d.ts +13 -0
- package/dist/components/display/data-display/metric/date-time/DateValue.svelte +52 -0
- package/dist/components/display/data-display/metric/date-time/DateValue.svelte.d.ts +11 -0
- package/dist/components/display/data-display/metric/date-time/TimeValue.svelte +55 -0
- package/dist/components/display/data-display/metric/date-time/TimeValue.svelte.d.ts +12 -0
- package/dist/components/display/data-display/metric/duration/Duration.svelte +64 -0
- package/dist/components/display/data-display/metric/duration/Duration.svelte.d.ts +16 -0
- package/dist/components/display/data-display/metric/relative-time/RelativeTime.svelte +121 -0
- package/dist/components/display/data-display/metric/relative-time/RelativeTime.svelte.d.ts +21 -0
- package/dist/components/display/data-display/metric/timestamp-card/TimestampCard.svelte +121 -0
- package/dist/components/display/data-display/metric/timestamp-card/TimestampCard.svelte.d.ts +25 -0
- package/dist/components/display/data-display/visual/timeline/TimelineItem.svelte +660 -51
- package/dist/components/display/data-display/visual/timeline/context.d.ts +1 -1
- package/dist/components/display/feedback/loading/loading-dots/LoadingDots.svelte +657 -48
- package/dist/components/display/feedback/loading/loading-dots/LoadingDots.svelte.d.ts +1 -1
- package/dist/components/display/feedback/loading/spinner/Spinner.svelte +657 -48
- package/dist/components/display/feedback/loading/spinner/Spinner.svelte.d.ts +1 -1
- package/dist/components/display/motion/collapse/Collapse.svelte +115 -0
- package/dist/components/display/motion/collapse/Collapse.svelte.d.ts +17 -0
- package/dist/components/display/typography/accordion/Accordion.svelte +347 -0
- package/dist/components/display/typography/accordion/Accordion.svelte.d.ts +13 -0
- package/dist/components/display/typography/accordion/AccordionGroup.svelte +132 -0
- package/dist/components/display/typography/accordion/AccordionGroup.svelte.d.ts +11 -0
- package/dist/components/display/typography/accordion/context.d.ts +8 -0
- package/dist/components/display/typography/accordion/context.js +8 -0
- package/dist/components/display/typography/code-snippet/CodeSnippet.svelte +3 -3
- package/dist/components/display/typography/eyebrow/Eyebrow.svelte +2 -2
- package/dist/components/display/typography/highlight/Highlight.svelte +719 -59
- package/dist/components/display/typography/highlight/Highlight.svelte.d.ts +1 -1
- package/dist/components/framework/layout/container/app-shell/AppShell.svelte +16 -2
- package/dist/components/framework/navigation/context/breadcrumb/Breadcrumb.svelte +1 -1
- package/dist/components/framework/navigation/sidebar/sidebar/Sidebar.svelte +35 -10
- package/dist/components/framework/navigation/sidebar/sidenav/Sidenav.svelte +5 -5
- package/dist/components/framework/overlay/tooltip/Tooltip.svelte +1011 -0
- package/dist/components/framework/overlay/tooltip/Tooltip.svelte.d.ts +31 -0
- package/dist/components/framework/surface/paper/Paper.svelte +730 -87
- package/dist/components/framework/surface/paper/Paper.svelte.d.ts +1 -1
- package/dist/components/utility/format/date-time/formatDateTime.d.ts +23 -0
- package/dist/components/utility/format/date-time/formatDateTime.js +33 -0
- package/dist/components/utility/format/duration/formatDuration.d.ts +15 -0
- package/dist/components/utility/format/duration/formatDuration.js +218 -0
- package/dist/components/utility/format/relative-time/formatRelativeTime.d.ts +42 -0
- package/dist/components/utility/format/relative-time/formatRelativeTime.js +530 -0
- package/dist/design-system/inheritance/tokens.js +6 -0
- package/dist/design-system/reserved-props/allowed-options.d.ts +9 -4
- package/dist/design-system/theme/tokens.d.ts +72 -2
- package/dist/design-system/theme/tokens.js +173 -134
- package/dist/icons/generated/check-thick.svelte +16 -0
- package/dist/icons/generated/check-thick.svelte.d.ts +7 -0
- package/dist/icons/generated/check.svelte +16 -0
- package/dist/icons/generated/check.svelte.d.ts +7 -0
- package/dist/icons/generated/close-thick.svelte +16 -0
- package/dist/icons/generated/close-thick.svelte.d.ts +7 -0
- package/dist/icons/generated/close.svelte +16 -0
- package/dist/icons/generated/close.svelte.d.ts +7 -0
- package/dist/icons/generated/index.d.ts +4 -0
- package/dist/icons/generated/index.js +4 -0
- package/dist/icons/generated/manifest.js +28 -0
- package/dist/index.d.ts +22 -2
- package/dist/index.js +22 -2
- package/dist/styles/tone-context.css +656 -46
- package/dist/theme.css +1 -161
- package/dist/themes/canopy.css +373 -0
- package/dist/themes/cobalt.css +373 -0
- package/dist/themes/iris.css +373 -0
- package/dist/themes/lumen.css +373 -0
- package/dist/themes/mono.css +373 -0
- package/dist/themes/moss.css +373 -0
- package/dist/themes/noir.css +373 -0
- package/dist/themes/plain.css +373 -0
- package/dist/themes/pulse.css +373 -0
- package/dist/themes/signal.css +373 -0
- package/dist/themes/slate.css +373 -0
- package/dist/themes/solar.css +373 -0
- package/dist/themes/sorbet.css +373 -0
- package/dist/themes/studio.css +369 -0
- package/dist/themes/vesper.css +373 -0
- package/package.json +32 -4
- package/dist/components/action/input/select/theme-switch/ThemeSwitch.svelte.d.ts +0 -10
package/dist/index.js
CHANGED
|
@@ -1,19 +1,30 @@
|
|
|
1
1
|
export { default as AppShell } from './components/framework/layout/container/app-shell/AppShell.svelte';
|
|
2
|
+
export { default as Accordion } from './components/display/typography/accordion/Accordion.svelte';
|
|
3
|
+
export { default as AccordionGroup } from './components/display/typography/accordion/AccordionGroup.svelte';
|
|
2
4
|
export { default as Badge } from './components/display/annotation/badge/Badge.svelte';
|
|
3
5
|
export { default as Banner } from './components/Banner.svelte';
|
|
4
|
-
export { default as Button } from './components/Button.svelte';
|
|
6
|
+
export { default as Button } from './components/action/button/button/Button.svelte';
|
|
7
|
+
export { default as ButtonGroup } from './components/action/button/button-group/ButtonGroup.svelte';
|
|
5
8
|
export { default as Breadcrumb } from './components/framework/navigation/context/breadcrumb/Breadcrumb.svelte';
|
|
6
9
|
export { default as Checkbox } from './components/action/input/select/checkbox/Checkbox.svelte';
|
|
10
|
+
export { createCheckboxManager, } from './components/action/input/select/checkbox/checkbox-relations.svelte';
|
|
7
11
|
export { default as Cluster } from './components/framework/layout/alignment/cluster/Cluster.svelte';
|
|
12
|
+
export { default as Collapse } from './components/display/motion/collapse/Collapse.svelte';
|
|
8
13
|
export { default as CodeSnippet } from './components/display/typography/code-snippet/CodeSnippet.svelte';
|
|
14
|
+
export { default as DateTimeValue } from './components/display/data-display/metric/date-time/DateTimeValue.svelte';
|
|
15
|
+
export { default as DateValue } from './components/display/data-display/metric/date-time/DateValue.svelte';
|
|
16
|
+
export { default as Duration } from './components/display/data-display/metric/duration/Duration.svelte';
|
|
9
17
|
export { default as Eyebrow } from './components/display/typography/eyebrow/Eyebrow.svelte';
|
|
18
|
+
export { default as FloatingActionButton } from './components/action/button/floating-action-button/FloatingActionButton.svelte';
|
|
10
19
|
export { default as Grid } from './components/framework/layout/alignment/grid/Grid.svelte';
|
|
11
20
|
export { default as Highlight } from './components/display/typography/highlight/Highlight.svelte';
|
|
12
21
|
export { default as Icon } from './components/display/media/icon/Icon.svelte';
|
|
22
|
+
export { default as IconButton } from './components/action/button/icon-button/IconButton.svelte';
|
|
13
23
|
export { default as LoadingDots } from './components/display/feedback/loading/loading-dots/LoadingDots.svelte';
|
|
14
24
|
export { default as Paper } from './components/framework/surface/paper/Paper.svelte';
|
|
15
25
|
export { default as PageHeader } from './components/framework/layout/container/page-header/PageHeader.svelte';
|
|
16
26
|
export { default as PinInput } from './components/action/input/field/pin-input/PinInput.svelte';
|
|
27
|
+
export { default as RelativeTime } from './components/display/data-display/metric/relative-time/RelativeTime.svelte';
|
|
17
28
|
export { default as Row } from './components/framework/layout/alignment/row/Row.svelte';
|
|
18
29
|
export { default as Sidebar } from './components/framework/navigation/sidebar/sidebar/Sidebar.svelte';
|
|
19
30
|
export { default as SegmentControl } from './components/action/input/select/segment-control/SegmentControl.svelte';
|
|
@@ -26,7 +37,16 @@ export { default as Stack } from './components/framework/layout/alignment/stack/
|
|
|
26
37
|
export { default as Switch } from './components/action/input/select/switch/Switch.svelte';
|
|
27
38
|
export { default as Tag } from './components/display/annotation/tag/Tag.svelte';
|
|
28
39
|
export { default as TagGroup } from './components/display/annotation/tag-group/TagGroup.svelte';
|
|
29
|
-
export { default as
|
|
40
|
+
export { default as ColorModeSwitch } from './components/action/input/select/color-mode-switch/ColorModeSwitch.svelte';
|
|
41
|
+
export { default as TimestampCard } from './components/display/data-display/metric/timestamp-card/TimestampCard.svelte';
|
|
42
|
+
export { default as TimeValue } from './components/display/data-display/metric/date-time/TimeValue.svelte';
|
|
30
43
|
export { default as Timeline } from './components/display/data-display/visual/timeline/Timeline.svelte';
|
|
31
44
|
export { default as TimelineItem } from './components/display/data-display/visual/timeline/TimelineItem.svelte';
|
|
45
|
+
export { default as TimedButton } from './components/action/button/timed-button/TimedButton.svelte';
|
|
32
46
|
export { default as Toast } from './components/Toast.svelte';
|
|
47
|
+
export { default as ToggleButton } from './components/action/button/toggle-button/ToggleButton.svelte';
|
|
48
|
+
export { default as ToggleButtonGroup } from './components/action/button/toggle-button-group/ToggleButtonGroup.svelte';
|
|
49
|
+
export { default as Tooltip } from './components/framework/overlay/tooltip/Tooltip.svelte';
|
|
50
|
+
export { formatDate, formatDateTime, formatTime, } from './components/utility/format/date-time/formatDateTime';
|
|
51
|
+
export { formatDuration, } from './components/utility/format/duration/formatDuration';
|
|
52
|
+
export { formatRelativeTime, } from './components/utility/format/relative-time/formatRelativeTime';
|