@juspay/svelte-ui-components 4.27.5 → 4.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "4.27.5",
+  "version": "4.28.0",
   "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
   "keywords": [
     "svelte",
@@ -23,7 +23,7 @@
     "dev": "vite dev --host",
     "build": "vite build && npm run build:wc && npm run build:codemod && npm run package",
     "build:wc": "vite build --config vite.config.wc.ts && echo 'export {};' > dist-wc/index.d.ts",
-    "build:codemod": "rm -rf dist-codemod && tsc -p scripts/codemod/tsconfig.build.json",
+    "build:codemod": "rm -rf dist-codemod && tsc -p scripts/codemod/tsconfig.build.json && node --experimental-strip-types scripts/codemod/generate-migration-assets.ts",
     "preview": "vite preview",
     "package": "svelte-kit sync && svelte-package && publint",
     "prepublishOnly": "npm run build:wc && npm run build:codemod && npm run package",
@@ -33,7 +33,7 @@
     "codemod": "node scripts/codemod/cli.ts",
     "check:wc": "svelte-check --tsconfig ./tsconfig.wc.json --compiler-warnings \"options_missing_custom_element:ignore\"",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --check src scripts tests && eslint src scripts tests && npm run lint:event-casing",
+    "lint": "prettier --check src scripts tests && eslint src scripts tests && npm run lint:event-casing && npm run lint:shadow-safety && npm run lint:css-contract && npm run lint:docs-contract && npm run lint:wc-contract && npm run lint:test-focus",
     "lint:event-casing": "node scripts/check-event-casing.js",
     "format": "prettier --write src scripts tests",
     "test:integration": "playwright test",
@@ -44,7 +44,13 @@
     "check:migrate": "tsc -p scripts/migrate/tsconfig.json",
     "check:release": "tsc -p scripts/release/tsconfig.json",
     "check:wc-parity": "tsc -p scripts/wc-parity/tsconfig.json",
-    "postinstall": "node scripts/postinstall.mjs"
+    "postinstall": "node scripts/postinstall.mjs",
+    "lint:shadow-safety": "node scripts/check-shadow-safety.js",
+    "lint:css-contract": "node scripts/check-css-contract.js",
+    "lint:docs-contract": "node scripts/check-docs-contract.js",
+    "lint:wc-contract": "node scripts/check-wc-contract.js",
+    "lint:test-focus": "node scripts/check-test-focus.js",
+    "test:walkthrough": "playwright test --config playwright.walkthrough.config.ts"
   },
   "exports": {
     ".": {
@@ -54,7 +60,8 @@
     "./wc": {
       "types": "./dist-wc/index.d.ts",
       "default": "./dist-wc/index.js"
-    }
+    },
+    "./theme-dark.css": "./dist/styles/theme-dark.css"
   },
   "files": [
     "dist",
@@ -197,7 +204,7 @@
     }
   },
   "bin": {
-    "sui-codemod": "./dist-codemod/bin.js"
+    "sui-codemod": "./dist-codemod/codemod/bin.js"
   },
   "engines": {
     "node": ">=22.18"

package/dist/Modal/focus-trap.d.ts

@@ -1,42 +0,0 @@
-/**
- * Focus-trap utility for Modal (#529). Pure DOM-reading functions, no Svelte
- * runtime dependency, so they can be unit tested without mounting the
- * component -- mirrors the split Tooltip already uses for its action logic
- * (see tooltip-action.test.ts).
- *
- * Modal.svelte owns the event wiring (which key was pressed, calling
- * .focus()); this module owns the two decisions that wiring needs answered:
- * "what are the edges of the tab order in here" and "given where focus is and
- * which way Tab was pressed, should it wrap, and to where".
- */
-export type FocusTrapBoundary = {
-    readonly first: HTMLElement | null;
-    readonly last: HTMLElement | null;
-};
-/**
- * The first and last focusable descendants of `container`, in DOM order.
- * Both are null when the container is null or holds nothing focusable.
- */
-export declare function getFocusTrapBoundary(container: ParentNode | null): FocusTrapBoundary;
-/**
- * Given a Tab/Shift+Tab keydown inside a focus-trapped container, returns the
- * element focus should move to, or null when the default browser behavior
- * (move to the next/previous focusable element) should be left alone.
- *
- * Wrapping only happens exactly at an edge: focus sits on the last focusable
- * element and Tab (not Shift+Tab) was pressed, or focus sits on the first and
- * Shift+Tab was pressed. Anywhere else in the middle of the tab order, the
- * browser's own handling is correct and this returns null.
- */
-export declare function focusTrapTabTarget(params: {
-    readonly container: ParentNode | null;
-    readonly activeElement: Element | null;
-    readonly shiftKey: boolean;
-}): HTMLElement | null;
-/**
- * Moves focus into `container` -- its first focusable descendant, or the
- * container itself as a fallback for a modal with no focusable content (it
- * must carry tabindex="-1" for that fallback to actually take focus). A no-op
- * when the container is null.
- */
-export declare function focusEntryPoint(container: HTMLElement | null): void;

package/dist/Modal/focus-trap.js

@@ -1,57 +0,0 @@
-/**
- * Focus-trap utility for Modal (#529). Pure DOM-reading functions, no Svelte
- * runtime dependency, so they can be unit tested without mounting the
- * component -- mirrors the split Tooltip already uses for its action logic
- * (see tooltip-action.test.ts).
- *
- * Modal.svelte owns the event wiring (which key was pressed, calling
- * .focus()); this module owns the two decisions that wiring needs answered:
- * "what are the edges of the tab order in here" and "given where focus is and
- * which way Tab was pressed, should it wrap, and to where".
- */
-const FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
-/**
- * The first and last focusable descendants of `container`, in DOM order.
- * Both are null when the container is null or holds nothing focusable.
- */
-export function getFocusTrapBoundary(container) {
-    if (container === null) {
-        return { first: null, last: null };
-    }
-    const focusable = container.querySelectorAll(FOCUSABLE_SELECTOR);
-    return { first: focusable.item(0), last: focusable.item(focusable.length - 1) };
-}
-/**
- * Given a Tab/Shift+Tab keydown inside a focus-trapped container, returns the
- * element focus should move to, or null when the default browser behavior
- * (move to the next/previous focusable element) should be left alone.
- *
- * Wrapping only happens exactly at an edge: focus sits on the last focusable
- * element and Tab (not Shift+Tab) was pressed, or focus sits on the first and
- * Shift+Tab was pressed. Anywhere else in the middle of the tab order, the
- * browser's own handling is correct and this returns null.
- */
-export function focusTrapTabTarget(params) {
-    const { first, last } = getFocusTrapBoundary(params.container);
-    if (first === null || last === null) {
-        return null;
-    }
-    const edge = params.shiftKey ? first : last;
-    if (params.activeElement !== edge) {
-        return null;
-    }
-    return params.shiftKey ? last : first;
-}
-/**
- * Moves focus into `container` -- its first focusable descendant, or the
- * container itself as a fallback for a modal with no focusable content (it
- * must carry tabindex="-1" for that fallback to actually take focus). A no-op
- * when the container is null.
- */
-export function focusEntryPoint(container) {
-    if (container === null) {
-        return;
-    }
-    const { first } = getFocusTrapBoundary(container);
-    (first ?? container).focus();
-}