@juspay/svelte-ui-components 4.33.2 → 4.34.0

package/dist/WindowedList/WindowedList.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { WindowedListProperties } from './properties';
+declare function $$render<T>(): {
+    props: WindowedListProperties<T>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const WindowedList: $$IsomorphicComponent;
+type WindowedList<T> = InstanceType<typeof WindowedList<T>>;
+export default WindowedList;

package/dist/WindowedList/properties.d.ts

@@ -0,0 +1,38 @@
+import type { Snippet } from 'svelte';
+/** What the `row` snippet receives for each rendered item. */
+export type WindowedListRow<T> = {
+    item: T;
+    /** Position in the FULL `items` list, not in the rendered window. */
+    index: number;
+    /** True for the first rendered item — the one directly under the "show earlier" control. */
+    isFirst: boolean;
+};
+/** What the `earlier` snippet receives when it replaces the default control. */
+export type WindowedListEarlier = {
+    /** Items above the window that are not rendered. */
+    hidden: number;
+    /** How many the next reveal adds: `step`, or fewer when fewer are left. */
+    next: number;
+    /** Renders `next` more above the window, keeping the reader's place. */
+    showEarlier: () => void;
+};
+export type WindowedListProperties<T> = {
+    items: T[];
+    /** A stable, unique key per item: it drives the keyed render and anchors the window. */
+    getKey: (item: T) => string;
+    row: Snippet<[WindowedListRow<T>]>;
+    /**
+     * How many of the newest items render at first. Items appended later join the
+     * window at the bottom without pushing earlier ones out, so the window does not
+     * slide under a reader.
+     */
+    initialCount?: number;
+    /** How many more each "show earlier" reveals. */
+    step?: number;
+    /** Replaces the default "show earlier" button. */
+    earlier?: Snippet<[WindowedListEarlier]>;
+    /** Text of the default button. */
+    earlierLabel?: (next: number, hidden: number) => string;
+    classes?: string;
+    testId?: string;
+};

package/dist/WindowedList/properties.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { default as ArmedButton } from './ArmedButton/ArmedButton.svelte';
 export { default as Modal } from './Modal/Modal.svelte';
 export { default as BrandLoader } from './BrandLoader/BrandLoader.svelte';
 export { default as Button } from './Button/Button.svelte';
@@ -17,6 +18,8 @@ export { default as Badge } from './Badge/Badge.svelte';
 export { default as Banner } from './Banner/Banner.svelte';
 export { default as Toggle } from './Toggle/Toggle.svelte';
 export { default as Accordion } from './Accordion/Accordion.svelte';
+export { default as DiffViewer } from './DiffViewer/DiffViewer.svelte';
+export { default as WindowedList } from './WindowedList/WindowedList.svelte';
 export { default as CheckListItem } from './CheckListItem/CheckListItem.svelte';
 export { default as Table } from './Table/Table.svelte';
 export { normalizeColumns } from './Table/normalizeColumns';
@@ -119,6 +122,7 @@ export type * from './ListItem/properties';
 export type * from './KeyValue/properties';
 export type * from './types';
 export type * from './Icon/properties';
+export type * from './ArmedButton/properties';
 export type * from './BrandLoader/properties';
 export type * from './Status/properties';
 export type * from './Select/properties';
@@ -127,6 +131,8 @@ export type * from './Carousel/properties';
 export type * from './Badge/properties';
 export type * from './Banner/properties';
 export type * from './Accordion/properties';
+export type * from './DiffViewer/properties';
+export type * from './WindowedList/properties';
 export type * from './Table/properties';
 export type { NormalizedColumns } from './Table/normalizeColumns';
 export type { SortTableRowsOptions, TableSortType } from './Table/sortEngine';

package/dist/index.js

@@ -1,3 +1,4 @@
+export { default as ArmedButton } from './ArmedButton/ArmedButton.svelte';
 export { default as Modal } from './Modal/Modal.svelte';
 export { default as BrandLoader } from './BrandLoader/BrandLoader.svelte';
 export { default as Button } from './Button/Button.svelte';
@@ -17,6 +18,8 @@ export { default as Badge } from './Badge/Badge.svelte';
 export { default as Banner } from './Banner/Banner.svelte';
 export { default as Toggle } from './Toggle/Toggle.svelte';
 export { default as Accordion } from './Accordion/Accordion.svelte';
+export { default as DiffViewer } from './DiffViewer/DiffViewer.svelte';
+export { default as WindowedList } from './WindowedList/WindowedList.svelte';
 export { default as CheckListItem } from './CheckListItem/CheckListItem.svelte';
 export { default as Table } from './Table/Table.svelte';
 export { normalizeColumns } from './Table/normalizeColumns';

package/dist/styles/theme-dark.css

@@ -131,6 +131,17 @@
   /* ChatComposer */
   --chat-composer-background: #1e1e2e;
   --chat-composer-border: 1px solid #2a2a3c;
+  --chat-composer-slash-menu-background: #1e1e2e;
+  --chat-composer-slash-menu-border: 1px solid #2a2a3c;
+  --chat-composer-slash-menu-box-shadow: 0 8px 24px rgb(0 0 0 / 40%);
+  --chat-composer-slash-foot-border: 1px solid #2a2a3c;
+  --chat-composer-slash-foot-color: #9ca3af;
+  --chat-composer-slash-name-color: #93c5fd;
+  --chat-composer-slash-hint-color: #9ca3af;
+  --chat-composer-slash-desc-color: #d1d5db;
+  --chat-composer-slash-badge-background: #1e3a5f;
+  --chat-composer-slash-badge-color: #93c5fd;
+  --chat-composer-slash-item-selected-background: #2a2a3c;
   --chat-composer-color: #e5e7eb;
   --chat-composer-placeholder-color: #9ca3af;
   --chat-composer-action-color: #9ca3af;
@@ -573,6 +584,20 @@
   --delta-indicator-neutral-color: #9ca3af;
   --delta-indicator-positive-color: #4ade80;
 
+  /* DiffViewer */
+  --diff-background: #1a1a26;
+  --diff-border: 1px solid #2a2a3c;
+  --diff-header-background: #1e1e2e;
+  --diff-color: #d1d5db;
+  --diff-filename-color: #f3f4f6;
+  --diff-gutter-color: #9ca3af;
+  --diff-add-background: #123222;
+  --diff-add-color: #86efac;
+  --diff-remove-background: #3a1f22;
+  --diff-remove-color: #fca5a5;
+  --diff-created-background: #14532d;
+  --diff-created-color: #bbf7d0;
+
   /* FileInput */
   --file-input-error-color: #f87171;
   --file-input-info-color: #9ca3af;
@@ -800,3 +825,20 @@
   --doc-text: #d1d5db;
   --doc-text-secondary: #9ca3af;
 }
+
+/* ----------------------------------------------------------------------------
+   Fifth pass — ArmedButton.
+   ---------------------------------------------------------------------------- */
+[data-theme='dark'] {
+  /* ArmedButton */
+  --armed-btn-bg: #2a2a3c;
+  --armed-btn-color: #9ca3af;
+  --armed-btn-hover-color: #e5e7eb;
+  --armed-btn-border: 1px solid #3f3f52;
+  /* The armed (confirm) state is a fixed danger red regardless of theme --
+     restated explicitly rather than left to fall through, so it reads as a
+     deliberate choice and not an omission the next sweep has to re-discover. */
+  --armed-btn-armed-bg: #dc2626;
+  --armed-btn-armed-color: #ffffff;
+  --armed-btn-armed-border: #dc2626;
+}