@ncino/web-components 8.0.0-preview.15 → 8.0.0-preview.17

package/dist/components/checkbox/checkbox.gator.js

@@ -1,22 +1,25 @@
-import{customElement as c}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as a}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{generateRandomId as u,getElementId as m}from"../../utils/string-utils.js";import b from"../../packages/web-components/src/components/checkbox/checkbox.gator.scss.js";import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as d,nothing as f}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{ref as v}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/ref.js";import{NgcInputText as x}from"../input/gator/input-text/input-text.gator.js";import{ifDefined as p}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";import{unsafeCSS as g}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var y=Object.defineProperty,$=Object.getOwnPropertyDescriptor,_=Object.getPrototypeOf,T=Reflect.get,s=(e,r,o,l)=>{for(var i=l>1?void 0:l?$(r,o):r,h=e.length-1,n;h>=0;h--)(n=e[h])&&(i=(l?n(r,o,i):n(i))||i);return l&&i&&y(r,o,i),i},k=(e,r,o)=>T(_(e),o,r);let t=class extends x{constructor(){super(...arguments),this.titleText="",this.selected=!1,this.indeterminate=!1,this.hideLabel=!1,this.grouped=!1,this._randomId=u()}updated(e){super.updated(e),e.has("indeterminate")&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate),e.has("errorText")&&this.inputRef.value&&this.inputRef.value.setCustomValidity(this.errorText?"true":"")}render(){const e=this.elementId;return d`
+import{customElement as m}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as a}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as p,nothing as u}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{ref as f}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/ref.js";import{generateRandomId as b,getElementId as v}from"../../utils/string-utils.js";import{ifDefined as c}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";import{NgcInputText as g}from"../input/gator/input-text/input-text.gator.js";import{NgcInputBase as x}from"../input/base/input-base.gator.js";import y from"../../packages/web-components/src/components/checkbox/checkbox.gator.scss.js";import $ from"../../packages/web-components/src/tokens/primitive-new.tokens.scss.js";import k from"../../packages/web-components/src/tokens/semantic-new.tokens.scss.js";import{unsafeCSS as d}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var T=Object.defineProperty,_=Object.getOwnPropertyDescriptor,I=Object.getPrototypeOf,C=Reflect.get,s=(e,r,o,l)=>{for(var i=l>1?void 0:l?_(r,o):r,n=e.length-1,h;n>=0;n--)(h=e[n])&&(i=(l?h(r,o,i):h(i))||i);return l&&i&&T(r,o,i),i},R=(e,r,o)=>C(I(e),o,r);let t=class extends g{constructor(){super(...arguments),this.titleText="",this.selected=!1,this.indeterminate=!1,this.hideLabel=!1,this.grouped=!1,this._randomId=b()}updated(e){super.updated(e),e.has("indeterminate")&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate),e.has("errorText")&&this.inputRef.value&&this.inputRef.value.setCustomValidity(this.errorText?"true":"")}render(){const e=this.elementId;return p`
             <div class="gator-form-element">
                 <div id="${e}-checkbox" class="gator-checkbox">
                     <div class="gator-checkbox-input-wrapper">
                         <input
-                            ${v(this.inputRef)}
+                            ${f(this.inputRef)}
                             id="${e}"
                             class="gator-checkbox-input"
                             type="checkbox"
                             .checked="${this.selected}"
                             ?disabled="${this.disabled}"
-                            aria-labelledby="${p(this.hideLabel?void 0:`${e}-checkbox`)}"
+                            aria-labelledby="${c(this.hideLabel?void 0:`${e}-checkbox`)}"
                             aria-describedby=${this.ariaDescribedby}
                             @change="${this.handleChange}"
-                            aria-label=${p(this.hideLabel?this.titleText:void 0)}
+                            aria-label=${c(this.hideLabel?this.titleText:void 0)}
                         />
                     </div>
-                    ${this.hideLabel?null:d`
-                            <label class="gator-checkbox-title">
+                    ${this.hideLabel?null:p`
+                            <label
+                                class="gator-checkbox-title"
+                                @click="${this.handleChange}"
+                            >
                                 ${this.titleText}
                                 <slot></slot>
                             </label>
@@ -24,7 +27,7 @@ import{customElement as c}from"../../node_modules/.pnpm/@lit_reactive-element@2.
                 </div>
                 ${this.bottomText}
             </div>
-        `}get elementId(){return m(this.id,this._randomId)}get bottomText(){return this.grouped?f:d`
+        `}get elementId(){return v(this.id,this._randomId)}get bottomText(){return this.grouped?u:p`
             ${this.errorTextMarkup}
             ${this.helpTextMarkup}
-        `}handleChange(){this.selected=!this.selected,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{value:this.value,selected:this.selected}}))}click(){this.inputRef.value?.click()}};t.styles=[...k(t,t,"styles"),g(b)];s([a({type:String,attribute:"title-text"})],t.prototype,"titleText",2);s([a({type:Boolean})],t.prototype,"selected",2);s([a({type:Boolean})],t.prototype,"indeterminate",2);s([a({type:Boolean,attribute:"hide-label"})],t.prototype,"hideLabel",2);s([a({type:Boolean,attribute:"grouped"})],t.prototype,"grouped",2);t=s([c("ngc-checkbox")],t);export{t as NgcCheckbox};
+        `}handleChange(){this.selected=!this.selected,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{value:this.value,selected:this.selected}}))}click(){this.inputRef.value?.click()}};t.styles=[...R(t,t,"styles").filter(x.primitiveAndSemanticStyleFilter),d(y),d($),d(k)];s([a({type:String,attribute:"title-text"})],t.prototype,"titleText",2);s([a({type:Boolean})],t.prototype,"selected",2);s([a({type:Boolean})],t.prototype,"indeterminate",2);s([a({type:Boolean,attribute:"hide-label"})],t.prototype,"hideLabel",2);s([a({type:Boolean,attribute:"grouped"})],t.prototype,"grouped",2);t=s([m("ngc-checkbox")],t);export{t as NgcCheckbox};

package/dist/components/panel/gator/panel.storybook-test.js

@@ -1 +1 @@
-import{within as h,waitFor as d,expect as e,userEvent as s}from"../../../node_modules/.pnpm/storybook@9.1.5_@testing-library_dom@10.4.0_msw@2.7.3_@types_node@24.3.1_typescript@5.9_72cffe61c3938b770feb5ac395c7392a/node_modules/storybook/dist/test/index.js";import{getShadowRootElementByDataTestId as p}from"../../../utils/vitest-utils.js";const r=async({canvasElement:w,step:t})=>{const i=h(w);let l,o,c,n;await t("Scenario: Nested Panel Functionality",async()=>{await t("GIVEN the Story renders with the first panel open and the second panel closed",async()=>{l=await i.findByTestId("first-panel"),o=p(l,"first-panel-panel"),c=await i.findByTestId("second-panel"),n=p(c,"second-panel-panel"),await d(()=>e(o).toBeVisible()),e(n).not.toBeVisible()}),await t("WHEN I click on the list item with nested content to open the second panel",async()=>{i.getByTestId("list-item-with-nested").click()}),await t("THEN the second panel is opened relative to the first panel",async()=>{await d(()=>e(n).toBeVisible());const a=o?.offsetWidth;e(window.getComputedStyle(n).left).toBe(`${a}px`)}),await t("WHEN I click the collapse button in the first panel",async()=>{const a=i.getByText("Collapse");await s.click(a)}),await t("THEN I expect the second panel to have moved with the first panel",async()=>{e(window.getComputedStyle(o).width).toBe("56px"),e(window.getComputedStyle(n).left).toBe(`${o.offsetWidth}px`)}),await t("WHEN I click the expand button in the first panel",async()=>{const a=i.getByTestId("expand-button");await s.click(a)}),await t("THEN I expect the first panel to expand and the second panel to move with it",async()=>{e(window.getComputedStyle(o).width).toBe("280px"),e(window.getComputedStyle(n).left).toBe(`${o.offsetWidth}px`)}),await t("WHEN I click on the close button in the second panel",async()=>{const a=i.getByTestId("close-button");await s.click(a)}),await t("THEN I expect the second panel to be closed",async()=>{n.addEventListener("animationend",()=>{e(n).not.toBeVisible()},{once:!0})})})};export{r as nestedPanelTests};
+import{within as h,waitFor as d,expect as e,userEvent as s}from"../../../node_modules/.pnpm/storybook@9.1.5_@testing-library_dom@10.4.0_msw@2.7.3_@types_node@24.5.2_typescript@5.9_67ef7f987bab6bd2ad2f459ed781a73a/node_modules/storybook/dist/test/index.js";import{getShadowRootElementByDataTestId as p}from"../../../utils/vitest-utils.js";const r=async({canvasElement:w,step:t})=>{const i=h(w);let l,o,c,n;await t("Scenario: Nested Panel Functionality",async()=>{await t("GIVEN the Story renders with the first panel open and the second panel closed",async()=>{l=await i.findByTestId("first-panel"),o=p(l,"first-panel-panel"),c=await i.findByTestId("second-panel"),n=p(c,"second-panel-panel"),await d(()=>e(o).toBeVisible()),e(n).not.toBeVisible()}),await t("WHEN I click on the list item with nested content to open the second panel",async()=>{i.getByTestId("list-item-with-nested").click()}),await t("THEN the second panel is opened relative to the first panel",async()=>{await d(()=>e(n).toBeVisible());const a=o?.offsetWidth;e(window.getComputedStyle(n).left).toBe(`${a}px`)}),await t("WHEN I click the collapse button in the first panel",async()=>{const a=i.getByText("Collapse");await s.click(a)}),await t("THEN I expect the second panel to have moved with the first panel",async()=>{e(window.getComputedStyle(o).width).toBe("56px"),e(window.getComputedStyle(n).left).toBe(`${o.offsetWidth}px`)}),await t("WHEN I click the expand button in the first panel",async()=>{const a=i.getByTestId("expand-button");await s.click(a)}),await t("THEN I expect the first panel to expand and the second panel to move with it",async()=>{e(window.getComputedStyle(o).width).toBe("280px"),e(window.getComputedStyle(n).left).toBe(`${o.offsetWidth}px`)}),await t("WHEN I click on the close button in the second panel",async()=>{const a=i.getByTestId("close-button");await s.click(a)}),await t("THEN I expect the second panel to be closed",async()=>{n.addEventListener("animationend",()=>{e(n).not.toBeVisible()},{once:!0})})})};export{r as nestedPanelTests};

package/dist/packages/web-components/src/components/checkbox/checkbox.gator.scss.js

@@ -1 +1 @@
-const e='.gator-checkbox{display:flex;width:fit-content;flex-direction:row;align-items:center;gap:.5rem;margin:var(--ngc-checkbox-margin-y, .5rem) 0;padding-left:.5rem}.gator-checkbox-title{font-family:var(--text-family-body, "Open Sans", sans-serif);color:var(--ngc-checkbox-title-color-default);font-size:var(--ngc-checkbox-title-font-size);line-height:var(--ngc-checkbox-title-line-height)}.gator-checkbox-input-wrapper:has(:focus-visible){box-shadow:0 0 0 2px var(--color-surface-primary-white, #FFF),0 0 0 4px var(--ngc-checkbox-color-focus-indicator, var(--shadow-color-focus-border, #11395B))}.gator-checkbox-input-wrapper:has(:focus-visible) input:focus-visible{outline:none}input{margin:0;border-radius:4px;accent-color:var(--ngc-checkbox-color-selected, var(--checkbox-color-selected, #11395B))}.gator-checkbox-input-wrapper{display:flex;align-items:center;border-radius:2px;outline:1px solid transparent;outline-offset:-1px;transform:scale(1.4)}.gator-checkbox-input-wrapper:has(input:invalid:not(:checked,:indeterminate,:disabled)){outline-color:var(--ngc-checkbox-color-error, var(--color-feedback-error, #D44011))}.gator-checkbox-input-wrapper:has(input:invalid:not(:checked,:indeterminate,:disabled)):hover{outline-color:var(--ngc-checkbox-color-error-hover, var(--color-feedback-error, #AA330E));background:var(--color-surface-error, #FAEBE7)}.gator-checkbox-input-wrapper:has(input:not(:checked,:indeterminate,:disabled)){outline-color:var(--ngc-checkbox-color-border-unselected, #6D6D6D);background:var(--color-surface-primary-white, #FFF)}.gator-checkbox-input-wrapper:has(input:not(:checked,:indeterminate,:disabled)):hover{outline-color:var(--ngc-checkbox-color-border-hover, var(--checkbox-color-hover, #0E304D));background:var(--color-surface-brand-hover, #E4ECF2)}input:not(:checked,:indeterminate,:disabled){opacity:0}input:checked,input:indeterminate,input:disabled{opacity:1}input:invalid{accent-color:var(--ngc-checkbox-color-error, var(--color-feedback-error, #D44011))}';export{e as default};
+const r='.gator-checkbox{display:flex;width:fit-content;flex-direction:row;align-items:center;gap:.5rem;margin:var(--ngc-checkbox-margin-y, .5rem) 0;padding-left:.5rem}.gator-checkbox-title{font-family:var(--font-family-body, "Open Sans"),sans-serif;color:var(--ngc-checkbox-title-color-default, var(--color-text-primary, #1F1F1F));font-size:var(--ngc-checkbox-title-font-size, var(--font-size-body-1, 1.0625rem));line-height:var(--ngc-checkbox-title-line-height, var(--line-height-body-1, 1.5rem))}.gator-checkbox-input-wrapper:has(:focus-visible){box-shadow:0 0 0 2px var(--color-surface-primary-white, #FFF),0 0 0 4px var(--ngc-checkbox-color-focus-indicator, var(--color-border-focus, #1F1F1F))}.gator-checkbox-input-wrapper:has(:focus-visible) input:focus-visible{outline:none}input{margin:0;border-radius:var(--border-radius-small, .25rem);accent-color:var(--ngc-checkbox-color-selected, var(--color-feedback-brand, #103656))}.gator-checkbox-input-wrapper{display:flex;align-items:center;border-radius:2px;outline:1px solid transparent;outline-offset:-1px;transform:scale(1.4)}.gator-checkbox-input-wrapper:has(input:invalid:not(:checked,:indeterminate,:disabled)){outline-color:var(--ngc-checkbox-color-error, var(--color-feedback-error, #D44011))}.gator-checkbox-input-wrapper:has(input:invalid:not(:checked,:indeterminate,:disabled)):hover{outline-color:var(--ngc-checkbox-color-error-hover, var(--color-feedback-error, #D44011));background:var(--color-surface-error, #FAEBE7)}.gator-checkbox-input-wrapper:has(input:not(:checked,:indeterminate,:disabled)){outline-color:var(--ngc-checkbox-color-border-unselected, var(--color-border-primary, #6D6D6D));background:var(--color-surface-primary, #FFFFFF)}.gator-checkbox-input-wrapper:has(input:not(:checked,:indeterminate,:disabled)):hover{outline-color:var(--ngc-checkbox-color-border-hover, var(--color-feedback-brand-secondary, #0D2B45));background:var(--color-surface-brand-secondary, #DAE7F1)}input:not(:checked,:indeterminate,:disabled){opacity:0}input:checked,input:indeterminate,input:disabled{opacity:1}input:invalid{accent-color:var(--ngc-checkbox-color-error, var(--color-feedback-error, #D44011))}';export{r as default};

package/dist/packages/web-components/src/tokens/semantic-new.tokens.scss.js

@@ -1 +1 @@
-const r=':host,:root{--border-radius-no-radius: 0rem;--border-radius-x-small: .125rem;--border-radius-small: .25rem;--border-radius-medium: .5rem;--border-radius-large: 1rem;--border-radius-x-large: 1.5rem;--border-radius-xx-large: 2rem;--border-radius-circle: 50%;--color-background-primary: var(--color-neutral-0);--color-background-secondary: var(--color-neutral-10);--color-background-inverse: var(--color-neutral-80);--color-border-primary: var(--color-neutral-50);--color-border-secondary: var(--color-neutral-40);--color-border-tertiary: var(--color-neutral-30);--color-border-read-only: var(--color-neutral-40);--color-border-disabled: var(--color-neutral-30);--color-border-focus: var(--color-neutral-70);--color-border-inverse: var(--color-neutral-30);--color-border-neutral: var(--color-neutral-70);--color-border-neutral-secondary: var(--color-neutral-80);--color-border-brand: var(--color-brand-30);--color-border-brand-secondary: var(--color-brand-40);--color-border-brand-tertiary: var(--color-brand-20);--color-border-success: var(--color-green-20);--color-border-success-secondary: var(--color-green-40);--color-border-warning: var(--color-orange-20);--color-border-warning-secondary: var(--color-orange-40);--color-border-error: var(--color-red-20);--color-border-error-secondary: var(--color-red-40);--color-border-purple: var(--color-purple-20);--color-border-purple-secondary: var(--color-purple-40);--color-border-blue: var(--color-blue-20);--color-border-blue-secondary: var(--color-blue-40);--color-border-aqua: var(--color-aqua-20);--color-border-aqua-secondary: var(--color-aqua-40);--color-border-gator-green: var(--color-gator-green-20);--color-border-gator-green-secondary: var(--color-gator-green-40);--color-border-yellow: var(--color-yellow-20);--color-border-yellow-secondary: var(--color-yellow-40);--color-data-viz-brand-10: var(--color-brand-10);--color-data-viz-brand-20: var(--color-brand-20);--color-data-viz-brand-30: var(--color-brand-30);--color-data-viz-brand-40: var(--color-brand-40);--color-data-viz-brand-50: var(--color-brand-50);--color-data-viz-success-10: var(--color-green-10);--color-data-viz-success-20: var(--color-green-20);--color-data-viz-success-30: var(--color-green-30);--color-data-viz-success-40: var(--color-green-40);--color-data-viz-success-50: var(--color-green-50);--color-data-viz-warning-10: var(--color-orange-10);--color-data-viz-warning-20: var(--color-orange-20);--color-data-viz-warning-30: var(--color-orange-30);--color-data-viz-warning-40: var(--color-orange-40);--color-data-viz-warning-50: var(--color-orange-50);--color-data-viz-error-10: var(--color-red-10);--color-data-viz-error-20: var(--color-red-20);--color-data-viz-error-30: var(--color-red-30);--color-data-viz-error-40: var(--color-red-40);--color-data-viz-error-50: var(--color-red-50);--color-data-viz-purple-10: var(--color-purple-10);--color-data-viz-purple-20: var(--color-purple-20);--color-data-viz-purple-30: var(--color-purple-30);--color-data-viz-purple-40: var(--color-purple-40);--color-data-viz-purple-50: var(--color-purple-50);--color-data-viz-blue-10: var(--color-blue-10);--color-data-viz-blue-20: var(--color-blue-20);--color-data-viz-blue-30: var(--color-blue-30);--color-data-viz-blue-40: var(--color-blue-40);--color-data-viz-blue-50: var(--color-blue-50);--color-data-viz-aqua-10: var(--color-aqua-10);--color-data-viz-aqua-20: var(--color-aqua-20);--color-data-viz-aqua-30: var(--color-aqua-30);--color-data-viz-aqua-40: var(--color-aqua-40);--color-data-viz-aqua-50: var(--color-aqua-50);--color-data-viz-gator-green-10: var(--color-gator-green-10);--color-data-viz-gator-green-20: var(--color-gator-green-20);--color-data-viz-gator-green-30: var(--color-gator-green-30);--color-data-viz-gator-green-40: var(--color-gator-green-40);--color-data-viz-gator-green-50: var(--color-gator-green-50);--color-data-viz-yellow-10: var(--color-yellow-10);--color-data-viz-yellow-20: var(--color-yellow-20);--color-data-viz-yellow-30: var(--color-yellow-30);--color-data-viz-yellow-40: var(--color-yellow-40);--color-data-viz-yellow-50: var(--color-yellow-50);--color-feedback-brand: var(--color-brand-30);--color-feedback-brand-secondary: var(--color-brand-40);--color-feedback-brand-tertiary: var(--color-brand-50);--color-feedback-neutral: var(--color-neutral-70);--color-feedback-neutral-secondary: var(--color-neutral-80);--color-feedback-neutral-tertiary: var(--color-neutral-80);--color-feedback-success: var(--color-green-30);--color-feedback-success-secondary: var(--color-green-40);--color-feedback-success-tertiary: var(--color-green-50);--color-feedback-warning: var(--color-orange-30);--color-feedback-warning-secondary: var(--color-orange-40);--color-feedback-warning-tertiary: var(--color-orange-50);--color-feedback-error: var(--color-red-30);--color-feedback-error-secondary: var(--color-red-40);--color-feedback-error-tertiary: var(--color-red-50);--color-icon-primary: var(--color-neutral-70);--color-icon-secondary: var(--color-neutral-50);--color-icon-tertiary: var(--color-neutral-40);--color-icon-disabled: var(--color-neutral-40);--color-icon-inverse: var(--color-neutral-0);--color-icon-brand: var(--color-brand-30);--color-icon-brand-secondary: var(--color-brand-20);--color-icon-brand-tertiary: var(--color-brand-0);--color-icon-success: var(--color-green-40);--color-icon-warning: var(--color-orange-40);--color-icon-error: var(--color-red-40);--color-icon-ai: var(--color-purple-50);--color-illustration-primary: var(--color-neutral-70);--color-illustration-brand: var(--color-brand-30);--color-overlay-primary: var(--color-neutral-80-alpha-10);--color-overlay-cropping: var(--color-neutral-80-alpha-60);--color-overlay-modal: var(--color-neutral-80-alpha-60);--color-surface-primary: var(--color-neutral-0);--color-surface-secondary: var(--color-neutral-10);--color-surface-tertiary: var(--color-neutral-20);--color-surface-neutral: var(--color-neutral-35);--color-surface-neutral-secondary: var(--color-neutral-40);--color-surface-neutral-tertiary: var(--color-neutral-45);--color-surface-inverse: var(--color-neutral-70);--color-surface-hover: var(--color-neutral-10);--color-surface-disabled: var(--color-neutral-30);--color-surface-loading: var(--color-neutral-35);--color-surface-brand: var(--color-brand-0);--color-surface-brand-secondary: var(--color-brand-10);--color-surface-brand-tertiary: var(--color-brand-20);--color-surface-success: var(--color-green-10);--color-surface-success-secondary: var(--color-green-20);--color-surface-warning: var(--color-orange-10);--color-surface-warning-secondary: var(--color-orange-20);--color-surface-error: var(--color-red-10);--color-surface-error-secondary: var(--color-red-20);--color-surface-purple: var(--color-purple-10);--color-surface-purple-secondary: var(--color-purple-20);--color-surface-blue: var(--color-blue-10);--color-surface-blue-secondary: var(--color-blue-20);--color-surface-aqua: var(--color-aqua-10);--color-surface-aqua-secondary: var(--color-aqua-20);--color-surface-gator-green: var(--color-gator-green-10);--color-surface-gator-green-secondary: var(--color-gator-green-20);--color-surface-yellow: var(--color-yellow-10);--color-surface-yellow-secondary: var(--color-yellow-20);--color-surface-alpha-neutral-strong: var(--color-neutral-40-alpha-70);--color-surface-alpha-neutral-medium: var(--color-neutral-40-alpha-30);--color-surface-alpha-brand-strong: var(--color-brand-30-alpha-70);--color-surface-alpha-brand-medium: var(--color-brand-30-alpha-50);--color-surface-alpha-brand-subtle: var(--color-brand-30-alpha-30);--color-underline-primary: var(--color-neutral-40);--color-underline-secondary: var(--color-neutral-70);--color-underline-tertiary: var(--color-neutral-80);--color-underline-brand: var(--color-brand-30);--color-underline-brand-secondary: var(--color-brand-40);--color-underline-brand-tertiary: var(--color-brand-50);--color-text-primary: var(--color-neutral-70);--color-text-secondary: var(--color-neutral-50);--color-text-placeholder: var(--color-neutral-45);--color-text-inverse: var(--color-neutral-0);--color-text-loading: var(--color-neutral-40);--color-text-disabled: var(--color-neutral-40);--color-text-brand: var(--color-brand-30);--color-text-success: var(--color-green-40);--color-text-warning: var(--color-orange-40);--color-text-error: var(--color-red-40);--color-text-ai: var(--color-purple-40);--font-family-headings: "Lexend Deca", system-ui, -apple-system, sans-serif;--font-family-body: "Open Sans", system-ui, -apple-system, sans-serif;--font-size-body-1: 1.0625rem;--font-size-body-2: .9375rem;--font-size-body-3: .8125rem;--font-size-display-1: 4.5rem;--font-size-display-2: 4rem;--font-size-heading-1: 2.5rem;--font-size-heading-2: 2rem;--font-size-heading-3: 1.625rem;--font-size-heading-4: 1.375rem;--font-size-heading-5: 1.25rem;--font-size-heading-6: 1.125rem;--font-size-subtitle-1: 1.0625rem;--font-size-subtitle-2: .9375rem;--font-size-subtitle-3: .8125rem;--font-size-sm-display-1: 3rem;--font-size-sm-display-2: 2.25rem;--font-size-sm-heading-1: 1.75rem;--font-size-sm-heading-2: 1.5rem;--font-size-sm-heading-3: 1.375rem;--font-size-sm-heading-4: 1.25rem;--font-size-sm-heading-5: 1.125rem;--font-size-sm-heading-6: 1.0625rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--letter-spacing-default: 0;--letter-spacing-narrow: -1px;--line-height-body-1: 1.5rem;--line-height-body-2: 1.375rem;--line-height-body-3: 1.125rem;--line-height-display-1: 5.625rem;--line-height-display-2: 4.875rem;--line-height-heading-1: 3.125rem;--line-height-heading-2: 2.625rem;--line-height-heading-3: 2.25rem;--line-height-heading-4: 2rem;--line-height-heading-5: 1.875rem;--line-height-heading-6: 1.875rem;--line-height-subtitle-1: 1.5rem;--line-height-subtitle-2: 1.375rem;--line-height-sm-display-1: 3.5rem;--line-height-sm-display-2: 3rem;--line-height-sm-heading-1: 2.25rem;--line-height-sm-heading-2: 2rem;--line-height-sm-heading-3: 2rem;--line-height-sm-heading-4: 1.875rem;--line-height-sm-heading-5: 1.875rem;--line-height-sm-heading-6: 1.875rem;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-3: .5rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-7: 2rem;--shadow-color-focus-gap: var(--color-surface-primary);--shadow-color-focus-border: var(--color-stroke-brand);--shadow-1-card: 0 1px 1.5px 0px var(--color-neutral-70-alpha-4), 0 2px 5px 0px var(--color-neutral-70-alpha-5), 0 3px 9px 6px var(--color-neutral-70-alpha-8);--shadow-2-card-raised: 0 5px 10px 0px var(--color-neutral-70-alpha-5), 0 7px 14px 0px var(--color-neutral-70-alpha-8), 0 3px 6px 0px var(--color-neutral-70-alpha-4);--shadow-3-dropdown: 0 7px 12px 0px var(--color-neutral-70-alpha-5), 0 8px 16px 0px var(--color-neutral-70-alpha-8), 0 9px 18px 0px var(--color-neutral-70-alpha-10);--shadow-4-modal: 0 9px 15px 0px var(--color-neutral-70-alpha-5), 0 10px 20px 0px var(--color-neutral-70-alpha-8), 0 9px 20px 0px var(--color-neutral-70-alpha-10);--shadow-popover: 0 -1px 1.5px 0px var(--color-neutral-70-alpha-4), 0 2px 5px 0px var(--color-neutral-70-alpha-5), 0 3px 9px 6px var(--color-neutral-70-alpha-8);--shadow-panel-right: -4px 0 10px 0px var(--color-neutral-70-alpha-5), -4px 0 14px 0px var(--color-neutral-70-alpha-8), -4px 0 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-left: 4px 0 10px 0px var(--color-neutral-70-alpha-5), 4px 0 14px 0px var(--color-neutral-70-alpha-8), 4px 0 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-bottom: 0 -4px 10px 0px var(--color-neutral-70-alpha-5), 0 -4px 14px 0px var(--color-neutral-70-alpha-8), 0 -4px 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-top: 0 4px 10px 0px var(--color-neutral-70-alpha-5), 0 4px 14px 0px var(--color-neutral-70-alpha-8), 0 4px 6px 0px var(--color-neutral-70-alpha-4);--blur-sm: 4px;--blur-md: 8px;--blur-lg: 12px}';export{r as default};
+const r=':host,:root{--border-radius-no-radius: 0rem;--border-radius-x-small: .125rem;--border-radius-small: .25rem;--border-radius-medium: .5rem;--border-radius-large: 1rem;--border-radius-x-large: 1.5rem;--border-radius-xx-large: 2rem;--border-radius-circle: 50%;--color-background-primary: var(--color-neutral-0);--color-background-secondary: var(--color-neutral-10);--color-background-inverse: var(--color-neutral-80);--color-border-primary: var(--color-neutral-50);--color-border-secondary: var(--color-neutral-40);--color-border-tertiary: var(--color-neutral-30);--color-border-read-only: var(--color-neutral-40);--color-border-disabled: var(--color-neutral-30);--color-border-focus: var(--color-neutral-70);--color-border-inverse: var(--color-neutral-30);--color-border-neutral: var(--color-neutral-70);--color-border-neutral-secondary: var(--color-neutral-80);--color-border-brand: var(--color-brand-30);--color-border-brand-secondary: var(--color-brand-40);--color-border-brand-tertiary: var(--color-brand-20);--color-border-success: var(--color-green-20);--color-border-success-secondary: var(--color-green-40);--color-border-warning: var(--color-orange-20);--color-border-warning-secondary: var(--color-orange-40);--color-border-error: var(--color-red-20);--color-border-error-secondary: var(--color-red-40);--color-border-purple: var(--color-purple-20);--color-border-purple-secondary: var(--color-purple-40);--color-border-blue: var(--color-blue-20);--color-border-blue-secondary: var(--color-blue-40);--color-border-aqua: var(--color-aqua-20);--color-border-aqua-secondary: var(--color-aqua-40);--color-border-gator-green: var(--color-gator-green-20);--color-border-gator-green-secondary: var(--color-gator-green-40);--color-border-yellow: var(--color-yellow-20);--color-border-yellow-secondary: var(--color-yellow-40);--color-data-viz-brand-10: var(--color-brand-10);--color-data-viz-brand-20: var(--color-brand-20);--color-data-viz-brand-30: var(--color-brand-30);--color-data-viz-brand-40: var(--color-brand-40);--color-data-viz-brand-50: var(--color-brand-50);--color-data-viz-success-10: var(--color-green-10);--color-data-viz-success-20: var(--color-green-20);--color-data-viz-success-30: var(--color-green-30);--color-data-viz-success-40: var(--color-green-40);--color-data-viz-success-50: var(--color-green-50);--color-data-viz-warning-10: var(--color-orange-10);--color-data-viz-warning-20: var(--color-orange-20);--color-data-viz-warning-30: var(--color-orange-30);--color-data-viz-warning-40: var(--color-orange-40);--color-data-viz-warning-50: var(--color-orange-50);--color-data-viz-error-10: var(--color-red-10);--color-data-viz-error-20: var(--color-red-20);--color-data-viz-error-30: var(--color-red-30);--color-data-viz-error-40: var(--color-red-40);--color-data-viz-error-50: var(--color-red-50);--color-data-viz-purple-10: var(--color-purple-10);--color-data-viz-purple-20: var(--color-purple-20);--color-data-viz-purple-30: var(--color-purple-30);--color-data-viz-purple-40: var(--color-purple-40);--color-data-viz-purple-50: var(--color-purple-50);--color-data-viz-blue-10: var(--color-blue-10);--color-data-viz-blue-20: var(--color-blue-20);--color-data-viz-blue-30: var(--color-blue-30);--color-data-viz-blue-40: var(--color-blue-40);--color-data-viz-blue-50: var(--color-blue-50);--color-data-viz-aqua-10: var(--color-aqua-10);--color-data-viz-aqua-20: var(--color-aqua-20);--color-data-viz-aqua-30: var(--color-aqua-30);--color-data-viz-aqua-40: var(--color-aqua-40);--color-data-viz-aqua-50: var(--color-aqua-50);--color-data-viz-gator-green-10: var(--color-gator-green-10);--color-data-viz-gator-green-20: var(--color-gator-green-20);--color-data-viz-gator-green-30: var(--color-gator-green-30);--color-data-viz-gator-green-40: var(--color-gator-green-40);--color-data-viz-gator-green-50: var(--color-gator-green-50);--color-data-viz-yellow-10: var(--color-yellow-10);--color-data-viz-yellow-20: var(--color-yellow-20);--color-data-viz-yellow-30: var(--color-yellow-30);--color-data-viz-yellow-40: var(--color-yellow-40);--color-data-viz-yellow-50: var(--color-yellow-50);--color-feedback-brand: var(--color-brand-30);--color-feedback-brand-secondary: var(--color-brand-40);--color-feedback-brand-tertiary: var(--color-brand-50);--color-feedback-neutral: var(--color-neutral-70);--color-feedback-neutral-secondary: var(--color-neutral-80);--color-feedback-neutral-tertiary: var(--color-neutral-80);--color-feedback-success: var(--color-green-30);--color-feedback-success-secondary: var(--color-green-40);--color-feedback-success-tertiary: var(--color-green-50);--color-feedback-warning: var(--color-orange-30);--color-feedback-warning-secondary: var(--color-orange-40);--color-feedback-warning-tertiary: var(--color-orange-50);--color-feedback-error: var(--color-red-30);--color-feedback-error-secondary: var(--color-red-40);--color-feedback-error-tertiary: var(--color-red-50);--color-icon-primary: var(--color-neutral-70);--color-icon-secondary: var(--color-neutral-50);--color-icon-tertiary: var(--color-neutral-40);--color-icon-disabled: var(--color-neutral-40);--color-icon-inverse: var(--color-neutral-0);--color-icon-brand: var(--color-brand-30);--color-icon-brand-secondary: var(--color-brand-20);--color-icon-brand-tertiary: var(--color-brand-0);--color-icon-success: var(--color-green-40);--color-icon-warning: var(--color-orange-40);--color-icon-error: var(--color-red-40);--color-icon-ai: var(--color-purple-50);--color-illustration-primary: var(--color-neutral-70);--color-illustration-brand: var(--color-brand-30);--color-overlay-primary: var(--color-neutral-80-alpha-10);--color-overlay-cropping: var(--color-neutral-80-alpha-60);--color-overlay-modal: var(--color-neutral-80-alpha-60);--color-surface-primary: var(--color-neutral-0);--color-surface-secondary: var(--color-neutral-10);--color-surface-tertiary: var(--color-neutral-20);--color-surface-neutral: var(--color-neutral-35);--color-surface-neutral-secondary: var(--color-neutral-40);--color-surface-neutral-tertiary: var(--color-neutral-45);--color-surface-inverse: var(--color-neutral-70);--color-surface-hover: var(--color-neutral-10);--color-surface-disabled: var(--color-neutral-30);--color-surface-loading: var(--color-neutral-35);--color-surface-brand: var(--color-brand-0);--color-surface-brand-secondary: var(--color-brand-10);--color-surface-brand-tertiary: var(--color-brand-20);--color-surface-success: var(--color-green-10);--color-surface-success-secondary: var(--color-green-20);--color-surface-warning: var(--color-orange-10);--color-surface-warning-secondary: var(--color-orange-20);--color-surface-error: var(--color-red-10);--color-surface-error-secondary: var(--color-red-20);--color-surface-purple: var(--color-purple-10);--color-surface-purple-secondary: var(--color-purple-20);--color-surface-blue: var(--color-blue-10);--color-surface-blue-secondary: var(--color-blue-20);--color-surface-aqua: var(--color-aqua-10);--color-surface-aqua-secondary: var(--color-aqua-20);--color-surface-gator-green: var(--color-gator-green-10);--color-surface-gator-green-secondary: var(--color-gator-green-20);--color-surface-yellow: var(--color-yellow-10);--color-surface-yellow-secondary: var(--color-yellow-20);--color-surface-alpha-neutral-strong: var(--color-neutral-40-alpha-70);--color-surface-alpha-neutral-medium: var(--color-neutral-40-alpha-30);--color-surface-alpha-brand-strong: var(--color-brand-30-alpha-70);--color-surface-alpha-brand-medium: var(--color-brand-30-alpha-50);--color-surface-alpha-brand-subtle: var(--color-brand-30-alpha-30);--color-underline-primary: var(--color-neutral-40);--color-underline-secondary: var(--color-neutral-70);--color-underline-tertiary: var(--color-neutral-80);--color-underline-brand: var(--color-brand-30);--color-underline-brand-secondary: var(--color-brand-40);--color-underline-brand-tertiary: var(--color-brand-50);--color-text-primary: var(--color-neutral-70);--color-text-secondary: var(--color-neutral-50);--color-text-placeholder: var(--color-neutral-45);--color-text-inverse: var(--color-neutral-0);--color-text-loading: var(--color-neutral-40);--color-text-disabled: var(--color-neutral-40);--color-text-brand: var(--color-brand-30);--color-text-success: var(--color-green-40);--color-text-warning: var(--color-orange-40);--color-text-error: var(--color-red-40);--color-text-ai: var(--color-purple-40);--font-family-headings: "Lexend Deca", system-ui, -apple-system, sans-serif;--font-family-body: "Open Sans", system-ui, -apple-system, sans-serif;--font-size-body-1: 1.0625rem;--font-size-body-2: .9375rem;--font-size-body-3: .8125rem;--font-size-display-1: 4.5rem;--font-size-display-2: 4rem;--font-size-heading-1: 2.5rem;--font-size-heading-2: 2rem;--font-size-heading-3: 1.625rem;--font-size-heading-4: 1.375rem;--font-size-heading-5: 1.25rem;--font-size-heading-6: 1.125rem;--font-size-subtitle-1: 1.0625rem;--font-size-subtitle-2: .9375rem;--font-size-subtitle-3: .8125rem;--font-size-sm-display-1: 3rem;--font-size-sm-display-2: 2.25rem;--font-size-sm-heading-1: 1.75rem;--font-size-sm-heading-2: 1.5rem;--font-size-sm-heading-3: 1.375rem;--font-size-sm-heading-4: 1.25rem;--font-size-sm-heading-5: 1.125rem;--font-size-sm-heading-6: 1.0625rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--letter-spacing-default: 0;--letter-spacing-narrow: -1px;--line-height-body-1: 1.5rem;--line-height-body-2: 1.375rem;--line-height-body-3: 1.125rem;--line-height-display-1: 5.625rem;--line-height-display-2: 4.875rem;--line-height-heading-1: 3.125rem;--line-height-heading-2: 2.625rem;--line-height-heading-3: 2.25rem;--line-height-heading-4: 2rem;--line-height-heading-5: 1.875rem;--line-height-heading-6: 1.875rem;--line-height-subtitle-1: 1.5rem;--line-height-subtitle-2: 1.375rem;--line-height-sm-display-1: 3.5rem;--line-height-sm-display-2: 3rem;--line-height-sm-heading-1: 2.25rem;--line-height-sm-heading-2: 2rem;--line-height-sm-heading-3: 2rem;--line-height-sm-heading-4: 1.875rem;--line-height-sm-heading-5: 1.875rem;--line-height-sm-heading-6: 1.875rem;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-3: .5rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-7: 2rem;--shadow-1-card: 0 1px 1.5px 0px var(--color-neutral-70-alpha-4), 0 2px 5px 0px var(--color-neutral-70-alpha-5), 0 3px 9px 6px var(--color-neutral-70-alpha-8);--shadow-2-card-raised: 0 5px 10px 0px var(--color-neutral-70-alpha-5), 0 7px 14px 0px var(--color-neutral-70-alpha-8), 0 3px 6px 0px var(--color-neutral-70-alpha-4);--shadow-3-dropdown: 0 7px 12px 0px var(--color-neutral-70-alpha-5), 0 8px 16px 0px var(--color-neutral-70-alpha-8), 0 9px 18px 0px var(--color-neutral-70-alpha-10);--shadow-4-modal: 0 9px 15px 0px var(--color-neutral-70-alpha-5), 0 10px 20px 0px var(--color-neutral-70-alpha-8), 0 9px 20px 0px var(--color-neutral-70-alpha-10);--shadow-popover: 0 -1px 1.5px 0px var(--color-neutral-70-alpha-4), 0 2px 5px 0px var(--color-neutral-70-alpha-5), 0 3px 9px 6px var(--color-neutral-70-alpha-8);--shadow-panel-right: -4px 0 10px 0px var(--color-neutral-70-alpha-5), -4px 0 14px 0px var(--color-neutral-70-alpha-8), -4px 0 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-left: 4px 0 10px 0px var(--color-neutral-70-alpha-5), 4px 0 14px 0px var(--color-neutral-70-alpha-8), 4px 0 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-bottom: 0 -4px 10px 0px var(--color-neutral-70-alpha-5), 0 -4px 14px 0px var(--color-neutral-70-alpha-8), 0 -4px 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-top: 0 4px 10px 0px var(--color-neutral-70-alpha-5), 0 4px 14px 0px var(--color-neutral-70-alpha-8), 0 4px 6px 0px var(--color-neutral-70-alpha-4);--blur-sm: 4px;--blur-md: 8px;--blur-lg: 12px}';export{r as default};

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

@@ -1 +1 @@
-import{page as s}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.3.1_typescript@5.9.2__playwright@1.55.0__87f0b62113e4cf466e19137faba4c80e/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.3.1_@vitest_browser@3.2.4_@vitest_ui@3._1b07986b91643c89c81b0014d2711937/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const d="Supercalifragilisticexpialidocious".repeat(10);async function a(t){return(await n.run(t)).violations}async function p(t){const e=await a(t);o(e,`Expected no axe core violations, but got ${e.length}: ${JSON.stringify(e)}`).toHaveLength(0)}function x(){return s.viewport(320,256)}function h(t){let e;if(t.scrollWidth!==0?e=t:t.shadowRoot?e=t.shadowRoot.firstElementChild:e=t.firstElementChild,e){const r=e.scrollWidth>e.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function g(t,e,r){let i=t.querySelector(":focus-visible");if(i||(i=t.shadowRoot?.querySelector(":focus-visible")),i){const l=getComputedStyle(i).getPropertyValue(e);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};
+import{page as s}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.5.2_typescript@5.9.2__playwright@1.55.0__9d4398eee1ca9f4e5bc66c38c44c1a42/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.5.2_@vitest_browser@3.2.4_@vitest_ui@3._ca089e2e148b21550246e36bcfc837cf/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const d="Supercalifragilisticexpialidocious".repeat(10);async function a(t){return(await n.run(t)).violations}async function p(t){const e=await a(t);o(e,`Expected no axe core violations, but got ${e.length}: ${JSON.stringify(e)}`).toHaveLength(0)}function x(){return s.viewport(320,256)}function h(t){let e;if(t.scrollWidth!==0?e=t:t.shadowRoot?e=t.shadowRoot.firstElementChild:e=t.firstElementChild,e){const r=e.scrollWidth>e.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function g(t,e,r){let i=t.querySelector(":focus-visible");if(i||(i=t.shadowRoot?.querySelector(":focus-visible")),i){const l=getComputedStyle(i).getPropertyValue(e);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/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ncino/web-components",
     "author": "nCino",
-    "version": "8.0.0-preview.15",
+    "version": "8.0.0-preview.17",
     "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"
@@ -101,21 +101,21 @@
         "@storybook/addon-links": "^9.1.5",
         "@storybook/web-components-vite": "^9.1.5",
         "@types/react": "^19.1.12",
-        "@typescript-eslint/parser": "^8.43.0",
+        "@typescript-eslint/parser": "^8.44.1",
         "@vitest/browser": "^3.2.4",
         "@vitest/coverage-v8": "^3.2.4",
         "@vitest/ui": "3.2.4",
         "axe-core": "^4.10.3",
         "cem-plugin-expanded-types": "^1.4.0",
-        "chromatic": "^13.1.4",
+        "chromatic": "^13.2.1",
         "conventional-changelog-conventionalcommits": "^9.1.0",
         "custom-element-jet-brains-integration": "^1.7.0",
         "custom-elements-manifest": "^2.1.0",
-        "eslint": "^9.35.0",
+        "eslint": "^9.36.0",
         "eslint-config-standard": "^17.1.0",
         "eslint-plugin-import": "^2.32.0",
         "eslint-plugin-json": "^4.0.1",
-        "eslint-plugin-n": "^17.22.0",
+        "eslint-plugin-n": "^17.23.1",
         "eslint-plugin-promise": "^7.2.1",
         "eslint-plugin-storybook": "^9.1.5",
         "eslint-plugin-yml": "1.18.0",
@@ -124,7 +124,7 @@
         "playwright": "1.55.0",
         "postcss": "^8.5.6",
         "rimraf": "^6.0.1",
-        "sass": "1.92.1",
+        "sass": "1.93.2",
         "storybook": "^9.1.5",
         "storybook-addon-code-editor": "^5.0.0",
         "storybook-design-token": "^4.1.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": "8.0.0-preview.14",
+  "version": "8.0.0-preview.16",
   "description-markup": "markdown",
   "contributions": {
     "html": {