@ncino/web-components 1.1.0-preview.4 → 1.1.0-preview.6

package/dist/assets/index-chunk5.js

@@ -1 +1 @@
-const r=':host,:root{--color-background-primary: var(--color-blue-10, #F3F5F7);--color-stroke-brand: var(--color-blue-30, #11395B);--color-stroke-primary: var(--color-neutral-40);--color-stroke-success: var(--color-green-20);--color-stroke-warning: var(--color-orange-20);--color-stroke-error-weak: var(--color-red-20);--color-stroke-error-strong: var(--color-red-30);--color-text-primary-base: var(--color-neutral-70, #1F1F1F);--color-text-secondary: var(--color-neutral-50, #6D6D6D);--color-text-brand: var(--color-blue-30, #11395B);--color-text-placeholder: var(--color-neutral-50, #6D6D6D);--color-text-error: var(--color-red-40, #AA330E);--color-text-disabled: var(--color-neutral-40, #BFBFBF);--color-text-inverse: var(--color-neutral-0, #FFFFFF);--color-surface-primary: var(--color-neutral-0, #FFFFFF);--color-surface-brand: var(--color-blue-10, #F3F5F7);--color-surface-brand-secondary: var(--color-blue-20, #C3CDD6);--color-surface-secondary: var(--color-neutral-10);--color-surface-error: var(--color-red-10);--color-surface-success: var(--color-green-10);--color-surface-warning: var(--color-orange-10);--color-surface-badge: var(--color-red-30);--color-icon-error: var(--color-red-30);--color-icon-success: var(--color-green-30);--color-icon-warning: var(--color-orange-30);--color-icon-disabled: var(--color-neutral-40, #BFBFBF);--color-icon-brand: var(--color-blue-30);--color-primary-03-base: var(--color-neutral-70, #1F1F1F);--color-primary-01-placeholder: var(--color-neutral-50, #6D6D6D);--color-underline-primary: var(--color-neutral-40, #BFBFBF);--color-button-pressed: var(--color-neutral-60, #404040);--size-stroke-1: 1px;--text-size-body-1: 1.0625rem;--text-line-height-body-1: 1.5rem;--text-size-button-small: .8125rem;--text-size-button-large: 1.0625rem;--text-family-sans-serif: "Open Sans", sans-serif;--spacing-padding-margin-16: 1rem;--spacing-padding-margin-4: .25rem;--spacing-gap-8: .5rem}';export{r as s};
+const r=':host,:root{--color-background-primary: var(--color-blue-10, #F3F5F7);--color-stroke-brand: var(--color-blue-30, #11395B);--color-stroke-primary: var(--color-neutral-40);--color-stroke-success: var(--color-green-20);--color-stroke-warning: var(--color-orange-20);--color-stroke-error-weak: var(--color-red-20);--color-stroke-error-strong: var(--color-red-30);--color-text-primary-base: var(--color-neutral-70, #1F1F1F);--color-text-secondary: var(--color-neutral-50, #6D6D6D);--color-text-brand: var(--color-blue-30, #11395B);--color-text-placeholder: var(--color-neutral-50, #6D6D6D);--color-text-error: var(--color-red-40, #AA330E);--color-text-disabled: var(--color-neutral-40, #BFBFBF);--color-text-inverse: var(--color-neutral-0, #FFFFFF);--color-surface-primary: var(--color-neutral-0, #FFFFFF);--color-surface-brand: var(--color-blue-10, #F3F5F7);--color-surface-brand-secondary: var(--color-blue-20, #C3CDD6);--color-surface-secondary: var(--color-neutral-10);--color-surface-error: var(--color-red-10);--color-surface-success: var(--color-green-10);--color-surface-warning: var(--color-orange-10);--color-surface-badge: var(--color-red-30);--color-icon-error: var(--color-red-30);--color-icon-success: var(--color-green-30);--color-icon-warning: var(--color-orange-30);--color-icon-disabled: var(--color-neutral-40, #BFBFBF);--color-icon-brand: var(--color-blue-30);--color-primary-03-base: var(--color-neutral-70, #1F1F1F);--color-primary-01-placeholder: var(--color-neutral-50, #6D6D6D);--color-underline-primary: var(--color-neutral-40, #BFBFBF);--color-button-pressed: var(--color-neutral-60, #404040);--color-focus-gap: var(--color-neutral-0, #FFFFFF);--color-focus-border: var(--color-blue-30, #11395B);--size-stroke-1: 1px;--text-size-body-1: 1.0625rem;--text-line-height-body-1: 1.5rem;--text-size-button-small: .8125rem;--text-size-button-large: 1.0625rem;--text-family-sans-serif: "Open Sans", sans-serif;--spacing-padding-margin-16: 1rem;--spacing-padding-margin-4: .25rem;--spacing-gap-8: .5rem}';export{r as s};

package/dist/components/chip/chip.js

@@ -1 +1 @@
-import{h as d}from"../../assets/index-chunk.js";import{n as p}from"../../assets/index-chunk2.js";var i=Object.defineProperty,l=(r,t,s,f)=>{for(var e=void 0,o=r.length-1,a;o>=0;o--)(a=r[o])&&(e=a(t,s,e)||e);return e&&i(t,s,e),e};class n extends d{constructor(){super(...arguments),this.disabled=!1,this.readonly=!1}}l([p({type:Boolean})],n.prototype,"disabled");l([p({type:Boolean})],n.prototype,"readonly");export{n as N};
+import{h as n}from"../../assets/index-chunk.js";import{n as a}from"../../assets/index-chunk2.js";var l=Object.defineProperty,o=(e,d,i,f)=>{for(var t=void 0,r=e.length-1,p;r>=0;r--)(p=e[r])&&(t=p(d,i,t)||t);return t&&l(d,i,t),t};class s extends n{constructor(){super(...arguments),this.disabled=!1,this.readonly=!1,this.dataTestid=""}}o([a({type:Boolean})],s.prototype,"disabled");o([a({type:Boolean})],s.prototype,"readonly");o([a({type:String,attribute:"data-testid"})],s.prototype,"dataTestid");export{s as N};

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

@@ -1,9 +1,9 @@
-import{r as a,k as p}from"../../../assets/index-chunk.js";import{t as s}from"../../../assets/index-chunk3.js";import{s as g}from"../../../assets/index-chunk5.js";import{p as d}from"../../../assets/index-chunk4.js";import{N as u}from"../chip.js";import"../../../assets/index-chunk2.js";const h=":host{--ngc-chip-disabled-color: var(--color-neutral-50);--ngc-chip-color: var(--color-neutral-70);--ngc-chip-background-color: var(--color-background-primary);--ngc-chip-hover-background-color: var(--color-neutral-20);--ngc-chip-active-background-color: var(--color-neutral-30);--ngc-chip-border-radius: 3rem;--ngc-chip-padding: .25rem .75rem;--ngc-chip-font-size: .9375rem;--ngc-chip-border: none}",v=".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-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)}button:hover{background-color:var(--ngc-chip-hover-background-color);cursor:var(--ngc-chip-cursor, pointer)}button:active{background-color:var(--ngc-chip-active-background-color)}button:disabled{cursor:not-allowed;color:var(--color-neutral-70);outline:1px solid var(--color-neutral-40, #BFBFBF);background:var(--color-neutral-10, #F7F7F7)}.gator-chip__read-only{cursor:var(--ngc-chip-cursor, default !important)}.gator-chip__read-only:active{background-color:var(--ngc-chip-background-color)}";var b=Object.defineProperty,m=Object.getOwnPropertyDescriptor,k=(l,o,n,c)=>{for(var r=c>1?void 0:c?m(o,n):o,i=l.length-1,e;i>=0;i--)(e=l[i])&&(r=(c?e(o,n,r):e(r))||r);return c&&r&&b(o,n,r),r};let t=class extends u{render(){return this.readonly?this.readonlyChipMarkup:this.chipMarkup}get chipMarkup(){return p`
-            <button class="gator-chip" ?disabled="${this.disabled}">
+import{r as i,k as s}from"../../../assets/index-chunk.js";import{t as p}from"../../../assets/index-chunk3.js";import{s as d}from"../../../assets/index-chunk5.js";import{p as h}from"../../../assets/index-chunk4.js";import{N as u}from"../chip.js";import"../../../assets/index-chunk2.js";const g=":host{--ngc-chip-disabled-color: var(--color-neutral-50);--ngc-chip-color: var(--color-neutral-70);--ngc-chip-background-color: var(--color-background-primary);--ngc-chip-hover-background-color: var(--color-neutral-20);--ngc-chip-active-background-color: var(--color-neutral-30);--ngc-chip-border-radius: 3rem;--ngc-chip-focus-box-shadow: var(--shadow-x-offset-0, 0px) var(--shadow-y-offset-0, 0px) var(--shadow-blur-0, 0px) var(--shadow-spread-2, 2px) var(--color-focus-gap, #FFF), var(--shadow-x-offset-0, 0px) var(--shadow-y-offset-0, 0px) var(--shadow-blur-0, 0px) var(--shadow-spread-4, 4px) var(--color-focus-border, #11395B);--ngc-chip-padding: .25rem .75rem;--ngc-chip-font-size: .9375rem;--ngc-chip-border: none}",v=".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-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)}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);background-color:var(--ngc-chip-active-background-color)}button:active{background-color:var(--ngc-chip-active-background-color)}button:disabled{cursor:not-allowed;color:var(--color-neutral-70);outline:1px solid var(--color-neutral-40, #BFBFBF);background:var(--color-neutral-10, #F7F7F7)}.gator-chip__read-only{cursor:var(--ngc-chip-cursor, default !important)}.gator-chip__read-only:active{background-color:var(--ngc-chip-background-color)}";var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,k=(o,c,n,a)=>{for(var r=a>1?void 0:a?f(c,n):c,e=o.length-1,t;e>=0;e--)(t=o[e])&&(r=(a?t(c,n,r):t(r))||r);return a&&r&&b(c,n,r),r};let l=class extends u{render(){return this.readonly?this.readonlyChipMarkup:this.chipMarkup}get chipMarkup(){return s`
+            <button class="gator-chip" ?disabled="${this.disabled}" @click=${this.handleClick}>
                 <slot></slot>
             </button>
-        `}get readonlyChipMarkup(){return p`
-            <div class="gator-chip gator-chip__read-only">
+        `}get readonlyChipMarkup(){return s`
+            <div class="gator-chip gator-chip__read-only" @click=${this.handleClick}>
                 <slot></slot>
             </div>
-        `}};t.styles=[a(h),a(v),a(d),a(g)];t=k([s("ngc-chip")],t);
+        `}handleClick(o){o.stopPropagation(),o.preventDefault(),!(this.disabled||this.readonly)&&this.dispatchEvent(new Event("click",{bubbles:!0}))}};l.styles=[i(g),i(v),i(h),i(d)];l=k([p("ngc-chip")],l);

package/dist/components/combobox/combobox-item/index.js

@@ -1 +1 @@
-import{N as e}from"./combobox-item.slds.js";import{N}from"./combobox-item.js";import"../../../assets/index-chunk.js";import"../../../assets/index-chunk3.js";import"../../../assets/index-chunk8.js";import"../../../utils/string-utils.js";import"../../../assets/index-chunk2.js";export{N as NjcComboboxItem,e as NjcSldsComboboxItem};
+import{N as e}from"./combobox-item.slds.js";import{N}from"./combobox-item.js";import"../../../assets/index-chunk.js";import"../../../assets/index-chunk3.js";import"../../../assets/index-chunk8.js";import"../../../utils/string-utils.js";import"../../../assets/index-chunk2.js";export{N as NjcComboboxItem,e as NscComboboxItem};

package/dist/components/combobox/combobox.types.js

@@ -0,0 +1 @@
+

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

@@ -10,4 +10,9 @@ export declare class NjcChip extends LitElement {
      @type {boolean}
      **/
     readonly: boolean;
+    /**
+     @property dataTestid - data-testid attribute for the button
+     @type {string}
+     **/
+    dataTestid: string;
 }

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

@@ -7,6 +7,7 @@ export declare class NgcChip extends NjcChip {
     render(): import('lit').TemplateResult<1>;
     get chipMarkup(): import('lit').TemplateResult<1>;
     get readonlyChipMarkup(): import('lit').TemplateResult<1>;
+    handleClick(event: Event): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/combobox/base/combobox.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { NJC_COMBOBOX_OPTION } from '../combobox-item/combobox-item.ts';
+import { NJC_COMBOBOX_OPTION } from '../combobox.types';
 import { Ref } from 'lit/directives/ref.js';
 export declare class NjcCombobox extends LitElement {
     options: NJC_COMBOBOX_OPTION[];

package/dist/types/components/combobox/combobox-item/combobox-item.d.ts

@@ -1,8 +1,4 @@
 import { LitElement } from 'lit';
-export type NJC_COMBOBOX_OPTION<T = string> = {
-    label: string;
-    value: T;
-};
 export declare class NjcComboboxItem extends LitElement {
     label: string;
     value: string | null;

package/dist/types/components/combobox/combobox-item/combobox-item.slds.d.ts

@@ -1,5 +1,5 @@
 import { NjcComboboxItem } from './combobox-item.ts';
-export declare class NjcSldsComboboxItem extends NjcComboboxItem {
+export declare class NscComboboxItem extends NjcComboboxItem {
     /**
      * Using light dom for accessibility purposes, enabling the screen reader
      */
@@ -10,6 +10,6 @@ export declare class NjcSldsComboboxItem extends NjcComboboxItem {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'nsc-combobox-item': NjcSldsComboboxItem;
+        'nsc-combobox-item': NscComboboxItem;
     }
 }

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

@@ -0,0 +1,4 @@
+export type NJC_COMBOBOX_OPTION<T = string> = {
+    label: string;
+    value: T;
+};

package/dist/types/components/combobox/index.d.ts

@@ -1,2 +1,3 @@
 export * as NscCombobox from './base';
 export * as NscComboboxItem from './combobox-item';
+export * from './combobox.types';

package/dist/types/utils/storybook-utils.d.ts

@@ -1,3 +1,3 @@
-import { NJC_COMBOBOX_OPTION } from '../components/combobox/combobox-item';
+import { NJC_COMBOBOX_OPTION } from '../components/combobox';
 export declare function generateOptions(numberOfOptions: number | undefined): NJC_COMBOBOX_OPTION[];
 export declare function convertArgsForStorybookCodeExample(code: string, componentTag: string, args: Record<string, any>): string;

package/package.json

@@ -2,7 +2,7 @@
     "name": "@ncino/web-components",
     "author": "nCino",
     "packageManager": "pnpm@9.12.2",
-    "version": "1.1.0-preview.4",
+    "version": "1.1.0-preview.6",
     "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"
@@ -30,6 +30,9 @@
             "import": "./dist/index.gator.js",
             "types": "./dist/types/index.gator.d.ts"
         },
+        "./types": {
+            "types": "./dist/types/index.d.ts"
+        },
         "./slds": {
             "import": "./dist/index.slds.js",
             "types": "./dist/types/index.slds.d.ts"

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": "1.1.0-preview.3",
+  "version": "1.1.0-preview.5",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -508,7 +508,7 @@
         },
         {
           "name": "ngc-chip",
-          "description": "\n---\n\n\n### **Slots:**\n - _default_ - The content within the button",
+          "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - _default_ - The content within the button",
           "doc-url": "",
           "attributes": [
             {
@@ -518,20 +518,25 @@
             {
               "name": "readonly",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "data-testid",
+              "value": { "type": "string", "default": "''" }
             }
           ],
           "slots": [
             { "name": "", "description": "The content within the button" }
           ],
-          "events": [],
+          "events": [{ "name": "click", "type": "Event" }],
           "js": {
             "properties": [
               { "name": "chipMarkup" },
               { "name": "readonlyChipMarkup" },
               { "name": "disabled", "type": "boolean" },
-              { "name": "readonly", "type": "boolean" }
+              { "name": "readonly", "type": "boolean" },
+              { "name": "dataTestid", "type": "string" }
             ],
-            "events": []
+            "events": [{ "name": "click", "type": "Event" }]
           }
         },
         {
@@ -1545,38 +1550,6 @@
             "events": []
           }
         },
-        {
-          "name": "nsc-combobox-item",
-          "description": "\n---\n\n\n### **Events:**\n - **change**",
-          "doc-url": "",
-          "attributes": [
-            { "name": "label", "value": { "type": "string", "default": "''" } },
-            {
-              "name": "value",
-              "value": { "type": "string | null", "default": "null" }
-            },
-            {
-              "name": "search-value",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "selected-value",
-              "value": { "type": "string | null", "default": "null" }
-            }
-          ],
-          "events": [{ "name": "change", "type": "CustomEvent" }],
-          "js": {
-            "properties": [
-              { "name": "_randomId" },
-              { "name": "boldedSearchHtml" },
-              { "name": "label", "type": "string" },
-              { "name": "value", "type": "string | null" },
-              { "name": "searchValue", "type": "string" },
-              { "name": "selectedValue", "type": "string | null" }
-            ],
-            "events": [{ "name": "change", "type": "CustomEvent" }]
-          }
-        },
         {
           "name": "nsc-combobox",
           "description": "\n---\n\n\n### **Events:**\n - **change**",
@@ -1680,6 +1653,38 @@
             "events": [{ "name": "change", "type": "CustomEvent" }]
           }
         },
+        {
+          "name": "nsc-combobox-item",
+          "description": "\n---\n\n\n### **Events:**\n - **change**",
+          "doc-url": "",
+          "attributes": [
+            { "name": "label", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "value",
+              "value": { "type": "string | null", "default": "null" }
+            },
+            {
+              "name": "search-value",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "selected-value",
+              "value": { "type": "string | null", "default": "null" }
+            }
+          ],
+          "events": [{ "name": "change", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "_randomId" },
+              { "name": "boldedSearchHtml" },
+              { "name": "label", "type": "string" },
+              { "name": "value", "type": "string | null" },
+              { "name": "searchValue", "type": "string" },
+              { "name": "selectedValue", "type": "string | null" }
+            ],
+            "events": [{ "name": "change", "type": "CustomEvent" }]
+          }
+        },
         {
           "name": "nsc-input-rich-text",
           "description": "\n---\n\n\n### **Events:**\n - **change**",