@ncino/web-components 4.0.0-preview.8 → 4.0.0-preview.9

package/dist/components/chip/chip.js

@@ -1 +1 @@
-import{property as t}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{TestableLitElement as n}from"../../utils/components/testable-lit-element/testable-lit-element.js";var y=Object.defineProperty,r=(p,l,a,d)=>{for(var e=void 0,s=p.length-1,i;s>=0;s--)(i=p[s])&&(e=i(l,a,e)||e);return e&&y(l,a,e),e};class o extends n{constructor(){super(...arguments),this.disabled=!1,this.readonly=!1,this.type=null,this.size=null}}r([t({type:Boolean})],o.prototype,"disabled");r([t({type:Boolean})],o.prototype,"readonly");r([t()],o.prototype,"type");r([t()],o.prototype,"size");export{o as NjcChip};
+import{property as t}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{TestableLitElement as d}from"../../utils/components/testable-lit-element/testable-lit-element.js";var n=Object.defineProperty,r=(p,i,l,y)=>{for(var e=void 0,s=p.length-1,a;s>=0;s--)(a=p[s])&&(e=a(i,l,e)||e);return e&&n(i,l,e),e};class o extends d{constructor(){super(...arguments),this.disabled=!1,this.readonly=!1,this.type=null,this.size=null,this.hideBorder=!1}}r([t({type:Boolean})],o.prototype,"disabled");r([t({type:Boolean})],o.prototype,"readonly");r([t()],o.prototype,"type");r([t()],o.prototype,"size");r([t({type:Boolean,attribute:"hide-border"})],o.prototype,"hideBorder");export{o as NjcChip};

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

@@ -1,9 +1,17 @@
-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}>
+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 n}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/tokens/primitive.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{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 r}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var b=Object.getOwnPropertyDescriptor,f=(t,o,d,a)=>{for(var s=a>1?void 0:a?b(o,d):o,i=t.length-1,l;i>=0;i--)(l=t[i])&&(s=l(s)||s);return s};let e=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__read-only ${h(this.classes)}" aria-disabled="${this.disabled}" @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{"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};
+        `}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,"hide-border":this.hideBorder,[`gator-chip_${this.type}`]:this.type!==null}}};e.shadowRootOptions={...c.shadowRootOptions,delegatesFocus:!0};e.styles=[r(g),r(m),r(u)];e=f([n("ngc-chip")],e);export{e as NgcChip};

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)}.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};
+const r='.gator-chip{background-color:var(--ngc-chip-background-color, var(--color-background-primary));border-radius:var(--ngc-chip-border-radius, 3rem);display:inline-block;padding:var(--ngc-chip-padding, .25rem .75rem);font-family:var(--text-family-body, "Open Sans"),sans-serif;font-size:var(--ngc-chip-font-size, .9375rem);line-height:var(--ngc-chip-line-height);border:var(--ngc-chip-border, 1px solid var(--color-stroke-tertiary, #E5E5E5));color:var(--color-neutral-70);cursor:var(--ngc-chip-cursor, default)}button:hover{background-color:var(--ngc-chip-hover-background-color, var(--color-neutral-20));cursor:var(--ngc-chip-cursor, pointer)}button:focus-visible{outline:none;box-shadow:var(--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))}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, var(--color-background-primary))}.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)}.hide-border{border:none}';export{r as default};

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

@@ -22,4 +22,9 @@ export declare class NjcChip extends TestableLitElement {
      @type {NJC_CHIP_SIZES}
      **/
     size: NJC_CHIP_SIZES;
+    /**
+     @property hideBorder - If true, the chip's border will be removed.
+     @type {boolean}
+     **/
+    hideBorder: boolean;
 }

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

@@ -19,6 +19,7 @@ export declare class NgcChip extends NjcChip {
         'gator-chip': boolean;
         'gator-chip_small': boolean;
         'gator-chip_disabled': boolean;
+        'hide-border': boolean;
     };
 }
 declare global {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ncino/web-components",
     "author": "nCino",
-    "version": "4.0.0-preview.8",
+    "version": "4.0.0-preview.9",
     "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.7",
+  "version": "4.0.0-preview.8",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -124,6 +124,10 @@
               "name": "size",
               "value": { "type": " | 'small'", "default": "null" }
             },
+            {
+              "name": "hide-border",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "data-testid",
               "value": { "type": "string | undefined", "default": "undefined" }
@@ -145,6 +149,7 @@
                 "type": " | 'success' | 'warning' | 'error' | 'info'"
               },
               { "name": "size", "type": " | 'small'" },
+              { "name": "hideBorder", "type": "boolean" },
               { "name": "dataTestid", "type": "string | undefined" },
               { "name": "labelDataTestid" },
               { "name": "helpTextDataTestid" },

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

@@ -1 +0,0 @@
-const o=":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-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}";export{o as default};