@ncino/web-components 9.0.0-preview.10 → 9.0.0-preview.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/button-card/gator/button-card.gator.js +16 -15
- package/dist/components/modal/gator/modal.gator.js +0 -1
- package/dist/packages/web-components/src/components/card/gator/base/card.gator.scss.js +1 -1
- package/dist/packages/web-components/src/components/card/gator/footer/card-footer.gator.scss.js +1 -1
- package/dist/packages/web-components/src/components/modal/gator/modal.gator.scss.js +1 -1
- package/dist/packages/web-components/src/components/text-detail/gator/text-detail.gator.scss.js +1 -1
- package/dist/types/components/button-card/gator/button-card.gator.d.ts +4 -0
- package/package.json +2 -2
- package/web-types.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{NjcButtonCard as
|
|
1
|
+
import{NjcButtonCard as u}from"../button-card.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as a}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import{LitElement as m}from"../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{property as f}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{state as b}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import{customElement as g}from"../../../utils/decorators/custom-element-decorator.js";import{ifDefined as d}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";import{classMap as y}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";import{KEY_CONSTANTS as h}from"../../../consts/key-constants.js";import C from"../../../packages/web-components/src/components/button-card/gator/button-card.gator.scss.js";import $ from"../../../packages/styles/src/gator/tokens/primitive.tokens.css.js";import v from"../../../packages/styles/src/gator/tokens/semantic.tokens.css.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{unsafeCSS as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var _=Object.defineProperty,E=Object.getOwnPropertyDescriptor,p=(t,i,r,e)=>{for(var s=e>1?void 0:e?E(i,r):i,l=t.length-1,n;l>=0;l--)(n=t[l])&&(s=(e?n(i,r,s):n(s))||s);return e&&s&&_(i,r,s),s};let o=class extends u{constructor(){super(...arguments),this.chipType=null,this._showDefault=null}firstUpdated(t){super.firstUpdated(t),this._checkSlotContent()}render(){return a`
|
|
2
2
|
<ngc-card
|
|
3
3
|
tabindex="${this.disabled?"-1":"0"}"
|
|
4
4
|
role="button"
|
|
@@ -8,23 +8,24 @@ import{NjcButtonCard as m}from"../button-card.js";import"../../../node_modules/.
|
|
|
8
8
|
@click=${this.handleClick}
|
|
9
9
|
@keydown=${this.handleKeydown}
|
|
10
10
|
?disabled="${this.disabled}"
|
|
11
|
-
class="${
|
|
11
|
+
class="${y(this.cardClasses)}"
|
|
12
12
|
>
|
|
13
13
|
${this.cardLabelMarkup}
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
15
|
+
${this._showDefault===!0?a`
|
|
16
|
+
<div class="gator-button-card-container ${this.disabledClass}">
|
|
17
|
+
<ngc-text-detail
|
|
18
|
+
title="${this.title}"
|
|
19
|
+
subtitle="${this.subtitle}"
|
|
20
|
+
data-testid=${d(this.dataTestid)}-text-detail
|
|
21
|
+
>
|
|
22
|
+
<slot name="start" slot="prepend"></slot>
|
|
23
|
+
<ngc-icon slot="append" name="chevron-right"></ngc-icon>
|
|
24
|
+
</ngc-text-detail>
|
|
25
|
+
</div>
|
|
26
|
+
`:a`<slot></slot>`}
|
|
26
27
|
</ngc-card>
|
|
27
|
-
`}get cardClasses(){return{selected:this.selected}}get cardLabelMarkup(){return this.chipLabel?
|
|
28
|
+
`}_checkSlotContent(){const t=this.shadowRoot?.querySelector("slot:not([name])");if(t){const r=t.assignedNodes({flatten:!0}).some(e=>e.nodeType===Node.ELEMENT_NODE?!0:e.nodeType===Node.TEXT_NODE?(e.textContent?.trim().length??0)>0:!1);this._showDefault=!r}}get cardClasses(){return{selected:this.selected}}get cardLabelMarkup(){return this.chipLabel?a`
|
|
28
29
|
<ngc-chip
|
|
29
30
|
?disabled="${this.disabled}"
|
|
30
31
|
class="gator-button-card-chip-label"
|
|
@@ -33,4 +34,4 @@ import{NjcButtonCard as m}from"../button-card.js";import"../../../node_modules/.
|
|
|
33
34
|
readonly
|
|
34
35
|
>
|
|
35
36
|
${this.chipLabel}
|
|
36
|
-
</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){[
|
|
37
|
+
</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){[h.ENTER,h.SPACE].includes(t.key)&&this.handleClick(t)}};o.shadowRootOptions={...m.shadowRootOptions,delegatesFocus:!0};o.styles=[c(C),c($),c(v)];p([f({type:String,attribute:"chip-type"})],o.prototype,"chipType",2);p([b()],o.prototype,"_showDefault",2);o=p([g("ngc-button-card")],o);export{o as NgcButtonCard};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const r=':host{border-radius:var(--ngc-card-border-radius, var(--border-radius-x-large, 1rem))}.gator-card{position:var(--ngc-card-position, relative);display:var(--ngc-card-display, inline-flex);flex-direction:var(--ngc-card-flex-direction, column);justify-content:var(--ngc-card-justify-content, left);border-radius:inherit;max-width:var(--ngc-card-max-width, 25rem);font-family:var(--font-family-body, "Open Sans"),sans-serif;width:var(--ngc-card-width, auto);height:var(--ngc-card-height, auto);padding:var(--ngc-card-padding, 0);box-shadow:var(--ngc-card-box-shadow, none);outline:var(--ngc-card-outline, none);transform:var(--ngc-card-transform);background-color:var(--ngc-card-background-color, var(--color-surface-primary, #FFF));top:var(--ngc-card-top);left:var(--ngc-card-left);z-index:var(--ngc-card-z-index)}.gator-card-slot{overflow-wrap:anywhere}.gator-card_elevated{box-shadow:var(--ngc-card-box-shadow, var(--shadow-1-card))}.gator-card_outlined{outline:var(--ngc-card-outline, 1px solid var(--color-border-tertiary, #E5E5E5))}.gator-card_disabled{background:var(--color-surface-tertiary, #F2F2F2);cursor:not-allowed}';export{r as default};
|
|
1
|
+
const r=':host{border-radius:var(--ngc-card-border-radius, var(--border-radius-x-large, 1rem));width:var(--ngc-card-width)}.gator-card{position:var(--ngc-card-position, relative);display:var(--ngc-card-display, inline-flex);flex-direction:var(--ngc-card-flex-direction, column);justify-content:var(--ngc-card-justify-content, left);border-radius:inherit;max-width:var(--ngc-card-max-width, 25rem);font-family:var(--font-family-body, "Open Sans"),sans-serif;width:var(--ngc-card-width, auto);height:var(--ngc-card-height, auto);padding:var(--ngc-card-padding, 0);box-shadow:var(--ngc-card-box-shadow, none);outline:var(--ngc-card-outline, none);transform:var(--ngc-card-transform);background-color:var(--ngc-card-background-color, var(--color-surface-primary, #FFF));top:var(--ngc-card-top);left:var(--ngc-card-left);z-index:var(--ngc-card-z-index)}.gator-card-slot{overflow-wrap:anywhere}.gator-card_elevated{box-shadow:var(--ngc-card-box-shadow, var(--shadow-1-card))}.gator-card_outlined{outline:var(--ngc-card-outline, 1px solid var(--color-border-tertiary, #E5E5E5))}.gator-card_disabled{background:var(--color-surface-tertiary, #F2F2F2);cursor:not-allowed}';export{r as default};
|
package/dist/packages/web-components/src/components/card/gator/footer/card-footer.gator.scss.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const r=".gator-card-footer{background:var(--color-surface-secondary, #F7F7F7);font-size:var(--font-size-body-2, .9375rem);padding:var(--spacing-8);color:var(--color-text-primary, #1F1F1F);border-radius:0 0 var(--ngc-card-border-radius, var(--border-radius-large, 1rem)) var(--ngc-card-border-radius, var(--border-radius-large, 1rem))}";export{r as default};
|
|
1
|
+
const r=".gator-card-footer{background:var(--color-surface-secondary, #F7F7F7);font-size:var(--font-size-body-2, .9375rem);padding:var(--ngc-card-footer-padding, var(--spacing-8));color:var(--color-text-primary, #1F1F1F);border-radius:0 0 var(--ngc-card-border-radius, var(--border-radius-large, 1rem)) var(--ngc-card-border-radius, var(--border-radius-large, 1rem))}";export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const a=".gator-modal-dialog{border:none;padding:0;background:transparent;inset:0;display:grid;place-items:center}.gator-modal-dialog::backdrop{background-color:var(--color-overlay-secondary)}.gator-modal{--ngc-card-position: static;--ngc-card-top: auto;--ngc-card-left: auto;--ngc-card-max-width: none;--ngc-card-transform: none}.gator-modal-wrapper{display:flex;flex-direction:column;max-height:90vh;overflow-y:var(--ngc-modal-overflow-y, auto)}.gator-modal-header{flex-shrink:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:var(--color-surface-secondary)}.gator-modal-header .gator-modal-close-button{--ngc-icon-button-hover-box-shadow: none}.gator-modal-content{flex-grow:1;padding:var(--spacing-
|
|
1
|
+
const a=".gator-modal-dialog{border:none;padding:0;background:transparent;inset:0;display:grid;place-items:center}.gator-modal-dialog::backdrop{background-color:var(--color-overlay-secondary)}.gator-modal{--ngc-card-position: static;--ngc-card-top: auto;--ngc-card-left: auto;--ngc-card-max-width: none;--ngc-card-transform: none}.gator-modal-wrapper{display:flex;flex-direction:column;max-height:90vh;overflow-y:var(--ngc-modal-overflow-y, auto)}.gator-modal-header{flex-shrink:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:var(--color-surface-secondary)}.gator-modal-header .gator-modal-close-button{--ngc-icon-button-hover-box-shadow: none}.gator-modal-content{flex-grow:1;padding:var(--spacing-10) var(--spacing-10) var(--spacing-11) var(--spacing-10);overflow-y:var(--ngc-modal-overflow-y, auto)}.gator-modal-content ngc-skeleton-loader:first-child{--ngc-skeleton-loader-margin: 0 0 var(--spacing-5) 0}.gator-modal-footer{flex-shrink:0;display:flex;padding:var(--spacing-10)}.gator-modal-warning{display:flex;flex-direction:row;align-items:center}.gator-modal-warning ngc-icon{--ngc-icon-color: var(--color-text-error);--ngc-icon-margin: 0 var(--spacing-5) 0 0}.gator-modal-warning ngc-input-label{--ngc-input-label-color: var(--color-text-error);--ngc-input-label-font-size: var(--font-size-body-2);--ngc-input-label-line-height: var(--line-height-body-2)}.gator-modal-action-buttons{display:flex;gap:var(--spacing-5)}.gator-modal ngc-card-header{width:100%}.gator-modal--small{--ngc-card-width: var(--ngc-modal-width, 375px);--ngc-card-border-radius: var(--border-radius-medium)}.gator-modal--small .gator-modal-header{border-radius:var(--border-radius-medium) var(--border-radius-medium) 0 0}.gator-modal--small .gator-modal-content{padding:var(--spacing-8) var(--spacing-8) 56px var(--spacing-8)}.gator-modal--small .gator-modal-footer{flex-direction:column-reverse;align-items:center;padding:var(--spacing-8)}.gator-modal--small .gator-modal-warning{margin-top:var(--spacing-10)}.gator-modal--small .gator-modal-action-buttons{flex-direction:column-reverse;width:100%}.gator-modal--small .gator-modal-action-buttons ngc-button{--ngc-button-width: 100% }.gator-modal--standard{--ngc-card-width: var(--ngc-modal-width, 600px)}.gator-modal--standard .gator-modal-header{--ngc-card-header-padding: var(--spacing-10);border-radius:var(--border-radius-x-large) var(--border-radius-x-large) 0 0}.gator-modal--standard .gator-modal-footer{flex-direction:row}.gator-modal--standard .gator-modal-warning{margin-right:auto}.gator-modal--standard .gator-modal-action-buttons{margin-left:auto}.gator-modal--standard .gator-modal-action-buttons ngc-skeleton-loader:first-child{--ngc-skeleton-loader-margin: 0 var(--spacing-5) 0 0}.gator-modal--fullscreen{--ngc-card-border-radius: var(--border-radius-no-radius)}.gator-modal--fullscreen .gator-modal-wrapper{height:100vh;width:100vw;max-height:100vh}.gator-modal--fullscreen .gator-modal-header{--ngc-card-header-padding: var(--spacing-10);padding-left:48px}.gator-modal--fullscreen .gator-modal-header ngc-card-header{justify-content:center;--ngc-text-detail-content-alignment: center}.gator-modal--fullscreen .gator-modal-content{background:var(--color-surface-secondary)}.gator-modal--fullscreen .gator-modal-footer{flex-direction:column-reverse;justify-content:center;align-items:center;border-top:1px solid var(--color-border-tertiary)}.gator-modal--fullscreen .gator-modal-warning{margin-top:var(--spacing-5)}.gator-dialog--fullscreen{max-height:100%;max-width:100%;margin:0}";export{a as default};
|
package/dist/packages/web-components/src/components/text-detail/gator/text-detail.gator.scss.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const t='.gator-text-detail{display:inline-flex;flex-direction:row;align-items:center;width:100%;gap:var(--spacing-8)}.gator-text-detail-loading ngc-skeleton-loader[full-width]{width:100%}.gator-text-detail-loading .gator-text-detail-title{width:13.875rem}.gator-text-detail-loading .gator-text-detail-subtitle{width:3.875rem}.gator-text-detail_vertical{flex-direction:column;justify-content:center;text-align:center}.gator-text-detail_vertical .gator-text-detail-content{align-self:stretch;align-items:center;margin:var(--spacing-5) 0}.gator-text-detail_vertical .gator-text-detail-header{align-items:center}.gator-text-detail_vertical .gator-text-detail-title,.gator-text-detail_vertical .gator-text-detail-subtitle{justify-content:center;text-align:center}.gator-text-detail_vertical .gator-text-detail-loading{align-items:center}.gator-text-detail-content{display:inline-flex;flex-direction:column;flex-grow:1;padding:0;gap:var(--spacing-5);align-items:var(--ngc-text-detail-content-alignment, start)}.gator-text-detail-header{display:inline-flex;flex-direction:column;gap:var(--spacing-2)}.gator-text-detail-header_invert-title{flex-direction:column-reverse}.gator-text-detail-title{display:inline-flex;flex-direction:row;align-items:center;color:var(--ngc-text-detail-title-color, var(--color-text-primary));font-family:var(--font-family-body, "Open Sans"),sans-serif;font-weight:var(--ngc-text-detail-title-font-weight, var(--font-weight-regular));font-size:var(--ngc-text-detail-title-font-size, var(--font-size-body-1));line-height:var(--ngc-text-detail-title-line-height, var(--line-height-body-1));overflow-wrap:anywhere}.gator-text-detail-title_large{font-family:var(--text-family-headings, "Lexend Deca"),sans-serif;font-size:var(--ngc-text-detail-title-font-size-large, var(--text-size-heading-3, 1.625rem));line-height:var(--ngc-text-detail-title-line-height-large, var(--text-line-height-h5, 1.875rem));font-weight:
|
|
1
|
+
const t='.gator-text-detail{display:inline-flex;flex-direction:row;align-items:center;width:100%;gap:var(--spacing-8)}.gator-text-detail-loading ngc-skeleton-loader[full-width]{width:100%}.gator-text-detail-loading .gator-text-detail-title{width:13.875rem}.gator-text-detail-loading .gator-text-detail-subtitle{width:3.875rem}.gator-text-detail_vertical{flex-direction:column;justify-content:center;text-align:center}.gator-text-detail_vertical .gator-text-detail-content{align-self:stretch;align-items:center;margin:var(--spacing-5) 0}.gator-text-detail_vertical .gator-text-detail-header{align-items:center}.gator-text-detail_vertical .gator-text-detail-title,.gator-text-detail_vertical .gator-text-detail-subtitle{justify-content:center;text-align:center}.gator-text-detail_vertical .gator-text-detail-loading{align-items:center}.gator-text-detail-content{display:inline-flex;flex-direction:column;flex-grow:1;padding:0;gap:var(--spacing-5);align-items:var(--ngc-text-detail-content-alignment, start)}.gator-text-detail-header{display:inline-flex;flex-direction:column;gap:var(--spacing-2);align-items:var(--ngc-text-detail-content-alignment)}.gator-text-detail-header_invert-title{flex-direction:column-reverse}.gator-text-detail-title{display:inline-flex;flex-direction:row;align-items:center;color:var(--ngc-text-detail-title-color, var(--color-text-primary));font-family:var(--font-family-body, "Open Sans"),sans-serif;font-weight:var(--ngc-text-detail-title-font-weight, var(--font-weight-regular));font-size:var(--ngc-text-detail-title-font-size, var(--font-size-body-1));line-height:var(--ngc-text-detail-title-line-height, var(--line-height-body-1));overflow-wrap:anywhere}.gator-text-detail-title_large{font-family:var(--text-family-headings, "Lexend Deca"),sans-serif;font-size:var(--ngc-text-detail-title-font-size-large, var(--text-size-heading-3, 1.625rem));line-height:var(--ngc-text-detail-title-line-height-large, var(--text-line-height-h5, 1.875rem));font-weight:var(--font-weight-semi-bold)}.gator-text-detail-title_small{font-size:var(--ngc-text-detail-title-font-size-small, var(--text-size-body-2, .9375rem));line-height:var(--ngc-text-detail-title-line-height-small, var(--text-line-height-body-2, 1.375rem))}.gator-text-detail-subtitle-icon{padding-left:var(--spacing-3);--ngc-icon-color: var(--ngc-text-detail-icon-color, var(--color-neutral-50));--ngc-icon-width: var(--ngc-text-detail-icon-icon-width, 1.125rem);--ngc-icon-height: var(--ngc-text-detail-icon-icon-height, 1.125rem)}.gator-text-detail-subtitle{color:var(--ngc-text-detail-subtitle-color, var(--color-neutral-50));font-family:var(--text-family-body, "Open Sans"),sans-serif;font-size:var(--ngc-text-detail-subtitle-font-size, var(--text-size-body-2, .9375rem));line-height:var(--ngc-text-detail-subtitle-line-height, var(--text-line-height-caption, 1.125rem));display:flex;flex-direction:row;overflow-wrap:anywhere}';export{t as default};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { NjcButtonCard } from '../button-card.ts';
|
|
2
|
+
import { PropertyValues } from 'lit';
|
|
2
3
|
import { NJC_CHIP_TYPES } from '../../chip/chip.ts';
|
|
3
4
|
export declare class NgcButtonCard extends NjcButtonCard {
|
|
4
5
|
static shadowRootOptions: {
|
|
@@ -15,7 +16,10 @@ export declare class NgcButtonCard extends NjcButtonCard {
|
|
|
15
16
|
* @property {NJC_CHIP_TYPES} chipType
|
|
16
17
|
*/
|
|
17
18
|
chipType: NJC_CHIP_TYPES;
|
|
19
|
+
private _showDefault;
|
|
20
|
+
firstUpdated(_changedProperties: PropertyValues): void;
|
|
18
21
|
render(): import('lit').TemplateResult<1>;
|
|
22
|
+
private _checkSlotContent;
|
|
19
23
|
get cardClasses(): {
|
|
20
24
|
selected: boolean;
|
|
21
25
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ncino/web-components",
|
|
3
3
|
"author": "nCino",
|
|
4
|
-
"version": "9.0.0-preview.
|
|
4
|
+
"version": "9.0.0-preview.12",
|
|
5
5
|
"license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
"vite-plugin-static-copy": "^3.1.4",
|
|
108
108
|
"vitest": "^4.0.15",
|
|
109
109
|
"yaml-eslint-parser": "^1.3.2",
|
|
110
|
-
"@ncino/styles": "9.0.0-preview.
|
|
110
|
+
"@ncino/styles": "9.0.0-preview.12"
|
|
111
111
|
},
|
|
112
112
|
"peerDependencies": {
|
|
113
113
|
"@ncino/styles": ">=8.0.0-preview.0"
|
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@ncino/web-components",
|
|
4
|
-
"version": "9.0.0-preview.
|
|
4
|
+
"version": "9.0.0-preview.11",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|