@sentropic/design-system-svelte 0.4.0 → 0.5.0

package/dist/SkeletonText.svelte

@@ -0,0 +1,79 @@
+<script lang="ts">
+  import type { HTMLAttributes } from "svelte/elements";
+
+  type SkeletonTextProps = Omit<HTMLAttributes<HTMLDivElement>, "class"> & {
+    lines?: number;
+    width?: string;
+    heading?: boolean;
+    paragraph?: boolean;
+    class?: string;
+  };
+
+  let {
+    lines = 1,
+    width,
+    heading = false,
+    paragraph = false,
+    class: className,
+    ...rest
+  }: SkeletonTextProps = $props();
+
+  const wrapperClasses = () => ["st-skeleton", className].filter(Boolean).join(" ");
+  const lineClasses = () =>
+    ["st-skeleton__line", heading ? "st-skeleton__line--heading" : null].filter(Boolean).join(" ");
+  const lineCount = () => (paragraph ? Math.max(lines, 3) : lines);
+
+  function lineWidth(index: number, total: number): string | undefined {
+    if (width && index === 0) return width;
+    if (paragraph && index === total - 1) return "60%";
+    return undefined;
+  }
+</script>
+
+<div {...rest} class={wrapperClasses()} role="status" aria-label="Loading…" aria-busy="true">
+  {#each Array.from({ length: lineCount() }) as _, i (i)}
+    <span class={lineClasses()} style={lineWidth(i, lineCount()) ? `width:${lineWidth(i, lineCount())}` : undefined}></span>
+  {/each}
+</div>
+
+<style>
+  .st-skeleton {
+    display: grid;
+    gap: 0.5rem;
+    width: 100%;
+  }
+
+  .st-skeleton__line {
+    background: linear-gradient(
+      90deg,
+      var(--st-semantic-surface-subtle, #eaeef2),
+      var(--st-semantic-border-subtle, #d8dee4),
+      var(--st-semantic-surface-subtle, #eaeef2)
+    );
+    background-size: 200% 100%;
+    border-radius: 0.25rem;
+    display: block;
+    height: 0.875rem;
+    width: 100%;
+    animation: st-skeleton-shimmer 1.4s ease-in-out infinite;
+  }
+
+  .st-skeleton__line--heading {
+    height: 1.25rem;
+  }
+
+  @keyframes st-skeleton-shimmer {
+    0% {
+      background-position: 200% 0;
+    }
+    100% {
+      background-position: -200% 0;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .st-skeleton__line {
+      animation: none;
+    }
+  }
+</style>

package/dist/SkeletonText.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes } from "svelte/elements";
+type SkeletonTextProps = Omit<HTMLAttributes<HTMLDivElement>, "class"> & {
+    lines?: number;
+    width?: string;
+    heading?: boolean;
+    paragraph?: boolean;
+    class?: string;
+};
+declare const SkeletonText: import("svelte").Component<SkeletonTextProps, {}, "">;
+type SkeletonText = ReturnType<typeof SkeletonText>;
+export default SkeletonText;
+//# sourceMappingURL=SkeletonText.svelte.d.ts.map

package/dist/SkeletonText.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.svelte.d.ts","sourceRoot":"","sources":["../src/lib/SkeletonText.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAoCJ,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/Textarea.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">
   import type { HTMLTextareaAttributes } from "svelte/elements";
 
-  type TextareaProps = Omit<HTMLTextareaAttributes, "class"> & {
+  type TextareaProps = Omit<HTMLTextareaAttributes, "class" | "value"> & {
     label?: string;
     helperText?: string;
     errorText?: string;
     invalid?: boolean;
+    value?: string | null;
     class?: string;
   };
 
@@ -14,6 +15,7 @@
     helperText,
     errorText,
     invalid = false,
+    value = $bindable(""),
     class: className,
     ...rest
   }: TextareaProps = $props();
@@ -25,7 +27,12 @@
 <div class={fieldClasses()}>
   <label class="st-field__control">
     {#if label}<span class="st-field__label">{label}</span>{/if}
-    <textarea {...rest} class="st-textarea" aria-invalid={isInvalid() ? "true" : undefined}></textarea>
+    <textarea
+      {...rest}
+      bind:value
+      class="st-textarea"
+      aria-invalid={isInvalid() ? "true" : undefined}
+    ></textarea>
   </label>
   {#if errorText}
     <span class="st-field__error">{errorText}</span>

package/dist/Textarea.svelte.d.ts

@@ -1,12 +1,13 @@
 import type { HTMLTextareaAttributes } from "svelte/elements";
-type TextareaProps = Omit<HTMLTextareaAttributes, "class"> & {
+type TextareaProps = Omit<HTMLTextareaAttributes, "class" | "value"> & {
     label?: string;
     helperText?: string;
     errorText?: string;
     invalid?: boolean;
+    value?: string | null;
     class?: string;
 };
-declare const Textarea: import("svelte").Component<TextareaProps, {}, "">;
+declare const Textarea: import("svelte").Component<TextareaProps, {}, "value">;
 type Textarea = ReturnType<typeof Textarea>;
 export default Textarea;
 //# sourceMappingURL=Textarea.svelte.d.ts.map

package/dist/Textarea.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Textarea.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAG5D,KAAK,aAAa,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC,GAAG;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAkCJ,QAAA,MAAM,QAAQ,mDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Textarea.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAG5D,KAAK,aAAa,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAmCJ,QAAA,MAAM,QAAQ,wDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/Toggletip.svelte

@@ -0,0 +1,148 @@
+<script lang="ts">
+  import type { Snippet } from "svelte";
+
+  type ToggletipProps = {
+    content: string;
+    label?: string;
+    placement?: "top" | "bottom" | "start" | "end";
+    open?: boolean;
+    triggerLabel?: string;
+    class?: string;
+    children?: Snippet;
+  };
+
+  let {
+    content,
+    label,
+    placement = "top",
+    open = $bindable(false),
+    triggerLabel,
+    class: className,
+    children
+  }: ToggletipProps = $props();
+
+  const wrapperClasses = () =>
+    ["st-toggletip", `st-toggletip--${placement}`, className].filter(Boolean).join(" ");
+
+  function toggle() {
+    open = !open;
+  }
+
+  function close() {
+    open = false;
+  }
+
+  function onKeydown(event: KeyboardEvent) {
+    if (event.key === "Escape" && open) {
+      event.preventDefault();
+      close();
+    }
+  }
+</script>
+
+<svelte:window onkeydown={onKeydown} />
+
+<span class={wrapperClasses()}>
+  {#if children}
+    {@render children()}
+  {/if}
+  <button
+    type="button"
+    class="st-toggletip__trigger"
+    aria-label={triggerLabel ?? label ?? "More information"}
+    aria-expanded={open ? "true" : "false"}
+    onclick={toggle}
+  >
+    <span aria-hidden="true">i</span>
+  </button>
+  {#if open}
+    <span class="st-toggletip__bubble" role="status" aria-live="polite">
+      {#if label}<span class="st-toggletip__label">{label}</span>{/if}
+      <span class="st-toggletip__content">{content}</span>
+    </span>
+  {/if}
+</span>
+
+<style>
+  .st-toggletip {
+    align-items: center;
+    display: inline-flex;
+    gap: 0.25rem;
+    position: relative;
+  }
+
+  .st-toggletip__trigger {
+    align-items: center;
+    background: var(--st-component-selection-switchTrack, var(--st-semantic-border-subtle));
+    border: 0;
+    border-radius: 50%;
+    color: var(--st-semantic-text-primary);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    font-size: 0.75rem;
+    font-weight: 700;
+    height: 1.25rem;
+    justify-content: center;
+    line-height: 1;
+    padding: 0;
+    width: 1.25rem;
+  }
+
+  .st-toggletip__trigger:hover {
+    background: var(--st-semantic-border-strong);
+  }
+
+  .st-toggletip__trigger:focus-visible {
+    box-shadow: 0 0 0 2px var(--st-component-control-focusRing, var(--st-semantic-border-interactive));
+    outline: none;
+  }
+
+  .st-toggletip__bubble {
+    background: var(--st-semantic-surface-default);
+    border: 1px solid var(--st-semantic-border-subtle);
+    border-radius: var(--st-radius-md, 0.5rem);
+    box-shadow: var(--st-shadow-sm, 0 4px 12px rgba(0, 0, 0, 0.08));
+    color: var(--st-semantic-text-primary);
+    display: grid;
+    font-size: 0.8125rem;
+    gap: 0.25rem;
+    line-height: 1.4;
+    max-width: 16rem;
+    min-width: 8rem;
+    padding: 0.5rem 0.625rem;
+    position: absolute;
+    z-index: var(--st-zindex-overlay, 50);
+  }
+
+  .st-toggletip--top .st-toggletip__bubble {
+    bottom: calc(100% + 0.375rem);
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .st-toggletip--bottom .st-toggletip__bubble {
+    top: calc(100% + 0.375rem);
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .st-toggletip--start .st-toggletip__bubble {
+    right: calc(100% + 0.375rem);
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .st-toggletip--end .st-toggletip__bubble {
+    left: calc(100% + 0.375rem);
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .st-toggletip__label {
+    color: var(--st-semantic-text-secondary);
+    font-size: 0.6875rem;
+    font-weight: 600;
+    text-transform: uppercase;
+  }
+</style>

package/dist/Toggletip.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Snippet } from "svelte";
+type ToggletipProps = {
+    content: string;
+    label?: string;
+    placement?: "top" | "bottom" | "start" | "end";
+    open?: boolean;
+    triggerLabel?: string;
+    class?: string;
+    children?: Snippet;
+};
+declare const Toggletip: import("svelte").Component<ToggletipProps, {}, "open">;
+type Toggletip = ReturnType<typeof Toggletip>;
+export default Toggletip;
+//# sourceMappingURL=Toggletip.svelte.d.ts.map

package/dist/Toggletip.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggletip.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Toggletip.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,KAAK,cAAc,GAAG;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAuDJ,QAAA,MAAM,SAAS,wDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/index.d.ts

@@ -6,10 +6,15 @@ export { default as Button } from "./Button.svelte";
 export { default as Card } from "./Card.svelte";
 export { default as Checkbox } from "./Checkbox.svelte";
 export { default as Combobox } from "./Combobox.svelte";
+export { default as ContentSwitcher } from "./ContentSwitcher.svelte";
+export { default as CopyButton } from "./CopyButton.svelte";
 export { default as DataTable } from "./DataTable.svelte";
+export { default as DatePicker } from "./DatePicker.svelte";
 export { default as Drawer } from "./Drawer.svelte";
 export { default as Dropdown } from "./Dropdown.svelte";
 export { default as EmptyState } from "./EmptyState.svelte";
+export { default as FileUploader } from "./FileUploader.svelte";
+export { default as InlineLoading } from "./InlineLoading.svelte";
 export { default as Input } from "./Input.svelte";
 export { default as Link } from "./Link.svelte";
 export { default as LoadingState } from "./LoadingState.svelte";
@@ -25,6 +30,7 @@ export { default as Radio } from "./Radio.svelte";
 export { default as Search } from "./Search.svelte";
 export { default as Select } from "./Select.svelte";
 export { default as SideNav } from "./SideNav.svelte";
+export { default as SkeletonText } from "./SkeletonText.svelte";
 export { default as Slider } from "./Slider.svelte";
 export { default as Switch } from "./Switch.svelte";
 export { default as Table } from "./Table.svelte";
@@ -34,12 +40,15 @@ export { default as ThemeProvider } from "./ThemeProvider.svelte";
 export { default as Textarea } from "./Textarea.svelte";
 export { default as Toast } from "./Toast.svelte";
 export { default as Toggle } from "./Toggle.svelte";
+export { default as Toggletip } from "./Toggletip.svelte";
 export { default as Tooltip } from "./Tooltip.svelte";
 export type { AccordionItem } from "./Accordion.svelte";
 export type { BreadcrumbItem } from "./Breadcrumb.svelte";
 export type { ComboboxOption } from "./Combobox.svelte";
 export type { DataTableColumn, DataTableRow, DataTableSelectMode, DataTableSort } from "./DataTable.svelte";
+export type { DatePickerRange } from "./DatePicker.svelte";
 export type { DropdownOption } from "./Dropdown.svelte";
+export type { FileUploadItem, FileUploadStatus } from "./FileUploader.svelte";
 export type { MenuItem } from "./Menu.svelte";
 export type { MultiSelectOption } from "./MultiSelect.svelte";
 export type { SideNavItem } from "./SideNav.svelte";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -6,10 +6,15 @@ export { default as Button } from "./Button.svelte";
 export { default as Card } from "./Card.svelte";
 export { default as Checkbox } from "./Checkbox.svelte";
 export { default as Combobox } from "./Combobox.svelte";
+export { default as ContentSwitcher } from "./ContentSwitcher.svelte";
+export { default as CopyButton } from "./CopyButton.svelte";
 export { default as DataTable } from "./DataTable.svelte";
+export { default as DatePicker } from "./DatePicker.svelte";
 export { default as Drawer } from "./Drawer.svelte";
 export { default as Dropdown } from "./Dropdown.svelte";
 export { default as EmptyState } from "./EmptyState.svelte";
+export { default as FileUploader } from "./FileUploader.svelte";
+export { default as InlineLoading } from "./InlineLoading.svelte";
 export { default as Input } from "./Input.svelte";
 export { default as Link } from "./Link.svelte";
 export { default as LoadingState } from "./LoadingState.svelte";
@@ -25,6 +30,7 @@ export { default as Radio } from "./Radio.svelte";
 export { default as Search } from "./Search.svelte";
 export { default as Select } from "./Select.svelte";
 export { default as SideNav } from "./SideNav.svelte";
+export { default as SkeletonText } from "./SkeletonText.svelte";
 export { default as Slider } from "./Slider.svelte";
 export { default as Switch } from "./Switch.svelte";
 export { default as Table } from "./Table.svelte";
@@ -34,4 +40,5 @@ export { default as ThemeProvider } from "./ThemeProvider.svelte";
 export { default as Textarea } from "./Textarea.svelte";
 export { default as Toast } from "./Toast.svelte";
 export { default as Toggle } from "./Toggle.svelte";
+export { default as Toggletip } from "./Toggletip.svelte";
 export { default as Tooltip } from "./Tooltip.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentropic/design-system-svelte",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -26,7 +26,7 @@
     "dist"
   ],
   "dependencies": {
-    "@sentropic/design-system-themes": "0.4.0"
+    "@sentropic/design-system-themes": "0.5.0"
   },
   "peerDependencies": {
     "svelte": "^5.53.2"