@ncino/web-components 8.0.0-preview.6 → 8.0.0-preview.8
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/_virtual/index2.js +1 -1
- package/dist/_virtual/index3.js +1 -1
- package/dist/components/button-card/gator/button-card.gator.js +7 -7
- package/dist/components/card/gator/base/card.gator.js +2 -2
- package/dist/components/card/gator/header/card-header.gator.js +2 -2
- package/dist/components/display-card/gator/display-card.gator.js +49 -26
- package/dist/components/headline-card/gator/headline-card.gator.js +3 -3
- package/dist/components/input-rich-text/input-rich-text.slds.js +1 -1
- package/dist/components/tabs/gator/tabset/tabset.gator.js +3 -3
- package/dist/components/text-detail/gator/text-detail.gator.js +17 -11
- package/dist/node_modules/.pnpm/react@19.1.1/node_modules/react/index.js +1 -1
- package/dist/node_modules/.pnpm/unified@11.0.5/node_modules/unified/lib/index.js +1 -1
- package/dist/packages/web-components/src/components/button-card/gator/button-card.gator.scss.js +1 -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/content/card-content.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/card/gator/header/card-header.gator.scss.js +1 -1
- package/dist/packages/web-components/src/components/display-card/gator/display-card.gator.scss.js +1 -1
- package/dist/packages/web-components/src/components/headline-card/gator/headline-card.gator.scss.js +1 -1
- package/dist/packages/web-components/src/tokens/semantic-new.tokens.scss.js +1 -1
- package/dist/types/components/button-card/gator/button-card.gator.d.ts +3 -0
- package/dist/types/components/display-card/gator/display-card.gator.d.ts +9 -5
- package/dist/types/components/headline-card/gator/headline-card.gator.d.ts +6 -3
- package/dist/types/components/tabs/gator/tabset/tabset.gator.d.ts +2 -1
- package/package.json +1 -1
- package/web-types.json +6 -8
- package/dist/packages/web-components/src/components/button-card/button-card.tokens.scss.js +0 -1
- package/dist/packages/web-components/src/components/card/card.tokens.scss.js +0 -1
- package/dist/packages/web-components/src/components/card/gator/header/card-header.gator.tokens.scss.js +0 -1
- package/dist/packages/web-components/src/components/headline-card/gator/headline-card.gator.tokens.scss.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as d}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 p}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as n}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import"../tab/tab.gator.js";import{KEY_CONSTANTS as o}from"../../../../consts/key-constants.js";import{createRef as u,ref as v}from"../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/ref.js";import{TestableLitElement as
|
|
1
|
+
import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{nothing as f,html as d}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 p}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as n}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import"../tab/tab.gator.js";import{KEY_CONSTANTS as o}from"../../../../consts/key-constants.js";import{createRef as u,ref as v}from"../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/ref.js";import{TestableLitElement as m}from"../../../../utils/components/testable-lit-element/testable-lit-element.js";import T from"../../../../packages/web-components/src/components/tabs/gator/tabs.gator.scss.js";import g from"../../../../packages/web-components/src/components/tabs/gator/tabs.gator.tokens.scss.js";import $ from"../../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import y from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import{ifDefined as I}from"../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";import{unsafeCSS as l}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var A=Object.defineProperty,x=Object.getOwnPropertyDescriptor,r=(t,e,i,b)=>{for(var a=b>1?void 0:b?x(e,i):e,h=t.length-1,c;h>=0;h--)(c=t[h])&&(a=(b?c(e,i,a):c(a))||a);return b&&a&&A(e,i,a),a};let s=class extends m{constructor(){super(...arguments),this.tabsetAriaLabelledByElements=[],this.tabsetAriaLabel=void 0,this.size="medium",this.activeTabIndex=0,this._contentRef=u(),this._tablistRef=u()}updated(t){super.updated(t),t.has("tabsetAriaLabelledByElements")&&this._tablistRef.value&&(this._tablistRef.value.ariaLabelledByElements=this.tabsetAriaLabelledByElements)}render(){if(!this.tabs){const t=Array.from(this.querySelectorAll("ngc-tab"));if(t.length===0)return f;this.tabs=t}return d`
|
|
2
2
|
<div class="gator-tabset">
|
|
3
|
-
<div ${v(this._tablistRef)} role="tablist" class="gator-tabset-header" aria-label=${
|
|
3
|
+
<div ${v(this._tablistRef)} role="tablist" class="gator-tabset-header" aria-label=${I(this.tabsetAriaLabel)}>
|
|
4
4
|
${this.tabs.map((t,e)=>d`
|
|
5
5
|
<div class="${this.tabSpacerClass} gator-tab"
|
|
6
6
|
id="gator-tab-${e+1}"
|
|
@@ -34,4 +34,4 @@ import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@
|
|
|
34
34
|
${this.tabs[this.activeTabIndex]}
|
|
35
35
|
</div>
|
|
36
36
|
</div>
|
|
37
|
-
`}get tabSizeClass(){return this.size?`gator-tab-button-${this.size}`:""}get tabContainerSizeClass(){return this.size?`gator-tab-container-${this.size}`:""}get tabSpacerClass(){return this.size!="large"?"":"gator-tabset-spacer"}getButtonTabIndex(t){return t===this.activeTabIndex?"0":"-1"}handleTabKeydown(t){if(!this.tabs)return;let e=this.shadowRoot?.querySelectorAll(".gator-tabset-header [role=tab]");if(t.key===o.RIGHT){if(this.activeTabIndex===this.tabs.length-1){this.focusFirstTab(),t.preventDefault();return}this.setActiveTab(this.activeTabIndex+1),e[this.activeTabIndex].focus()}else if(t.key===o.LEFT){if(this.activeTabIndex===0){this.focusLastTab(),t.preventDefault();return}this.setActiveTab(this.activeTabIndex-1),e[this.activeTabIndex].focus(),t.preventDefault()}else t.key===o.HOME?(this.focusFirstTab(),t.preventDefault()):t.key===o.END&&(this.focusLastTab(),t.preventDefault())}focusFirstTab(){let t=this.shadowRoot?.querySelectorAll(".gator-tabset-header [role=tab]");this.setActiveTab(0),t[this.activeTabIndex].focus()}focusLastTab(){if(!this.tabs)return;let t=this.shadowRoot?.querySelectorAll(".gator-tabset-header [role=tab]");this.setActiveTab(this.tabs.length-1),t[this.activeTabIndex].focus()}setActiveTab(t){this.activeTabIndex!==t&&(this.activeTabIndex=t,this.dispatchEvent(new CustomEvent("select",{detail:{index:t,tab:this.tabs?this.tabs[t]:null},bubbles:!0,composed:!0})))}};s.styles=[l(
|
|
37
|
+
`}get tabSizeClass(){return this.size?`gator-tab-button-${this.size}`:""}get tabContainerSizeClass(){return this.size?`gator-tab-container-${this.size}`:""}get tabSpacerClass(){return this.size!="large"?"":"gator-tabset-spacer"}getButtonTabIndex(t){return t===this.activeTabIndex?"0":"-1"}handleTabKeydown(t){if(!this.tabs)return;let e=this.shadowRoot?.querySelectorAll(".gator-tabset-header [role=tab]");if(t.key===o.RIGHT){if(this.activeTabIndex===this.tabs.length-1){this.focusFirstTab(),t.preventDefault();return}this.setActiveTab(this.activeTabIndex+1),e[this.activeTabIndex].focus()}else if(t.key===o.LEFT){if(this.activeTabIndex===0){this.focusLastTab(),t.preventDefault();return}this.setActiveTab(this.activeTabIndex-1),e[this.activeTabIndex].focus(),t.preventDefault()}else t.key===o.HOME?(this.focusFirstTab(),t.preventDefault()):t.key===o.END&&(this.focusLastTab(),t.preventDefault())}focusFirstTab(){let t=this.shadowRoot?.querySelectorAll(".gator-tabset-header [role=tab]");this.setActiveTab(0),t[this.activeTabIndex].focus()}focusLastTab(){if(!this.tabs)return;let t=this.shadowRoot?.querySelectorAll(".gator-tabset-header [role=tab]");this.setActiveTab(this.tabs.length-1),t[this.activeTabIndex].focus()}setActiveTab(t){this.activeTabIndex!==t&&(this.activeTabIndex=t,this.dispatchEvent(new CustomEvent("select",{detail:{index:t,tab:this.tabs?this.tabs[t]:null},bubbles:!0,composed:!0})))}};s.styles=[l(T),l(g),l($),l(y)];r([n({type:String,attribute:"tabset-aria-labelled-by-elements"})],s.prototype,"tabsetAriaLabelledByElements",2);r([n({type:String,attribute:"tabset-aria-label"})],s.prototype,"tabsetAriaLabel",2);r([n({type:String})],s.prototype,"size",2);r([n({type:Number,attribute:"active-tab-index"})],s.prototype,"activeTabIndex",2);s=r([p("ngc-tabset")],s);export{s as NgcTabset};
|
|
@@ -1,15 +1,21 @@
|
|
|
1
|
-
import{NjcTextDetail as
|
|
1
|
+
import{NjcTextDetail as u}from"../text-detail.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"../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as t,nothing as a}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 h from"../../../packages/web-components/src/components/text-detail/gator/text-detail.gator.scss.js";import g from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import p from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{customElement as x}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{ifDefined as m}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";import{unsafeCSS as r}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var v=Object.getOwnPropertyDescriptor,k=(e,s,d,l)=>{for(var i=l>1?void 0:l?v(s,d):s,o=e.length-1,c;o>=0;o--)(c=e[o])&&(i=c(i)||i);return i};let n=class extends u{updated(e){super.updated(e),e.has("skeleton")&&this.assignSlottedElementsSkeletonState()}render(){return t`
|
|
2
2
|
<div class="gator-text-detail ${this.verticalClass} ${this.skeleton?" gator-text-detail-loading":""}">
|
|
3
3
|
${this.textDetailMarkup}
|
|
4
4
|
</div>
|
|
5
|
-
`}get textDetailMarkup(){return
|
|
6
|
-
|
|
5
|
+
`}get textDetailMarkup(){return t`
|
|
6
|
+
${this.skeleton?a:t`<slot name="prepend"></slot>`}
|
|
7
7
|
|
|
8
8
|
<div class="gator-text-detail-content gator-text-detail_${this.size} ${this.invertTitleClass}">
|
|
9
|
-
<div
|
|
10
|
-
|
|
9
|
+
<div
|
|
10
|
+
class="gator-text-detail-title gator-text-detail-title_${this.size}"
|
|
11
|
+
data-testid=${m(this.dataTestid)}-title
|
|
11
12
|
>
|
|
12
|
-
${this.skeleton?
|
|
13
|
+
${this.skeleton?t`
|
|
14
|
+
<ngc-skeleton-loader
|
|
15
|
+
full-width
|
|
16
|
+
height="24"
|
|
17
|
+
radius="100"
|
|
18
|
+
></ngc-skeleton-loader>`:t`
|
|
13
19
|
<slot name="content">
|
|
14
20
|
${this.title}
|
|
15
21
|
</slot>
|
|
@@ -18,14 +24,14 @@ import{NjcTextDetail as m}from"../text-detail.js";import"../../chip/gator/chip.g
|
|
|
18
24
|
${this.textDetailSubtitleMarkup}
|
|
19
25
|
</div>
|
|
20
26
|
|
|
21
|
-
|
|
22
|
-
`}get verticalClass(){return this.vertical?"gator-text-detail_vertical":""}get invertTitleClass(){return this.invertTitle?"gator-text-detail-content_invert-title":""}get textDetailSubtitleIconMarkup(){return this.subtitleIcon?
|
|
27
|
+
${this.skeleton?a:t`<slot name="append"></slot>`}
|
|
28
|
+
`}get verticalClass(){return this.vertical?"gator-text-detail_vertical":""}get invertTitleClass(){return this.invertTitle?"gator-text-detail-content_invert-title":""}get textDetailSubtitleIconMarkup(){return this.subtitleIcon?t`<ngc-icon class="gator-text-detail-subtitle-icon" name="${this.subtitleIcon}"></ngc-icon>`:null}get textDetailSubtitleMarkup(){return this.subtitle?t`
|
|
23
29
|
<div class="gator-text-detail-subtitle gator-text-detail-subtitle_${this.size}"
|
|
24
|
-
data-testid=${
|
|
30
|
+
data-testid=${m(this.dataTestid)}-subtitle
|
|
25
31
|
>
|
|
26
|
-
${this.skeleton?
|
|
32
|
+
${this.skeleton?t`<ngc-skeleton-loader width="62" height="18" radius="100"></ngc-skeleton-loader>`:t`
|
|
27
33
|
${this.subtitle}
|
|
28
34
|
${this.textDetailSubtitleIconMarkup}
|
|
29
35
|
`}
|
|
30
36
|
</div>
|
|
31
|
-
`:
|
|
37
|
+
`:a}assignSlottedElementsSkeletonState(){const e=this.shadowRoot?.querySelectorAll("slot");e&&e.forEach(s=>{s.assignedElements().forEach(i=>{i.tagName.toLowerCase().includes("ngc-")&&(i.skeleton=this.skeleton)})})}};n.styles=[r(h),r(g),r(p)];n=k([x("ngc-text-detail")],n);export{n as NgcTextDetail};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__module as r}from"../../../../../_virtual/
|
|
1
|
+
import{__module as r}from"../../../../../_virtual/index2.js";import{__require as t}from"./cjs/react.production.js";var e;function u(){return e?r.exports:(e=1,r.exports=t(),r.exports)}export{u as __require};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{bail as P}from"../../../../bail@2.0.2/node_modules/bail/index.js";import y from"../../../../../../_virtual/
|
|
1
|
+
import{bail as P}from"../../../../bail@2.0.2/node_modules/bail/index.js";import y from"../../../../../../_virtual/index3.js";import z from"../../../../is-plain-obj@4.1.0/node_modules/is-plain-obj/index.js";import{CallableInstance as C}from"./callable-instance.js";import{trough as A}from"../../../../trough@2.2.0/node_modules/trough/lib/index.js";import{VFile as S}from"../../../../vfile@6.0.3/node_modules/vfile/lib/index.js";const F={}.hasOwnProperty;class x extends C{constructor(){super("copy"),this.Compiler=void 0,this.Parser=void 0,this.attachers=[],this.compiler=void 0,this.freezeIndex=-1,this.frozen=void 0,this.namespace={},this.parser=void 0,this.transformers=A()}copy(){const e=new x;let n=-1;for(;++n<this.attachers.length;){const t=this.attachers[n];e.use(...t)}return e.data(y(!0,{},this.namespace)),e}data(e,n){return typeof e=="string"?arguments.length===2?(b("data",this.frozen),this.namespace[e]=n,this):F.call(this.namespace,e)&&this.namespace[e]||void 0:e?(b("data",this.frozen),this.namespace=e,this):this.namespace}freeze(){if(this.frozen)return this;const e=this;for(;++this.freezeIndex<this.attachers.length;){const[n,...t]=this.attachers[this.freezeIndex];if(t[0]===!1)continue;t[0]===!0&&(t[0]=void 0);const i=n.call(e,...t);typeof i=="function"&&this.transformers.use(i)}return this.frozen=!0,this.freezeIndex=Number.POSITIVE_INFINITY,this}parse(e){this.freeze();const n=m(e),t=this.parser||this.Parser;return w("parse",t),t(String(n),n)}process(e,n){const t=this;return this.freeze(),w("process",this.parser||this.Parser),g("process",this.compiler||this.Compiler),n?i(void 0,n):new Promise(i);function i(a,h){const p=m(e),l=t.parse(p);t.run(l,p,function(o,c,f){if(o||!c||!f)return s(o);const u=c,d=t.stringify(u,f);D(d)?f.value=d:f.result=d,s(o,f)});function s(o,c){o||!c?h(o):a?a(c):n(void 0,c)}}}processSync(e){let n=!1,t;return this.freeze(),w("processSync",this.parser||this.Parser),g("processSync",this.compiler||this.Compiler),this.process(e,i),T("processSync","process",n),t;function i(a,h){n=!0,P(a),t=h}}run(e,n,t){I(e),this.freeze();const i=this.transformers;return!t&&typeof n=="function"&&(t=n,n=void 0),t?a(void 0,t):new Promise(a);function a(h,p){const l=m(n);i.run(e,l,s);function s(o,c,f){const u=c||e;o?p(o):h?h(u):t(void 0,u,f)}}}runSync(e,n){let t=!1,i;return this.run(e,n,a),T("runSync","run",t),i;function a(h,p){P(h),i=p,t=!0}}stringify(e,n){this.freeze();const t=m(n),i=this.compiler||this.Compiler;return g("stringify",i),I(e),i(e,t)}use(e,...n){const t=this.attachers,i=this.namespace;if(b("use",this.frozen),e!=null)if(typeof e=="function")l(e,n);else if(typeof e=="object")Array.isArray(e)?p(e):h(e);else throw new TypeError("Expected usable value, not `"+e+"`");return this;function a(s){if(typeof s=="function")l(s,[]);else if(typeof s=="object")if(Array.isArray(s)){const[o,...c]=s;l(o,c)}else h(s);else throw new TypeError("Expected usable value, not `"+s+"`")}function h(s){if(!("plugins"in s)&&!("settings"in s))throw new Error("Expected usable value but received an empty preset, which is probably a mistake: presets typically come with `plugins` and sometimes with `settings`, but this has neither");p(s.plugins),s.settings&&(i.settings=y(!0,i.settings,s.settings))}function p(s){let o=-1;if(s!=null)if(Array.isArray(s))for(;++o<s.length;){const c=s[o];a(c)}else throw new TypeError("Expected a list of plugins, not `"+s+"`")}function l(s,o){let c=-1,f=-1;for(;++c<t.length;)if(t[c][0]===s){f=c;break}if(f===-1)t.push([s,...o]);else if(o.length>0){let[u,...d]=o;const E=t[f][1];z(E)&&z(u)&&(u=y(!0,E,u)),t[f]=[s,u,...d]}}}}const R=new x().freeze();function w(r,e){if(typeof e!="function")throw new TypeError("Cannot `"+r+"` without `parser`")}function g(r,e){if(typeof e!="function")throw new TypeError("Cannot `"+r+"` without `compiler`")}function b(r,e){if(e)throw new Error("Cannot call `"+r+"` on a frozen processor.\nCreate a new processor first, by calling it: use `processor()` instead of `processor`.")}function I(r){if(!z(r)||typeof r.type!="string")throw new TypeError("Expected node, got `"+r+"`")}function T(r,e,n){if(!n)throw new Error("`"+r+"` finished async. Use `"+e+"` instead")}function m(r){return j(r)?r:new S(r)}function j(r){return!!(r&&typeof r=="object"&&"message"in r&&"messages"in r)}function D(r){return typeof r=="string"||L(r)}function L(r){return!!(r&&typeof r=="object"&&"byteLength"in r&&"byteOffset"in r)}export{x as Processor,R as unified};
|
package/dist/packages/web-components/src/components/button-card/gator/button-card.gator.scss.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=":host{max-width:var(--ngc-button-card-width, 21rem)}ngc-card{--ngc-card-display: var(--ngc-button-card-display, flex);--ngc-card-max-width: var(--ngc-button-card-width, 21rem);--ngc-card-padding: var(--spacing-4);cursor:pointer}ngc-card:hover{--ngc-card-box-shadow:
|
|
1
|
+
const t=":host{max-width:var(--ngc-button-card-width, 21rem)}ngc-card{--ngc-card-display: var(--ngc-button-card-display, flex);--ngc-card-max-width: var(--ngc-button-card-width, 21rem);--ngc-card-padding: var(--spacing-4);cursor:pointer}ngc-card:hover{--ngc-card-box-shadow: var(--shadow-4-modal)}ngc-card:active{--ngc-card-background-color: var(--ngc-button-card-pressed-background-color, var(--color-surface-brand, #F0F5FA))}ngc-card[outline]:active{--ngc-card-outline: 1px solid var(--ngc-button-card-pressed-outline-color, var(--color-border-brand-tertiary, #BDCDDC))}ngc-card.selected{--ngc-card-outline: 1px solid var(--ngc-button-card-selected-outline-color, var(--color-stroke-brand, #11395B))}ngc-card[disabled]:hover,ngc-card[disabled]:active,ngc-card[disabled].selected{--ngc-card-box-shadow: unset;--ngc-card-background-color: unset;--ngc-card-outline: unset;--ngc-card-border: unset;cursor:not-allowed}ngc-card:focus-visible{--ngc-card-outline: 2px solid var(--ngc-button-card-focused-outline-color, var(--color-border-neutral, #1F1F1F))}ngc-chip{--ngc-chip-font-size: var(--font-size-body-3, .8125rem);--ngc-chip-line-height: var(--line-height-body-2, 1.125rem)}ngc-text-detail{width:100%;--ngc-text-detail-title-color: var(--color-text-primary, #1F1F1F);--ngc-text-detail-title-font-size: var(--font-size-sibtitle-1, 1.0625rem);--ngc-text-detail-title-font-weight: var(--font-weight-bold, 700);--ngc-text-detail-title-line-height: var(--line-height-sibtitle-1, 1.5rem);--ngc-text-detail-subtitle-color: var(--color-text-secondary, #6D6D6D);--ngc-text-detail-subtitle-line-height: var(--line-height-body-2, 1.375rem);--ngc-text-detail-subtitle-font-size: var(--font-size-body-2, .9375rem)}.gator-button-card-chip-label{position:absolute;top:0;left:var(--spacing-4);transform:translateY(-50%);--ngc-chip-cursor: pointer}.gator-button-card-container{display:inline-flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.gator-button-card_disabled ngc-text-detail{--ngc-text-detail-title-color: var(--color-text-disabled, #6D6D6D);--ngc-text-detail-subtitle-color: var(--color-text-disabled, #6D6D6D)}";export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const r=':host{border-radius:var(--ngc-card-border-radius,
|
|
1
|
+
const r=':host{border-radius:var(--ngc-card-border-radius, var(--border-radius-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)}.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/content/card-content.gator.scss.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const
|
|
1
|
+
const r=".gator-card-content{padding:var(--spacing-6, 1.5rem);font-size:var(--font-size-body-2, .9375rem);color:var(--color-text-primary, #1F1F1F)}";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-
|
|
1
|
+
const r=".gator-card-footer{background:var(--color-surface-secondary, #F7F7F7);font-size:var(--font-size-body-2, .9375rem);padding:var(--spacing-4);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};
|
package/dist/packages/web-components/src/components/card/gator/header/card-header.gator.scss.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=".gator-card-header{display:flex;padding:var(--ngc-card-header-padding, var(--spacing-
|
|
1
|
+
const e=".gator-card-header{display:flex;padding:var(--ngc-card-header-padding, var(--spacing-4, 1rem) var(--spacing-6, 1.5rem))}.gator-card-header ::slotted(ngc-text-detail){--ngc-text-detail-title-font-size-large: var(--ngc-card-header-title-font-size, var(--font-size-heading-3, 1.625rem));--ngc-text-detail-title-line-height-large: var(--ngc-card-header-title-line-height, var(--line-height-heading-3, 2.25rem));width:100%}";export{e as default};
|
package/dist/packages/web-components/src/components/display-card/gator/display-card.gator.scss.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const a='.gator-display-card{display:flex;align-content:center;flex-direction:column;font-family:var(--
|
|
1
|
+
const a='.gator-display-card{display:flex;align-content:center;flex-direction:column;font-family:var(--font-family-headings, "Open Sans"),sans-serif;border-radius:var(--ngc-card-border-radius, var(--border-radius-large, 1rem));max-width:var(--ngc-card-max-width, 25rem);word-break:break-word}.gator-display-card ngc-card-header{width:100%;--ngc-card-header-title-font-size: var(--ngc-display-card-title-size, var(--font-size-heading-2, 2rem));--ngc-card-header-title-line-height: var(--ngc-display-card-title-line-height, var(--line-height-heading-2, 2.625rem));--ngc-card-header-subtitle-font-size: var(--ngc-display-card-subtitle-size, var(--font-size-body-2, .9375rem));--ngc-card-header-subtitle-line-height: var(--ngc-display-card-subtitle-line-height, var(--line-height-body-2, 1.375rem))}.gator-display-card-title,.gator-display-card-subtitle{display:flex}.gator-display-card-justify-content-center{justify-content:center}.gator-display-card-actions{display:flex;align-items:center;justify-content:center}.gator-display-card-actions ngc-button{--ngc-button-margin: auto var(--spacing-3) auto auto}';export{a as default};
|
package/dist/packages/web-components/src/components/headline-card/gator/headline-card.gator.scss.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e='.gator-headline-card{display:flex;align-content:center;flex-direction:row;position:relative;font-family:var(--text-family-body, "Open Sans",
|
|
1
|
+
const e='.gator-headline-card{display:flex;align-content:center;flex-direction:row;position:relative;font-family:var(--text-family-body, "Open Sans"),sans-serif;border-radius:var(--ngc-card-border-radius, var(--border-radius-large, 1rem));max-width:var(--ngc-card-max-width, 25rem);padding:var(--spacing-6);--ngc-card-max-width: 100%;overflow:hidden}.gator-headline-card ngc-card-header{--ngc-card-header-padding: 0;--ngc-card-header-title-font-size: var(--ngc-headline-card-title-size, var(--font-size-heading-3, 1.625rem));--ngc-card-header-title-line-height: var(--ngc-headline-card-title-line-height, var(--line-height-heading-3, 2.25rem))}.background-circle-shared,.gator-headline-card-background-circle_vertical,.gator-headline-card-background-circle{position:absolute;border-radius:var(--border-radius-circle, 50%);z-index:-1;background:var(--ngc-headline-card-background-circle-color, var(--color-surface-secondary, #F7F7F7))}.gator-headline-card-background-circle{width:280px;height:300%;left:-144px;bottom:-100px}.gator-headline-card-background-circle_vertical{width:1150px;height:350px;top:-300px;left:-240px}.gator-headline-card-content{display:flex;flex-direction:column;justify-content:center;width:100%;word-break:break-word}.gator-headline-card-content_vertical{padding:var(--spacing-6) 0;word-break:break-word}.gator-headline-card_vertical{--ngc-card-max-width: 600px;flex-direction:column;justify-content:center}.gator-headline-card-illustration{display:flex;align-items:center;margin-right:var(--spacing-6)}.gator-headline-card-illustration ngc-illustration{--ngc-illustration-width: var(--ngc-headline-card-illustration-width, 96px)}.gator-headline-card-illustration ngc-skeleton-loader{margin-right:var(--spacing-6)}.gator-headline-card-title,.gator-headline-card-subtitle{display:flex}.gator-headline-card-justify-content-center{justify-content:center;margin-right:0}.gator-headline-card-justify-content-center ngc-skeleton-loader{margin-right:0}';export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const r=':host,:root{--border-radius-no-radius: 0px;--border-radius-x-small: 2px;--border-radius-small: 4px;--border-radius-medium: 8px;--border-radius-large: 16px;--border-radius-x-large: 24px;--border-radius-xx-large: 32px;--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-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: "nCino+Avenir", 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-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;--shadow-color-focus-gap: var(--color-surface-primary);--shadow-color-focus-border: var(--color-stroke-brand);--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: 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: "nCino+Avenir", 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-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-color-focus-gap: var(--color-surface-primary);--shadow-color-focus-border: var(--color-stroke-brand);--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};
|
|
@@ -16,6 +16,9 @@ export declare class NgcButtonCard extends NjcButtonCard {
|
|
|
16
16
|
*/
|
|
17
17
|
chipType: NJC_CHIP_TYPES;
|
|
18
18
|
render(): import('lit').TemplateResult<1>;
|
|
19
|
+
get cardClasses(): {
|
|
20
|
+
selected: boolean;
|
|
21
|
+
};
|
|
19
22
|
get cardLabelMarkup(): import('lit').TemplateResult<1> | null;
|
|
20
23
|
get disabledClass(): "" | "gator-button-card_disabled";
|
|
21
24
|
handleClick(event: Event): void;
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import { NjcDisplayCard } from '../display-card.ts';
|
|
2
|
+
import { nothing } from 'lit';
|
|
2
3
|
export declare class NgcDisplayCard extends NjcDisplayCard {
|
|
3
4
|
static styles: import('lit').CSSResult[];
|
|
4
5
|
render(): import('lit').TemplateResult<1>;
|
|
5
|
-
get
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
get classes(): {
|
|
7
|
+
'gator-display-card': boolean;
|
|
8
|
+
'gator-card_elevated': boolean;
|
|
9
|
+
'gator-card_outlined': boolean;
|
|
10
|
+
};
|
|
11
|
+
get headerMarkup(): import('lit').TemplateResult<1> | typeof nothing;
|
|
12
|
+
get contentMarkup(): import('lit').TemplateResult<1>;
|
|
13
|
+
get footerMarkup(): import('lit').TemplateResult<1> | typeof nothing;
|
|
10
14
|
handleActionClick(): void;
|
|
11
15
|
}
|
|
@@ -7,13 +7,16 @@ export declare class NgcHeadlineCard extends NjcHeadlineCard {
|
|
|
7
7
|
firstUpdated(): void;
|
|
8
8
|
updated(): void;
|
|
9
9
|
render(): import('lit').TemplateResult<1>;
|
|
10
|
+
get classes(): {
|
|
11
|
+
'gator-headline-card': boolean;
|
|
12
|
+
'gator-headline-card_vertical': boolean;
|
|
13
|
+
'gator-card_elevated': boolean;
|
|
14
|
+
'gator-card_outlined': boolean;
|
|
15
|
+
};
|
|
10
16
|
get illustrationMarkup(): import('lit').TemplateResult<1>;
|
|
11
17
|
get cardContentClass(): "gator-headline-card-content_vertical" | "gator-headline-card-content";
|
|
12
18
|
get justifyCenterClass(): "" | "gator-headline-card-justify-content-center";
|
|
13
19
|
get backgroundMarkup(): import('lit').TemplateResult<1> | null;
|
|
14
|
-
get elevatedClass(): "" | "gator-card_elevated";
|
|
15
|
-
get outlinedClass(): "" | "gator-card_outlined";
|
|
16
|
-
get orientationClass(): "" | "gator-headline-card_vertical";
|
|
17
20
|
get getBackgroundClass(): "gator-headline-card-background-circle_vertical" | "gator-headline-card-background-circle";
|
|
18
21
|
get shouldBeVertical(): boolean;
|
|
19
22
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { nothing } from 'lit';
|
|
1
2
|
import { NgcTab } from '../tab/tab.gator.ts';
|
|
2
3
|
import { Ref } from 'lit/directives/ref.js';
|
|
3
4
|
import { TestableLitElement } from '../../../../utils/components/testable-lit-element/testable-lit-element.ts';
|
|
@@ -23,7 +24,7 @@ export declare class NgcTabset extends TestableLitElement {
|
|
|
23
24
|
_contentRef: Ref<HTMLDivElement>;
|
|
24
25
|
_tablistRef: Ref<HTMLDivElement>;
|
|
25
26
|
updated(changedProperties: Map<string | number | symbol, unknown>): void;
|
|
26
|
-
render(): import('lit').TemplateResult<1
|
|
27
|
+
render(): import('lit').TemplateResult<1> | typeof nothing;
|
|
27
28
|
get tabSizeClass(): string;
|
|
28
29
|
get tabContainerSizeClass(): string;
|
|
29
30
|
get tabSpacerClass(): "" | "gator-tabset-spacer";
|
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.7",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -1897,6 +1897,7 @@
|
|
|
1897
1897
|
"name": "chipType",
|
|
1898
1898
|
"type": " | 'success' | 'warning' | 'error' | 'info'"
|
|
1899
1899
|
},
|
|
1900
|
+
{ "name": "cardClasses" },
|
|
1900
1901
|
{ "name": "cardLabelMarkup" },
|
|
1901
1902
|
{ "name": "disabledClass" },
|
|
1902
1903
|
{ "name": "chipLabel", "type": "string" },
|
|
@@ -2765,11 +2766,10 @@
|
|
|
2765
2766
|
"events": [{ "name": "action-click", "type": "CustomEvent" }],
|
|
2766
2767
|
"js": {
|
|
2767
2768
|
"properties": [
|
|
2768
|
-
{ "name": "
|
|
2769
|
-
{ "name": "outlinedClass" },
|
|
2769
|
+
{ "name": "classes" },
|
|
2770
2770
|
{ "name": "headerMarkup" },
|
|
2771
|
-
{ "name": "
|
|
2772
|
-
{ "name": "
|
|
2771
|
+
{ "name": "contentMarkup" },
|
|
2772
|
+
{ "name": "footerMarkup" },
|
|
2773
2773
|
{ "name": "actionButtonText", "type": "string" },
|
|
2774
2774
|
{ "name": "hideFooter", "type": "boolean" },
|
|
2775
2775
|
{ "name": "title", "type": "string" },
|
|
@@ -3724,13 +3724,11 @@
|
|
|
3724
3724
|
"js": {
|
|
3725
3725
|
"properties": [
|
|
3726
3726
|
{ "name": "containerRef", "type": "Ref<HTMLInputElement>" },
|
|
3727
|
+
{ "name": "classes" },
|
|
3727
3728
|
{ "name": "illustrationMarkup" },
|
|
3728
3729
|
{ "name": "cardContentClass" },
|
|
3729
3730
|
{ "name": "justifyCenterClass" },
|
|
3730
3731
|
{ "name": "backgroundMarkup" },
|
|
3731
|
-
{ "name": "elevatedClass" },
|
|
3732
|
-
{ "name": "outlinedClass" },
|
|
3733
|
-
{ "name": "orientationClass" },
|
|
3734
3732
|
{ "name": "getBackgroundClass" },
|
|
3735
3733
|
{ "name": "shouldBeVertical" },
|
|
3736
3734
|
{ "name": "orientation", "type": "'horizontal' | 'vertical'" },
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const o=":host{--ngc-button-card-pressed-background-color: var(--color-brand-10, #F3F5F7);--ngc-button-card-pressed-outline-color: var(--color-brand-30, #11395B);--ngc-button-card-focused-outline-color: var(--color-brand-30, #11395B);--ngc-button-card-selected-outline-color: var(--color-stroke-brand, #11395B);--ngc-button-card-width: 21rem}";export{o as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const c=":host{--ngc-card-background-color: var(--color-neutral-0, #FFF);--ngc-card-max-width: 25rem;--ngc-card-width: auto;--ngc-card-height: auto;--ngc-card-padding: 0;--ngc-card-top: 0;--ngc-card-left: 0;--ngc-card-border-radius: 1rem}";export{c as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=":host{--ngc-card-header-padding: var(--spacing-padding-margin-16, 16px) var(--spacing-6, 24px);--ngc-card-header-title-font-size: var(--text-size-heading-3, 1.625rem);--ngc-card-header-title-line-height: var(--text-line-height-heading-2, 2.625rem)}";export{e as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=":root,:host{--ngc-headline-card-title-size: var(--text-size-heading-4, 1.375rem);--ngc-headline-card-title-line-height: var(--text-line-height-heading-4, 2rem);--ngc-headline-card-illustration-width: 96px}";export{e as default};
|