@ncino/web-components 1.2.0-preview.8 → 1.2.0-preview.9
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
const r=':host,:root{--color-background-primary: var(--color-blue-10, #F3F5F7);--color-stroke-brand: var(--color-blue-30, #11395B);--color-stroke-primary: var(--color-neutral-40);--color-stroke-success: var(--color-green-20);--color-stroke-warning: var(--color-orange-20);--color-stroke-error-weak: var(--color-red-20);--color-stroke-error-strong: var(--color-red-30);--color-text-primary-base: var(--color-neutral-70, #1F1F1F);--color-text-secondary: var(--color-neutral-50, #6D6D6D);--color-text-brand: var(--color-blue-30, #11395B);--color-text-placeholder: var(--color-neutral-50, #6D6D6D);--color-text-error: var(--color-red-40, #AA330E);--color-text-disabled: var(--color-neutral-40, #BFBFBF);--color-text-inverse: var(--color-neutral-0, #FFFFFF);--color-surface-primary: var(--color-neutral-0, #FFFFFF);--color-surface-brand: var(--color-blue-10, #F3F5F7);--color-surface-brand-secondary: var(--color-blue-20, #C3CDD6);--color-surface-secondary: var(--color-neutral-10);--color-surface-error: var(--color-red-10);--color-surface-success: var(--color-green-10);--color-surface-warning: var(--color-orange-10);--color-surface-badge: var(--color-red-30);--color-surface-hover: var(--color-neutral-10, #F7F7F7);--color-surface-loading: var(--color-neutral-30);--color-icon-error: var(--color-red-30);--color-icon-success: var(--color-green-30);--color-icon-warning: var(--color-orange-30);--color-icon-disabled: var(--color-neutral-40, #BFBFBF);--color-icon-brand: var(--color-blue-30);--color-primary-03-base: var(--color-neutral-70, #1F1F1F);--color-primary-01-placeholder: var(--color-neutral-50, #6D6D6D);--color-underline-primary: var(--color-neutral-40, #BFBFBF);--color-button-pressed: var(--color-neutral-60, #404040);--color-button-disabled: var(--color-neutral-40, #BFBFBF);--color-focus-gap: var(--color-neutral-0, #FFFFFF);--color-focus-border: var(--color-blue-30, #11395B);--size-stroke-1: 1px;--text-size-body-1: 1.0625rem;--text-size-body-2: .9375rem;--text-size-caption: .8125rem;--text-size-h1: 2.5rem;--text-size-h5: 1.25rem;--text-size-button-small: .8125rem;--text-size-button-large: 1.0625rem;--text-line-height-body-1: 1.5rem;--text-line-height-body-2: 1.375rem;--text-line-height-h1: 3.125rem;--text-line-height-h5: 1.875rem;--text-family-sans-serif: "Open Sans", sans-serif;--spacing-2: .5rem;--spacing-5: 1.5rem;--spacing-padding-margin-16: 1rem;--spacing-padding-margin-4: .25rem;--spacing-gap-4: .25rem;--spacing-gap-8: .5rem;--spacing-gap-12: .75rem}';export{r as s};
|
|
1
|
+
const r=':host,:root{--color-background-primary: var(--color-blue-10, #F3F5F7);--color-stroke-brand: var(--color-blue-30, #11395B);--color-stroke-primary: var(--color-neutral-40);--color-stroke-secondary: var(--color-neutral-40);--color-stroke-success: var(--color-green-20);--color-stroke-warning: var(--color-orange-20);--color-stroke-error-weak: var(--color-red-20);--color-stroke-error-strong: var(--color-red-30);--color-stroke-tertiary: var(--color-neutral-30, #E5E5E5);--color-text-primary-base: var(--color-neutral-70, #1F1F1F);--color-text-secondary: var(--color-neutral-50, #6D6D6D);--color-text-brand: var(--color-blue-30, #11395B);--color-text-placeholder: var(--color-neutral-50, #6D6D6D);--color-text-error: var(--color-red-40, #AA330E);--color-text-disabled: var(--color-neutral-40, #BFBFBF);--color-text-inverse: var(--color-neutral-0, #FFFFFF);--color-surface-primary: var(--color-neutral-0, #FFFFFF);--color-surface-brand: var(--color-blue-10, #F3F5F7);--color-surface-brand-secondary: var(--color-blue-20, #C3CDD6);--color-surface-secondary: var(--color-neutral-10);--color-surface-error: var(--color-red-10);--color-surface-success: var(--color-green-10);--color-surface-warning: var(--color-orange-10);--color-surface-badge: var(--color-red-30);--color-surface-hover: var(--color-neutral-10, #F7F7F7);--color-surface-loading: var(--color-neutral-30);--color-icon-error: var(--color-red-30);--color-icon-success: var(--color-green-30);--color-icon-warning: var(--color-orange-30);--color-icon-disabled: var(--color-neutral-40, #BFBFBF);--color-icon-brand: var(--color-blue-30);--color-primary-03-base: var(--color-neutral-70, #1F1F1F);--color-primary-01-placeholder: var(--color-neutral-50, #6D6D6D);--color-underline-primary: var(--color-neutral-40, #BFBFBF);--color-button-pressed: var(--color-neutral-60, #404040);--color-button-disabled: var(--color-neutral-40, #BFBFBF);--color-focus-gap: var(--color-neutral-0, #FFFFFF);--color-focus-border: var(--color-blue-30, #11395B);--size-stroke-1: 1px;--text-size-body-1: 1.0625rem;--text-size-body-2: .9375rem;--text-size-caption: .8125rem;--text-size-h1: 2.5rem;--text-size-h5: 1.25rem;--text-size-button-small: .8125rem;--text-size-button-large: 1.0625rem;--text-line-height-body-1: 1.5rem;--text-line-height-body-2: 1.375rem;--text-line-height-h1: 3.125rem;--text-line-height-h5: 1.875rem;--text-family-sans-serif: "Open Sans", sans-serif;--spacing-2: .5rem;--spacing-5: 1.5rem;--spacing-padding-margin-16: 1rem;--spacing-padding-margin-4: .25rem;--spacing-gap-4: .25rem;--spacing-gap-8: .5rem;--spacing-gap-12: .75rem}';export{r as s};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as b,x as g}from"../../../../assets/index-chunk.js";import{t as p}from"../../../../assets/index-chunk3.js";import{n as d}from"../../../../assets/index-chunk2.js";import{r as v}from"../../../../assets/index-chunk12.js";import"../tab/tab.gator.js";import{K as i}from"../../../../consts/key-constants.js";import{e as u,n as m}from"../../../../assets/index-chunk7.js";import{T as h}from"../../../../utils/components/testable-lit-element/testable-lit-element.js";import{s as f}from"../../../../assets/index-chunk5.js";import{p as x}from"../../../../assets/index-chunk4.js";import"../../../../assets/index-chunk8.js";const
|
|
1
|
+
import{a as b,x as g}from"../../../../assets/index-chunk.js";import{t as p}from"../../../../assets/index-chunk3.js";import{n as d}from"../../../../assets/index-chunk2.js";import{r as v}from"../../../../assets/index-chunk12.js";import"../tab/tab.gator.js";import{K as i}from"../../../../consts/key-constants.js";import{e as u,n as m}from"../../../../assets/index-chunk7.js";import{T as h}from"../../../../utils/components/testable-lit-element/testable-lit-element.js";import{s as f}from"../../../../assets/index-chunk5.js";import{p as x}from"../../../../assets/index-chunk4.js";import"../../../../assets/index-chunk8.js";const F='.gator-tabset-header{display:flex;margin-bottom:-1px;background-color:var(--ngc-tabs-header-background-color, unset)}.gator-tabset-spacer{padding-right:var(--spacing-gap-8, .5rem)}.gator-tab-button{font-family:var(--ngc-font-family-body, "Open Sans", sans-serif);padding:var(--spacing-gap-8, .5rem);display:inline-flex;border:none;border-bottom:var(--ngc-tabs-tab-bottom-border, 2px solid var(--color-stroke-primary, #BFBFBF));background:var(--color-surface-primary, #FFF);background-color:unset;cursor:pointer;font-size:var(--ngc-tabs-tab-font-size, 1.0625rem)}.gator-tab-button.gator-tab-button-large{border:1px solid transparent}.gator-tab-border{height:1px;background-color:var(--color-stroke-primary, #BFBFBF)}.gator-tab-button-small{font-size:var(--ngc-tabs-tab-font-size-small, .9375rem);padding:var(--spacing-gap-4, .25rem)}.gator-tab-container{border-radius:.5rem .5rem 0 0}.gator-tab-container.gator-tab-container-large{border-bottom:1px solid var(--color-stroke-primary, #BFBFBF);background:var(--ngc-tabs-large-tab-color, #FFF)}.gator-tab-container_active.gator-tab-container-large{border:var(--ngc-tabs-tab-bottom-border, 1px solid var(--color-stroke-primary, #BFBFBF));border-bottom:1px solid var(--color-surface-primary, #FFF)}.gator-tab-container_active.gator-tab-container-large .gator-tab-button{border-top:1px solid var(--color-surface-primary, #FFF);border-left:1px solid var(--color-surface-primary, #FFF);border-right:1px solid var(--color-surface-primary, #FFF)}.gator-tab-container_active.gator-tab-container-large .gator-tab-button:hover{border-top:1px solid var(--color-surface-hover, #F7F7F7);border-left:1px solid var(--color-surface-hover, #F7F7F7);border-right:1px solid var(--color-surface-hover, #F7F7F7)}.gator-tab-button-large{border-radius:7px 7px 0 0;padding:6px var(--spacing-gap-4, .25rem) var(--spacing-gap-4, .25rem) var(--spacing-gap-4, .25rem)}.gator-tab-button-large .gator-tab-button-name{padding:1rem var(--spacing-gap-12, .75rem)}.gator-tab-button:hover{background:var(--color-surface-hover, #F7F7F7);border-bottom:var(--ngc-tabs-tab-bottom-border-active, 2px solid var(--color-text-brand, #11395B))}.gator-tab-button-name{padding:var(--spacing-gap-4, .25rem);border-width:1px}.gator-tab:focus{outline:none}.gator-tab:focus .gator-tab-button-name{outline:var(--ngc-tabs-tab-bottom-border-active, 2px solid var(--color-text-brand, #11395B))}.gator-tab-container-large .gator-tab-button{border-bottom:none!important;border-top:1px solid var(--ngc-tabs-tab-border-color-large, #E5E5E5);border-left:1px solid var(--ngc-tabs-tab-border-color-large, #E5E5E5);border-right:1px solid var(--ngc-tabs-tab-border-color-large, #E5E5E5)}.gator-tab-container-large .gator-tab-button:hover{border-top:1px solid var(--color-stroke-primary);border-left:1px solid var(--color-stroke-primary);border-right:1px solid var(--color-stroke-primary)}.gator-tab-button_active{font-weight:700;border-bottom:var(--ngc-tabs-tab-bottom-border-active, 1px solid var(--color-text-brand, #11395B))}.gator-tab-button_active.gator-tab-button-large{border-bottom:none}.gator-tab-button_active.gator-tab-button-large .gator-tab-button-name{margin-top:-1px}#gator-tab-1{padding-left:var(--ngc-tabs-first-tab-left-spacing, unset)}',y=":root,:host{--ngc-tabs-tab-font-size: var(--text-size-body-1, 1.0625rem);--ngc-tabs-tab-font-size-small: var(--text-size-body-2, .9375rem);--ngc-tabs-tab-bottom-border: 1px solid var(--color-stroke-primary, #BFBFBF);--ngc-tabs-tab-bottom-border-active: 2px solid var(--color-text-brand, #11395B);--ngc-tabs-header-background-color: unset;--ngc-tabs-tab-border-color-large: var(--color-stroke-tertiary, #E5E5E5);--ngc-tabs-first-tab-left-spacing: unset}";var T=Object.defineProperty,I=Object.getOwnPropertyDescriptor,n=(a,t,r,s)=>{for(var o=s>1?void 0:s?I(t,r):t,l=a.length-1,c;l>=0;l--)(c=a[l])&&(o=(s?c(t,r,o):c(o))||o);return s&&o&&T(t,r,o),o};let e=class extends h{constructor(){super(...arguments),this.tabsetAriaLabelledby="",this.size="medium",this.activeTabIndex=0,this._contentRef=u()}render(){return this.tabs||(this.tabs=Array.from(this.querySelectorAll("ngc-tab"))),g`
|
|
2
2
|
<div class="gator-tabset">
|
|
3
3
|
<div role="tablist" class="gator-tabset-header" aria-labelledby="${this.tabsetAriaLabelledby}">
|
|
4
4
|
${this.tabs.map((a,t)=>g`
|
|
@@ -32,4 +32,4 @@ import{a as b,x as g}from"../../../../assets/index-chunk.js";import{t as p}from"
|
|
|
32
32
|
${this.tabs[this.activeTabIndex]}
|
|
33
33
|
</div>
|
|
34
34
|
</div>
|
|
35
|
-
`}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(a){return a===this.activeTabIndex?"0":"-1"}handleTabKeydown(a){var r;if(!this.tabs)return;let t=(r=this.shadowRoot)==null?void 0:r.querySelectorAll(".gator-tabset-header [role=tab]");if(a.key===i.RIGHT){if(this.activeTabIndex===this.tabs.length-1){this.focusFirstTab(),a.preventDefault();return}this.activeTabIndex++,t[this.activeTabIndex].focus()}else if(a.key===i.LEFT){if(this.activeTabIndex===0){this.focusLastTab(),a.preventDefault();return}this.activeTabIndex--,t[this.activeTabIndex].focus(),a.preventDefault()}else a.key===i.HOME?(this.focusFirstTab(),a.preventDefault()):a.key===i.END&&(this.focusLastTab(),a.preventDefault())}focusFirstTab(){var t;let a=(t=this.shadowRoot)==null?void 0:t.querySelectorAll(".gator-tabset-header [role=tab]");this.activeTabIndex=0,a[this.activeTabIndex].focus()}focusLastTab(){var t;if(!this.tabs)return;let a=(t=this.shadowRoot)==null?void 0:t.querySelectorAll(".gator-tabset-header [role=tab]");this.activeTabIndex=this.tabs.length-1,a[this.activeTabIndex].focus()}};
|
|
35
|
+
`}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(a){return a===this.activeTabIndex?"0":"-1"}handleTabKeydown(a){var r;if(!this.tabs)return;let t=(r=this.shadowRoot)==null?void 0:r.querySelectorAll(".gator-tabset-header [role=tab]");if(a.key===i.RIGHT){if(this.activeTabIndex===this.tabs.length-1){this.focusFirstTab(),a.preventDefault();return}this.activeTabIndex++,t[this.activeTabIndex].focus()}else if(a.key===i.LEFT){if(this.activeTabIndex===0){this.focusLastTab(),a.preventDefault();return}this.activeTabIndex--,t[this.activeTabIndex].focus(),a.preventDefault()}else a.key===i.HOME?(this.focusFirstTab(),a.preventDefault()):a.key===i.END&&(this.focusLastTab(),a.preventDefault())}focusFirstTab(){var t;let a=(t=this.shadowRoot)==null?void 0:t.querySelectorAll(".gator-tabset-header [role=tab]");this.activeTabIndex=0,a[this.activeTabIndex].focus()}focusLastTab(){var t;if(!this.tabs)return;let a=(t=this.shadowRoot)==null?void 0:t.querySelectorAll(".gator-tabset-header [role=tab]");this.activeTabIndex=this.tabs.length-1,a[this.activeTabIndex].focus()}};e.styles=[b(F),b(y),b(f),b(x)];n([d({type:String,attribute:"tabset-aria-labelledby"})],e.prototype,"tabsetAriaLabelledby",2);n([d({type:String})],e.prototype,"size",2);n([v()],e.prototype,"activeTabIndex",2);e=n([p("ngc-tabset")],e);
|
package/package.json
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ncino/web-components",
|
|
3
3
|
"author": "nCino",
|
|
4
|
-
"
|
|
5
|
-
"version": "1.2.0-preview.8",
|
|
4
|
+
"version": "1.2.0-preview.9",
|
|
6
5
|
"license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
|
|
7
6
|
"publishConfig": {
|
|
8
7
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -16,11 +15,7 @@
|
|
|
16
15
|
"module": "dist/index.js",
|
|
17
16
|
"engineStrict": false,
|
|
18
17
|
"private": false,
|
|
19
|
-
"
|
|
20
|
-
"node": ">=20.0.0",
|
|
21
|
-
"npm": ">=8.0.0",
|
|
22
|
-
"pnpm": ">=9.0.0"
|
|
23
|
-
},
|
|
18
|
+
"packageManager": "pnpm@9.14.2",
|
|
24
19
|
"exports": {
|
|
25
20
|
".": {
|
|
26
21
|
"import": "./dist/index.js",
|
|
@@ -74,22 +69,22 @@
|
|
|
74
69
|
"@geometricpanda/storybook-addon-badges": "^2.0.5",
|
|
75
70
|
"@lit/react": "^1.0.6",
|
|
76
71
|
"@salesforce-ux/design-system": "^2.25.3",
|
|
77
|
-
"@storybook/addon-a11y": "^8.4.
|
|
78
|
-
"@storybook/addon-actions": "^8.4.
|
|
72
|
+
"@storybook/addon-a11y": "^8.4.5",
|
|
73
|
+
"@storybook/addon-actions": "^8.4.5",
|
|
79
74
|
"@storybook/addon-designs": "^8.0.4",
|
|
80
|
-
"@storybook/addon-docs": "^8.4.
|
|
81
|
-
"@storybook/addon-essentials": "^8.4.
|
|
82
|
-
"@storybook/addon-links": "^8.4.
|
|
83
|
-
"@storybook/blocks": "^8.4.
|
|
75
|
+
"@storybook/addon-docs": "^8.4.5",
|
|
76
|
+
"@storybook/addon-essentials": "^8.4.5",
|
|
77
|
+
"@storybook/addon-links": "^8.4.5",
|
|
78
|
+
"@storybook/blocks": "^8.4.5",
|
|
84
79
|
"@storybook/client-api": "^7.6.20",
|
|
85
|
-
"@storybook/test": "^8.4.
|
|
86
|
-
"@storybook/web-components": "^8.4.
|
|
87
|
-
"@storybook/web-components-vite": "^8.4.
|
|
80
|
+
"@storybook/test": "^8.4.5",
|
|
81
|
+
"@storybook/web-components": "^8.4.5",
|
|
82
|
+
"@storybook/web-components-vite": "^8.4.5",
|
|
88
83
|
"@types/react": "^18.3.12",
|
|
89
84
|
"@typescript-eslint/parser": "^8.15.0",
|
|
90
85
|
"@vitest/browser": "^2.1.5",
|
|
91
86
|
"@vitest/coverage-istanbul": "^2.1.5",
|
|
92
|
-
"@vitest/ui": "2.1.
|
|
87
|
+
"@vitest/ui": "2.1.5",
|
|
93
88
|
"cem-plugin-expanded-types": "^1.3.3",
|
|
94
89
|
"chromatic": "^11.18.1",
|
|
95
90
|
"conventional-changelog-conventionalcommits": "^8.0.0",
|
|
@@ -101,15 +96,15 @@
|
|
|
101
96
|
"eslint-plugin-json": "^4.0.1",
|
|
102
97
|
"eslint-plugin-n": "^17.13.2",
|
|
103
98
|
"eslint-plugin-promise": "^7.1.0",
|
|
104
|
-
"eslint-plugin-storybook": "^0.11.
|
|
99
|
+
"eslint-plugin-storybook": "^0.11.1",
|
|
105
100
|
"eslint-plugin-yml": "1.15.0",
|
|
106
101
|
"glob": "^11.0.0",
|
|
107
102
|
"jsdom": "25.0.1",
|
|
108
103
|
"postcss": "^8.4.49",
|
|
109
104
|
"react": "^18.3.1",
|
|
110
105
|
"rimraf": "^6.0.1",
|
|
111
|
-
"sass": "1.
|
|
112
|
-
"storybook": "^8.4.
|
|
106
|
+
"sass": "1.81.0",
|
|
107
|
+
"storybook": "^8.4.5",
|
|
113
108
|
"storybook-dark-mode": "^4.0.2",
|
|
114
109
|
"storybook-design-token": "^3.1.0",
|
|
115
110
|
"typescript": "^5.6.3",
|
|
@@ -117,8 +112,8 @@
|
|
|
117
112
|
"vite-plugin-dts": "4.3.0",
|
|
118
113
|
"vite-plugin-static-copy": "^2.1.0",
|
|
119
114
|
"vitest": "^2.1.5",
|
|
120
|
-
"wc-storybook-helpers": "2.0.
|
|
121
|
-
"webdriverio": "^9.
|
|
115
|
+
"wc-storybook-helpers": "2.0.4",
|
|
116
|
+
"webdriverio": "^9.3.0",
|
|
122
117
|
"yaml-eslint-parser": "^1.2.3"
|
|
123
118
|
},
|
|
124
119
|
"bugs": {
|
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": "1.2.0-preview.
|
|
4
|
+
"version": "1.2.0-preview.8",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|