@ncino/web-components 5.0.0-preview.1 → 5.0.0-preview.3

package/dist/types/components/modal/gator/modal.gator.d.ts

@@ -10,7 +10,7 @@ export declare class NgcModal extends NjcModal {
     get footerWarningMessageMarkup(): import('lit').TemplateResult<1> | null;
     get footerPrimaryActionButtonMarkup(): import('lit').TemplateResult<1> | null;
     get footerSecondaryActionButtonMarkup(): import('lit').TemplateResult<1> | null;
-    get actionButtonLoaderMarkup(): import('lit').TemplateResult<1>;
+    get buttonSize(): "medium" | "large" | "xlarge";
     handleKeyDown(event: KeyboardEvent): void;
     handleCloseClick(event: Event): void;
     handleCloseKeydown(event: KeyboardEvent): void;

package/dist/types/components/text-detail/gator/text-detail.gator.d.ts

@@ -1,11 +1,13 @@
 import { NjcTextDetail } from '../text-detail.ts';
+import { nothing } from 'lit';
 export declare class NgcTextDetail extends NjcTextDetail {
     static styles: import('lit').CSSResult[];
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
     render(): import('lit').TemplateResult<1>;
     get textDetailMarkup(): import('lit').TemplateResult<1>;
     get verticalClass(): "" | "gator-text-detail_vertical";
     get invertTitleClass(): "" | "gator-text-detail-content_invert-title";
-    get textDetailLoadingMarkup(): import('lit').TemplateResult<1>;
     get textDetailSubtitleIconMarkup(): import('lit').TemplateResult<1> | null;
-    get textDetailSubtitleMarkup(): import('lit').TemplateResult<1> | null;
+    get textDetailSubtitleMarkup(): import('lit').TemplateResult<1> | typeof nothing;
+    assignSlottedElementsSkeletonState(): void;
 }

package/dist/utils/accessibility-utils.js

@@ -1 +1 @@
-function a(t){var n;if(!t)return null;const e=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])",'[tabindex]:not([tabindex="-1"])'];return((n=t.shadowRoot)==null?void 0:n.querySelector(e.join(",")))||null}function l(t){if(!t)return null;const e=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","ngc-button","ngc-icon-button",'[tabindex]:not([tabindex="-1"])'];return Array.from(t.querySelectorAll(e.join(",")))}export{a as getFirstFocusableElement,l as getFocusableElements};
+function o(t){if(!t)return null;const e=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])",'[tabindex]:not([tabindex="-1"])'];return t.shadowRoot?.querySelector(e.join(","))||null}function a(t){if(!t)return null;const e=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","ngc-button","ngc-icon-button",'[tabindex]:not([tabindex="-1"])'];return Array.from(t.querySelectorAll(e.join(",")))}export{o as getFirstFocusableElement,a as getFocusableElements};

package/dist/utils/datatestid-utils.js

@@ -1 +1 @@
-import{isNotNullOrWhitespace as t}from"./string-utils.js";function d(i,r,s){r&&t(r)?i==null||i.setAttribute("data-testid",`${r}-${s}`):i==null||i.removeAttribute("data-testid")}export{d as handleDataTestid};
+import{isNotNullOrWhitespace as r}from"./string-utils.js";function a(i,t,e){t&&r(t)?i?.setAttribute("data-testid",`${t}-${e}`):i?.removeAttribute("data-testid")}export{a as handleDataTestid};

package/dist/utils/lightdom-utils.js

@@ -1 +1 @@
-function c(e){return e.content.cloneNode(!0)}function u(e,r){var o,l;const t=e.querySelector(`[slot="${r}"]`);if(!t)return null;const n=t.cloneNode(!0);return t.remove(),(l=(o=n.firstChild)==null?void 0:o.parentElement)==null||l.removeAttribute("slot"),n}export{u as cloneNamedSlotContent,c as cloneTemplateContent};
+function l(e){return e.content.cloneNode(!0)}function r(e,o){const t=e.querySelector(`[slot="${o}"]`);if(!t)return null;const n=t.cloneNode(!0);return t.remove(),n.firstChild?.parentElement?.removeAttribute("slot"),n}export{r as cloneNamedSlotContent,l as cloneTemplateContent};

package/dist/utils/vitest-a11y-utils.js

@@ -1 +1 @@
-import{page as n}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.0.10_typescript@5.8.3__playwright@1.53.1_5fd2997ee9a97429a51e07bc2023c338/node_modules/@vitest/browser/context.js";import a from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.2.4_@types_debug@4.1.12_@types_node@24.0.10_@vitest_browser@3.2.4_@vitest_ui@3_8c34ee540b1f52c214debce201d1e515/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const p="Supercalifragilisticexpialidocious".repeat(10);async function u(e){return(await a.run(e)).violations}async function x(e){const t=await u(e);o(t,`Expected no axe core violations, but got ${t.length}`).toHaveLength(0)}function h(){return n.viewport(320,256)}function g(e){let t;if(e.scrollWidth!==0?t=e:e.shadowRoot?t=e.shadowRoot.firstElementChild:t=e.firstElementChild,t){const r=t.scrollWidth>t.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function w(e,t,r){var l;let i=e.querySelector(":focus-visible");if(i||(i=(l=e.shadowRoot)==null?void 0:l.querySelector(":focus-visible")),i){const s=getComputedStyle(i).getPropertyValue(t);return o(s).toContain(r)}return o(!0).toBe(!1)}export{w as expectComponentFocusStyle,g as expectComponentNotToHaveHorizontalScrollbar,x as expectNoAxeViolations,h as resizeWindowForReflowTest,u as runAxeAndGetViolations,p as superLongStringForReflowTest};
+import{page as s}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.0.10_typescript@5.8.3__playwright@1.53.2_77c47ac19cbe97978028e1e5ac862536/node_modules/@vitest/browser/context.js";import n from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.2.4_@types_debug@4.1.12_@types_node@24.0.10_@vitest_browser@3.2.4_@vitest_ui@3_8c34ee540b1f52c214debce201d1e515/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const d="Supercalifragilisticexpialidocious".repeat(10);async function a(e){return(await n.run(e)).violations}async function p(e){const t=await a(e);o(t,`Expected no axe core violations, but got ${t.length}`).toHaveLength(0)}function x(){return s.viewport(320,256)}function h(e){let t;if(e.scrollWidth!==0?t=e:e.shadowRoot?t=e.shadowRoot.firstElementChild:t=e.firstElementChild,t){const r=t.scrollWidth>t.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function g(e,t,r){let i=e.querySelector(":focus-visible");if(i||(i=e.shadowRoot?.querySelector(":focus-visible")),i){const l=getComputedStyle(i).getPropertyValue(t);return o(l).toContain(r)}return o(!0).toBe(!1)}export{g as expectComponentFocusStyle,h as expectComponentNotToHaveHorizontalScrollbar,p as expectNoAxeViolations,x as resizeWindowForReflowTest,a as runAxeAndGetViolations,d as superLongStringForReflowTest};

package/dist/utils/vitest-utils.js

@@ -1 +1 @@
-async function e(t){document.body.innerHTML=t,await new Promise(r=>setTimeout(r,0))}function c(t){return document.body.querySelector(t)}function a(t,r){return t.querySelector(r)}function d(t,r){return t.querySelectorAll(r)}function i(t){return document.body.querySelectorAll(t)}function f(t,r){var o;return(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelectorAll(r)}function g(t,r){var o;return(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelector(r)}function S(t,r){var o;return(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelector(`[data-testid="${r}"]`)}function y(t,r){var o;return(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelector(r)}function h(t,r){var o;return(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelectorAll(r)}function w(t){var n;const r=(n=t==null?void 0:t.shadowRoot)==null?void 0:n.querySelectorAll("slot"),o=Array.from(r).find(u=>u.name==="");return o==null?void 0:o.assignedNodes({flatten:!0}).filter(u=>{var s;return((s=u.textContent)==null?void 0:s.trim())!==""})[0].textContent}function l(t,r){var u;const o=(u=t==null?void 0:t.shadowRoot)==null?void 0:u.querySelector(`slot[name="${r}"]`),n=o!=null&&o.assignedNodes().length?o==null?void 0:o.assignedNodes({flatten:!0})[0]:o==null?void 0:o.assignedElements({flatten:!0})[0];return n==null?void 0:n.textContent}function R(t){var o;const r=(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelector("slot");return r==null?void 0:r.assignedElements({flatten:!0})}function q(t,r){var n,u;const o=(n=t==null?void 0:t.shadowRoot)==null?void 0:n.querySelector(`slot[name=${r}]`);return Array.from(((u=o==null?void 0:o.assignedElements({flatten:!0}))==null?void 0:u[0].children)??[])}function T(t=0){return new Promise(r=>setTimeout(r,t))}function E(t){const r=/<!--\?lit\$[^\$]*\$-->/g;return t.replace(r,"").replace(/\s+/g," ").trim()}export{e as addTestableElement,E as cleanInnerHTML,T as flushPromises,c as getElement,a as getElementInsideElement,i as getElements,d as getElementsInsideElement,l as getNamedSlotTextContent,q as getNamedSlottedElements,y as getShadowRootElement,S as getShadowRootElementByDataTestId,h as getShadowRootElements,g as getShadowRootHTMLElement,f as getShadowRootHTMLElements,w as getSlotTextContent,R as getSlottedElements};
+async function r(e){document.body.innerHTML=e,await new Promise(t=>setTimeout(t,0))}function l(e){return document.body.querySelector(e)}function s(e,t){return e.querySelector(t)}function u(e,t){return e.querySelectorAll(t)}function a(e){return document.body.querySelectorAll(e)}function d(e,t){return e?.shadowRoot?.querySelectorAll(t)}function c(e,t){return e?.shadowRoot?.querySelector(t)}function i(e,t){return e?.shadowRoot?.querySelector(`[data-testid="${t}"]`)}function m(e,t){return e?.shadowRoot?.querySelector(t)}function f(e,t){return e?.shadowRoot?.querySelectorAll(t)}function S(e){const t=e?.shadowRoot?.querySelectorAll("slot");return Array.from(t).find(o=>o.name==="")?.assignedNodes({flatten:!0}).filter(o=>o.textContent?.trim()!=="")[0].textContent}function g(e,t){const n=e?.shadowRoot?.querySelector(`slot[name="${t}"]`);return(n?.assignedNodes().length?n?.assignedNodes({flatten:!0})[0]:n?.assignedElements({flatten:!0})[0])?.textContent}function E(e){return e?.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})}function y(e,t){const n=e?.shadowRoot?.querySelector(`slot[name=${t}]`);return Array.from(n?.assignedElements({flatten:!0})?.[0].children??[])}function h(e=0){return new Promise(t=>setTimeout(t,e))}function w(e){const t=/<!--\?lit\$[^\$]*\$-->/g;return e.replace(t,"").replace(/\s+/g," ").trim()}export{r as addTestableElement,w as cleanInnerHTML,h as flushPromises,l as getElement,s as getElementInsideElement,a as getElements,u as getElementsInsideElement,g as getNamedSlotTextContent,y as getNamedSlottedElements,m as getShadowRootElement,i as getShadowRootElementByDataTestId,f as getShadowRootElements,c as getShadowRootHTMLElement,d as getShadowRootHTMLElements,S as getSlotTextContent,E as getSlottedElements};

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ncino/web-components",
     "author": "nCino",
-    "version": "5.0.0-preview.1",
+    "version": "5.0.0-preview.3",
     "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,7 @@
     "module": "dist/index.js",
     "engineStrict": false,
     "private": false,
-    "packageManager": "pnpm@10.12.3",
+    "packageManager": "pnpm@10.12.4",
     "exports": {
         ".": {
             "import": "./dist/index.js",
@@ -69,7 +69,7 @@
     },
     "dependencies": {
         "@deltablot/dropzone": "^7.3.1",
-        "@floating-ui/dom": "^1.7.1",
+        "@floating-ui/dom": "^1.7.2",
         "@lit/localize": "^0.12.2",
         "ckeditor5": "^45.2.1",
         "libphonenumber-js": "^1.12.9",
@@ -79,10 +79,10 @@
         "@actions/core": "^1.11.1",
         "@actions/exec": "^1.1.1",
         "@custom-elements-manifest/analyzer": "0.10.4",
-        "@figma/code-connect": "1.3.3",
+        "@figma/code-connect": "1.3.4",
         "@geometricpanda/storybook-addon-badges": "^2.0.5",
         "@lit/localize-tools": "^0.8.0",
-        "@salesforce-ux/design-system": "^2.27.1",
+        "@salesforce-ux/design-system": "^2.27.2",
         "@storybook/addon-a11y": "^8.6.14",
         "@storybook/addon-actions": "^8.6.14",
         "@storybook/addon-designs": "^8.2.1",
@@ -97,7 +97,7 @@
         "@storybook/web-components": "^8.6.14",
         "@storybook/web-components-vite": "^8.6.14",
         "@types/react": "^19.1.8",
-        "@typescript-eslint/parser": "^8.35.0",
+        "@typescript-eslint/parser": "^8.36.0",
         "@vitest/browser": "^3.2.4",
         "@vitest/coverage-v8": "^3.2.4",
         "@vitest/ui": "3.2.4",
@@ -107,7 +107,7 @@
         "conventional-changelog-conventionalcommits": "^9.0.0",
         "custom-element-jet-brains-integration": "^1.7.0",
         "custom-elements-manifest": "^2.1.0",
-        "eslint": "^9.30.0",
+        "eslint": "^9.30.1",
         "eslint-config-standard": "^17.1.0",
         "eslint-plugin-import": "^2.32.0",
         "eslint-plugin-json": "^4.0.1",
@@ -117,7 +117,7 @@
         "eslint-plugin-yml": "1.18.0",
         "glob": "^11.0.3",
         "jsdom": "26.1.0",
-        "playwright": "1.53.1",
+        "playwright": "1.53.2",
         "postcss": "^8.5.6",
         "rimraf": "^6.0.1",
         "sass": "1.89.2",
@@ -126,9 +126,9 @@
         "storybook-dark-mode": "^4.0.2",
         "storybook-design-token": "^3.3.0",
         "typescript": "^5.8.3",
-        "vite": "6.3.5",
+        "vite": "7.0.3",
         "vite-plugin-dts": "4.5.4",
-        "vite-plugin-static-copy": "^3.0.2",
+        "vite-plugin-static-copy": "^3.1.0",
         "vitest": "^3.2.4",
         "wc-storybook-helpers": "2.0.4",
         "yaml-eslint-parser": "^1.3.0"

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ncino/web-components",
-  "version": "4.3.0-preview.14",
+  "version": "5.0.0-preview.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -302,7 +302,6 @@
               { "name": "textDetailMarkup" },
               { "name": "verticalClass" },
               { "name": "invertTitleClass" },
-              { "name": "textDetailLoadingMarkup" },
               { "name": "textDetailSubtitleIconMarkup" },
               { "name": "textDetailSubtitleMarkup" },
               { "name": "title", "type": "string" },
@@ -4369,7 +4368,7 @@
               { "name": "footerWarningMessageMarkup" },
               { "name": "footerPrimaryActionButtonMarkup" },
               { "name": "footerSecondaryActionButtonMarkup" },
-              { "name": "actionButtonLoaderMarkup" },
+              { "name": "buttonSize" },
               { "name": "dialogRole", "type": "'dialog' | 'alertdialog'" },
               { "name": "open", "type": "boolean" },
               {

package/dist/node_modules/.pnpm/@figma_code-connect@1.3.3/node_modules/@figma/code-connect/dist/common/fetch.js

@@ -1 +0,0 @@
-import{__exports as n}from"../../../../../../../../_virtual/fetch.js";import{__require as E}from"../../../../../../undici@5.29.0/node_modules/undici/index.js";var x;function g(){if(x)return n;x=1;var c={};Object.defineProperty(n,"__esModule",{value:!0}),n.request=n.isFetchError=void 0,n.getProxyUrl=f;const o=E();class u extends Error{constructor(t,r){super(),this.response=t,this.data=r}}const P=e=>e instanceof u;n.isFetchError=P;function f(){return c.HTTPS_PROXY||c.HTTP_PROXY||c.https_proxy||c.http_proxy}const h=f(),d=h?new o.ProxyAgent({uri:h}):void 0;d&&(0,o.setGlobalDispatcher)(d);async function i(e,t,r={},_){const p=new URL(e);r!=null&&r.query&&Object.entries(r.query).forEach(([a,l])=>{p.searchParams.append(a,l)}),e=p.toString(),_&&(r.body=JSON.stringify(_));const s=await fetch(e,{...r,method:t});if(!s.ok){let a;try{a=await s.json()}catch{a=void 0}throw new u(s,a)}const y=await s.text(),q=y?JSON.parse(y):{};return{response:s,data:q}}return n.request={get:(e,t={})=>i(e,"GET",t),post:(e,t,r={})=>i(e,"POST",r,t),put:(e,t,r={})=>i(e,"PUT",r,t),delete:(e,t,r={})=>i(e,"DELETE",r,t)},n}export{g as __require};

package/dist/node_modules/.pnpm/@figma_code-connect@1.3.3/node_modules/@figma/code-connect/dist/connect/figma_rest_api.js

@@ -1 +0,0 @@
-import{__exports as t}from"../../../../../../../../_virtual/figma_rest_api.js";import{__require as l}from"../common/fetch.js";import{__require as p}from"../common/logging.js";import F from"../../package.json.js";var u;function $(){if(u)return t;u=1,Object.defineProperty(t,"__esModule",{value:!0}),t.FigmaRestApi=void 0,t.getApiUrl=f,t.getHeaders=n,t.getDocument=d;const a=l(),r=p(),c=F.version;function f(o){return"https://api.figma.com/v1"}function n(o){return{"X-Figma-Token":o,"Content-Type":"application/json","User-Agent":`code-connect-cli/${c}`}}var s;(function(o){(function(i){i.Boolean="BOOLEAN",i.InstanceSwap="INSTANCE_SWAP",i.Text="TEXT",i.Variant="VARIANT"})(o.ComponentPropertyType||(o.ComponentPropertyType={}))})(s||(t.FigmaRestApi=s={}));async function d(o,i){var g,m;try{r.logger.info("Fetching component information from Figma...");const e=await a.request.get(o,{headers:n(i)});return e.response.status===200?(r.logger.info("Successfully fetched component information from Figma"),e.data.document):(r.logger.error(`Failed to get node information from Figma with status: ${e.response.status}`),r.logger.debug("Failed to get node information from Figma with Body:",e.data),Promise.reject())}catch(e){return(0,a.isFetchError)(e)?(e.response?r.logger.error(`Failed to get node data from Figma (${e.response.status}): ${e.response.status} ${((g=e.data)==null?void 0:g.err)??((m=e.data)==null?void 0:m.message)}`):r.logger.error(`Failed to get node data from Figma: ${e.message}`),r.logger.debug(JSON.stringify(e.data))):r.logger.error(`Failed to create: ${e}`),Promise.reject()}}return t}export{$ as __require};

package/dist/node_modules/.pnpm/@figma_code-connect@1.3.3/node_modules/@figma/code-connect/package.json.js

@@ -1 +0,0 @@
-const e="1.3.3",o={version:e};export{o as default,e as version};

package/dist/node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.0.10_typescript@5.8.3__playwright@1.53.1_5fd2997ee9a97429a51e07bc2023c338/node_modules/@vitest/browser/context.js

@@ -1 +0,0 @@
-const r=null;var t,o;const e=(o=(t=globalThis.__vitest_worker__)==null?void 0:t.ctx)==null?void 0:o.pool;throw new Error("@vitest/browser/context can be imported only inside the Browser Mode. "+(e?`Your test is running in ${e} pool. Make sure your regular tests are excluded from the "test.include" glob pattern.`:"Instead, it was imported outside of Vitest."));export{r as page};