@ncino/web-components 4.0.0-preview.5 → 4.0.0-preview.6

package/dist/components/button-card/button-card.js

@@ -1 +1 @@
-import{NjcCard as i}from"../card/card.js";import{property as n}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";var s=Object.defineProperty,c=(t,p,a,f)=>{for(var r=void 0,e=t.length-1,o;e>=0;e--)(o=t[e])&&(r=o(p,a,r)||r);return r&&s(p,a,r),r};class l extends i{constructor(){super(...arguments),this.chipLabel=""}}c([n({attribute:"chip-label",type:String})],l.prototype,"chipLabel");export{l as NjcButtonCard};
+import{NjcCard as c}from"../card/card.js";import{property as s}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";var n=Object.defineProperty,l=(t,p,o,f)=>{for(var e=void 0,r=t.length-1,a;r>=0;r--)(a=t[r])&&(e=a(p,o,e)||e);return e&&n(p,o,e),e};class i extends c{constructor(){super(...arguments),this.chipLabel="",this.selected=!1}}l([s({attribute:"chip-label",type:String})],i.prototype,"chipLabel");l([s({type:Boolean,reflect:!0})],i.prototype,"selected");export{i as NjcButtonCard};

package/dist/components/button-card/gator/button-card.gator.js

@@ -1,12 +1,14 @@
-import{NjcButtonCard as m}from"../button-card.js";import"../../chip/gator/chip.gator.js";import"../../card/gator/base/card.gator.js";import"../../card/gator/header/card-header.gator.js";import"../../card/gator/content/card-content.gator.js";import"../../card/gator/footer/card-footer.gator.js";import"../../text-detail/gator/text-detail.gator.js";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 h}from"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import u from"../../../packages/web-components/src/components/button-card/gator/button-card.gator.scss.js";import b from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import g from"../../../packages/web-components/src/components/button-card/button-card.tokens.scss.js";import f from"../../../packages/web-components/src/components/card/card.tokens.scss.js";import{customElement as $}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{ifDefined as n}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import{KEY_CONSTANTS as c}from"../../../consts/key-constants.js";import{unsafeCSS as i}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var v=Object.getOwnPropertyDescriptor,C=(t,a,p,r)=>{for(var e=r>1?void 0:r?v(a,p):a,o=t.length-1,d;o>=0;o--)(d=t[o])&&(e=d(e)||e);return e};let s=class extends m{render(){return l`
+import{NjcButtonCard as p}from"../button-card.js";import"../../chip/gator/chip.gator.js";import"../../card/gator/base/card.gator.js";import"../../card/gator/header/card-header.gator.js";import"../../card/gator/content/card-content.gator.js";import"../../card/gator/footer/card-footer.gator.js";import"../../text-detail/gator/text-detail.gator.js";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 m}from"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import u from"../../../packages/web-components/src/components/button-card/gator/button-card.gator.scss.js";import b from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import g from"../../../packages/web-components/src/components/button-card/button-card.tokens.scss.js";import f from"../../../packages/web-components/src/components/card/card.tokens.scss.js";import{customElement as $}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{ifDefined as n}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import{KEY_CONSTANTS as c}from"../../../consts/key-constants.js";import{unsafeCSS as i}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var v=Object.getOwnPropertyDescriptor,C=(t,a,h,o)=>{for(var e=o>1?void 0:o?v(a,h):a,r=t.length-1,d;r>=0;r--)(d=t[r])&&(e=d(e)||e);return e};let s=class extends p{render(){return l`
             <ngc-card
                 tabindex="${this.disabled?"-1":"0"}"
                 role="button"
+                aria-pressed="${this.selected}"
                 ?elevated="${this.elevated}"
                 ?outlined="${this.outlined}"
                 @click=${this.handleClick}
                 @keydown=${this.handleKeydown}
                 ?disabled="${this.disabled}"
+                class="${this.selected?"selected":""}"
             >
                 ${this.cardLabelMarkup}
 
@@ -26,8 +28,8 @@ import{NjcButtonCard as m}from"../button-card.js";import"../../chip/gator/chip.g
                 <ngc-chip
                     ?disabled="${this.disabled}"
                     class="gator-button-card-chip-label"
-                    ?readonly="${!this.disabled}"
                     data-testid=${n(this.dataTestid)}-chip
+                    readonly
                 >
                     ${this.chipLabel}
-                </ngc-chip>`:null}get disabledClass(){return this.disabled?"gator-button-card_disabled":""}handleClick(t){t.preventDefault(),t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("click",{bubbles:!0}))}handleKeydown(t){[c.ENTER,c.SPACE].includes(t.key)&&this.handleClick(t)}};s.shadowRootOptions={...h.shadowRootOptions,delegatesFocus:!0};s.styles=[i(u),i(b),i(g),i(f)];s=C([$("ngc-button-card")],s);export{s as NgcButtonCard};
+                </ngc-chip>`:null}get disabledClass(){return this.disabled?"gator-button-card_disabled":""}handleClick(t){t.preventDefault(),t.stopImmediatePropagation(),!this.disabled&&this.dispatchEvent(new CustomEvent("click",{bubbles:!0}))}click(){this.handleClick(new CustomEvent("click",{bubbles:!0}))}handleKeydown(t){[c.ENTER,c.SPACE].includes(t.key)&&this.handleClick(t)}};s.shadowRootOptions={...m.shadowRootOptions,delegatesFocus:!0};s.styles=[i(u),i(b),i(g),i(f)];s=C([$("ngc-button-card")],s);export{s as NgcButtonCard};

package/dist/components/chip/gator/chip.gator.js

@@ -1,9 +1,9 @@
-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"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import m from"../../../packages/web-components/src/components/chip/chip.tokens.scss.js";import u from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import d from"../../../packages/web-components/src/components/chip/gator/chip.gator.scss.js";import g from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import{NjcChip as h}from"../chip.js";import{unsafeCSS as e}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var f=Object.getOwnPropertyDescriptor,C=(t,o,n,a)=>{for(var s=a>1?void 0:a?f(o,n):o,i=t.length-1,l;i>=0;i--)(l=t[i])&&(s=l(s)||s);return s};let r=class extends h{render(){return this.readonly?this.readonlyChipMarkup:this.chipMarkup}get chipMarkup(){return p`
-            <button class="gator-chip ${this.classes}" ?disabled="${this.disabled}" @click=${this.handleClick}>
+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"../../../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 m from"../../../packages/web-components/src/components/chip/chip.tokens.scss.js";import u from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import g from"../../../packages/web-components/src/components/chip/gator/chip.gator.scss.js";import f from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import{NjcChip as c}from"../chip.js";import{classMap as h}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/class-map.js";import{unsafeCSS as i}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var b=Object.getOwnPropertyDescriptor,k=(t,o,n,a)=>{for(var s=a>1?void 0:a?b(o,n):o,e=t.length-1,l;e>=0;e--)(l=t[e])&&(s=l(s)||s);return s};let r=class extends c{render(){return this.readonly?this.readonlyChipMarkup:this.chipMarkup}get chipMarkup(){return p`
+            <button class=${h(this.classes)} ?disabled="${this.disabled}" @click=${this.handleClick}>
                 <slot></slot>
             </button>
         `}get readonlyChipMarkup(){return p`
-            <div class="gator-chip gator-chip__read-only ${this.classes}" @click=${this.handleClick}>
+            <div class="gator-chip__read-only ${h(this.classes)}" aria-disabled="${this.disabled}" @click=${this.handleClick}>
                 <slot></slot>
             </div>
-        `}handleClick(t){t.stopPropagation(),t.preventDefault(),!(this.disabled||this.readonly)&&this.dispatchEvent(new Event("click",{bubbles:!0}))}get classes(){return this.typeClass+" "+this.sizeClass}get typeClass(){return this.type?`gator-chip_${this.type}`:""}get sizeClass(){return this.size=="small"?"gator-chip_small":""}};r.shadowRootOptions={...h.shadowRootOptions,delegatesFocus:!0};r.styles=[e(m),e(d),e(g),e(u)];r=C([c("ngc-chip")],r);export{r as NgcChip};
+        `}handleClick(t){t.stopPropagation(),t.preventDefault(),!(this.disabled||this.readonly)&&this.dispatchEvent(new Event("click",{bubbles:!0}))}get classes(){return{"gator-chip":!0,"gator-chip_small":this.size==="small","gator-chip_disabled":this.disabled,[`gator-chip_${this.type}`]:this.type!==null}}};r.shadowRootOptions={...c.shadowRootOptions,delegatesFocus:!0};r.styles=[i(m),i(g),i(f),i(u)];r=k([d("ngc-chip")],r);export{r as NgcChip};

package/dist/node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/class-map.js

@@ -0,0 +1,5 @@
+import{noChange as o}from"../lit-html.js";import{directive as h,Directive as c,PartType as d}from"../directive.js";/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const f=h(class extends c{constructor(s){var e;if(super(s),s.type!==d.ATTRIBUTE||s.name!=="class"||((e=s.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(e=>s[e]).join(" ")+" "}update(s,[e]){var n,i;if(this.st===void 0){this.st=new Set,s.strings!==void 0&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(t=>t!=="")));for(const t in e)e[t]&&!((n=this.nt)!=null&&n.has(t))&&this.st.add(t);return this.render(e)}const r=s.element.classList;for(const t of this.st)t in e||(r.remove(t),this.st.delete(t));for(const t in e){const a=!!e[t];a===this.st.has(t)||(i=this.nt)!=null&&i.has(t)||(a?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return o}});export{f as classMap};

package/dist/packages/web-components/src/components/button-card/button-card.tokens.scss.js

@@ -1 +1 @@
-const o=":host{--ngc-button-card-pressed-background-color: var(--color-blue-10, #F3F5F7);--ngc-button-card-pressed-outline-color: var(--color-blue-30, #11395B);--ngc-button-card-focused-outline-color: var(--color-blue-30, #11395B);--ngc-button-card-width: 21rem}";export{o as default};
+const o=":host{--ngc-button-card-pressed-background-color: var(--color-blue-10, #F3F5F7);--ngc-button-card-pressed-outline-color: var(--color-blue-30, #11395B);--ngc-button-card-focused-outline-color: var(--color-blue-30, #11395B);--ngc-button-card-selected-outline-color: var(--color-stroke-brand, #11395B);--ngc-button-card-width: 21rem}";export{o as default};

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

@@ -1 +1 @@
-const t=":host{max-width:var(--ngc-button-card-width, 21rem)}ngc-card{--ngc-card-display: var(--ngc-button-card-display, flex);--ngc-card-max-width: var(--ngc-button-card-width, 21rem);--ngc-card-padding: var(--spacing-4);cursor:pointer}ngc-card:hover{--ngc-card-box-shadow: 0px 9px 15px rgba(31, 31, 31, .08), 0px 10px 20px rgba(31, 31, 31, .08), 0px 9px 20px rgba(31, 31, 31, .08)}ngc-card:active{--ngc-card-background-color: var(--ngc-button-card-pressed-background-color, var(--color-blue-10, #F3F5F7));--ngc-card-outline: 1px solid var(--ngc-button-card-pressed-outline-color, var(--color-blue-30, #11395B))}ngc-card[disabled]:hover,ngc-card[disabled]:active{--ngc-card-box-shadow: unset;--ngc-card-background-color: unset;--ngc-card-outline: unset;cursor:not-allowed}ngc-card:focus-visible{outline:none;--ngc-card-outline: 2px solid var(--ngc-button-card-focused-outline-color, var(--color-blue-30, #11395B))}ngc-chip{--ngc-chip-font-size: .8125rem;--ngc-chip-line-height: 1.125rem;--ngc-chip-padding: var(--spacing-2) var(--spacing-3)}ngc-text-detail{width:100%;--ngc-text-detail-title-color: var(--color-neutral-70);--ngc-text-detail-title-font-size: 1.0625rem;--ngc-text-detail-title-font-weight: 700;--ngc-text-detail-title-line-height: 1.5rem;--ngc-text-detail-subtitle-color: var(--color-neutral-50);--ngc-text-detail-subtitle-line-height: 1.375rem;--ngc-text-detail-subtitle-font-size: .9375rem}.gator-button-card-chip-label{position:absolute;top:0;left:var(--spacing-4);transform:translateY(-50%);--ngc-chip-cursor: pointer}.gator-button-card-container{display:inline-flex;flex-direction:row;justify-content:space-between;align-items:center}.gator-button-card_disabled ngc-text-detail{--ngc-text-detail-title-color: var(--text-color-disabled, #6D6D6D);--ngc-text-detail-subtitle-color: var(--text-color-disabled, #6D6D6D)}";export{t as default};
+const t=":host{max-width:var(--ngc-button-card-width, 21rem)}ngc-card{--ngc-card-display: var(--ngc-button-card-display, flex);--ngc-card-max-width: var(--ngc-button-card-width, 21rem);--ngc-card-padding: var(--spacing-4);cursor:pointer}ngc-card:hover{--ngc-card-box-shadow: 0px 9px 15px rgba(31, 31, 31, .08), 0px 10px 20px rgba(31, 31, 31, .08), 0px 9px 20px rgba(31, 31, 31, .08)}ngc-card:active{--ngc-card-background-color: var(--ngc-button-card-pressed-background-color, var(--color-blue-10, #F3F5F7));--ngc-card-outline: 1px solid var(--ngc-button-card-pressed-outline-color, var(--color-blue-30, #11395B))}ngc-card.selected{--ngc-card-outline: var(--size-stroke-1, 1px) solid var(--ngc-button-card-selected-outline-color, var(--color-stroke-brand, #11395B))}ngc-card[disabled]:hover,ngc-card[disabled]:active,ngc-card[disabled].selected{--ngc-card-box-shadow: unset;--ngc-card-background-color: unset;--ngc-card-outline: unset;--ngc-card-border: unset;cursor:not-allowed}ngc-card:focus-visible{outline:none;--ngc-card-outline: 2px solid var(--ngc-button-card-focused-outline-color, var(--color-blue-30, #11395B))}ngc-chip{--ngc-chip-font-size: .8125rem;--ngc-chip-line-height: 1.125rem;--ngc-chip-padding: var(--spacing-2) var(--spacing-3)}ngc-text-detail{width:100%;--ngc-text-detail-title-color: var(--color-neutral-70);--ngc-text-detail-title-font-size: 1.0625rem;--ngc-text-detail-title-font-weight: 700;--ngc-text-detail-title-line-height: 1.5rem;--ngc-text-detail-subtitle-color: var(--color-neutral-50);--ngc-text-detail-subtitle-line-height: 1.375rem;--ngc-text-detail-subtitle-font-size: .9375rem}.gator-button-card-chip-label{position:absolute;top:0;left:var(--spacing-4);transform:translateY(-50%);--ngc-chip-cursor: pointer}.gator-button-card-container{display:inline-flex;flex-direction:row;justify-content:space-between;align-items:center}.gator-button-card_disabled ngc-text-detail{--ngc-text-detail-title-color: var(--text-color-disabled, #6D6D6D);--ngc-text-detail-subtitle-color: var(--text-color-disabled, #6D6D6D)}";export{t as default};

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

@@ -1 +1 @@
-const r='.gator-chip{background-color:var(--ngc-chip-background-color);border-radius:var(--ngc-chip-border-radius);display:inline-block;padding:var(--ngc-chip-padding);font-family:var(--text-family-body, "Open Sans"),sans-serif;font-size:var(--ngc-chip-font-size);line-height:var(--ngc-chip-line-height);border:var(--ngc-chip-border);color:var(--color-neutral-70);cursor:var(--ngc-chip-cursor, default);border:1px solid var(--color-stroke-tertiary, #E5E5E5)}button:hover{background-color:var(--ngc-chip-hover-background-color);cursor:var(--ngc-chip-cursor, pointer)}button:focus-visible{outline:none;box-shadow:var(--ngc-chip-focus-box-shadow)}button:active{background-color:var(--ngc-chip-active-background-color)}button:disabled{cursor:not-allowed;color:var(--button-color-default-text-disabled, #6D6D6D);outline:1px solid transparent!important;background:var(--color-surface-disabled, #E5E5E5);border:1px solid transparent!important;font-size:var(--text-size-body-2, .9375rem);font-style:normal;font-weight:400}button:disabled:hover{background:var(--color-surface-disabled, #E5E5E5)!important}.gator-chip__read-only{cursor:var(--ngc-chip-cursor, default !important)}.gator-chip__read-only:active{background-color:var(--ngc-chip-background-color)}.gator-chip_error{background:var(--color-surface-error, #FAEBE7);border:1px solid var(--color-stroke-error-weak, #E99F88)}.gator-chip_error:hover:not(.gator-chip__read-only){background:var(--color-stroke-error-weak, #E99F88)}.gator-chip_warning{background:var(--color-surface-error, #FAEBE7);border:1px solid var(--color-stroke-warning, #F5B77F)}.gator-chip_warning:hover:not(.gator-chip__read-only){background:var(--color-stroke-warning, #F5B77F)}.gator-chip_success{background:var(--color-surface-success, #E9F7F0);border:1px solid var(--color-stroke-success, #90D4B4)}.gator-chip_success:hover:not(.gator-chip__read-only){background:var(--color-stroke-success, #90D4B4)}.gator-chip_info{border:1px solid var(--color-surface-brand-secondary, #C3CDD6);background:var(--color-surface-brand-hover, #E4ECF2)}.gator-chip_info:hover:not(.gator-chip__read-only){background:var(--color-surface-brand-secondary, #C3CDD6)}.gator-chip_small{font-size:var(--text-size-caption);line-height:var(--text-line-height-caption)}';export{r as default};
+const r='.gator-chip{background-color:var(--ngc-chip-background-color);border-radius:var(--ngc-chip-border-radius);display:inline-block;padding:var(--ngc-chip-padding);font-family:var(--text-family-body, "Open Sans"),sans-serif;font-size:var(--ngc-chip-font-size);line-height:var(--ngc-chip-line-height);border:var(--ngc-chip-border);color:var(--color-neutral-70);cursor:var(--ngc-chip-cursor, default);border:1px solid var(--color-stroke-tertiary, #E5E5E5)}button:hover{background-color:var(--ngc-chip-hover-background-color);cursor:var(--ngc-chip-cursor, pointer)}button:focus-visible{outline:none;box-shadow:var(--ngc-chip-focus-box-shadow)}button:active{background-color:var(--ngc-chip-active-background-color)}.gator-chip_disabled{cursor:not-allowed!important;color:var(--button-color-default-text-disabled, #6D6D6D);outline:1px solid transparent!important;background:var(--color-surface-disabled, #E5E5E5);border:1px solid transparent!important}.gator-chip_disabled:hover{background:var(--color-surface-disabled, #E5E5E5)!important}.gator-chip__read-only{cursor:var(--ngc-chip-cursor, default !important)}.gator-chip__read-only:active{background-color:var(--ngc-chip-background-color)}.gator-chip_error{background:var(--color-surface-error, #FAEBE7);border:1px solid var(--color-stroke-error-weak, #E99F88)}.gator-chip_error:hover:not(.gator-chip__read-only){background:var(--color-stroke-error-weak, #E99F88)}.gator-chip_warning{background:var(--color-surface-error, #FAEBE7);border:1px solid var(--color-stroke-warning, #F5B77F)}.gator-chip_warning:hover:not(.gator-chip__read-only){background:var(--color-stroke-warning, #F5B77F)}.gator-chip_success{background:var(--color-surface-success, #E9F7F0);border:1px solid var(--color-stroke-success, #90D4B4)}.gator-chip_success:hover:not(.gator-chip__read-only){background:var(--color-stroke-success, #90D4B4)}.gator-chip_info{border:1px solid var(--color-surface-brand-secondary, #C3CDD6);background:var(--color-surface-brand-hover, #E4ECF2)}.gator-chip_info:hover:not(.gator-chip__read-only){background:var(--color-surface-brand-secondary, #C3CDD6)}.gator-chip_small{font-size:var(--text-size-caption);line-height:var(--text-line-height-caption)}';export{r as default};

package/dist/types/components/button-card/button-card.d.ts

@@ -5,4 +5,9 @@ export declare class NjcButtonCard extends NjcCard {
      * @property {string} chipLabel
      */
     chipLabel: string;
+    /**
+     * @description Whether the button card is in selected state
+     * @property {boolean} selected
+     */
+    selected: boolean;
 }

package/dist/types/components/button-card/gator/button-card.gator.d.ts

@@ -11,5 +11,6 @@ export declare class NgcButtonCard extends NjcButtonCard {
     get cardLabelMarkup(): import('lit').TemplateResult<1> | null;
     get disabledClass(): "" | "gator-button-card_disabled";
     handleClick(event: Event): void;
+    click(): void;
     handleKeydown(event: KeyboardEvent): void;
 }

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

@@ -14,9 +14,12 @@ export declare class NgcChip extends NjcChip {
     get chipMarkup(): import('lit').TemplateResult<1>;
     get readonlyChipMarkup(): import('lit').TemplateResult<1>;
     handleClick(event: Event): void;
-    get classes(): string;
-    get typeClass(): string;
-    get sizeClass(): "" | "gator-chip_small";
+    get classes(): {
+        [x: string]: boolean;
+        'gator-chip': boolean;
+        'gator-chip_small': boolean;
+        'gator-chip_disabled': boolean;
+    };
 }
 declare global {
     interface HTMLElementTagNameMap {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ncino/web-components",
     "author": "nCino",
-    "version": "4.0.0-preview.5",
+    "version": "4.0.0-preview.6",
     "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"

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.0.0-preview.4",
+  "version": "4.0.0-preview.5",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -102,8 +102,6 @@
               { "name": "chipMarkup" },
               { "name": "readonlyChipMarkup" },
               { "name": "classes" },
-              { "name": "typeClass" },
-              { "name": "sizeClass" },
               { "name": "disabled", "type": "boolean" },
               { "name": "readonly", "type": "boolean" },
               {
@@ -1186,6 +1184,10 @@
               "name": "chip-label",
               "value": { "type": "string", "default": "''" }
             },
+            {
+              "name": "selected",
+              "value": { "type": "boolean", "default": "false" }
+            },
             { "name": "title", "value": { "type": "string", "default": "''" } },
             {
               "name": "subtitle",
@@ -1218,6 +1220,7 @@
               { "name": "cardLabelMarkup" },
               { "name": "disabledClass" },
               { "name": "chipLabel", "type": "string" },
+              { "name": "selected", "type": "boolean" },
               { "name": "title", "type": "string" },
               { "name": "subtitle", "type": "string" },
               { "name": "elevated", "type": "boolean" },