@ncino/web-components 7.0.0-preview.6 → 7.0.0-preview.8

package/dist/components/toast-container/gator/toast-container.gator.js

@@ -1,6 +1,6 @@
-import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as p}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import{LitElement as c}from"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as f}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as u}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{state as h}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import v from"../../../packages/web-components/src/components/toast-container/gator/toast-container.gator.scss.js";import _ from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import b from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{repeat as $}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/repeat.js";import{ifDefined as a}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import"../../toast/gator/base/toast.gator.js";import{unsafeCSS as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var g=Object.defineProperty,T=Object.getOwnPropertyDescriptor,l=(t,i,s,r)=>{for(var e=r>1?void 0:r?T(i,s):i,o=t.length-1,d;o>=0;o--)(d=t[o])&&(e=(r?d(i,s,e):d(e))||e);return r&&e&&g(i,s,e),e};let n=class extends c{constructor(){super(...arguments),this.toasts=[],this._renderedToasts=[]}updated(t){if(t.has("toasts")){const i=this.toasts.filter(e=>e.id?!0:(console.warn("[ngc-toast-container] A toast was provided without a required `id` property and will be ignored.",e),!1)),s=[...i],r=new Set(i.map(e=>e.id));this._renderedToasts.forEach((e,o)=>{r.has(e.id)||s.splice(o,0,{...e,initiateRemoval:!0})}),this._renderedToasts=s}}handleAnimationEnd(t){if(t.animationName==="toast-fade-out"){const s=t.target.getAttribute("id");s&&(this._renderedToasts=this._renderedToasts.filter(r=>r.id!==s))}}render(){return p`
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as p}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import{LitElement as c}from"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as f}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as u}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{state as h}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import v from"../../../packages/web-components/src/components/toast-container/gator/toast-container.gator.scss.js";import T from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import _ from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{repeat as b}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/repeat.js";import{ifDefined as a}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import"../../toast/gator/base/toast.gator.js";import{unsafeCSS as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var $=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(t,i,s,r)=>{for(var e=r>1?void 0:r?g(i,s):i,o=t.length-1,d;o>=0;o--)(d=t[o])&&(e=(r?d(i,s,e):d(e))||e);return r&&e&&$(i,s,e),e};let n=class extends c{constructor(){super(...arguments),this.toasts=[],this._renderedToasts=[]}updated(t){if(t.has("toasts")){const i=this.toasts.filter(e=>e.id?!0:(console.warn("[ngc-toast-container] A toast was provided without a required `id` property and will be ignored.",e),!1)),s=[...i],r=new Set(i.map(e=>e.id));this._renderedToasts.forEach((e,o)=>{r.has(e.id)||s.splice(o,0,{...e,initiateRemoval:!0})}),this._renderedToasts=s}}handleAnimationEnd(t){if(t.animationName==="toast-fade-out"){const s=t.target.getAttribute("id");s&&(this._renderedToasts=this._renderedToasts.filter(r=>r.id!==s))}}render(){return p`
             <section class="gator-toast-container" aria-live="polite">
-                ${$(this._renderedToasts,t=>t.id,t=>p`
+                ${b(this._renderedToasts,t=>t.id,t=>p`
                         <ngc-toast
                             class="${t.initiateRemoval?"toast-fade-out":""}"
                             id="${t.id}"
@@ -15,4 +15,4 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit
                         ></ngc-toast>
                     `)}
             </section>
-        `}};n.styles=[m(v),m(_),m(b)];l([u({type:Array})],n.prototype,"toasts",2);l([h()],n.prototype,"_renderedToasts",2);n=l([f("ngc-toast-container")],n);export{n as NgcToastContainer};
+        `}};n.styles=[m(v),m(T),m(_)];l([u({type:Array})],n.prototype,"toasts",2);l([h()],n.prototype,"_renderedToasts",2);n=l([f("ngc-toast-container")],n);export{n as NgcToastContainer};

package/dist/components/toaster/gator/toaster.gator.js

@@ -1,5 +1,5 @@
-import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as l}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import{LitElement as c}from"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as d}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as f}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{state as u}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import h from"../../../packages/web-components/src/components/toaster/gator/toaster.gator.scss.js";import _ from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import T from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import"../../toast-container/gator/toast-container.gator.js";import{unsafeCSS as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,e=(s,t,r,a)=>{for(var o=a>1?void 0:a?y(t,r):t,n=s.length-1,p;n>=0;n--)(p=s[n])&&(o=(a?p(t,r,o):p(o))||o);return a&&o&&v(t,r,o),o};let i=class extends c{constructor(){super(...arguments),this.position="top-right",this.defaultToastOptions={},this._toasts=[]}addToast(s){const t=crypto.randomUUID(),r=s.duration??this.defaultToastOptions?.duration??i.defaultDuration,a=!r||r===0,o={...this.defaultToastOptions,...s,id:t,sticky:a};return this._toasts=[o,...this._toasts],a||setTimeout(()=>{this.removeToast(t)},r),t}removeToast(s){this._toasts=this._toasts.filter(t=>t.id!==s)}clearAll(){this._toasts=[]}handleToastDismiss(s){const t=s.detail.id;t&&this.removeToast(t)}render(){return l`
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as l}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import{LitElement as c}from"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as d}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as f}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{state as u}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import h from"../../../packages/web-components/src/components/toaster/gator/toaster.gator.scss.js";import T from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import _ from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import"../../toast-container/gator/toast-container.gator.js";import{unsafeCSS as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,a=(s,t,r,e)=>{for(var o=e>1?void 0:e?y(t,r):t,n=s.length-1,p;n>=0;n--)(p=s[n])&&(o=(e?p(t,r,o):p(o))||o);return e&&o&&v(t,r,o),o};let i=class extends c{constructor(){super(...arguments),this.position="top-right",this.defaultToastOptions={},this._toasts=[]}addToast(s){const t=crypto.randomUUID(),r=s.duration??this.defaultToastOptions?.duration??i.defaultDuration,e=!r||r===0,o={...this.defaultToastOptions,...s,id:t,sticky:e};return this._toasts=[o,...this._toasts],e||setTimeout(()=>{this.removeToast(t)},r),t}removeToast(s){this._toasts=this._toasts.filter(t=>t.id!==s)}clearAll(){this._toasts=[]}handleToastDismiss(s){const t=s.detail.id;t&&this.removeToast(t)}render(){return l`
             <div class="gator-toaster ${this.position}">
                 <ngc-toast-container .toasts=${this._toasts} @dismiss=${this.handleToastDismiss}></ngc-toast-container>
             </div>
-        `}};i.styles=[m(h),m(_),m(T)];i.defaultDuration=5e3;e([f({type:String})],i.prototype,"position",2);e([f({type:Object,attribute:"default-toast-options"})],i.prototype,"defaultToastOptions",2);e([u()],i.prototype,"_toasts",2);i=e([d("ngc-toaster")],i);export{i as NgcToaster};
+        `}};i.styles=[m(h),m(T),m(_)];i.defaultDuration=5e3;a([f({type:String})],i.prototype,"position",2);a([f({type:Object,attribute:"default-toast-options"})],i.prototype,"defaultToastOptions",2);a([u()],i.prototype,"_toasts",2);i=a([d("ngc-toaster")],i);export{i as NgcToaster};

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

@@ -1 +1 @@
-const o=':root,:host{--ngc-input-dropdown-list-max-height: 14rem}ngc-icon-button{--ngc-icon-button-hover-box-shadow: none;margin-top:-.5rem;margin-bottom:-.5rem}.gator-dropdown-listbox{position:absolute;width:max-content;top:0;left:0;display:none;max-height:var(--ngc-input-dropdown-list-max-height);overflow-y:auto;overflow-x:hidden;border-radius:var(--radius-card-medium, .5rem);padding:var(--spacing-padding-margin-8, .5rem) 2px;background:var(--color-surface-primary-white, #FFF);box-shadow:var(--shadow-x-offset-0, 0px) var(--shadow-shadow-3-dropdown-property-1-y-offset, 7px) var(--shadow-shadow-3-dropdown-property-1-blur, 12px) var(--shadow-shadow-3-dropdown-property-1-spread, 0px) var(--shadow-color-10, rgba(31, 31, 31, .1)),var(--shadow-x-offset-0, 0px) var(--shadow-shadow-3-dropdown-property-2-y-offset, 8px) var(--shadow-shadow-3-dropdown-property-2-blur, 16px) var(--shadow-shadow-3-dropdown-property-2-spread, 0px) var(--shadow-color-8, rgba(31, 31, 31, .08)),var(--shadow-x-offset-0, 0px) var(--shadow-shadow-3-dropdown-property-3-y-offset, 9px) var(--shadow-shadow-3-dropdown-property-3-blur, 18px) var(--shadow-shadow-3-dropdown-property-3-spread, 0px) var(--shadow-color-8, rgba(31, 31, 31, .08))}.gator-form-element-control:focus-visible:not(.gator-disabled){outline:2px solid var(--ngc-input-border-color-focused, #1F1F1F)!important;border:1px solid transparent!important}.gator-dropdown-listbox_expanded{display:block;z-index:1}.gator-faux-input-placeholder{color:var(--text-color-placeholder, #6D6D6D);font-family:var(--text-family-body, "Open Sans");font-size:var(--text-size-body-1, 1.0625rem);line-height:var(--text-line-height-body-1, 1.5rem);letter-spacing:var(--text-letter-spacing-default, 0rem)}.gator-dropdown-listbox-message{display:flex;padding:var(--spacing-gap-8, .5rem) var(--spacing-gap-16, 1rem);align-items:flex-start;gap:var(--spacing-gap-8, .5rem);align-self:stretch;color:var(--text-color-placeholder, #6D6D6D);font-family:var(--text-family-body, "Open Sans");font-size:var(--text-size-body-1, 1.0625rem)}.gator-dropdown-chevron{display:var(--ngc-input-dropdown-end-chevron-display)}.gator-readonly .gator-dropdown-chevron{--ngc-icon-color: var(--color-stroke-secondary, #BFBFBF)}.gator-multiselect-selections{flex-wrap:wrap;display:flex;gap:var(--spacing-gap-8, .5rem);margin-right:var(--spacing-gap-8, .5rem);width:100%;align-items:center;max-height:70px;overflow-y:scroll;margin:-2px 0}.gator-multiselect-selections .gator-input,.gator-multiselect-selections .gator-faux-input{width:max-content}.gator-multiselect-selections .gator-multiselect-label{position:absolute;top:0;left:0;visibility:hidden;opacity:0}';export{o as default};
+const o=':root,:host{--ngc-input-dropdown-list-max-height: 14rem}ngc-icon-button{--ngc-icon-button-hover-box-shadow: none;margin-top:-.5rem;margin-bottom:-.5rem}.gator-dropdown-listbox{position:absolute;width:max-content;top:0;left:0;display:none;max-height:var(--ngc-input-dropdown-list-max-height);overflow-y:auto;overflow-x:hidden;border-radius:var(--radius-card-medium, .5rem);padding:var(--spacing-padding-margin-8, .5rem) 2px;background:var(--color-surface-primary-white, #FFF);box-shadow:var(--shadow-x-offset-0, 0px) var(--shadow-shadow-3-dropdown-property-1-y-offset, 7px) var(--shadow-shadow-3-dropdown-property-1-blur, 12px) var(--shadow-shadow-3-dropdown-property-1-spread, 0px) var(--shadow-color-10, rgba(31, 31, 31, .1)),var(--shadow-x-offset-0, 0px) var(--shadow-shadow-3-dropdown-property-2-y-offset, 8px) var(--shadow-shadow-3-dropdown-property-2-blur, 16px) var(--shadow-shadow-3-dropdown-property-2-spread, 0px) var(--shadow-color-8, rgba(31, 31, 31, .08)),var(--shadow-x-offset-0, 0px) var(--shadow-shadow-3-dropdown-property-3-y-offset, 9px) var(--shadow-shadow-3-dropdown-property-3-blur, 18px) var(--shadow-shadow-3-dropdown-property-3-spread, 0px) var(--shadow-color-8, rgba(31, 31, 31, .08))}.gator-form-element-control:focus-visible:not(.gator-disabled){outline:2px solid var(--ngc-input-border-color-focused, #1F1F1F)!important;border:1px solid transparent!important}.gator-dropdown-listbox_expanded{display:block;z-index:1}.gator-faux-input-placeholder{color:var(--text-color-placeholder, #6D6D6D);font-family:var(--text-family-body, "Open Sans");font-size:var(--text-size-body-1, 1.0625rem);line-height:var(--text-line-height-body-1, 1.5rem);letter-spacing:var(--text-letter-spacing-default, 0rem)}.gator-dropdown-listbox-message{display:flex;padding:var(--spacing-gap-8, .5rem) var(--spacing-gap-16, 1rem);align-items:flex-start;gap:var(--spacing-gap-8, .5rem);align-self:stretch;color:var(--text-color-placeholder, #6D6D6D);font-family:var(--text-family-body, "Open Sans");font-size:var(--text-size-body-1, 1.0625rem)}.gator-dropdown-chevron{display:var(--ngc-input-dropdown-end-chevron-display)}.gator-readonly .gator-dropdown-chevron{--ngc-icon-color: var(--color-stroke-secondary, #BFBFBF)}.gator-multiselect-selections{flex-wrap:wrap;display:flex;gap:var(--spacing-gap-8, .5rem);margin-right:var(--spacing-gap-8, .5rem);width:100%;align-items:center;max-height:70px;overflow-y:scroll;margin:-2px 0}.gator-multiselect-selections .gator-input,.gator-multiselect-selections .gator-faux-input{width:max-content}.gator-multiselect-selections .gator-multiselect-label{position:absolute;top:0;left:0;visibility:hidden;opacity:0}.gator-multiselect-selections .gator-chips-container{display:flex;gap:var(--spacing-gap-8, .5rem);max-width:100%;overflow:hidden}.gator-multiselect-selections .gator-chips-container.gator-chips-container-autocomplete{max-width:66%}.gator-multiselect-selections .gator-chips-container:not(:has(*)){margin-right:calc(var(--spacing-gap-8, .5rem) * -1)}.gator-dropdown-select-all[start-icon=checkbox]{--ngc-list-item-start-icon-color: var(--color-neutral-50, #6d6d6d)}.gator-dropdown-select-all[start-icon=checkbox-selected],.gator-dropdown-select-all[start-icon=checkbox-indeterminate]{--ngc-list-item-start-icon-color: var(--color-brand-30, #11395B)}';export{o as default};

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

@@ -1 +1 @@
-const r='input,textarea{border:none;background-color:transparent}input:focus,textarea:focus{outline:none}input[type=time]::-webkit-calendar-picker-indicator{background:none;display:none}.gator-form-element-control:focus-within:not(.gator-disabled){outline:2px solid var(--ngc-input-outline-color-focused, var(--color-stroke-brand, #11395B))!important}.gator-form-element{display:block;margin-bottom:var(--ngc-input-margin-bottom, 1rem);max-width:var(--ngc-input-max-width, 200px)}.gator-form-element-control{padding:var(--ngc-input-padding);display:flex;flex-direction:column;height:var(--ngc-input-height, unset)}.gator-input,.gator-faux-input{display:flex;width:100%;height:100%;font-size:var(--ngc-input-font-size, 1.0625rem);font-family:var(--text-family-body, "Open Sans", sans-serif);padding:0;line-height:24px}.gator-form-element-control{margin:.5rem 0;border:1px solid var(--ngc-input-border-color, var(--color-stroke-primary, #6D6D6D));border-radius:var(--ngc-input-border-radius, 2px);flex:1;background-color:var(--ngc-input-background-color, var(--color-surface-primary, #FFFFFF))}.gator-form-element-control:hover:not(.gator-disabled){border:1px solid var(--ngc-input-border-color-hovered, var(--color-stroke-interactive, #0E304D));outline:none}.gator-readonly{border-color:var(--color-stroke-secondary, #BFBFBF);background:var(--color-surface-tertiary, #F2F2F2);color:var(--text-color-primary-base, #1F1F1F)}.gator-has-error:not(.gator-readonly){border-color:var(--ngc-input-error-border, var(--color-stroke-error, #AA330E))!important}.gator-disabled{background:var(--color-surface-secondary, #F7F7F7);border:none;cursor:not-allowed;--ngc-icon-color: var(--color-stroke-secondary, #BFBFBF)}.gator-disabled input,.gator-disabled textarea{cursor:not-allowed}.gator-form-element-control-icon-right{display:flex;align-items:center}.gator-input-container{display:flex;align-items:center;position:relative;width:100%}.gator-input-start,.gator-input-end{display:flex;align-items:center;font-family:var(--text-family-body),sans-serif;font-size:var(--text-size-body-1)}.gator-input-start{margin-right:.5rem}.gator-cursor-pointer{cursor:pointer}';export{r as default};
+const r='input,textarea{border:none;background-color:transparent}input:focus,textarea:focus{outline:none}input[type=time]::-webkit-calendar-picker-indicator{background:none;display:none}.gator-form-element-control:focus-within:not(.gator-disabled){outline:2px solid var(--ngc-input-outline-color-focused, var(--color-stroke-brand, #11395B))!important}.gator-form-element{display:block;margin-bottom:var(--ngc-input-margin-bottom, 1rem);max-width:var(--ngc-input-max-width, 200px)}.gator-form-element-control{padding:var(--ngc-input-padding);display:flex;flex-direction:column;height:var(--ngc-input-height, unset)}.gator-input,.gator-faux-input{display:flex;width:100%;height:100%;font-size:var(--ngc-input-font-size, 1.0625rem);font-family:var(--text-family-body, "Open Sans", sans-serif);padding:0;line-height:24px}.gator-form-element-control{margin:.5rem 0;border:1px solid var(--ngc-input-border-color, var(--color-stroke-primary, #6D6D6D));border-radius:var(--ngc-input-border-radius, 2px);flex:1;background-color:var(--ngc-input-background-color, var(--color-surface-primary, #FFFFFF))}.gator-form-element-control:hover:not(.gator-disabled){border:1px solid var(--ngc-input-border-color-hovered, var(--color-stroke-interactive, #0E304D));outline:none}.gator-readonly{border-color:var(--color-stroke-secondary, #BFBFBF);background:var(--color-surface-tertiary, #F2F2F2);color:var(--text-color-primary-base, #1F1F1F)}.gator-has-error:not(.gator-readonly){border-color:var(--ngc-input-error-border, var(--color-stroke-error, #AA330E))!important}.gator-disabled{background:var(--color-surface-secondary, #F7F7F7);border:none;cursor:not-allowed}.gator-disabled input,.gator-disabled textarea{cursor:not-allowed}.gator-disabled{--ngc-icon-color: var(--color-stroke-secondary, #BFBFBF)}.gator-form-element-control-icon-right{display:flex;align-items:center}.gator-input-container{display:flex;align-items:center;position:relative;width:100%}.gator-input-start,.gator-input-end{display:flex;align-items:center;font-family:var(--text-family-body),sans-serif;font-size:var(--text-size-body-1)}.gator-input-start{margin-right:.5rem}.gator-cursor-pointer{cursor:pointer}';export{r as default};

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

@@ -1 +1 @@
-const t='.gator-list-item{display:flex;flex-direction:column;list-style:none;align-items:center;align-content:center;font-family:var(--text-family-body, "Open Sans") sans-serif;line-height:var(--text-line-height-subtitle-1, 1.5rem);font-size:var(--text-size-subtitle-1, 1.0625rem);padding:var(--ngc-list-item-padding, var(--spacing-gap-8, .5rem) var(--spacing-gap-16, 1rem));background:var(--ngc-list-item-background);border-radius:var(--ngc-list-item-border-radius, 0)}.gator-list-item_selectable{cursor:pointer}.gator-list-item_selectable:hover{background:var(--ngc-list-item-hover-background, var(--color-surface-brand-hover, #F2F2F2))}.gator-list-item_selectable:focus-visible,.gator-list-item_selectable:focus{outline:var(--size-stroke-2, 2px) solid var(--color-stroke-brand, #11395B);border-radius:var(--ngc-list-item-focus-border-radius)}.gator-list-item_selectable:active{background:var(--ngc-list-item-pressed-background, var(--color-surface-brand-pressed, #E6E6E6));border-radius:var(--ngc-list-item-pressed-border-radius)}.gator-list-item-faux-focus{outline:var(--size-stroke-2, 2px) solid var(--color-stroke-brand, #11395B)}.gator-list-item-content{width:100%}.gator-list-item-top,.gator-list-item-bottom{display:flex;flex-direction:row}.gator-list-item-title{color:var(--ngc-list-item-title-color)}.gator-list-item-subtitle{font-size:var(--text-size-subtitle-1, .8125rem);color:var(--primary-01-placeholder, var(--color-grey-50, #6D6D6D));margin-top:var(--spacing-2, .5rem)}.gator-list-item-density_compact{padding:var(--spacing-gap-4, .25rem) var(--spacing-gap-16, 1rem)}.gator-list-item-density_comfortable{padding:var(--spacing-gap-16, 1rem)}.gator-list-item-subtitle-spacer,.gator-list-item-start-icon,.gator-list-item-end-icon,.gator-list-item-interaction-icon{width:var(--size-icon-default, 1.5rem);height:var(--size-icon-default, 1.5rem)}.gator-list-item-subtitle-spacer{display:inline-flex;margin-right:var(--spacing-gap-8, .5rem)}.gator-list-item-start-icon,.gator-list-item-end-icon,.gator-list-item-interaction-icon{align-items:center;display:flex;flex-direction:column}.gator-list-item-start-icon ngc-icon,.gator-list-item-end-icon ngc-icon,.gator-list-item-interaction-icon ngc-icon{--ngc-icon-width: var(--ngc-list-item-icon-size, 1.5rem);--ngc-icon-height: var(--ngc-list-item-icon-size, 1.5rem)}.gator-list-item-multiselect .gator-list-item-interaction-icon ngc-icon{--ngc-icon-color: var(--color-neutral-50, #6d6d6d)}.gator-list-item-multiselect.gator-list-item-selected .gator-list-item-interaction-icon ngc-icon{--ngc-icon-color: var(--color-brand-30, #11395B)}.gator-list-item-interaction-icon,.gator-list-item-start-icon{margin-right:var(--spacing-gap-8, .5rem)}.gator-list-item-start-icon{--ngc-icon-color: var(--ngc-list-item-start-icon-color)}.gator-list-item-end-icon{margin-left:auto}.gator-list-item-selected{background:var(--ngc-list-item-selected-background, var(--color-surface-brand, #F3F5F7))}.gator-list-item-selected .gator-list-item-title{font-weight:700}';export{t as default};
+const t='.gator-list-item{display:flex;flex-direction:column;list-style:none;align-items:center;align-content:center;font-family:var(--text-family-body, "Open Sans") sans-serif;line-height:var(--text-line-height-subtitle-1, 1.5rem);font-size:var(--text-size-subtitle-1, 1.0625rem);padding:var(--ngc-list-item-padding, var(--spacing-gap-8, .5rem) var(--spacing-gap-16, 1rem));background:var(--ngc-list-item-background);border-radius:var(--ngc-list-item-border-radius, 0)}.gator-list-item_selectable{cursor:pointer}.gator-list-item_selectable:hover{background:var(--ngc-list-item-hover-background, var(--color-surface-brand-hover, #F2F2F2))}.gator-list-item_selectable:focus-visible,.gator-list-item_selectable:focus{outline:var(--size-stroke-2, 2px) solid var(--color-stroke-brand, #11395B);border-radius:var(--ngc-list-item-focus-border-radius)}.gator-list-item_selectable:active{background:var(--ngc-list-item-pressed-background, var(--color-surface-brand-pressed, #E6E6E6));border-radius:var(--ngc-list-item-pressed-border-radius)}.gator-list-item-faux-focus{outline:var(--size-stroke-2, 2px) solid var(--color-stroke-brand, #11395B)}.gator-list-item-content{width:100%}.gator-list-item-top,.gator-list-item-bottom{display:flex;flex-direction:row}.gator-list-item-title{color:var(--ngc-list-item-title-color)}.gator-list-item-subtitle{font-size:var(--text-size-subtitle-1, .8125rem);color:var(--primary-01-placeholder, var(--color-grey-50, #6D6D6D));margin-top:var(--spacing-2, .5rem)}.gator-list-item-density_compact{padding:var(--spacing-gap-4, .25rem) var(--spacing-gap-16, 1rem)}.gator-list-item-density_comfortable{padding:var(--spacing-gap-16, 1rem)}.gator-list-item-subtitle-spacer,.gator-list-item-start-icon,.gator-list-item-end-icon,.gator-list-item-interaction-icon{width:var(--size-icon-default, 1.5rem);height:var(--size-icon-default, 1.5rem)}.gator-list-item-subtitle-spacer{display:inline-flex;margin-right:var(--spacing-gap-8, .5rem)}.gator-list-item-start-icon,.gator-list-item-end-icon,.gator-list-item-interaction-icon{align-items:center;display:flex;flex-direction:column}.gator-list-item-start-icon ngc-icon,.gator-list-item-end-icon ngc-icon,.gator-list-item-interaction-icon ngc-icon{--ngc-icon-width: var(--ngc-list-item-icon-size, 1.5rem);--ngc-icon-height: var(--ngc-list-item-icon-size, 1.5rem)}.gator-list-item-multiselect .gator-list-item-interaction-icon ngc-icon{--ngc-icon-color: var(--color-neutral-50, #6d6d6d)}.gator-list-item-multiselect.gator-list-item-selected .gator-list-item-interaction-icon ngc-icon{--ngc-icon-color: var(--color-brand-30, #11395B)}.gator-list-item-interaction-icon,.gator-list-item-start-icon{margin-right:var(--spacing-gap-8, .5rem)}.gator-list-item-start-icon{--ngc-icon-color: var(--ngc-list-item-start-icon-color)}.gator-list-item-end{align-self:center;margin-left:auto}.gator-list-item-selected{background:var(--ngc-list-item-selected-background, var(--color-surface-brand, #F3F5F7))}.gator-list-item-selected .gator-list-item-title{font-weight:700}';export{t as default};

package/dist/types/components/chip/chip.d.ts

@@ -37,4 +37,5 @@ export declare class NjcChip extends TestableLitElement {
      @type {boolean}
      **/
     dismissible: boolean;
+    ariaHidden: 'true' | 'false';
 }

package/dist/types/components/guided-nav/gator/guided-nav/guided-nav.gator.d.ts

@@ -1,10 +1,19 @@
 import { NjcGuidedNav } from '../../guided-nav.ts';
 export declare class NgcGuidedNav extends NjcGuidedNav {
+    connectedCallback(): void;
     render(): import('lit').TemplateResult<1>;
     private _getStepState;
     private _handleStepSelected;
     private _handleSubstepSelected;
+    private _moveToStep;
+    private _moveToSubstep;
+    private _isSubstepCompleteOrNext;
+    private _createToaster;
+    private _showForwardNavigationErrorToast;
     private _dispatchChangeEvent;
+    moveToNextStep(): void;
+    moveToPreviousStep(): void;
+    getCurrentStepProgress(): number;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/guided-nav/gator/guided-nav-step/guided-nav-step.gator.d.ts

@@ -1,12 +1,19 @@
 import { NgcListItem } from '../../../list/gator/list-item/list-item.gator.ts';
 import { NJC_GUIDED_NAV_STEP_STATE, NjcGuidedNavSelectedStep, NjcGuidedNavStep, NjcGuidedNavSubstep } from '../../guided-nav.ts';
 export declare class NgcGuidedNavStep extends NgcListItem {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
     static styles: import('lit').CSSResult[];
     step: NjcGuidedNavStep;
     selectedStep: NjcGuidedNavSelectedStep;
     state: NJC_GUIDED_NAV_STEP_STATE;
     onStepSelected: (event: Event, step: NjcGuidedNavStep) => void;
     onSubstepSelected: (event: Event, step: NjcGuidedNavSubstep) => void;
+    badgeContent: string | null;
     render(): import('lit').TemplateResult<1>;
     private get _stepClasses();
     private get _stepListItemClasses();

package/dist/types/components/guided-nav/gator/guided-nav-substep/guided-nav-substep.gator.d.ts

@@ -5,6 +5,7 @@ export declare class NgcGuidedNavSubstep extends NgcListItem {
     substep: NjcGuidedNavSubstep;
     selected: boolean;
     state: NJC_GUIDED_NAV_STEP_STATE;
+    badgeContent: string | undefined;
     onSubstepSelected: (event: Event, step: NjcGuidedNavSubstep) => void;
     render(): import('lit').TemplateResult<1>;
     private get _substepClasses();

package/dist/types/components/guided-nav/guided-nav.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { TestableLitElement } from '../../utils/components/testable-lit-element/testable-lit-element';
 export type NJC_GUIDED_NAV_STEP_STATE = 'complete' | 'current' | 'incomplete';
 export type NjcGuidedNavSelectedStep = {
@@ -9,6 +10,7 @@ export type NjcGuidedNavSubstep = {
     text: string;
     value: string;
     complete: boolean;
+    badgeContent?: string;
 };
 export type NjcGuidedNavStep = {
     id: string;
@@ -16,8 +18,24 @@ export type NjcGuidedNavStep = {
     value: string;
     complete?: boolean;
     substeps?: NjcGuidedNavSubstep[];
+    badgeContent?: string;
 };
 export declare class NjcGuidedNav extends TestableLitElement {
     selectedStep: NjcGuidedNavSelectedStep | undefined;
     steps: NjcGuidedNavStep[];
+    /**
+     * @property {boolean} forwardNavigationDisabled
+     * @description If true, disables navigation past the current step.
+     */
+    forwardNavigationDisabled: boolean;
+    /**
+     * @property {string} forwardNavigationDisabledErrorMessage
+     * @description The error message displayed in an error toast when forward navigation is disabled and a user attempts to navigate forward.
+     */
+    forwardNavigationDisabledErrorMessage: string;
+    _totalStepsAndSubsteps: number;
+    currentStep: NjcGuidedNavStep | undefined;
+    currentSubstep: NjcGuidedNavSubstep | undefined;
+    protected updated(_changedProperties: PropertyValues): void;
+    protected _calculateTotalStepsAndSubsteps(): void;
 }

package/dist/types/components/icon/gator/templates/checkbox-indeterminate.d.ts

@@ -0,0 +1 @@
+export declare const CheckboxIndeterminate: import('lit').TemplateResult;

package/dist/types/components/icon/gator/templates/index.d.ts

@@ -31,6 +31,7 @@ export * from './chart-scatter';
 export * from './chat';
 export * from './check-circle';
 export * from './check';
+export * from './checkbox-indeterminate';
 export * from './checkbox-selected';
 export * from './checkbox';
 export * from './checkerboard';

package/dist/types/components/input/gator/dropdown/input-dropdown.gator.d.ts

@@ -7,10 +7,26 @@ export type NgcDropdownType = {
 };
 export type NgcDropdownDataType = 'country' | 'state' | 'naics' | 'phoneCodes';
 export declare class NgcInputDropdown extends NgcInputBase {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
     static styles: import('lit').CSSResult[];
     multiselect: boolean;
     options: NgcDropdownType[];
     autocomplete: boolean;
+    /**
+     * @property {boolean} selectAll
+     * @description When set to true, a "select all" option will be rendered in the dropdown
+     */
+    selectAll: boolean;
+    /**
+     * @property {string} listboxHelpText
+     * @description Help text to display within the listbox
+     */
+    listboxHelpText: string;
     /**
      * @property {boolean} dataType
      * @description Can be used to have a predefined list of options rendered for you. Options should be null if using dataType
@@ -36,15 +52,26 @@ export declare class NgcInputDropdown extends NgcInputBase {
      * @description The maximum number of results to show in the autocomplete dropdown
      */
     maxAutocompleteResults: number | undefined;
+    /**
+     * @property {boolean} wrapChips
+     * @description When in multiselect mode, this will allow the chips to wrap to new lines instead of truncating to fit on a single line
+     */
+    wrapChips: boolean;
     _cleanup: (() => void) | undefined;
     private _activeDescendant;
     _expanded: boolean;
     _searchValue: string;
+    private _visibleChipCount;
+    private _showOverflowChip;
+    private _truncateChips;
+    private _resizeObserver;
+    private _calculationPending;
     listboxRef: Ref<HTMLDivElement>;
     listRef: Ref<HTMLDivElement>;
     inputRef: Ref<HTMLInputElement>;
     listboxMessageRef: Ref<HTMLElement>;
     protected multiselectValueDelimiter: string;
+    disconnectedCallback(): void;
     render(): import('lit').TemplateResult<1>;
     get controlClasses(): {
         'gator-cursor-pointer': boolean;
@@ -57,7 +84,7 @@ export declare class NgcInputDropdown extends NgcInputBase {
     private get tabIndexForControl();
     firstUpdated(): void;
     updated(changedProperties: Map<string | number | symbol, unknown>): void;
-    get comboboxElement(): Element | undefined;
+    get comboboxElement(): HTMLElement | undefined;
     setComboboxAriaAttributes(): void;
     setComboboxAriaLabelledByElements(): void;
     setMultiselectAriaLabelledbyElements(): void;
@@ -66,12 +93,21 @@ export declare class NgcInputDropdown extends NgcInputBase {
     get inputMarkup(): import('lit').TemplateResult<1>;
     get multiselectLabel(): import('lit').TemplateResult<1> | typeof nothing;
     get multiselectSelectionsMarkup(): unknown;
-    setAriaHiddenOnNgcChipElements(): void;
+    get chipsMarkup(): unknown;
+    get truncatedChipsMarkup(): import('lit').TemplateResult<1>;
+    handleOverflowChipClick(): void;
+    private scheduleOverflowCalculation;
+    private calculateOverflow;
+    private setupResizeObserver;
     removeSelection(value: string): void;
     get fauxInputMarkup(): import('lit').TemplateResult<1>;
     get displayedValue(): string | number | File | File[] | Date;
     get showPlaceholder(): boolean | "";
     get listboxMarkup(): import('lit').TemplateResult<1>;
+    get selectAllIcon(): "checkbox-indeterminate" | "checkbox-selected" | "checkbox";
+    get allSelected(): boolean;
+    selectAllOptions(): void;
+    deselectAllOptions(): void;
     getOptionSelected(value: string): boolean;
     get listboxMessageMarkup(): import('lit').TemplateResult<1> | null;
     setListboxMessageAriaDescribedByElements(): void;
@@ -85,6 +121,7 @@ export declare class NgcInputDropdown extends NgcInputBase {
     get selectedValues(): string[];
     handleComboboxKeydown(e: KeyboardEvent): void;
     toggleListbox(key: string, initial: boolean): void;
+    closeListbox(): void;
     get endIconMarkup(): import('lit').TemplateResult<1>;
     get clearIconButtonMarkup(): import('lit').TemplateResult<1> | null;
     clearValue(): void;

package/dist/types/components/list/gator/list-item/list-item.gator.d.ts

@@ -92,7 +92,7 @@ export declare class NgcListItem extends NgcComponent {
     get subtitleSpacerElement(): import('lit').TemplateResult<1>;
     get interactionIconContent(): import('lit').TemplateResult<1> | null;
     get leftIconContent(): import('lit').TemplateResult<1> | null;
-    get rightIconContent(): import('lit').TemplateResult<1> | null;
+    get endMarkup(): import('lit').TemplateResult<1> | null;
     click(): void;
     handleListItemClicked(): void;
     private handleItemKeyUp;

package/dist/utils/components/ngc-component.js

@@ -1 +1 @@
-import n from"../../packages/web-components/src/tokens/primitive.tokens.scss.js";import u from"../../packages/web-components/src/tokens/semantic.tokens.scss.js";import y from"../../packages/web-components/src/styles/_gator-utils.scss.js";import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import"../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{TestableLitElement as d}from"./testable-lit-element/testable-lit-element.js";import{AttributeDeletionMixin as v}from"../mixins/attribute-deletion.js";import{property as l}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{unsafeCSS as o}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var A=Object.defineProperty,f=(s,p,m,h)=>{for(var t=void 0,r=s.length-1,a;r>=0;r--)(a=s[r])&&(t=a(p,m,t)||t);return t&&A(p,m,t),t};const i=class i extends v(d){constructor(){super(...arguments),this.delegatesARIA=!0,this.skeleton=!1}};i.styles=[o(n),o(u),o(y)];let e=i;f([l({type:Boolean})],e.prototype,"delegatesARIA");f([l({type:Boolean})],e.prototype,"skeleton");export{e as NgcComponent};
+import f from"../../packages/web-components/src/tokens/primitive.tokens.scss.js";import u from"../../packages/web-components/src/tokens/semantic.tokens.scss.js";import y from"../../packages/web-components/src/styles/_gator-utils.scss.js";import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import"../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{TestableLitElement as d}from"./testable-lit-element/testable-lit-element.js";import{AttributeDeletionMixin as v}from"../mixins/attribute-deletion.js";import{property as l}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{unsafeCSS as o}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var A=Object.defineProperty,n=(s,p,m,h)=>{for(var t=void 0,r=s.length-1,a;r>=0;r--)(a=s[r])&&(t=a(p,m,t)||t);return t&&A(p,m,t),t};const i=class i extends v(d){constructor(){super(...arguments),this.delegatesARIA=!0,this.skeleton=!1}};i.styles=[o(f),o(u),o(y)];let e=i;n([l({type:Boolean})],e.prototype,"delegatesARIA");n([l({type:Boolean})],e.prototype,"skeleton");export{e as NgcComponent};

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.0_typescript@5.8.3__playwright@1.55.0__250fccbe5ed788e0688ecbf1c4e5e907/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.0_@vitest_browser@3.2.4_@vitest_ui@3._ad1109fdae535cd946c9feed44178247/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.3.0_typescript@5.8.3__playwright@1.55.0__52d7c6cd144c32d9cfaaa0e5cd39c583/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.0_@vitest_browser@3.2.4_@vitest_ui@3._b3f9e7a46c2fec06a40d2eaf7fb1b902/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": "7.0.0-preview.6",
+  "version": "7.0.0-preview.8",
   "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -89,14 +89,14 @@
     "@custom-elements-manifest/analyzer": "0.10.4",
     "@figma/code-connect": "1.3.4",
     "@lit/localize-tools": "^0.8.0",
-    "@salesforce-ux/design-system": "^2.27.2",
+    "@salesforce-ux/design-system": "^2.28.0",
     "@storybook/addon-a11y": "^9.1.1",
     "@storybook/addon-designs": "^10.0.1",
     "@storybook/addon-docs": "^9.1.1",
     "@storybook/addon-links": "^9.1.1",
     "@storybook/web-components-vite": "^9.1.1",
     "@types/react": "^19.1.8",
-    "@typescript-eslint/parser": "^8.41.0",
+    "@typescript-eslint/parser": "^8.42.0",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
     "@vitest/ui": "3.2.4",
@@ -106,7 +106,7 @@
     "conventional-changelog-conventionalcommits": "^9.1.0",
     "custom-element-jet-brains-integration": "^1.7.0",
     "custom-elements-manifest": "^2.1.0",
-    "eslint": "^9.34.0",
+    "eslint": "^9.35.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-json": "^4.0.1",
@@ -119,7 +119,7 @@
     "playwright": "1.55.0",
     "postcss": "^8.5.6",
     "rimraf": "^6.0.1",
-    "sass": "1.91.0",
+    "sass": "1.92.1",
     "storybook": "^9.1.1",
     "storybook-addon-code-editor": "^5.0.0",
     "storybook-design-token": "^4.1.0",