@ncino/web-components 8.0.0-preview.20 → 8.0.0-preview.22
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/avatar/gator/avatar.gator.js +5 -5
- package/dist/components/badge/gator/badge.gator.js +2 -2
- package/dist/node_modules/.pnpm/@figma_code-connect@1.3.5/node_modules/@figma/code-connect/dist/client/external.js +1 -1
- package/dist/node_modules/.pnpm/@figma_code-connect@1.3.5/node_modules/@figma/code-connect/dist/react/external.js +1 -1
- package/dist/packages/web-components/src/components/avatar/gator/avatar.gator.scss.js +1 -1
- package/dist/packages/web-components/src/components/badge/gator/badge.gator.scss.js +1 -1
- package/dist/packages/web-components/src/tokens/semantic-new.tokens.scss.js +1 -1
- package/package.json +1 -1
- package/web-types.json +1 -1
- package/dist/packages/web-components/src/components/avatar/avatar.tokens.scss.js +0 -1
- package/dist/packages/web-components/src/components/badge/gator/badge.gator.tokens.scss.js +0 -1
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as
|
|
2
|
-
<div ${
|
|
1
|
+
import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as u}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{state as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import p from"../../../packages/web-components/src/components/avatar/gator/avatar.gator.scss.js";import f from"../../../packages/web-components/src/tokens/primitive-new.tokens.scss.js";import v from"../../../packages/web-components/src/tokens/semantic-new.tokens.scss.js";import{NjcAvatar as g}from"../avatar.js";import{createRef as d,ref as _}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/ref.js";import{ifDefined as x}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";import{unsafeCSS as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var z=Object.defineProperty,y=Object.getOwnPropertyDescriptor,h=(t,e,a,s)=>{for(var r=s>1?void 0:s?y(e,a):e,l=t.length-1,o;l>=0;l--)(o=t[l])&&(r=(s?o(e,a,r):o(r))||r);return s&&r&&z(e,a,r),r};let i=class extends g{constructor(){super(...arguments),this._avatarRef=d(),this._size=40,this._srcValid=!1}render(){return this.skeleton?n`<ngc-skeleton-loader width="${this.pixelSize}" height="${this.pixelSize}" radius="50"></ngc-skeleton-loader>`:n`
|
|
2
|
+
<div ${_(this._avatarRef)}
|
|
3
3
|
class="gator-avatar ${this.interactive?"gator-avatar-interactive":""}"
|
|
4
|
-
tabindex="${
|
|
4
|
+
tabindex="${x(this.interactive?"0":void 0)}"
|
|
5
5
|
role="${this.interactive?"button":"img"}"
|
|
6
6
|
aria-label="${this.avatarAriaLabel}"
|
|
7
7
|
>
|
|
8
8
|
<span class="gator-avatar-content">
|
|
9
9
|
<slot></slot>
|
|
10
|
-
${this.srcIsPopulated&&this._srcValid?
|
|
10
|
+
${this.srcIsPopulated&&this._srcValid?n`
|
|
11
11
|
<span class="gator-avatar-image"></span>
|
|
12
12
|
`:null}
|
|
13
13
|
</span>
|
|
14
14
|
</div>
|
|
15
|
-
`}get srcIsPopulated(){return this.src&&this.src.trim()!==""}async updated(t){if(t&&t.has("src")&&(this._srcValid=await this.isImageLoadable(this.src)),!!this._avatarRef.value&&(this.size&&(this._size=this.pixelSize,this._avatarRef.value.style.width=`${this._size}px`,this._avatarRef.value.style.height=`${this._size}px`,this._avatarRef.value.querySelector(".gator-avatar-content")?.setAttribute("style",`font-size: ${this._size/2.5}px`),this.applySizeToSlottedIcon()),this.src&&this._srcValid)){let e=this._avatarRef.value.querySelector(".gator-avatar-image");e&&(e.style.backgroundImage=`url(${this.src})`,e.style.width=`${this._size}px`,e.style.height=`${this._size}px`)}}isImageLoadable(t){return!t||t.trim()===""?Promise.resolve(!1):new Promise(e=>{const a=new Image,s=()=>{a.onload=null,a.onerror=null};a.onload=()=>{s(),e(!0)},a.onerror=()=>{s(),e(!1)},a.src=t})}applySizeToSlottedIcon(){const t=this._avatarRef.value?.querySelector("slot");t&&t.assignedElements().forEach(a=>{a.tagName.toLowerCase()==="ngc-icon"&&(a.size=this.size==="xxx-small"?"xx-small":this.size)})}get pixelSize(){const t=parseInt(this.size);if(!Number.isNaN(t))return t;switch(this.size){case"xxx-small":return 16;case"xx-small":return 24;case"x-small":return 32;case"small":return 40;case"medium":return 48;case"large":return 64;case"x-large":return 80;default:return 40}}};i.styles=[
|
|
15
|
+
`}get srcIsPopulated(){return this.src&&this.src.trim()!==""}async updated(t){if(t&&t.has("src")&&(this._srcValid=await this.isImageLoadable(this.src)),!!this._avatarRef.value&&(this.size&&(this._size=this.pixelSize,this._avatarRef.value.style.width=`${this._size}px`,this._avatarRef.value.style.height=`${this._size}px`,this._avatarRef.value.querySelector(".gator-avatar-content")?.setAttribute("style",`font-size: ${this._size/2.5}px`),this.applySizeToSlottedIcon()),this.src&&this._srcValid)){let e=this._avatarRef.value.querySelector(".gator-avatar-image");e&&(e.style.backgroundImage=`url(${this.src})`,e.style.width=`${this._size}px`,e.style.height=`${this._size}px`)}}isImageLoadable(t){return!t||t.trim()===""?Promise.resolve(!1):new Promise(e=>{const a=new Image,s=()=>{a.onload=null,a.onerror=null};a.onload=()=>{s(),e(!0)},a.onerror=()=>{s(),e(!1)},a.src=t})}applySizeToSlottedIcon(){const t=this._avatarRef.value?.querySelector("slot");t&&t.assignedElements().forEach(a=>{a.tagName.toLowerCase()==="ngc-icon"&&(a.size=this.size==="xxx-small"?"xx-small":this.size)})}get pixelSize(){const t=parseInt(this.size);if(!Number.isNaN(t))return t;switch(this.size){case"xxx-small":return 16;case"xx-small":return 24;case"x-small":return 32;case"small":return 40;case"medium":return 48;case"large":return 64;case"x-large":return 80;default:return 40}}};i.styles=[c(p),c(f),c(v)];h([m()],i.prototype,"_size",2);h([m()],i.prototype,"_srcValid",2);i=h([u("ngc-avatar")],i);export{i as NgcAvatar};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{NjcBadge as p}from"../badge.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as m}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import f from"../../../packages/web-components/src/components/badge/gator/badge.gator.scss.js";import c from"../../../packages/web-components/src/
|
|
1
|
+
import{NjcBadge as p}from"../badge.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as m}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import f from"../../../packages/web-components/src/components/badge/gator/badge.gator.scss.js";import c from"../../../packages/web-components/src/tokens/primitive-new.tokens.scss.js";import b from"../../../packages/web-components/src/tokens/semantic-new.tokens.scss.js";import{customElement as u}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as g}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{unsafeCSS as l}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var h=Object.defineProperty,y=Object.getOwnPropertyDescriptor,n=(e,t,o,a)=>{for(var r=a>1?void 0:a?y(t,o):t,d=e.length-1,i;d>=0;d--)(i=e[d])&&(r=(a?i(t,o,r):i(r))||r);return a&&r&&h(t,o,r),r};let s=class extends p{constructor(){super(...arguments),this.tile=!1,this.bordered=!1}get badgeClasses(){let e="gator-badge";return this.tile&&(e+=" gator-badge-tile"),this.bordered&&(e+=" gator-badge-bordered"),e}updated(){const e=this.shadowRoot?.querySelector(".gator-badge"),t=this.shadowRoot?.querySelector("slot")?.assignedNodes();if(t?.length===0){e?.classList.add("gator-badge_dot");return}if(t?.find(o=>o.nodeName==="NGC-ICON")){e?.classList.add("gator-badge_icon");return}e?.classList.add("gator-badge_text")}render(){return m`
|
|
2
2
|
<span id="${this.getElementId()}" class="${this.badgeClasses}">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</span>
|
|
5
|
-
`}};s.styles=[
|
|
5
|
+
`}};s.styles=[l(f),l(c),l(b)];n([g({type:Boolean})],s.prototype,"tile",2);n([g({type:Boolean})],s.prototype,"bordered",2);s=n([u("ngc-badge")],s);export{s as NgcBadge};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__exports as r}from"../../../../../../../../_virtual/
|
|
1
|
+
import{__exports as r}from"../../../../../../../../_virtual/external3.js";import{__require as i}from"./figma_client.js";var t;function a(){return t?r:(t=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.getComponents=void 0;var n=i();Object.defineProperty(e,"getComponents",{enumerable:!0,get:function(){return n.getComponents}})})(r),r)}export{a as __require};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__exports as u}from"../../../../../../../../_virtual/
|
|
1
|
+
import{__exports as u}from"../../../../../../../../_virtual/external2.js";import{__require as s}from"../../../../../../react@19.1.1/node_modules/react/index.js";import{__require as p}from"../connect/external_types.js";var f;function P(){return f?u:(f=1,(function(t){var o=u&&u.__createBinding||(Object.create?(function(e,n,r,a){a===void 0&&(a=r);var c=Object.getOwnPropertyDescriptor(n,r);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(e,a,c)}):(function(e,n,r,a){a===void 0&&(a=r),e[a]=n[r]})),l=u&&u.__setModuleDefault||(Object.create?(function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}):function(e,n){e.default=n}),_=u&&u.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r in e)r!=="default"&&Object.prototype.hasOwnProperty.call(e,r)&&o(n,e,r);return l(n,e),n};Object.defineProperty(t,"__esModule",{value:!0}),t.instance=t.textContent=t.className=t.nestedProps=t.string=t.enum=t.boolean=void 0,t.connect=d,t.children=y;const b=_(s()),i=p();Object.defineProperty(t,"boolean",{enumerable:!0,get:function(){return i.booleanType}}),Object.defineProperty(t,"enum",{enumerable:!0,get:function(){return i.enumType}}),Object.defineProperty(t,"string",{enumerable:!0,get:function(){return i.stringType}}),Object.defineProperty(t,"nestedProps",{enumerable:!0,get:function(){return i.nestedPropsType}}),Object.defineProperty(t,"className",{enumerable:!0,get:function(){return i.classNameType}}),Object.defineProperty(t,"textContent",{enumerable:!0,get:function(){return i.textContentType}}),Object.defineProperty(t,"instance",{enumerable:!0,get:function(){return i.instanceType}});function d(e,n,r){}function y(e){return b.createElement("div")}})(u),u)}export{P as __require};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const a='.gator-avatar{display:inline-flex;border-radius:50
|
|
1
|
+
const a='.gator-avatar{display:inline-flex;border-radius:var(--border-radius-circle, 50%);background-color:var(--ngc-avatar-background-color, var(--color-surface-brand-tertiary, #BDCDDC));justify-content:center;font-family:var(--font-family-body, "Open Sans"),sans-serif;font-weight:var(--font-weight-bold, 700);color:var(--ngc-avatar-color, var(--color-text-brand, #103656))}.gator-avatar-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gator-avatar-content slot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gator-avatar-image{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;overflow:hidden;border-radius:var(--border-radius-circle, 50%)}.gator-avatar-interactive:hover{cursor:pointer;box-shadow:var(--shadow-1-card)}.gator-avatar-interactive:focus-visible{outline:var(--ngc-avatar-focus-outline, 2px solid var(--color-border-neutral, #1F1F1F));outline-offset:0}.gator-avatar-interactive:active{outline:1px solid var(--color-border-secondary, #BFBFBF);box-shadow:none}';export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const
|
|
1
|
+
const r='.gator-badge{display:flex;align-items:flex-start;width:fit-content;border-radius:var(--ngc-badge-border-radius, var(--border-radius-circle, 9999px));background:var(--ngc-badge-background-color, var(--color-feedback-error-secondary, #AA330E));color:var(--ngc-badge-color, var(--color-text-inverse, #FFFFFF))}.gator-badge_dot{width:var(--ngc-badge-dot-size, .5625rem);height:var(--ngc-badge-dot-size, .5625rem)}.gator-badge_text{flex-direction:column;justify-content:center;align-items:center;font-style:normal;font-family:var(--font-family-body, "Open Sans"),sans-serif;font-weight:var(--ngc-badge-font-weight, var(--font-weight-regular, 400));font-size:var(--ngc-badge-font-size, var(--font-size-body-3, .8125rem));line-height:var(--ngc-badge-line-height, var(--line-height-body-3, 1.125rem));padding:var(--ngc-badge-padding-text, var(--spacing-1, .0625rem) var(--spacing-3, .5rem))}.gator-badge_icon{display:flex;justify-content:center;align-items:center;padding:var(--ngc-badge-padding-icon, var(--spacing-2, .25rem));border-radius:var(--ngc-badge-border-radius-icon, var(--border-radius-x-small, .125rem));--ngc-icon-color: var(--ngc-badge-icon-color, var(--color-icon-inverse, #FFFFFF))}.gator-badge-tile{border-radius:var(--border-radius-no-radius, 0)}.gator-badge-bordered{border:var(--ngc-badge-border, 1px solid var(--ngc-badge-border-color, var(--color-border-inverse, #FFFFFF)))}';export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const r=':host,:root{--border-radius-no-radius: 0rem;--border-radius-x-small: .125rem;--border-radius-small: .25rem;--border-radius-medium: .5rem;--border-radius-large: 1rem;--border-radius-x-large: 1.5rem;--border-radius-xx-large: 2rem;--border-radius-circle: 50%;--color-background-primary: var(--color-neutral-0);--color-background-secondary: var(--color-neutral-10);--color-background-inverse: var(--color-neutral-80);--color-border-primary: var(--color-neutral-50);--color-border-secondary: var(--color-neutral-40);--color-border-tertiary: var(--color-neutral-30);--color-border-read-only: var(--color-neutral-40);--color-border-disabled: var(--color-neutral-30);--color-border-focus: var(--color-neutral-70);--color-border-inverse: var(--color-neutral-30);--color-border-neutral: var(--color-neutral-70);--color-border-neutral-secondary: var(--color-neutral-80);--color-border-brand: var(--color-brand-30);--color-border-brand-secondary: var(--color-brand-40);--color-border-brand-tertiary: var(--color-brand-20);--color-border-success: var(--color-green-20);--color-border-success-secondary: var(--color-green-40);--color-border-warning: var(--color-orange-20);--color-border-warning-secondary: var(--color-orange-40);--color-border-error: var(--color-red-20);--color-border-error-secondary: var(--color-red-40);--color-border-purple: var(--color-purple-20);--color-border-purple-secondary: var(--color-purple-40);--color-border-blue: var(--color-blue-20);--color-border-blue-secondary: var(--color-blue-40);--color-border-aqua: var(--color-aqua-20);--color-border-aqua-secondary: var(--color-aqua-40);--color-border-gator-green: var(--color-gator-green-20);--color-border-gator-green-secondary: var(--color-gator-green-40);--color-border-yellow: var(--color-yellow-20);--color-border-yellow-secondary: var(--color-yellow-40);--color-data-viz-brand-10: var(--color-brand-10);--color-data-viz-brand-20: var(--color-brand-20);--color-data-viz-brand-30: var(--color-brand-30);--color-data-viz-brand-40: var(--color-brand-40);--color-data-viz-brand-50: var(--color-brand-50);--color-data-viz-success-10: var(--color-green-10);--color-data-viz-success-20: var(--color-green-20);--color-data-viz-success-30: var(--color-green-30);--color-data-viz-success-40: var(--color-green-40);--color-data-viz-success-50: var(--color-green-50);--color-data-viz-warning-10: var(--color-orange-10);--color-data-viz-warning-20: var(--color-orange-20);--color-data-viz-warning-30: var(--color-orange-30);--color-data-viz-warning-40: var(--color-orange-40);--color-data-viz-warning-50: var(--color-orange-50);--color-data-viz-error-10: var(--color-red-10);--color-data-viz-error-20: var(--color-red-20);--color-data-viz-error-30: var(--color-red-30);--color-data-viz-error-40: var(--color-red-40);--color-data-viz-error-50: var(--color-red-50);--color-data-viz-purple-10: var(--color-purple-10);--color-data-viz-purple-20: var(--color-purple-20);--color-data-viz-purple-30: var(--color-purple-30);--color-data-viz-purple-40: var(--color-purple-40);--color-data-viz-purple-50: var(--color-purple-50);--color-data-viz-blue-10: var(--color-blue-10);--color-data-viz-blue-20: var(--color-blue-20);--color-data-viz-blue-30: var(--color-blue-30);--color-data-viz-blue-40: var(--color-blue-40);--color-data-viz-blue-50: var(--color-blue-50);--color-data-viz-aqua-10: var(--color-aqua-10);--color-data-viz-aqua-20: var(--color-aqua-20);--color-data-viz-aqua-30: var(--color-aqua-30);--color-data-viz-aqua-40: var(--color-aqua-40);--color-data-viz-aqua-50: var(--color-aqua-50);--color-data-viz-gator-green-10: var(--color-gator-green-10);--color-data-viz-gator-green-20: var(--color-gator-green-20);--color-data-viz-gator-green-30: var(--color-gator-green-30);--color-data-viz-gator-green-40: var(--color-gator-green-40);--color-data-viz-gator-green-50: var(--color-gator-green-50);--color-data-viz-yellow-10: var(--color-yellow-10);--color-data-viz-yellow-20: var(--color-yellow-20);--color-data-viz-yellow-30: var(--color-yellow-30);--color-data-viz-yellow-40: var(--color-yellow-40);--color-data-viz-yellow-50: var(--color-yellow-50);--color-feedback-brand: var(--color-brand-30);--color-feedback-brand-secondary: var(--color-brand-40);--color-feedback-brand-tertiary: var(--color-brand-50);--color-feedback-neutral: var(--color-neutral-70);--color-feedback-neutral-secondary: var(--color-neutral-80);--color-feedback-neutral-tertiary: var(--color-neutral-80);--color-feedback-success: var(--color-green-30);--color-feedback-success-secondary: var(--color-green-40);--color-feedback-success-tertiary: var(--color-green-50);--color-feedback-warning: var(--color-orange-30);--color-feedback-warning-secondary: var(--color-orange-40);--color-feedback-warning-tertiary: var(--color-orange-50);--color-feedback-error: var(--color-red-30);--color-feedback-error-secondary: var(--color-red-40);--color-feedback-error-tertiary: var(--color-red-50);--color-icon-primary: var(--color-neutral-70);--color-icon-secondary: var(--color-neutral-50);--color-icon-tertiary: var(--color-neutral-40);--color-icon-disabled: var(--color-neutral-40);--color-icon-inverse: var(--color-neutral-0);--color-icon-brand: var(--color-brand-30);--color-icon-brand-secondary: var(--color-brand-20);--color-icon-brand-tertiary: var(--color-brand-0);--color-icon-success: var(--color-green-40);--color-icon-warning: var(--color-orange-40);--color-icon-error: var(--color-red-40);--color-icon-ai: var(--color-purple-50);--color-illustration-primary: var(--color-neutral-70);--color-illustration-brand: var(--color-brand-30);--color-overlay-primary: var(--color-neutral-80-alpha-10);--color-overlay-cropping: var(--color-neutral-80-alpha-60);--color-overlay-modal: var(--color-neutral-80-alpha-60);--color-surface-primary: var(--color-neutral-0);--color-surface-secondary: var(--color-neutral-10);--color-surface-tertiary: var(--color-neutral-20);--color-surface-neutral: var(--color-neutral-35);--color-surface-neutral-secondary: var(--color-neutral-40);--color-surface-neutral-tertiary: var(--color-neutral-45);--color-surface-inverse: var(--color-neutral-70);--color-surface-hover: var(--color-neutral-10);--color-surface-disabled: var(--color-neutral-30);--color-surface-loading: var(--color-neutral-35);--color-surface-brand: var(--color-brand-0);--color-surface-brand-secondary: var(--color-brand-10);--color-surface-brand-tertiary: var(--color-brand-20);--color-surface-success: var(--color-green-10);--color-surface-success-secondary: var(--color-green-20);--color-surface-warning: var(--color-orange-10);--color-surface-warning-secondary: var(--color-orange-20);--color-surface-error: var(--color-red-10);--color-surface-error-secondary: var(--color-red-20);--color-surface-purple: var(--color-purple-10);--color-surface-purple-secondary: var(--color-purple-20);--color-surface-blue: var(--color-blue-10);--color-surface-blue-secondary: var(--color-blue-20);--color-surface-aqua: var(--color-aqua-10);--color-surface-aqua-secondary: var(--color-aqua-20);--color-surface-gator-green: var(--color-gator-green-10);--color-surface-gator-green-secondary: var(--color-gator-green-20);--color-surface-yellow: var(--color-yellow-10);--color-surface-yellow-secondary: var(--color-yellow-20);--color-surface-alpha-neutral-strong: var(--color-neutral-40-alpha-70);--color-surface-alpha-neutral-medium: var(--color-neutral-40-alpha-30);--color-surface-alpha-brand-strong: var(--color-brand-30-alpha-70);--color-surface-alpha-brand-medium: var(--color-brand-30-alpha-50);--color-surface-alpha-brand-subtle: var(--color-brand-30-alpha-30);--color-underline-primary: var(--color-neutral-40);--color-underline-secondary: var(--color-neutral-70);--color-underline-tertiary: var(--color-neutral-80);--color-underline-brand: var(--color-brand-30);--color-underline-brand-secondary: var(--color-brand-40);--color-underline-brand-tertiary: var(--color-brand-50);--color-text-primary: var(--color-neutral-70);--color-text-secondary: var(--color-neutral-50);--color-text-placeholder: var(--color-neutral-45);--color-text-inverse: var(--color-neutral-0);--color-text-loading: var(--color-neutral-40);--color-text-disabled: var(--color-neutral-40);--color-text-brand: var(--color-brand-30);--color-text-success: var(--color-green-40);--color-text-warning: var(--color-orange-40);--color-text-error: var(--color-red-40);--color-text-ai: var(--color-purple-40);--font-family-headings: "Lexend Deca", system-ui, -apple-system, sans-serif;--font-family-body: "Open Sans", system-ui, -apple-system, sans-serif;--font-size-body-1: 1.0625rem;--font-size-body-2: .9375rem;--font-size-body-3: .8125rem;--font-size-display-1: 4.5rem;--font-size-display-2: 4rem;--font-size-heading-1: 2.5rem;--font-size-heading-2: 2rem;--font-size-heading-3: 1.625rem;--font-size-heading-4: 1.375rem;--font-size-heading-5: 1.25rem;--font-size-heading-6: 1.125rem;--font-size-subtitle-1: 1.0625rem;--font-size-subtitle-2: .9375rem;--font-size-subtitle-3: .8125rem;--font-size-sm-display-1: 3rem;--font-size-sm-display-2: 2.25rem;--font-size-sm-heading-1: 1.75rem;--font-size-sm-heading-2: 1.5rem;--font-size-sm-heading-3: 1.375rem;--font-size-sm-heading-4: 1.25rem;--font-size-sm-heading-5: 1.125rem;--font-size-sm-heading-6: 1.0625rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--letter-spacing-default: 0;--letter-spacing-narrow: -1px;--line-height-body-1: 1.5rem;--line-height-body-2: 1.375rem;--line-height-body-3: 1.125rem;--line-height-display-1: 5.625rem;--line-height-display-2: 4.875rem;--line-height-heading-1: 3.125rem;--line-height-heading-2: 2.625rem;--line-height-heading-3: 2.25rem;--line-height-heading-4: 2rem;--line-height-heading-5: 1.875rem;--line-height-heading-6: 1.875rem;--line-height-subtitle-1: 1.5rem;--line-height-subtitle-2: 1.375rem;--line-height-sm-display-1: 3.5rem;--line-height-sm-display-2: 3rem;--line-height-sm-heading-1: 2.25rem;--line-height-sm-heading-2: 2rem;--line-height-sm-heading-3: 2rem;--line-height-sm-heading-4: 1.875rem;--line-height-sm-heading-5: 1.875rem;--line-height-sm-heading-6: 1.875rem;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-3: .5rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-7: 2rem;--shadow-1-card: 0 1px 1.5px 0px var(--color-neutral-70-alpha-4), 0 2px 5px 0px var(--color-neutral-70-alpha-5), 0 3px 9px 6px var(--color-neutral-70-alpha-8);--shadow-2-card-raised: 0 5px 10px 0px var(--color-neutral-70-alpha-5), 0 7px 14px 0px var(--color-neutral-70-alpha-8), 0 3px 6px 0px var(--color-neutral-70-alpha-4);--shadow-3-dropdown: 0 7px 12px 0px var(--color-neutral-70-alpha-5), 0 8px 16px 0px var(--color-neutral-70-alpha-8), 0 9px 18px 0px var(--color-neutral-70-alpha-10);--shadow-4-modal: 0 9px 15px 0px var(--color-neutral-70-alpha-5), 0 10px 20px 0px var(--color-neutral-70-alpha-8), 0 9px 20px 0px var(--color-neutral-70-alpha-10);--shadow-popover: 0 -1px 1.5px 0px var(--color-neutral-70-alpha-4), 0 2px 5px 0px var(--color-neutral-70-alpha-5), 0 3px 9px 6px var(--color-neutral-70-alpha-8);--shadow-panel-right: -4px 0 10px 0px var(--color-neutral-70-alpha-5), -4px 0 14px 0px var(--color-neutral-70-alpha-8), -4px 0 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-left: 4px 0 10px 0px var(--color-neutral-70-alpha-5), 4px 0 14px 0px var(--color-neutral-70-alpha-8), 4px 0 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-bottom: 0 -4px 10px 0px var(--color-neutral-70-alpha-5), 0 -4px 14px 0px var(--color-neutral-70-alpha-8), 0 -4px 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-top: 0 4px 10px 0px var(--color-neutral-70-alpha-5), 0 4px 14px 0px var(--color-neutral-70-alpha-8), 0 4px 6px 0px var(--color-neutral-70-alpha-4);--blur-sm: 4px;--blur-md: 8px;--blur-lg: 12px}';export{r as default};
|
|
1
|
+
const r=':host,:root{--border-radius-no-radius: 0rem;--border-radius-x-small: .125rem;--border-radius-small: .25rem;--border-radius-medium: .5rem;--border-radius-large: 1rem;--border-radius-x-large: 1.5rem;--border-radius-xx-large: 2rem;--border-radius-circle: 9999px;--color-background-primary: var(--color-neutral-0);--color-background-secondary: var(--color-neutral-10);--color-background-inverse: var(--color-neutral-80);--color-border-primary: var(--color-neutral-50);--color-border-secondary: var(--color-neutral-40);--color-border-tertiary: var(--color-neutral-30);--color-border-read-only: var(--color-neutral-40);--color-border-disabled: var(--color-neutral-30);--color-border-focus: var(--color-neutral-70);--color-border-inverse: var(--color-neutral-0);--color-border-neutral: var(--color-neutral-70);--color-border-neutral-secondary: var(--color-neutral-80);--color-border-brand: var(--color-brand-30);--color-border-brand-secondary: var(--color-brand-40);--color-border-brand-tertiary: var(--color-brand-20);--color-border-success: var(--color-green-20);--color-border-success-secondary: var(--color-green-40);--color-border-warning: var(--color-orange-20);--color-border-warning-secondary: var(--color-orange-40);--color-border-error: var(--color-red-20);--color-border-error-secondary: var(--color-red-40);--color-border-purple: var(--color-purple-20);--color-border-purple-secondary: var(--color-purple-40);--color-border-blue: var(--color-blue-20);--color-border-blue-secondary: var(--color-blue-40);--color-border-aqua: var(--color-aqua-20);--color-border-aqua-secondary: var(--color-aqua-40);--color-border-gator-green: var(--color-gator-green-20);--color-border-gator-green-secondary: var(--color-gator-green-40);--color-border-yellow: var(--color-yellow-20);--color-border-yellow-secondary: var(--color-yellow-40);--color-data-viz-brand-10: var(--color-brand-10);--color-data-viz-brand-20: var(--color-brand-20);--color-data-viz-brand-30: var(--color-brand-30);--color-data-viz-brand-40: var(--color-brand-40);--color-data-viz-brand-50: var(--color-brand-50);--color-data-viz-success-10: var(--color-green-10);--color-data-viz-success-20: var(--color-green-20);--color-data-viz-success-30: var(--color-green-30);--color-data-viz-success-40: var(--color-green-40);--color-data-viz-success-50: var(--color-green-50);--color-data-viz-warning-10: var(--color-orange-10);--color-data-viz-warning-20: var(--color-orange-20);--color-data-viz-warning-30: var(--color-orange-30);--color-data-viz-warning-40: var(--color-orange-40);--color-data-viz-warning-50: var(--color-orange-50);--color-data-viz-error-10: var(--color-red-10);--color-data-viz-error-20: var(--color-red-20);--color-data-viz-error-30: var(--color-red-30);--color-data-viz-error-40: var(--color-red-40);--color-data-viz-error-50: var(--color-red-50);--color-data-viz-purple-10: var(--color-purple-10);--color-data-viz-purple-20: var(--color-purple-20);--color-data-viz-purple-30: var(--color-purple-30);--color-data-viz-purple-40: var(--color-purple-40);--color-data-viz-purple-50: var(--color-purple-50);--color-data-viz-blue-10: var(--color-blue-10);--color-data-viz-blue-20: var(--color-blue-20);--color-data-viz-blue-30: var(--color-blue-30);--color-data-viz-blue-40: var(--color-blue-40);--color-data-viz-blue-50: var(--color-blue-50);--color-data-viz-aqua-10: var(--color-aqua-10);--color-data-viz-aqua-20: var(--color-aqua-20);--color-data-viz-aqua-30: var(--color-aqua-30);--color-data-viz-aqua-40: var(--color-aqua-40);--color-data-viz-aqua-50: var(--color-aqua-50);--color-data-viz-gator-green-10: var(--color-gator-green-10);--color-data-viz-gator-green-20: var(--color-gator-green-20);--color-data-viz-gator-green-30: var(--color-gator-green-30);--color-data-viz-gator-green-40: var(--color-gator-green-40);--color-data-viz-gator-green-50: var(--color-gator-green-50);--color-data-viz-yellow-10: var(--color-yellow-10);--color-data-viz-yellow-20: var(--color-yellow-20);--color-data-viz-yellow-30: var(--color-yellow-30);--color-data-viz-yellow-40: var(--color-yellow-40);--color-data-viz-yellow-50: var(--color-yellow-50);--color-feedback-brand: var(--color-brand-30);--color-feedback-brand-secondary: var(--color-brand-40);--color-feedback-brand-tertiary: var(--color-brand-50);--color-feedback-neutral: var(--color-neutral-70);--color-feedback-neutral-secondary: var(--color-neutral-80);--color-feedback-neutral-tertiary: var(--color-neutral-80);--color-feedback-success: var(--color-green-30);--color-feedback-success-secondary: var(--color-green-40);--color-feedback-success-tertiary: var(--color-green-50);--color-feedback-warning: var(--color-orange-30);--color-feedback-warning-secondary: var(--color-orange-40);--color-feedback-warning-tertiary: var(--color-orange-50);--color-feedback-error: var(--color-red-30);--color-feedback-error-secondary: var(--color-red-40);--color-feedback-error-tertiary: var(--color-red-50);--color-icon-primary: var(--color-neutral-70);--color-icon-secondary: var(--color-neutral-50);--color-icon-tertiary: var(--color-neutral-40);--color-icon-disabled: var(--color-neutral-40);--color-icon-inverse: var(--color-neutral-0);--color-icon-brand: var(--color-brand-30);--color-icon-brand-secondary: var(--color-brand-20);--color-icon-brand-tertiary: var(--color-brand-0);--color-icon-success: var(--color-green-40);--color-icon-warning: var(--color-orange-40);--color-icon-error: var(--color-red-40);--color-icon-ai: var(--color-purple-50);--color-illustration-primary: var(--color-neutral-70);--color-illustration-brand: var(--color-brand-30);--color-overlay-primary: var(--color-neutral-80-alpha-10);--color-overlay-cropping: var(--color-neutral-80-alpha-60);--color-overlay-modal: var(--color-neutral-80-alpha-60);--color-surface-primary: var(--color-neutral-0);--color-surface-secondary: var(--color-neutral-10);--color-surface-tertiary: var(--color-neutral-20);--color-surface-neutral: var(--color-neutral-35);--color-surface-neutral-secondary: var(--color-neutral-40);--color-surface-neutral-tertiary: var(--color-neutral-45);--color-surface-inverse: var(--color-neutral-70);--color-surface-hover: var(--color-neutral-10);--color-surface-disabled: var(--color-neutral-30);--color-surface-loading: var(--color-neutral-35);--color-surface-brand: var(--color-brand-0);--color-surface-brand-secondary: var(--color-brand-10);--color-surface-brand-tertiary: var(--color-brand-20);--color-surface-success: var(--color-green-10);--color-surface-success-secondary: var(--color-green-20);--color-surface-warning: var(--color-orange-10);--color-surface-warning-secondary: var(--color-orange-20);--color-surface-error: var(--color-red-10);--color-surface-error-secondary: var(--color-red-20);--color-surface-purple: var(--color-purple-10);--color-surface-purple-secondary: var(--color-purple-20);--color-surface-blue: var(--color-blue-10);--color-surface-blue-secondary: var(--color-blue-20);--color-surface-aqua: var(--color-aqua-10);--color-surface-aqua-secondary: var(--color-aqua-20);--color-surface-gator-green: var(--color-gator-green-10);--color-surface-gator-green-secondary: var(--color-gator-green-20);--color-surface-yellow: var(--color-yellow-10);--color-surface-yellow-secondary: var(--color-yellow-20);--color-surface-alpha-neutral-strong: var(--color-neutral-40-alpha-70);--color-surface-alpha-neutral-medium: var(--color-neutral-40-alpha-30);--color-surface-alpha-brand-strong: var(--color-brand-30-alpha-70);--color-surface-alpha-brand-medium: var(--color-brand-30-alpha-50);--color-surface-alpha-brand-subtle: var(--color-brand-30-alpha-30);--color-underline-primary: var(--color-neutral-40);--color-underline-secondary: var(--color-neutral-70);--color-underline-tertiary: var(--color-neutral-80);--color-underline-brand: var(--color-brand-30);--color-underline-brand-secondary: var(--color-brand-40);--color-underline-brand-tertiary: var(--color-brand-50);--color-text-primary: var(--color-neutral-70);--color-text-secondary: var(--color-neutral-50);--color-text-placeholder: var(--color-neutral-45);--color-text-inverse: var(--color-neutral-0);--color-text-loading: var(--color-neutral-40);--color-text-disabled: var(--color-neutral-40);--color-text-brand: var(--color-brand-30);--color-text-success: var(--color-green-40);--color-text-warning: var(--color-orange-40);--color-text-error: var(--color-red-40);--color-text-ai: var(--color-purple-40);--font-family-headings: "Lexend Deca", system-ui, -apple-system, sans-serif;--font-family-body: "Open Sans", system-ui, -apple-system, sans-serif;--font-size-body-1: 1.0625rem;--font-size-body-2: .9375rem;--font-size-body-3: .8125rem;--font-size-display-1: 4.5rem;--font-size-display-2: 4rem;--font-size-heading-1: 2.5rem;--font-size-heading-2: 2rem;--font-size-heading-3: 1.625rem;--font-size-heading-4: 1.375rem;--font-size-heading-5: 1.25rem;--font-size-heading-6: 1.125rem;--font-size-subtitle-1: 1.0625rem;--font-size-subtitle-2: .9375rem;--font-size-subtitle-3: .8125rem;--font-size-sm-display-1: 3rem;--font-size-sm-display-2: 2.25rem;--font-size-sm-heading-1: 1.75rem;--font-size-sm-heading-2: 1.5rem;--font-size-sm-heading-3: 1.375rem;--font-size-sm-heading-4: 1.25rem;--font-size-sm-heading-5: 1.125rem;--font-size-sm-heading-6: 1.0625rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--letter-spacing-default: 0;--letter-spacing-narrow: -1px;--line-height-body-1: 1.5rem;--line-height-body-2: 1.375rem;--line-height-body-3: 1.125rem;--line-height-display-1: 5.625rem;--line-height-display-2: 4.875rem;--line-height-heading-1: 3.125rem;--line-height-heading-2: 2.625rem;--line-height-heading-3: 2.25rem;--line-height-heading-4: 2rem;--line-height-heading-5: 1.875rem;--line-height-heading-6: 1.875rem;--line-height-subtitle-1: 1.5rem;--line-height-subtitle-2: 1.375rem;--line-height-sm-display-1: 3.5rem;--line-height-sm-display-2: 3rem;--line-height-sm-heading-1: 2.25rem;--line-height-sm-heading-2: 2rem;--line-height-sm-heading-3: 2rem;--line-height-sm-heading-4: 1.875rem;--line-height-sm-heading-5: 1.875rem;--line-height-sm-heading-6: 1.875rem;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-3: .5rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-7: 2rem;--shadow-1-card: 0 1px 1.5px 0px var(--color-neutral-70-alpha-4), 0 2px 5px 0px var(--color-neutral-70-alpha-5), 0 3px 9px 6px var(--color-neutral-70-alpha-8);--shadow-2-card-raised: 0 5px 10px 0px var(--color-neutral-70-alpha-5), 0 7px 14px 0px var(--color-neutral-70-alpha-8), 0 3px 6px 0px var(--color-neutral-70-alpha-4);--shadow-3-dropdown: 0 7px 12px 0px var(--color-neutral-70-alpha-5), 0 8px 16px 0px var(--color-neutral-70-alpha-8), 0 9px 18px 0px var(--color-neutral-70-alpha-10);--shadow-4-modal: 0 9px 15px 0px var(--color-neutral-70-alpha-5), 0 10px 20px 0px var(--color-neutral-70-alpha-8), 0 9px 20px 0px var(--color-neutral-70-alpha-10);--shadow-popover: 0 -1px 1.5px 0px var(--color-neutral-70-alpha-4), 0 2px 5px 0px var(--color-neutral-70-alpha-5), 0 3px 9px 6px var(--color-neutral-70-alpha-8);--shadow-panel-right: -4px 0 10px 0px var(--color-neutral-70-alpha-5), -4px 0 14px 0px var(--color-neutral-70-alpha-8), -4px 0 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-left: 4px 0 10px 0px var(--color-neutral-70-alpha-5), 4px 0 14px 0px var(--color-neutral-70-alpha-8), 4px 0 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-bottom: 0 -4px 10px 0px var(--color-neutral-70-alpha-5), 0 -4px 14px 0px var(--color-neutral-70-alpha-8), 0 -4px 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-top: 0 4px 10px 0px var(--color-neutral-70-alpha-5), 0 4px 14px 0px var(--color-neutral-70-alpha-8), 0 4px 6px 0px var(--color-neutral-70-alpha-4);--blur-sm: 4px;--blur-md: 8px;--blur-lg: 12px}';export{r as default};
|
package/package.json
CHANGED
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": "8.0.0-preview.
|
|
4
|
+
"version": "8.0.0-preview.21",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a=":host{--ngc-avatar-background-color: var(--color-surface-brand-secondary, #F0F0F0);--ngc-avatar-color: var(--color-text-brand, #11395B)}";export{a as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=":host,:root{--ngc-badge-background-color: var(--color-surface-badge);--ngc-badge-color: var(--color-text-inverse);--ngc-badge-border-color: var(--color-text-inverse);--ngc-badge-border-radius: .625rem;--ngc-badge-border-radius-icon: 1rem;--ngc-badge-padding-text: .0625rem .375rem;--ngc-badge-padding-icon: .25rem;--ngc-badge-dot-size: .5625rem;--ngc-badge-border: 1px solid var(--ngc-badge-border-color);--ngc-badge-font-size: .8125rem;--ngc-badge-font-weight: 400;--ngc-badge-line-height: 1.125rem}";export{e as default};
|