@ncino/web-components 6.0.0 → 6.1.0-preview.1
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/boolean/boolean.gator.js +5 -4
- package/dist/components/input/base/input-base.gator.js +1 -0
- package/dist/components/input/base/input-base.js +1 -1
- package/dist/components/input/gator/input-label/input-label.gator.js +5 -5
- package/dist/components/radio/radio.gator.js +31 -26
- package/dist/components/radio-group/radio-group.gator.js +6 -6
- package/dist/packages/web-components/src/components/boolean/boolean.gator.scss.js +1 -1
- package/dist/packages/web-components/src/components/boolean/boolean.gator.tokens.scss.js +1 -1
- package/dist/types/components/boolean/boolean.gator.d.ts +7 -1
- package/dist/types/components/input/base/input-base.d.ts +5 -0
- package/dist/types/components/input/gator/input-label/input-label.gator.d.ts +2 -4
- package/dist/types/components/radio/radio.gator.d.ts +1 -0
- package/dist/types/utils/components/ngc-component.d.ts +5 -0
- package/dist/types/utils/storybook-args.d.ts +13 -0
- package/dist/utils/components/ngc-component.js +1 -1
- package/dist/utils/storybook-args.js +1 -1
- package/package.json +1 -1
- package/web-types.json +161 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as l}from"../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as h}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as
|
|
1
|
+
import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as l}from"../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as h}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as g}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import u from"../../packages/web-components/src/components/boolean/boolean.gator.scss.js";import m from"../../packages/web-components/src/components/boolean/boolean.gator.tokens.scss.js";import{generateRandomId as c,getElementId as b}from"../../utils/string-utils.js";import"../radio-group/radio-group.gator.js";import{NgcInputText as f}from"../input/gator/input-text/input-text.gator.js";import{classMap as v}from"../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/class-map.js";import{unsafeCSS as p}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var _=Object.defineProperty,$=Object.getOwnPropertyDescriptor,w=Object.getPrototypeOf,y=Reflect.get,d=(e,t,o,a)=>{for(var r=a>1?void 0:a?$(t,o):t,i=e.length-1,n;i>=0;i--)(n=e[i])&&(r=(a?n(t,o,r):n(r))||r);return a&&r&&_(t,o,r),r},x=(e,t,o)=>y(w(e),o,t);let s=class extends f{constructor(){super(...arguments),this.options=[],this._randomId=c()}firstUpdated(){this.handleResize(),window.addEventListener("resize",()=>this.handleResize())}render(){return l`
|
|
2
2
|
<ngc-radio-group
|
|
3
|
-
class=${this.booleanClasses}
|
|
3
|
+
class=${v(this.booleanClasses)}
|
|
4
4
|
id=${this.elementId}
|
|
5
5
|
.value=${this.value}
|
|
6
6
|
.disabled=${this.disabled}
|
|
@@ -8,13 +8,14 @@ import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/re
|
|
|
8
8
|
help-text=${this.helpText}
|
|
9
9
|
error-text=${this.errorText}
|
|
10
10
|
@change=${this.handleChange}
|
|
11
|
+
?skeleton=${this.skeleton}
|
|
11
12
|
>
|
|
12
13
|
${this.booleanOptions}
|
|
13
|
-
</ngc-radio-group>`}get elementId(){return
|
|
14
|
+
</ngc-radio-group>`}get elementId(){return b(this.id,this._randomId)}get booleanClasses(){return{"gator-boolean":!0,"gator-boolean_wrapped":this.isWrapped,"gator-boolean_error":!!this.errorText,"gator-boolean_disabled":this.disabled,"gator-boolean_skeleton":this.skeleton}}get booleanOptions(){if(!this.options)return null;const e=this.options.map((t,o)=>l`
|
|
14
15
|
<ngc-radio
|
|
15
16
|
id="${this.elementId}-option-${o}"
|
|
16
17
|
class="gator-boolean-option-${o}${this.selectedClass(t)}"
|
|
17
18
|
value=${t.value}
|
|
18
19
|
title-text=${t.label}
|
|
19
20
|
></ngc-radio>
|
|
20
|
-
`);return l`${e}`}get isWrapped(){const e=this.shadowRoot?.querySelectorAll("ngc-radio");return e&&e.length>1?e[0].offsetTop<e[1].offsetTop:window.innerWidth<475}handleChange(e){const t=e;t.stopImmediatePropagation(),this.value=t.detail,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:this.value}))}handleResize(){const e=this.shadowRoot?.querySelector("ngc-radio-group");this.isWrapped?e?.classList.add("gator-boolean_wrapped"):e?.classList.remove("gator-boolean_wrapped")}selectedClass(e){return this.value===e.value?" gator-boolean-option_selected":""}};s.styles=[...
|
|
21
|
+
`);return l`${e}`}get isWrapped(){const e=this.shadowRoot?.querySelectorAll("ngc-radio");return e&&e.length>1?e[0].offsetTop<e[1].offsetTop:window.innerWidth<475}handleChange(e){const t=e;t.stopImmediatePropagation(),this.value=t.detail,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:this.value}))}handleResize(){const e=this.shadowRoot?.querySelector("ngc-radio-group");this.isWrapped?e?.classList.add("gator-boolean_wrapped"):e?.classList.remove("gator-boolean_wrapped")}selectedClass(e){return this.value===e.value?" gator-boolean-option_selected":""}};s.styles=[...x(s,s,"styles"),p(u),p(m)];d([g({type:Array})],s.prototype,"options",2);s=d([h("ngc-boolean")],s);export{s as NgcBoolean};
|
|
@@ -8,6 +8,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit
|
|
|
8
8
|
id="${this.labelId}"
|
|
9
9
|
?required="${this.required}"
|
|
10
10
|
?disabled="${this.disabled}"
|
|
11
|
+
?skeleton="${this.skeleton}"
|
|
11
12
|
>
|
|
12
13
|
${this.label}
|
|
13
14
|
</ngc-input-label>`}get labelId(){return`${this.id}-label`}get ariaLabelledbyValue(){return this.iconAsLabel?this.startIconId:this.label?this.labelId:""}get helpTextMarkup(){return this.helpText?i`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{property as e}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{TestableLitElement as
|
|
1
|
+
import{property as e}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{TestableLitElement as y}from"../../../utils/components/testable-lit-element/testable-lit-element.js";var h=Object.defineProperty,o=(p,a,s,d)=>{for(var r=void 0,i=p.length-1,n;i>=0;i--)(n=p[i])&&(r=n(a,s,r)||r);return r&&h(a,s,r),r};const l=class l extends y{constructor(){super(),this.form=null,this.id="",this.required=!1,this.disabled=!1,this.readonly=!1,this.label="",this.ariaDescription=null,this.ariaLabelledByElements=void 0,this.placeholder="",this.errorText="",this.helpText="",this.type="text",this.startIcon="",this.endIcon="",this.maxLength=void 0,this.iconAsLabel=!1,this.skeleton=!1,this.internals=this.attachInternals()}formAssociatedCallback(a){this.form=a}};l.formAssociated=!0;let t=l;o([e()],t.prototype,"id");o([e({type:Boolean})],t.prototype,"required");o([e({type:Boolean})],t.prototype,"disabled");o([e({type:Boolean})],t.prototype,"readonly");o([e()],t.prototype,"label");o([e({attribute:"aria-description"})],t.prototype,"ariaDescription");o([e({type:Array,attribute:"aria-labelled-by-elements"})],t.prototype,"ariaLabelledByElements");o([e()],t.prototype,"placeholder");o([e()],t.prototype,"value");o([e({attribute:"error-text"})],t.prototype,"errorText");o([e({attribute:"help-text"})],t.prototype,"helpText");o([e()],t.prototype,"type");o([e({attribute:"start-icon"})],t.prototype,"startIcon");o([e({attribute:"end-icon"})],t.prototype,"endIcon");o([e({attribute:"max-length"})],t.prototype,"maxLength");o([e({type:Boolean,attribute:"icon-as-label"})],t.prototype,"iconAsLabel");o([e({type:Boolean})],t.prototype,"skeleton");export{t as InputBase};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import{LitElement as h}from"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as f}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as d}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import u from"../../../../packages/web-components/src/components/input/gator/input-label/input-label.gator.scss.js";import b from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import c from"../../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{classMap as g}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/class-map.js";import{NgcComponent as v}from"../../../../utils/components/ngc-component.js";import{unsafeCSS as m}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var y=Object.defineProperty,_=Object.getOwnPropertyDescriptor,a=(r,o,l,s)=>{for(var e=s>1?void 0:s?_(o,l):o,i=r.length-1,p;i>=0;i--)(p=r[i])&&(e=(s?p(o,l,e):p(e))||e);return s&&e&&y(o,l,e),e};let t=class extends v{constructor(){super(...arguments),this.required=!1,this.disabled=!1,this.hideLabel=!1}render(){const r={"gator-label":!0,"gator-label_disabled":this.disabled,"gator-label_hidden":this.hideLabel};return this.skeleton?n`<ngc-skeleton-loader width="136" height="24" radius="999"></ngc-skeleton-loader>`:n`
|
|
2
|
+
<div class=${g(r)}>
|
|
3
|
+
<slot></slot>
|
|
4
|
+
${this.required?n`<span class="gator-label_required" aria-hidden="true">*</span>`:null}
|
|
5
|
+
</div>`}};t.shadowRootOptions={...h.shadowRootOptions,mode:"open"};t.styles=[m(u),m(c),m(b)];a([d({type:Boolean})],t.prototype,"required",2);a([d({type:Boolean})],t.prototype,"disabled",2);a([d({type:Boolean,attribute:"hide-label"})],t.prototype,"hideLabel",2);t=a([f("ngc-input-label")],t);export{t as NgcInputLabel};
|
|
@@ -1,28 +1,33 @@
|
|
|
1
|
-
import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
1
|
+
import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as h,nothing as u}from"../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as c}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as d}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{generateRandomId as f,getElementId as m}from"../../utils/string-utils.js";import g from"../../packages/web-components/src/components/radio/radio.gator.tokens.scss.js";import b from"../../packages/web-components/src/components/radio/radio.gator.scss.js";import{createRef as v,ref as x}from"../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/ref.js";import{NgcInputText as y}from"../input/gator/input-text/input-text.gator.js";import{unsafeCSS as p}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var k=Object.defineProperty,T=Object.getOwnPropertyDescriptor,$=Object.getPrototypeOf,R=Reflect.get,a=(e,r,s,o)=>{for(var i=o>1?void 0:o?T(r,s):r,l=e.length-1,n;l>=0;l--)(n=e[l])&&(i=(o?n(r,s,i):n(i))||i);return o&&i&&k(r,s,i),i},_=(e,r,s)=>R($(e),s,r);let t=class extends y{constructor(){super(...arguments),this.titleText="",this.selected=!1,this.radioTabindex=-1,this.grouped=!1,this.inputRef=v(),this._randomId=f()}updated(e){super.updated(e),e.has("errorText")&&this.inputRef.value&&this.inputRef.value.setCustomValidity(this.errorText?"true":""),e.has("selected")&&this.inputRef.value&&(this.inputRef.value.checked=this.selected)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.click)}render(){return this.skeleton?this.skeletonMarkup:h`
|
|
2
|
+
<div class="gator-form-element">
|
|
3
|
+
<div id="${this.elementId}-radio" class="gator-radio">
|
|
4
|
+
<div class="gator-radio-input-wrapper">
|
|
5
|
+
<div class="gator-radio-hover-overlay"></div>
|
|
6
|
+
<input
|
|
7
|
+
${x(this.inputRef)}
|
|
8
|
+
id="${this.elementId}"
|
|
9
|
+
class="gator-radio-input"
|
|
10
|
+
type="radio"
|
|
11
|
+
?checked="${this.selected}"
|
|
12
|
+
?disabled="${this.disabled}"
|
|
13
|
+
tabindex=${this.tabindex}
|
|
14
|
+
aria-labelledby="${this.elementId}-radio"
|
|
15
|
+
@change="${this.handleChange}"
|
|
16
|
+
/>
|
|
17
|
+
</div>
|
|
18
|
+
<label class="gator-radio-title">
|
|
19
|
+
${this.titleText}
|
|
20
|
+
<slot></slot>
|
|
21
|
+
</label>
|
|
22
|
+
</div>
|
|
23
|
+
${this.bottomText}
|
|
24
|
+
</div>
|
|
25
|
+
`}get bottomText(){return this.grouped?u:h`
|
|
26
26
|
${this.errorTextMarkup}
|
|
27
27
|
${this.helpTextMarkup}
|
|
28
|
-
`}get
|
|
28
|
+
`}get skeletonMarkup(){return h`
|
|
29
|
+
<div class="gator-radio">
|
|
30
|
+
<ngc-skeleton-loader width="18" height="18" radius="999"></ngc-skeleton-loader>
|
|
31
|
+
<ngc-skeleton-loader width="50" height="18" radius="2"></ngc-skeleton-loader>
|
|
32
|
+
</div>
|
|
33
|
+
`}get elementId(){return m(this.id,this._randomId)}get tabindex(){let e=this.radioTabindex;return this.selected&&(e=0),this.disabled&&(e=-1),e}handleChange(){this.selected=!this.selected,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:this.value}))}click(){this.disabled||this.inputRef.value?.click()}focus(){this.disabled||this.inputRef.value?.focus()}};t.styles=[..._(t,t,"styles"),p(g),p(b)];a([d({type:String,attribute:"title-text"})],t.prototype,"titleText",2);a([d({type:Boolean})],t.prototype,"selected",2);a([d({type:Number,attribute:"radio-tabindex"})],t.prototype,"radioTabindex",2);a([d({type:Boolean,attribute:"grouped"})],t.prototype,"grouped",2);t=a([c("ngc-radio")],t);export{t as NgcRadio};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as
|
|
1
|
+
import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as a}from"../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as p}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as c}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{generateRandomId as u,getElementId as g}from"../../utils/string-utils.js";import{KEY_CONSTANTS as d}from"../../consts/key-constants.js";import f from"../../packages/web-components/src/components/radio-group/radio-group.gator.scss.js";import"../radio/radio.gator.js";import{handleDataTestid as b}from"../../utils/datatestid-utils.js";import{ifDefined as y}from"../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import{NgcInputText as v}from"../input/gator/input-text/input-text.gator.js";import{unsafeCSS as $}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var x=Object.defineProperty,I=Object.getOwnPropertyDescriptor,T=Object.getPrototypeOf,E=Reflect.get,m=(e,t,i,o)=>{for(var r=o>1?void 0:o?I(t,i):t,l=e.length-1,s;l>=0;l--)(s=e[l])&&(r=(o?s(t,i,r):s(r))||r);return o&&r&&x(t,i,r),r},_=(e,t,i)=>E(T(e),i,t);let n=class extends v{constructor(){super(...arguments),this.options=[],this._randomId=u()}render(){return a`
|
|
2
2
|
<div class="gator-radio-group-container">
|
|
3
|
-
${this.label?
|
|
3
|
+
${this.label?a`<ngc-input-label id="${this.elementId}-label" data-testid=${y(this.labelDataTestid)} ?skeleton=${this.skeleton}>${this.label}</ngc-input-label>`:null}
|
|
4
4
|
<div id="${this.elementId}-group"
|
|
5
5
|
role="radiogroup"
|
|
6
6
|
class="gator-radio-group"
|
|
@@ -9,12 +9,12 @@ import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/re
|
|
|
9
9
|
@keydown=${this.handleRadioKeydown}
|
|
10
10
|
@change=${this.handleRadioSelectionChange}
|
|
11
11
|
>
|
|
12
|
-
${this.options.length>0?this.radiosFromOptions:
|
|
12
|
+
${this.options.length>0?this.radiosFromOptions:a`<slot></slot>`}
|
|
13
13
|
</div>
|
|
14
14
|
</div>
|
|
15
15
|
${this.bottomText}
|
|
16
|
-
`}get elementId(){return g(this.id,this._randomId)}get radiosFromOptions(){return
|
|
17
|
-
${this.options.map(e=>
|
|
16
|
+
`}get elementId(){return g(this.id,this._randomId)}get radiosFromOptions(){return a`
|
|
17
|
+
${this.options.map(e=>a`
|
|
18
18
|
<ngc-radio
|
|
19
19
|
title-text=${e.title}
|
|
20
20
|
value=${e.value}
|
|
@@ -23,4 +23,4 @@ import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/re
|
|
|
23
23
|
error-text=${this.errorText}
|
|
24
24
|
></ngc-radio>
|
|
25
25
|
`)}
|
|
26
|
-
`}get radioElements(){if(this.options.length>0)return this.shadowRoot?.querySelectorAll("ngc-radio");const e=this.shadowRoot?.querySelector("slot")?.assignedElements();return e&&e.length===1&&e[0]instanceof HTMLSlotElement?e[0].assignedElements():e}get describedBy(){const e=[];return this.errorText&&e.push(`${this.elementId}-error`),this.helpText&&e.push(`${this.elementId}-help`),e.join(" ")}handleRadioSelectionChange(e){const t=e;t.stopImmediatePropagation(),this.value=t.detail.value??t.detail,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:this.value}))}handleRadioKeydown(e){const t=this.radioElements;if(t){const
|
|
26
|
+
`}get radioElements(){if(this.options.length>0)return this.shadowRoot?.querySelectorAll("ngc-radio");const e=this.shadowRoot?.querySelector("slot")?.assignedElements();return e&&e.length===1&&e[0]instanceof HTMLSlotElement?e[0].assignedElements():e}get describedBy(){const e=[];return this.errorText&&e.push(`${this.elementId}-error`),this.helpText&&e.push(`${this.elementId}-help`),e.join(" ")}handleRadioSelectionChange(e){const t=e;t.stopImmediatePropagation(),this.value=t.detail.value??t.detail,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:this.value}))}handleRadioKeydown(e){const t=this.radioElements;if(t){const i=Array.from(t).findIndex(s=>s.selected),o=e.key===d.RIGHT||e.key===d.DOWN,r=e.key===d.LEFT||e.key===d.UP,l=e.key===d.SPACE;if(o||r||l){e.preventDefault();let s=i===-1?0:i;o?s=(s+1)%t.length:r?s=(s-1+t.length)%t.length:l&&i===-1&&(s=0);const h=t[s];h&&(h.focus(),h.click())}}}updated(){this.radioElements?.forEach((e,t)=>{e.selected=this.value===e.value,e.disabled=this.disabled,e.errorText=this.errorText,e.grouped=!0,e.radioTabindex=this.getItemTabindex(t),e.skeleton=this.skeleton,b(e,this.dataTestid,`radio-${t}`)})}getItemTabindex(e){return e===0&&!this.value?0:-1}};n.styles=[..._(n,n,"styles"),$(f)];m([c({type:Array})],n.prototype,"options",2);n=m([p("ngc-radio-group")],n);export{n as NgcRadioGroup};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const o=":root,:host{--ngc-radio-group-flex-direction: row;--ngc-radio-group-gap: 0}ngc-radio{display:flex;padding:1.5rem 5.1875rem;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;cursor:pointer;z-index:0;border:var(--ngc-boolean-border);background:var(--ngc-boolean-background-color)}.gator-boolean-option-0{border-radius:var(--ngc-boolean-outer-border-radius) 0 0 var(--ngc-boolean-outer-border-radius)}.gator-boolean-option-1{margin-top:0;margin-left:-1px;border-radius:0 var(--ngc-boolean-outer-border-radius) var(--ngc-boolean-outer-border-radius) 0}.gator-boolean_wrapped .gator-boolean-option-0{border-radius:var(--ngc-boolean-outer-border-radius) var(--ngc-boolean-outer-border-radius) 0 0}.gator-boolean_wrapped .gator-boolean-option-1{margin-top:-1px;margin-left:0;border-radius:0 0 var(--ngc-boolean-outer-border-radius) var(--ngc-boolean-outer-border-radius)}.gator-boolean-option_selected{z-index:1;background:var(--ngc-boolean-background-color-selected);border:var(--ngc-boolean-border-selected);animation:.3s ease-out selectBoolean}@keyframes selectBoolean{0%{background:var(--ngc-boolean-background-color);border:var(--ngc-boolean-border)}to{background:var(--ngc-boolean-background-color-selected);border:var(--ngc-boolean-border-selected)}}:hover
|
|
1
|
+
const o=":root,:host{--ngc-radio-group-flex-direction: row;--ngc-radio-group-gap: 0}ngc-radio{display:flex;padding:1.5rem 5.1875rem;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;cursor:pointer;z-index:0;border:1px solid var(--ngc-boolean-border-color);background:var(--ngc-boolean-background-color)}.gator-boolean-option-0{border-radius:var(--ngc-boolean-outer-border-radius) 0 0 var(--ngc-boolean-outer-border-radius)}.gator-boolean-option-1{margin-top:0;margin-left:-1px;border-radius:0 var(--ngc-boolean-outer-border-radius) var(--ngc-boolean-outer-border-radius) 0}.gator-boolean_wrapped .gator-boolean-option-0{border-radius:var(--ngc-boolean-outer-border-radius) var(--ngc-boolean-outer-border-radius) 0 0}.gator-boolean_wrapped .gator-boolean-option-1{margin-top:-1px;margin-left:0;border-radius:0 0 var(--ngc-boolean-outer-border-radius) var(--ngc-boolean-outer-border-radius)}.gator-boolean:not(.gator-boolean_skeleton,.gator-boolean_disabled) .gator-boolean-option_selected{z-index:1;background:var(--ngc-boolean-background-color-selected);border:var(--ngc-boolean-border-selected);animation:.3s ease-out selectBoolean}@keyframes selectBoolean{0%{background:var(--ngc-boolean-background-color);border:var(--ngc-boolean-border)}to{background:var(--ngc-boolean-background-color-selected);border:var(--ngc-boolean-border-selected)}}ngc-radio:hover{z-index:1;box-shadow:var(--ngc-boolean-box-shadow-hover)}ngc-radio:hover:not(.gator-boolean_error) ngc-radio:hover{border:var(--ngc-boolean-border-hover)}.gator-boolean_disabled ngc-radio{--ngc-boolean-background-color: var(--color-surface-tertiary, #F2F2F2);--ngc-boolean-background-color-selected: var(--color-surface-tertiary, #F2F2F2);cursor:not-allowed}.gator-boolean_disabled ngc-radio:hover{box-shadow:none}ngc-radio:focus-within{z-index:1;border:var(--ngc-boolean-border-focus, var(--size-stroke-1, 1px) solid var(--ngc-boolean-border-color-focus));outline:var(--ngc-boolean-outline-focus, var(--size-stroke-1, 1px) solid var(--ngc-boolean-outline-color-focus));outline-offset:1px;--ngc-radio-focus-border: none}.gator-boolean.gator-boolean_error:not(.gator-boolean_skeleton) ngc-radio{border:var(--ngc-boolean-border-error, var(--size-stroke-1, 1px) solid var(--ngc-boolean-border-color-error));--ngc-radio-icon-color-error: var(--color-neutral-40);--ngc-boolean-background-color-selected: var(--color-surface-error, #FAEBE7)}.gator-boolean_skeleton ngc-radio{--ngc-boolean-background-color: var(--color-surface-tertiary, #F2F2F2);--ngc-boolean-border-color: var(--color-border-secondary, #BFBFBF);pointer-events:none}";export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const o=":host,:root{--ngc-boolean-background-color: var(--color-neutral-0, #FFF);--ngc-boolean-background-color-selected: var(--color-brand-
|
|
1
|
+
const o=":host,:root{--ngc-boolean-background-color: var(--color-neutral-0, #FFF);--ngc-boolean-background-color-selected: var(--color-surface-brand-hover, #E4ECF2);--ngc-boolean-border-color: var(--color-border-primary, #6d6d6d);--ngc-boolean-border-color-selected: var(--color-brand-30, #11395B);--ngc-boolean-border-color-hover: var(--color-brand-30, #11395B);--ngc-boolean-border-color-focus: var(--color-brand-30, #11395B);--ngc-boolean-outline-color-focus: var(--color-brand-30, #11395B);--ngc-boolean-border-color-error: var(--color-stroke-error);--ngc-boolean-border: var(--size-stroke-1, 1px) solid var(--ngc-boolean-border-color);--ngc-boolean-border-selected: var(--size-stroke-1, 1px) solid var(--ngc-boolean-border-color-selected);--ngc-boolean-border-hover: var(--size-stroke-1, 1px) solid var(--ngc-boolean-border-color-hover);--ngc-boolean-border-focus: var(--size-stroke-1, 1px) solid var(--ngc-boolean-border-color-focus);--ngc-boolean-border-error: var(--size-stroke-1, 1px) solid var(--ngc-boolean-border-color-error);--ngc-boolean-outline-focus: var(--size-stroke-1, 1px) solid var(--ngc-boolean-outline-color-focus);--ngc-boolean-box-shadow-hover: 0px 5px 10px 0px rgba(31, 31, 31, .1), 0px 7px 14px 0px rgba(31, 31, 31, .08), 0px 3px 6px 0px rgba(31, 31, 31, .08);--ngc-boolean-outer-border-radius: .125rem}";export{o as default};
|
|
@@ -13,7 +13,13 @@ export declare class NgcBoolean extends NgcInputText {
|
|
|
13
13
|
firstUpdated(): void;
|
|
14
14
|
render(): import('lit').TemplateResult<1>;
|
|
15
15
|
get elementId(): string;
|
|
16
|
-
get booleanClasses():
|
|
16
|
+
get booleanClasses(): {
|
|
17
|
+
'gator-boolean': boolean;
|
|
18
|
+
'gator-boolean_wrapped': boolean;
|
|
19
|
+
'gator-boolean_error': boolean;
|
|
20
|
+
'gator-boolean_disabled': boolean;
|
|
21
|
+
'gator-boolean_skeleton': boolean;
|
|
22
|
+
};
|
|
17
23
|
get booleanOptions(): import('lit').TemplateResult<1> | null;
|
|
18
24
|
get isWrapped(): boolean;
|
|
19
25
|
handleChange(event: Event): void;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare
|
|
3
|
-
export declare class NgcInputLabel extends NgcInputLabel_base {
|
|
1
|
+
import { NgcComponent } from '../../../../utils/components/ngc-component.ts';
|
|
2
|
+
export declare class NgcInputLabel extends NgcComponent {
|
|
4
3
|
static shadowRootOptions: {
|
|
5
4
|
mode: ShadowRootMode;
|
|
6
5
|
delegatesFocus?: boolean;
|
|
@@ -27,4 +26,3 @@ declare global {
|
|
|
27
26
|
'ngc-input-label': NgcInputLabel;
|
|
28
27
|
}
|
|
29
28
|
}
|
|
30
|
-
export {};
|
|
@@ -25,6 +25,7 @@ export declare class NgcRadio extends NgcInputText {
|
|
|
25
25
|
connectedCallback(): void;
|
|
26
26
|
render(): import('lit').TemplateResult<1>;
|
|
27
27
|
get bottomText(): import('lit').TemplateResult<1> | typeof nothing;
|
|
28
|
+
get skeletonMarkup(): import('lit').TemplateResult<1>;
|
|
28
29
|
get elementId(): string;
|
|
29
30
|
get tabindex(): number;
|
|
30
31
|
handleChange(): void;
|
|
@@ -12,6 +12,11 @@ export declare class NgcComponent extends NgcComponent_base {
|
|
|
12
12
|
* to the host element.
|
|
13
13
|
*/
|
|
14
14
|
delegatesARIA: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* @property {Boolean} skeleton - Whether the component should be rendered in a skeleton state.
|
|
17
|
+
* @type {boolean}
|
|
18
|
+
*/
|
|
19
|
+
skeleton: boolean;
|
|
15
20
|
static styles: import('lit').CSSResult[];
|
|
16
21
|
}
|
|
17
22
|
export {};
|
|
@@ -132,6 +132,19 @@ export declare const INPUT_A11Y_ARGS: {
|
|
|
132
132
|
description: string;
|
|
133
133
|
};
|
|
134
134
|
};
|
|
135
|
+
export declare const SKELETON_ARG: {
|
|
136
|
+
skeleton: {
|
|
137
|
+
description: string;
|
|
138
|
+
control: {
|
|
139
|
+
type: string;
|
|
140
|
+
};
|
|
141
|
+
table: {
|
|
142
|
+
defaultValue: {
|
|
143
|
+
summary: string;
|
|
144
|
+
};
|
|
145
|
+
};
|
|
146
|
+
};
|
|
147
|
+
};
|
|
135
148
|
export declare const START_ICON_ARG: {
|
|
136
149
|
startIcon: {
|
|
137
150
|
name: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import n from"../../packages/web-components/src/tokens/primitive.tokens.scss.js";import u from"../../packages/web-components/src/tokens/semantic.tokens.scss.js";import d from"../../packages/web-components/src/styles/_gator-utils.scss.js";import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import"../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{TestableLitElement as v}from"./testable-lit-element/testable-lit-element.js";import{AttributeDeletionMixin as y}from"../mixins/attribute-deletion.js";import{property as l}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{unsafeCSS as o}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var A=Object.defineProperty,f=(s,p,m,h)=>{for(var t=void 0,r=s.length-1,a;r>=0;r--)(a=s[r])&&(t=a(p,m,t)||t);return t&&A(p,m,t),t};const i=class i extends y(v){constructor(){super(...arguments),this.delegatesARIA=!0,this.skeleton=!1}};i.styles=[o(n),o(u),o(d)];let e=i;f([l({type:Boolean})],e.prototype,"delegatesARIA");f([l({type:Boolean})],e.prototype,"skeleton");export{e as NgcComponent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const n={errorText:{name:"error-text",description:"Custom error message to be displayed. This value overrides any native or internal error messaging. If this is set, the component will be styled in an error state.",table:{category:"Base Input",defaultValue:{summary:""}}},helpText:{name:"help-text",description:"Custom help text to be displayed inline below the component.",table:{category:"Base Input",defaultValue:{summary:""}}},placeholder:{description:"Placeholder text to be displayed in the input.",table:{category:"Base Input",defaultValue:{summary:""}}},value:{description:"Value of the component.",table:{category:"Base Input",defaultValue:{summary:"undefined"}}},label:{description:"Visible label for the component. This is the gold standard, best practice way to label an input for built in accessibility support. If this is not set, you must set the ariaLabelledByElements property for correct programmatic association between your custom label and the input element.",table:{category:"Base Input",defaultValue:{summary:""}}},ariaLabelledByElements:{name:"aria-labelled-by-elements",description:"Used to programmatically associate a custom label to the input. This should only be used when you are using a custom label outside of the ngc input component due to limitations of the shadow dom. Accepts a list of elements. For more information on ARIA element reflection, see [here](https://wicg.github.io/aom/aria-reflection-explainer.html).",type:{summary:"Element[]"},table:{category:"Base Input",defaultValue:{summary:""}}},required:{description:"Whether the component is required.",table:{category:"Base Input",defaultValue:{summary:"false"}}},disabled:{description:"Whether the component is disabled.",table:{category:"Base Input",defaultValue:{summary:"false"}}},readonly:{description:"Whether the component is readonly.",table:{category:"Base Input",defaultValue:{summary:"false"}}},id:{description:"Unique ID for the component. Required for accessibility.",table:{category:"Base Input",defaultValue:{summary:""}}}},i={pattern:{description:"The pattern attribute to be passed to the input. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern).",control:"text",table:{defaultValue:{summary:"undefined"}}}},r={min:{description:"The min attribute defines the minimum value that is acceptable and valid for the input containing the attribute. If the value of the element is less than this, the element fails validation. This value must be less than or equal to the value of the max attribute. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min).",control:"string"},max:{description:"The max attribute defines the maximum value that is acceptable and valid for the input containing the attribute. If the value of the element is greater than this, the element fails validation. This value must be greater than or equal to the value of the min attribute. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max).",control:"string"},step:{description:"The step attribute to be passed to the input for number inputs. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).",control:"number",table:{defaultValue:{summary:"1"}}}},
|
|
1
|
+
const n={errorText:{name:"error-text",description:"Custom error message to be displayed. This value overrides any native or internal error messaging. If this is set, the component will be styled in an error state.",table:{category:"Base Input",defaultValue:{summary:""}}},helpText:{name:"help-text",description:"Custom help text to be displayed inline below the component.",table:{category:"Base Input",defaultValue:{summary:""}}},placeholder:{description:"Placeholder text to be displayed in the input.",table:{category:"Base Input",defaultValue:{summary:""}}},value:{description:"Value of the component.",table:{category:"Base Input",defaultValue:{summary:"undefined"}}},label:{description:"Visible label for the component. This is the gold standard, best practice way to label an input for built in accessibility support. If this is not set, you must set the ariaLabelledByElements property for correct programmatic association between your custom label and the input element.",table:{category:"Base Input",defaultValue:{summary:""}}},ariaLabelledByElements:{name:"aria-labelled-by-elements",description:"Used to programmatically associate a custom label to the input. This should only be used when you are using a custom label outside of the ngc input component due to limitations of the shadow dom. Accepts a list of elements. For more information on ARIA element reflection, see [here](https://wicg.github.io/aom/aria-reflection-explainer.html).",type:{summary:"Element[]"},table:{category:"Base Input",defaultValue:{summary:""}}},required:{description:"Whether the component is required.",table:{category:"Base Input",defaultValue:{summary:"false"}}},disabled:{description:"Whether the component is disabled.",table:{category:"Base Input",defaultValue:{summary:"false"}}},readonly:{description:"Whether the component is readonly.",table:{category:"Base Input",defaultValue:{summary:"false"}}},id:{description:"Unique ID for the component. Required for accessibility.",table:{category:"Base Input",defaultValue:{summary:""}}}},i={pattern:{description:"The pattern attribute to be passed to the input. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern).",control:"text",table:{defaultValue:{summary:"undefined"}}}},r={min:{description:"The min attribute defines the minimum value that is acceptable and valid for the input containing the attribute. If the value of the element is less than this, the element fails validation. This value must be less than or equal to the value of the max attribute. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min).",control:"string"},max:{description:"The max attribute defines the maximum value that is acceptable and valid for the input containing the attribute. If the value of the element is greater than this, the element fails validation. This value must be greater than or equal to the value of the min attribute. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max).",control:"string"},step:{description:"The step attribute to be passed to the input for number inputs. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).",control:"number",table:{defaultValue:{summary:"1"}}}},l={ariaDescription:{name:"aria-description",description:"The aria-description attribute for the component."}},s={skeleton:{description:"Whether the component should be rendered in a skeleton/loading state.",control:{type:"boolean"},table:{defaultValue:{summary:"false"}}}},u={startIcon:{name:"start-icon",description:"Icon to be displayed at the start of the component. Should be a valid icon name from the [icon library](?path=/story/components-icon--gator-icon-list).",control:{type:"text"},table:{category:"Optional Icon(s)"}}},c={endIcon:{name:"end-icon",description:"Icon to be displayed at the end of the component. Should be a valid icon name from the [icon library](?path=/story/components-icon--gator-icon-list).",control:{type:"text"},table:{category:"Optional Icon(s)"}}},m=(t,o)=>{let e,a={};for(e in t)t.hasOwnProperty(e)&&!o.includes(e)&&(a[e]=t[e]);return a},d=(t,o)=>{let e,a={};for(e in t)t.hasOwnProperty(e)&&o.includes(e)&&(a[e]=t[e]);return a};export{c as END_ICON_ARG,l as INPUT_A11Y_ARGS,n as INPUT_BASE_ARGS,r as INPUT_NUMERIC_ARGS,i as INPUT_TEXT_ARGS,s as SKELETON_ARG,u as START_ICON_ARG,m as argsExclude,d as argsOnly};
|
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": "6.0.0
|
|
4
|
+
"version": "6.0.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -802,6 +802,19 @@
|
|
|
802
802
|
{
|
|
803
803
|
"name": "hide-label",
|
|
804
804
|
"value": { "type": "boolean", "default": "false" }
|
|
805
|
+
},
|
|
806
|
+
{
|
|
807
|
+
"name": "delegatesARIA",
|
|
808
|
+
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
809
|
+
"value": { "type": "boolean", "default": "true" }
|
|
810
|
+
},
|
|
811
|
+
{
|
|
812
|
+
"name": "skeleton",
|
|
813
|
+
"value": { "type": "boolean", "default": "false" }
|
|
814
|
+
},
|
|
815
|
+
{
|
|
816
|
+
"name": "data-testid",
|
|
817
|
+
"value": { "type": "string | undefined", "default": "undefined" }
|
|
805
818
|
}
|
|
806
819
|
],
|
|
807
820
|
"events": [],
|
|
@@ -814,7 +827,17 @@
|
|
|
814
827
|
"name": "shouldApplyAttributeDeletion",
|
|
815
828
|
"description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.",
|
|
816
829
|
"type": "boolean"
|
|
817
|
-
}
|
|
830
|
+
},
|
|
831
|
+
{
|
|
832
|
+
"name": "delegatesARIA",
|
|
833
|
+
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
834
|
+
"type": "boolean"
|
|
835
|
+
},
|
|
836
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
837
|
+
{ "name": "dataTestid", "type": "string | undefined" },
|
|
838
|
+
{ "name": "labelDataTestid" },
|
|
839
|
+
{ "name": "helpTextDataTestid" },
|
|
840
|
+
{ "name": "errorMessageDataTestid" }
|
|
818
841
|
],
|
|
819
842
|
"events": []
|
|
820
843
|
}
|
|
@@ -917,6 +940,10 @@
|
|
|
917
940
|
"name": "icon-as-label",
|
|
918
941
|
"value": { "type": "boolean", "default": "false" }
|
|
919
942
|
},
|
|
943
|
+
{
|
|
944
|
+
"name": "skeleton",
|
|
945
|
+
"value": { "type": "boolean", "default": "false" }
|
|
946
|
+
},
|
|
920
947
|
{
|
|
921
948
|
"name": "data-testid",
|
|
922
949
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -974,6 +1001,7 @@
|
|
|
974
1001
|
{ "name": "endIcon", "type": "string" },
|
|
975
1002
|
{ "name": "maxLength", "type": "string" },
|
|
976
1003
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
1004
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
977
1005
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
978
1006
|
{ "name": "labelDataTestid" },
|
|
979
1007
|
{ "name": "helpTextDataTestid" },
|
|
@@ -1072,6 +1100,10 @@
|
|
|
1072
1100
|
"name": "icon-as-label",
|
|
1073
1101
|
"value": { "type": "boolean", "default": "false" }
|
|
1074
1102
|
},
|
|
1103
|
+
{
|
|
1104
|
+
"name": "skeleton",
|
|
1105
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1106
|
+
},
|
|
1075
1107
|
{
|
|
1076
1108
|
"name": "data-testid",
|
|
1077
1109
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -1089,6 +1121,7 @@
|
|
|
1089
1121
|
{ "name": "grouped", "type": "boolean" },
|
|
1090
1122
|
{ "name": "inputRef", "type": "Ref<HTMLInputElement>" },
|
|
1091
1123
|
{ "name": "bottomText" },
|
|
1124
|
+
{ "name": "skeletonMarkup" },
|
|
1092
1125
|
{ "name": "elementId" },
|
|
1093
1126
|
{ "name": "tabindex" },
|
|
1094
1127
|
{ "name": "controlRef", "type": "Ref<HTMLDivElement>" },
|
|
@@ -1135,6 +1168,7 @@
|
|
|
1135
1168
|
{ "name": "endIcon", "type": "string" },
|
|
1136
1169
|
{ "name": "maxLength", "type": "string" },
|
|
1137
1170
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
1171
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
1138
1172
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
1139
1173
|
{ "name": "labelDataTestid" },
|
|
1140
1174
|
{ "name": "helpTextDataTestid" },
|
|
@@ -1221,6 +1255,10 @@
|
|
|
1221
1255
|
"name": "icon-as-label",
|
|
1222
1256
|
"value": { "type": "boolean", "default": "false" }
|
|
1223
1257
|
},
|
|
1258
|
+
{
|
|
1259
|
+
"name": "skeleton",
|
|
1260
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1261
|
+
},
|
|
1224
1262
|
{
|
|
1225
1263
|
"name": "data-testid",
|
|
1226
1264
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -1283,6 +1321,7 @@
|
|
|
1283
1321
|
{ "name": "endIcon", "type": "string" },
|
|
1284
1322
|
{ "name": "maxLength", "type": "string" },
|
|
1285
1323
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
1324
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
1286
1325
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
1287
1326
|
{ "name": "labelDataTestid" },
|
|
1288
1327
|
{ "name": "helpTextDataTestid" },
|
|
@@ -1369,6 +1408,10 @@
|
|
|
1369
1408
|
"name": "icon-as-label",
|
|
1370
1409
|
"value": { "type": "boolean", "default": "false" }
|
|
1371
1410
|
},
|
|
1411
|
+
{
|
|
1412
|
+
"name": "skeleton",
|
|
1413
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1414
|
+
},
|
|
1372
1415
|
{
|
|
1373
1416
|
"name": "data-testid",
|
|
1374
1417
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -1431,6 +1474,7 @@
|
|
|
1431
1474
|
{ "name": "endIcon", "type": "string" },
|
|
1432
1475
|
{ "name": "maxLength", "type": "string" },
|
|
1433
1476
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
1477
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
1434
1478
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
1435
1479
|
{ "name": "labelDataTestid" },
|
|
1436
1480
|
{ "name": "helpTextDataTestid" },
|
|
@@ -1901,6 +1945,10 @@
|
|
|
1901
1945
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
1902
1946
|
"value": { "type": "boolean", "default": "true" }
|
|
1903
1947
|
},
|
|
1948
|
+
{
|
|
1949
|
+
"name": "skeleton",
|
|
1950
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1951
|
+
},
|
|
1904
1952
|
{
|
|
1905
1953
|
"name": "data-testid",
|
|
1906
1954
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -1943,6 +1991,7 @@
|
|
|
1943
1991
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
1944
1992
|
"type": "boolean"
|
|
1945
1993
|
},
|
|
1994
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
1946
1995
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
1947
1996
|
{ "name": "labelDataTestid" },
|
|
1948
1997
|
{ "name": "helpTextDataTestid" },
|
|
@@ -2328,6 +2377,10 @@
|
|
|
2328
2377
|
"name": "icon-as-label",
|
|
2329
2378
|
"value": { "type": "boolean", "default": "false" }
|
|
2330
2379
|
},
|
|
2380
|
+
{
|
|
2381
|
+
"name": "skeleton",
|
|
2382
|
+
"value": { "type": "boolean", "default": "false" }
|
|
2383
|
+
},
|
|
2331
2384
|
{
|
|
2332
2385
|
"name": "data-testid",
|
|
2333
2386
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -2391,6 +2444,7 @@
|
|
|
2391
2444
|
{ "name": "endIcon", "type": "string" },
|
|
2392
2445
|
{ "name": "maxLength", "type": "string" },
|
|
2393
2446
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
2447
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
2394
2448
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
2395
2449
|
{ "name": "labelDataTestid" },
|
|
2396
2450
|
{ "name": "helpTextDataTestid" },
|
|
@@ -2480,6 +2534,10 @@
|
|
|
2480
2534
|
"name": "icon-as-label",
|
|
2481
2535
|
"value": { "type": "boolean", "default": "false" }
|
|
2482
2536
|
},
|
|
2537
|
+
{
|
|
2538
|
+
"name": "skeleton",
|
|
2539
|
+
"value": { "type": "boolean", "default": "false" }
|
|
2540
|
+
},
|
|
2483
2541
|
{
|
|
2484
2542
|
"name": "data-testid",
|
|
2485
2543
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -2542,6 +2600,7 @@
|
|
|
2542
2600
|
{ "name": "endIcon", "type": "string" },
|
|
2543
2601
|
{ "name": "maxLength", "type": "string" },
|
|
2544
2602
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
2603
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
2545
2604
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
2546
2605
|
{ "name": "labelDataTestid" },
|
|
2547
2606
|
{ "name": "helpTextDataTestid" },
|
|
@@ -2776,6 +2835,10 @@
|
|
|
2776
2835
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
2777
2836
|
"value": { "type": "boolean", "default": "true" }
|
|
2778
2837
|
},
|
|
2838
|
+
{
|
|
2839
|
+
"name": "skeleton",
|
|
2840
|
+
"value": { "type": "boolean", "default": "false" }
|
|
2841
|
+
},
|
|
2779
2842
|
{
|
|
2780
2843
|
"name": "data-testid",
|
|
2781
2844
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -2821,6 +2884,7 @@
|
|
|
2821
2884
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
2822
2885
|
"type": "boolean"
|
|
2823
2886
|
},
|
|
2887
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
2824
2888
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
2825
2889
|
{ "name": "labelDataTestid" },
|
|
2826
2890
|
{ "name": "helpTextDataTestid" },
|
|
@@ -3076,6 +3140,10 @@
|
|
|
3076
3140
|
"name": "icon-as-label",
|
|
3077
3141
|
"value": { "type": "boolean", "default": "false" }
|
|
3078
3142
|
},
|
|
3143
|
+
{
|
|
3144
|
+
"name": "skeleton",
|
|
3145
|
+
"value": { "type": "boolean", "default": "false" }
|
|
3146
|
+
},
|
|
3079
3147
|
{
|
|
3080
3148
|
"name": "data-testid",
|
|
3081
3149
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -3135,6 +3203,7 @@
|
|
|
3135
3203
|
{ "name": "endIcon", "type": "string" },
|
|
3136
3204
|
{ "name": "maxLength", "type": "string" },
|
|
3137
3205
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
3206
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
3138
3207
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
3139
3208
|
{ "name": "labelDataTestid" },
|
|
3140
3209
|
{ "name": "helpTextDataTestid" },
|
|
@@ -3411,6 +3480,10 @@
|
|
|
3411
3480
|
"name": "icon-as-label",
|
|
3412
3481
|
"value": { "type": "boolean", "default": "false" }
|
|
3413
3482
|
},
|
|
3483
|
+
{
|
|
3484
|
+
"name": "skeleton",
|
|
3485
|
+
"value": { "type": "boolean", "default": "false" }
|
|
3486
|
+
},
|
|
3414
3487
|
{
|
|
3415
3488
|
"name": "data-testid",
|
|
3416
3489
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -3497,6 +3570,7 @@
|
|
|
3497
3570
|
{ "name": "endIcon", "type": "string" },
|
|
3498
3571
|
{ "name": "maxLength", "type": "string" },
|
|
3499
3572
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
3573
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
3500
3574
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
3501
3575
|
{ "name": "labelDataTestid" },
|
|
3502
3576
|
{ "name": "helpTextDataTestid" },
|
|
@@ -3579,6 +3653,10 @@
|
|
|
3579
3653
|
"name": "icon-as-label",
|
|
3580
3654
|
"value": { "type": "boolean", "default": "false" }
|
|
3581
3655
|
},
|
|
3656
|
+
{
|
|
3657
|
+
"name": "skeleton",
|
|
3658
|
+
"value": { "type": "boolean", "default": "false" }
|
|
3659
|
+
},
|
|
3582
3660
|
{
|
|
3583
3661
|
"name": "data-testid",
|
|
3584
3662
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -3636,6 +3714,7 @@
|
|
|
3636
3714
|
{ "name": "endIcon", "type": "string" },
|
|
3637
3715
|
{ "name": "maxLength", "type": "string" },
|
|
3638
3716
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
3717
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
3639
3718
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
3640
3719
|
{ "name": "labelDataTestid" },
|
|
3641
3720
|
{ "name": "helpTextDataTestid" },
|
|
@@ -3733,6 +3812,10 @@
|
|
|
3733
3812
|
"name": "icon-as-label",
|
|
3734
3813
|
"value": { "type": "boolean", "default": "false" }
|
|
3735
3814
|
},
|
|
3815
|
+
{
|
|
3816
|
+
"name": "skeleton",
|
|
3817
|
+
"value": { "type": "boolean", "default": "false" }
|
|
3818
|
+
},
|
|
3736
3819
|
{
|
|
3737
3820
|
"name": "data-testid",
|
|
3738
3821
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -3796,6 +3879,7 @@
|
|
|
3796
3879
|
{ "name": "endIcon", "type": "string" },
|
|
3797
3880
|
{ "name": "maxLength", "type": "string" },
|
|
3798
3881
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
3882
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
3799
3883
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
3800
3884
|
{ "name": "labelDataTestid" },
|
|
3801
3885
|
{ "name": "helpTextDataTestid" },
|
|
@@ -3878,6 +3962,10 @@
|
|
|
3878
3962
|
"name": "icon-as-label",
|
|
3879
3963
|
"value": { "type": "boolean", "default": "false" }
|
|
3880
3964
|
},
|
|
3965
|
+
{
|
|
3966
|
+
"name": "skeleton",
|
|
3967
|
+
"value": { "type": "boolean", "default": "false" }
|
|
3968
|
+
},
|
|
3881
3969
|
{
|
|
3882
3970
|
"name": "data-testid",
|
|
3883
3971
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -3935,6 +4023,7 @@
|
|
|
3935
4023
|
{ "name": "endIcon", "type": "string" },
|
|
3936
4024
|
{ "name": "maxLength", "type": "string" },
|
|
3937
4025
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
4026
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
3938
4027
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
3939
4028
|
{ "name": "labelDataTestid" },
|
|
3940
4029
|
{ "name": "helpTextDataTestid" },
|
|
@@ -4038,6 +4127,10 @@
|
|
|
4038
4127
|
"name": "icon-as-label",
|
|
4039
4128
|
"value": { "type": "boolean", "default": "false" }
|
|
4040
4129
|
},
|
|
4130
|
+
{
|
|
4131
|
+
"name": "skeleton",
|
|
4132
|
+
"value": { "type": "boolean", "default": "false" }
|
|
4133
|
+
},
|
|
4041
4134
|
{
|
|
4042
4135
|
"name": "data-testid",
|
|
4043
4136
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -4121,6 +4214,7 @@
|
|
|
4121
4214
|
{ "name": "endIcon", "type": "string" },
|
|
4122
4215
|
{ "name": "maxLength", "type": "string" },
|
|
4123
4216
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
4217
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
4124
4218
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
4125
4219
|
{ "name": "labelDataTestid" },
|
|
4126
4220
|
{ "name": "helpTextDataTestid" },
|
|
@@ -4198,6 +4292,10 @@
|
|
|
4198
4292
|
"name": "icon-as-label",
|
|
4199
4293
|
"value": { "type": "boolean", "default": "false" }
|
|
4200
4294
|
},
|
|
4295
|
+
{
|
|
4296
|
+
"name": "skeleton",
|
|
4297
|
+
"value": { "type": "boolean", "default": "false" }
|
|
4298
|
+
},
|
|
4201
4299
|
{
|
|
4202
4300
|
"name": "data-testid",
|
|
4203
4301
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -4251,6 +4349,7 @@
|
|
|
4251
4349
|
{ "name": "endIcon", "type": "string" },
|
|
4252
4350
|
{ "name": "maxLength", "type": "string" },
|
|
4253
4351
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
4352
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
4254
4353
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
4255
4354
|
{ "name": "labelDataTestid" },
|
|
4256
4355
|
{ "name": "helpTextDataTestid" },
|
|
@@ -4281,6 +4380,10 @@
|
|
|
4281
4380
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
4282
4381
|
"value": { "type": "boolean", "default": "true" }
|
|
4283
4382
|
},
|
|
4383
|
+
{
|
|
4384
|
+
"name": "skeleton",
|
|
4385
|
+
"value": { "type": "boolean", "default": "false" }
|
|
4386
|
+
},
|
|
4284
4387
|
{
|
|
4285
4388
|
"name": "data-testid",
|
|
4286
4389
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -4308,6 +4411,7 @@
|
|
|
4308
4411
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
4309
4412
|
"type": "boolean"
|
|
4310
4413
|
},
|
|
4414
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
4311
4415
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
4312
4416
|
{ "name": "labelDataTestid" },
|
|
4313
4417
|
{ "name": "helpTextDataTestid" },
|
|
@@ -4405,6 +4509,10 @@
|
|
|
4405
4509
|
"name": "icon-as-label",
|
|
4406
4510
|
"value": { "type": "boolean", "default": "false" }
|
|
4407
4511
|
},
|
|
4512
|
+
{
|
|
4513
|
+
"name": "skeleton",
|
|
4514
|
+
"value": { "type": "boolean", "default": "false" }
|
|
4515
|
+
},
|
|
4408
4516
|
{
|
|
4409
4517
|
"name": "data-testid",
|
|
4410
4518
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -4471,6 +4579,7 @@
|
|
|
4471
4579
|
{ "name": "endIcon", "type": "string" },
|
|
4472
4580
|
{ "name": "maxLength", "type": "string" },
|
|
4473
4581
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
4582
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
4474
4583
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
4475
4584
|
{ "name": "labelDataTestid" },
|
|
4476
4585
|
{ "name": "helpTextDataTestid" },
|
|
@@ -4556,6 +4665,10 @@
|
|
|
4556
4665
|
"name": "icon-as-label",
|
|
4557
4666
|
"value": { "type": "boolean", "default": "false" }
|
|
4558
4667
|
},
|
|
4668
|
+
{
|
|
4669
|
+
"name": "skeleton",
|
|
4670
|
+
"value": { "type": "boolean", "default": "false" }
|
|
4671
|
+
},
|
|
4559
4672
|
{
|
|
4560
4673
|
"name": "data-testid",
|
|
4561
4674
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -4611,6 +4724,7 @@
|
|
|
4611
4724
|
{ "name": "endIcon", "type": "string" },
|
|
4612
4725
|
{ "name": "maxLength", "type": "string" },
|
|
4613
4726
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
4727
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
4614
4728
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
4615
4729
|
{ "name": "labelDataTestid" },
|
|
4616
4730
|
{ "name": "helpTextDataTestid" },
|
|
@@ -4644,6 +4758,10 @@
|
|
|
4644
4758
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
4645
4759
|
"value": { "type": "boolean", "default": "true" }
|
|
4646
4760
|
},
|
|
4761
|
+
{
|
|
4762
|
+
"name": "skeleton",
|
|
4763
|
+
"value": { "type": "boolean", "default": "false" }
|
|
4764
|
+
},
|
|
4647
4765
|
{
|
|
4648
4766
|
"name": "data-testid",
|
|
4649
4767
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -4675,6 +4793,7 @@
|
|
|
4675
4793
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
4676
4794
|
"type": "boolean"
|
|
4677
4795
|
},
|
|
4796
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
4678
4797
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
4679
4798
|
{ "name": "labelDataTestid" },
|
|
4680
4799
|
{ "name": "helpTextDataTestid" },
|
|
@@ -4759,6 +4878,10 @@
|
|
|
4759
4878
|
"name": "icon-as-label",
|
|
4760
4879
|
"value": { "type": "boolean", "default": "false" }
|
|
4761
4880
|
},
|
|
4881
|
+
{
|
|
4882
|
+
"name": "skeleton",
|
|
4883
|
+
"value": { "type": "boolean", "default": "false" }
|
|
4884
|
+
},
|
|
4762
4885
|
{
|
|
4763
4886
|
"name": "data-testid",
|
|
4764
4887
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -4819,6 +4942,7 @@
|
|
|
4819
4942
|
{ "name": "endIcon", "type": "string" },
|
|
4820
4943
|
{ "name": "maxLength", "type": "string" },
|
|
4821
4944
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
4945
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
4822
4946
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
4823
4947
|
{ "name": "labelDataTestid" },
|
|
4824
4948
|
{ "name": "helpTextDataTestid" },
|
|
@@ -5572,6 +5696,10 @@
|
|
|
5572
5696
|
"name": "icon-as-label",
|
|
5573
5697
|
"value": { "type": "boolean", "default": "false" }
|
|
5574
5698
|
},
|
|
5699
|
+
{
|
|
5700
|
+
"name": "skeleton",
|
|
5701
|
+
"value": { "type": "boolean", "default": "false" }
|
|
5702
|
+
},
|
|
5575
5703
|
{
|
|
5576
5704
|
"name": "data-testid",
|
|
5577
5705
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -5643,6 +5771,7 @@
|
|
|
5643
5771
|
{ "name": "endIcon", "type": "string" },
|
|
5644
5772
|
{ "name": "maxLength", "type": "string" },
|
|
5645
5773
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
5774
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
5646
5775
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
5647
5776
|
{ "name": "labelDataTestid" },
|
|
5648
5777
|
{ "name": "helpTextDataTestid" },
|
|
@@ -6051,6 +6180,10 @@
|
|
|
6051
6180
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
6052
6181
|
"value": { "type": "boolean", "default": "true" }
|
|
6053
6182
|
},
|
|
6183
|
+
{
|
|
6184
|
+
"name": "skeleton",
|
|
6185
|
+
"value": { "type": "boolean", "default": "false" }
|
|
6186
|
+
},
|
|
6054
6187
|
{
|
|
6055
6188
|
"name": "data-testid",
|
|
6056
6189
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -6091,6 +6224,7 @@
|
|
|
6091
6224
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
6092
6225
|
"type": "boolean"
|
|
6093
6226
|
},
|
|
6227
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
6094
6228
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
6095
6229
|
{ "name": "labelDataTestid" },
|
|
6096
6230
|
{ "name": "helpTextDataTestid" },
|
|
@@ -6201,6 +6335,10 @@
|
|
|
6201
6335
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
6202
6336
|
"value": { "type": "boolean", "default": "true" }
|
|
6203
6337
|
},
|
|
6338
|
+
{
|
|
6339
|
+
"name": "skeleton",
|
|
6340
|
+
"value": { "type": "boolean", "default": "false" }
|
|
6341
|
+
},
|
|
6204
6342
|
{
|
|
6205
6343
|
"name": "data-testid",
|
|
6206
6344
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -6231,6 +6369,7 @@
|
|
|
6231
6369
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
6232
6370
|
"type": "boolean"
|
|
6233
6371
|
},
|
|
6372
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
6234
6373
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
6235
6374
|
{ "name": "labelDataTestid" },
|
|
6236
6375
|
{ "name": "helpTextDataTestid" },
|
|
@@ -6252,6 +6391,10 @@
|
|
|
6252
6391
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
6253
6392
|
"value": { "type": "boolean", "default": "true" }
|
|
6254
6393
|
},
|
|
6394
|
+
{
|
|
6395
|
+
"name": "skeleton",
|
|
6396
|
+
"value": { "type": "boolean", "default": "false" }
|
|
6397
|
+
},
|
|
6255
6398
|
{
|
|
6256
6399
|
"name": "data-testid",
|
|
6257
6400
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -6270,6 +6413,7 @@
|
|
|
6270
6413
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
6271
6414
|
"type": "boolean"
|
|
6272
6415
|
},
|
|
6416
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
6273
6417
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
6274
6418
|
{ "name": "labelDataTestid" },
|
|
6275
6419
|
{ "name": "helpTextDataTestid" },
|
|
@@ -6587,6 +6731,10 @@
|
|
|
6587
6731
|
"name": "icon-as-label",
|
|
6588
6732
|
"value": { "type": "boolean", "default": "false" }
|
|
6589
6733
|
},
|
|
6734
|
+
{
|
|
6735
|
+
"name": "skeleton",
|
|
6736
|
+
"value": { "type": "boolean", "default": "false" }
|
|
6737
|
+
},
|
|
6590
6738
|
{
|
|
6591
6739
|
"name": "data-testid",
|
|
6592
6740
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -6620,6 +6768,7 @@
|
|
|
6620
6768
|
{ "name": "endIcon", "type": "string" },
|
|
6621
6769
|
{ "name": "maxLength", "type": "string" },
|
|
6622
6770
|
{ "name": "iconAsLabel", "type": "boolean" },
|
|
6771
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
6623
6772
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
6624
6773
|
{ "name": "labelDataTestid" },
|
|
6625
6774
|
{ "name": "helpTextDataTestid" },
|
|
@@ -6775,6 +6924,10 @@
|
|
|
6775
6924
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
6776
6925
|
"value": { "type": "boolean", "default": "true" }
|
|
6777
6926
|
},
|
|
6927
|
+
{
|
|
6928
|
+
"name": "skeleton",
|
|
6929
|
+
"value": { "type": "boolean", "default": "false" }
|
|
6930
|
+
},
|
|
6778
6931
|
{
|
|
6779
6932
|
"name": "data-testid",
|
|
6780
6933
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -6831,6 +6984,7 @@
|
|
|
6831
6984
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
6832
6985
|
"type": "boolean"
|
|
6833
6986
|
},
|
|
6987
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
6834
6988
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
6835
6989
|
{ "name": "labelDataTestid" },
|
|
6836
6990
|
{ "name": "helpTextDataTestid" },
|
|
@@ -6921,6 +7075,10 @@
|
|
|
6921
7075
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
6922
7076
|
"value": { "type": "boolean", "default": "true" }
|
|
6923
7077
|
},
|
|
7078
|
+
{
|
|
7079
|
+
"name": "skeleton",
|
|
7080
|
+
"value": { "type": "boolean", "default": "false" }
|
|
7081
|
+
},
|
|
6924
7082
|
{
|
|
6925
7083
|
"name": "data-testid",
|
|
6926
7084
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -6972,6 +7130,7 @@
|
|
|
6972
7130
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
6973
7131
|
"type": "boolean"
|
|
6974
7132
|
},
|
|
7133
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
6975
7134
|
{ "name": "dataTestid", "type": "string | undefined" },
|
|
6976
7135
|
{ "name": "labelDataTestid" },
|
|
6977
7136
|
{ "name": "helpTextDataTestid" },
|