@solid-design-system/components 4.4.0 → 4.4.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/cdn/chunks/chunk.NW6W2FSS.js +1 -0
- package/cdn/components/drawer/drawer.js +1 -1
- package/cdn/custom-elements.json +1 -1
- package/cdn/solid-components.bundle.js +1 -1
- package/cdn/solid-components.iife.js +1 -1
- package/cdn/solid-components.js +1 -1
- package/cdn/vscode.html-custom-data.json +27 -27
- package/cdn/web-types.json +77 -77
- package/cdn-versioned/_components/menu/menu.js +1 -1
- package/cdn-versioned/_components/menu/menu.styles.js +1 -1
- package/cdn-versioned/_components/menu-item/menu-item.js +2 -2
- package/cdn-versioned/chunks/chunk.247MZWMU.js +1 -1
- package/cdn-versioned/chunks/chunk.2BLQ3VDT.js +4 -4
- package/cdn-versioned/chunks/chunk.2HJF2D4H.js +2 -2
- package/cdn-versioned/chunks/chunk.43NFQGWL.js +1 -1
- package/cdn-versioned/chunks/chunk.4QAJB6AU.js +1 -1
- package/cdn-versioned/chunks/chunk.5AILWWY2.js +1 -1
- package/cdn-versioned/chunks/chunk.5TTHL3M2.js +3 -3
- package/cdn-versioned/chunks/chunk.5YWPH3S7.js +2 -2
- package/cdn-versioned/chunks/chunk.65NSSTJE.js +1 -1
- package/cdn-versioned/chunks/chunk.7TRFUW6U.js +1 -1
- package/cdn-versioned/chunks/chunk.BHWV44KN.js +1 -1
- package/cdn-versioned/chunks/chunk.BWMHPT4Y.js +1 -1
- package/cdn-versioned/chunks/chunk.CEVVDV52.js +1 -1
- package/cdn-versioned/chunks/chunk.CNGIUOE5.js +1 -1
- package/cdn-versioned/chunks/chunk.DDLTKNEO.js +1 -1
- package/cdn-versioned/chunks/chunk.DLY5AX2P.js +1 -1
- package/cdn-versioned/chunks/chunk.E5FCRWHS.js +1 -1
- package/cdn-versioned/chunks/chunk.F45IDVYA.js +1 -1
- package/cdn-versioned/chunks/chunk.FHU3KJ7Y.js +1 -1
- package/cdn-versioned/chunks/chunk.FVXID42E.js +1 -1
- package/cdn-versioned/chunks/chunk.HT2MRC4Z.js +1 -1
- package/cdn-versioned/chunks/chunk.I2WEQVU3.js +1 -1
- package/cdn-versioned/chunks/chunk.IUC5UQ2V.js +1 -1
- package/cdn-versioned/chunks/chunk.JCNKLGIS.js +1 -1
- package/cdn-versioned/chunks/chunk.JDSUZDP4.js +1 -1
- package/cdn-versioned/chunks/chunk.KLNBBP4R.js +4 -4
- package/cdn-versioned/chunks/chunk.KV424MMD.js +1 -1
- package/cdn-versioned/chunks/chunk.KWNRVZ54.js +1 -1
- package/cdn-versioned/chunks/chunk.LET4FMBB.js +1 -1
- package/cdn-versioned/chunks/chunk.LKO4ZRE7.js +1 -1
- package/cdn-versioned/chunks/chunk.NFQN6UG4.js +1 -1
- package/cdn-versioned/chunks/chunk.NOJV6ZZF.js +1 -1
- package/cdn-versioned/chunks/chunk.NQXQB7LN.js +1 -1
- package/cdn-versioned/chunks/chunk.NW6W2FSS.js +1 -0
- package/cdn-versioned/chunks/chunk.NZT4ORYP.js +1 -1
- package/cdn-versioned/chunks/chunk.O3IRROA2.js +1 -1
- package/cdn-versioned/chunks/chunk.ONLECFTO.js +1 -1
- package/cdn-versioned/chunks/chunk.PDIUABFP.js +1 -1
- package/cdn-versioned/chunks/chunk.PGBIGG5I.js +1 -1
- package/cdn-versioned/chunks/chunk.QWMQJ6TF.js +1 -1
- package/cdn-versioned/chunks/chunk.RCLIOOS5.js +1 -1
- package/cdn-versioned/chunks/chunk.RGJXEMYT.js +1 -1
- package/cdn-versioned/chunks/chunk.SDZ6E4CH.js +1 -1
- package/cdn-versioned/chunks/chunk.V3YHI2G2.js +1 -1
- package/cdn-versioned/chunks/chunk.VZSFEHBE.js +1 -1
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.WJ55QSS3.js +1 -1
- package/cdn-versioned/chunks/chunk.WMV7GLXF.js +1 -1
- package/cdn-versioned/chunks/chunk.WUTY672B.js +1 -1
- package/cdn-versioned/chunks/chunk.XYZ5DKTA.js +1 -1
- package/cdn-versioned/chunks/chunk.Y4PTSCEB.js +1 -1
- package/cdn-versioned/chunks/chunk.ZN24IDXT.js +1 -1
- package/cdn-versioned/chunks/chunk.ZVVSLR3B.js +1 -1
- package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
- package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
- package/cdn-versioned/components/animation/animation.d.ts +1 -1
- package/cdn-versioned/components/audio/audio.d.ts +1 -1
- package/cdn-versioned/components/badge/badge.d.ts +1 -1
- package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
- package/cdn-versioned/components/button/button.d.ts +1 -1
- package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
- package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
- package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
- package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
- package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/cdn-versioned/components/combobox/combobox.d.ts +4 -4
- package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
- package/cdn-versioned/components/divider/divider.d.ts +1 -1
- package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
- package/cdn-versioned/components/drawer/drawer.js +1 -1
- package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
- package/cdn-versioned/components/expandable/expandable.d.ts +1 -1
- package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
- package/cdn-versioned/components/header/header.d.ts +1 -1
- package/cdn-versioned/components/icon/icon.d.ts +1 -1
- package/cdn-versioned/components/include/include.d.ts +1 -1
- package/cdn-versioned/components/input/input.d.ts +1 -1
- package/cdn-versioned/components/link/link.d.ts +1 -1
- package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
- package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
- package/cdn-versioned/components/notification/notification.d.ts +1 -1
- package/cdn-versioned/components/optgroup/optgroup.d.ts +2 -2
- package/cdn-versioned/components/option/option.d.ts +1 -1
- package/cdn-versioned/components/popup/popup.d.ts +1 -1
- package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
- package/cdn-versioned/components/radio/radio.d.ts +1 -1
- package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
- package/cdn-versioned/components/radio-group/radio-group.d.ts +2 -2
- package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/cdn-versioned/components/select/select.d.ts +4 -4
- package/cdn-versioned/components/spinner/spinner.d.ts +1 -1
- package/cdn-versioned/components/step/step.d.ts +1 -1
- package/cdn-versioned/components/step-group/step-group.d.ts +1 -1
- package/cdn-versioned/components/switch/switch.d.ts +1 -1
- package/cdn-versioned/components/tab/tab.d.ts +1 -1
- package/cdn-versioned/components/tab-group/tab-group.d.ts +1 -1
- package/cdn-versioned/components/tab-panel/tab-panel.d.ts +1 -1
- package/cdn-versioned/components/tag/tag.d.ts +1 -1
- package/cdn-versioned/components/textarea/textarea.d.ts +1 -1
- package/cdn-versioned/components/tooltip/tooltip.d.ts +1 -1
- package/cdn-versioned/components/video/video.d.ts +1 -1
- package/cdn-versioned/custom-elements.json +202 -202
- package/cdn-versioned/internal/form.js +3 -3
- package/cdn-versioned/solid-components.bundle.js +16 -16
- package/cdn-versioned/solid-components.css +2 -2
- package/cdn-versioned/solid-components.iife.js +16 -16
- package/cdn-versioned/solid-components.js +1 -1
- package/cdn-versioned/vscode.html-custom-data.json +104 -104
- package/cdn-versioned/web-types.json +205 -205
- package/dist/chunks/{chunk.35GLHXMN.js → chunk.MYCUDMGG.js} +3 -3
- package/dist/components/drawer/drawer.js +1 -1
- package/dist/custom-elements.json +1 -1
- package/dist/solid-components.js +1 -1
- package/dist/vscode.html-custom-data.json +27 -27
- package/dist/web-types.json +77 -77
- package/dist-versioned/_components/menu/menu.js +1 -1
- package/dist-versioned/_components/menu/menu.styles.js +1 -1
- package/dist-versioned/_components/menu-item/menu-item.js +2 -2
- package/dist-versioned/chunks/chunk.3UO2LKG5.js +13 -13
- package/dist-versioned/chunks/chunk.3YTMF6YZ.js +2 -2
- package/dist-versioned/chunks/chunk.5AX4S2QZ.js +2 -2
- package/dist-versioned/chunks/chunk.5V7TZU4Q.js +5 -5
- package/dist-versioned/chunks/chunk.6DKXZWRN.js +4 -4
- package/dist-versioned/chunks/chunk.6MMBMCHF.js +9 -9
- package/dist-versioned/chunks/chunk.6S3CCHLZ.js +1 -1
- package/dist-versioned/chunks/chunk.73HAOWEX.js +2 -2
- package/dist-versioned/chunks/chunk.7SZFMAVT.js +1 -1
- package/dist-versioned/chunks/chunk.AWASHA2T.js +1 -1
- package/dist-versioned/chunks/chunk.BFHRLREK.js +1 -1
- package/dist-versioned/chunks/chunk.CVHGDRIM.js +2 -2
- package/dist-versioned/chunks/chunk.DI4CIT2A.js +1 -1
- package/dist-versioned/chunks/chunk.DNHLNGIL.js +13 -13
- package/dist-versioned/chunks/chunk.F4BRIYYD.js +1 -1
- package/dist-versioned/chunks/chunk.G6KPFA3G.js +4 -4
- package/dist-versioned/chunks/chunk.GQXJC6ZE.js +2 -2
- package/dist-versioned/chunks/chunk.GWCHNKGW.js +1 -1
- package/dist-versioned/chunks/chunk.H54CZFCF.js +5 -5
- package/dist-versioned/chunks/chunk.HJ3ZUH4A.js +1 -1
- package/dist-versioned/chunks/chunk.I2JBWY5C.js +2 -2
- package/dist-versioned/chunks/chunk.IKWY7WM6.js +3 -3
- package/dist-versioned/chunks/chunk.JD5XFZKL.js +2 -2
- package/dist-versioned/chunks/chunk.JMAPLJHF.js +2 -2
- package/dist-versioned/chunks/chunk.JPGDK3CW.js +2 -2
- package/dist-versioned/chunks/chunk.K5MKZJEB.js +5 -5
- package/dist-versioned/chunks/chunk.KVKRZJS7.js +3 -3
- package/dist-versioned/chunks/chunk.L5QYLWGO.js +6 -6
- package/dist-versioned/chunks/chunk.LRQ55FZL.js +1 -1
- package/dist-versioned/chunks/chunk.LUV3NLSJ.js +3 -3
- package/dist-versioned/chunks/chunk.MCUC6LS6.js +2 -2
- package/dist-versioned/chunks/chunk.MKZ5TRQH.js +1 -1
- package/dist-versioned/chunks/{chunk.35GLHXMN.js → chunk.MYCUDMGG.js} +4 -4
- package/dist-versioned/chunks/chunk.OENW3EQT.js +5 -5
- package/dist-versioned/chunks/chunk.ONBGPY5D.js +5 -5
- package/dist-versioned/chunks/chunk.QN2ROZHZ.js +3 -3
- package/dist-versioned/chunks/chunk.RFVRT5UG.js +2 -2
- package/dist-versioned/chunks/chunk.SH45GYZL.js +1 -1
- package/dist-versioned/chunks/chunk.T5VRGBLR.js +1 -1
- package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
- package/dist-versioned/chunks/chunk.UXEDWUMA.js +26 -26
- package/dist-versioned/chunks/chunk.WHFYHMF4.js +2 -2
- package/dist-versioned/chunks/chunk.WJHCLJNK.js +1 -1
- package/dist-versioned/chunks/chunk.WPHOQL7V.js +2 -2
- package/dist-versioned/chunks/chunk.WZGJQPPD.js +2 -2
- package/dist-versioned/chunks/chunk.X7HEAUGJ.js +2 -2
- package/dist-versioned/chunks/chunk.XCNH2K2U.js +5 -5
- package/dist-versioned/chunks/chunk.XNH47HGG.js +29 -29
- package/dist-versioned/chunks/chunk.Y6WJUTMM.js +6 -6
- package/dist-versioned/chunks/chunk.Z3T4BG2M.js +1 -1
- package/dist-versioned/chunks/chunk.ZH6BP5XL.js +3 -3
- package/dist-versioned/chunks/chunk.ZJGD23K6.js +3 -3
- package/dist-versioned/chunks/chunk.ZWJNBDIV.js +11 -11
- package/dist-versioned/components/accordion/accordion.d.ts +1 -1
- package/dist-versioned/components/accordion-group/accordion-group.d.ts +1 -1
- package/dist-versioned/components/animation/animation.d.ts +1 -1
- package/dist-versioned/components/audio/audio.d.ts +1 -1
- package/dist-versioned/components/badge/badge.d.ts +1 -1
- package/dist-versioned/components/brandshape/brandshape.d.ts +1 -1
- package/dist-versioned/components/button/button.d.ts +1 -1
- package/dist-versioned/components/button-group/button-group.d.ts +1 -1
- package/dist-versioned/components/carousel/carousel.d.ts +1 -1
- package/dist-versioned/components/carousel-item/carousel-item.d.ts +1 -1
- package/dist-versioned/components/checkbox/checkbox.d.ts +1 -1
- package/dist-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/dist-versioned/components/combobox/combobox.d.ts +4 -4
- package/dist-versioned/components/dialog/dialog.d.ts +1 -1
- package/dist-versioned/components/divider/divider.d.ts +1 -1
- package/dist-versioned/components/drawer/drawer.d.ts +1 -1
- package/dist-versioned/components/drawer/drawer.js +1 -1
- package/dist-versioned/components/dropdown/dropdown.d.ts +1 -1
- package/dist-versioned/components/expandable/expandable.d.ts +1 -1
- package/dist-versioned/components/flipcard/flipcard.d.ts +1 -1
- package/dist-versioned/components/header/header.d.ts +1 -1
- package/dist-versioned/components/icon/icon.d.ts +1 -1
- package/dist-versioned/components/include/include.d.ts +1 -1
- package/dist-versioned/components/input/input.d.ts +1 -1
- package/dist-versioned/components/link/link.d.ts +1 -1
- package/dist-versioned/components/map-marker/map-marker.d.ts +1 -1
- package/dist-versioned/components/navigation-item/navigation-item.d.ts +1 -1
- package/dist-versioned/components/notification/notification.d.ts +1 -1
- package/dist-versioned/components/optgroup/optgroup.d.ts +2 -2
- package/dist-versioned/components/option/option.d.ts +1 -1
- package/dist-versioned/components/popup/popup.d.ts +1 -1
- package/dist-versioned/components/quickfact/quickfact.d.ts +1 -1
- package/dist-versioned/components/radio/radio.d.ts +1 -1
- package/dist-versioned/components/radio-button/radio-button.d.ts +1 -1
- package/dist-versioned/components/radio-group/radio-group.d.ts +2 -2
- package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/dist-versioned/components/select/select.d.ts +4 -4
- package/dist-versioned/components/spinner/spinner.d.ts +1 -1
- package/dist-versioned/components/step/step.d.ts +1 -1
- package/dist-versioned/components/step-group/step-group.d.ts +1 -1
- package/dist-versioned/components/switch/switch.d.ts +1 -1
- package/dist-versioned/components/tab/tab.d.ts +1 -1
- package/dist-versioned/components/tab-group/tab-group.d.ts +1 -1
- package/dist-versioned/components/tab-panel/tab-panel.d.ts +1 -1
- package/dist-versioned/components/tag/tag.d.ts +1 -1
- package/dist-versioned/components/textarea/textarea.d.ts +1 -1
- package/dist-versioned/components/tooltip/tooltip.d.ts +1 -1
- package/dist-versioned/components/video/video.d.ts +1 -1
- package/dist-versioned/custom-elements.json +202 -202
- package/dist-versioned/internal/form.js +3 -3
- package/dist-versioned/solid-components.css +2 -2
- package/dist-versioned/solid-components.js +1 -1
- package/dist-versioned/vscode.html-custom-data.json +104 -104
- package/dist-versioned/web-types.json +205 -205
- package/package.json +1 -1
- package/cdn/chunks/chunk.777DWZOA.js +0 -1
- package/cdn-versioned/chunks/chunk.777DWZOA.js +0 -1
|
@@ -378,7 +378,7 @@ var SdInput = class extends SolidElement {
|
|
|
378
378
|
this.size === "sm" ? "h-6" : "h-8",
|
|
379
379
|
textSize,
|
|
380
380
|
this.visuallyDisabled && "cursor-not-allowed"
|
|
381
|
-
)}" type="${this.type === "password" && this.passwordVisible ? "text" : this.type}" title="${this.title}" name="${ifDefined(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${ifDefined(this.placeholder)}" minlength="${ifDefined(this.minlength)}" maxlength="${ifDefined(this.maxlength)}" min="${ifDefined(this.min)}" max="${ifDefined(this.max)}" step="${ifDefined(this.step)}" .value="${live(this.value)}" autocapitalize="${ifDefined(this.type === "password" ? "off" : this.autocapitalize)}" autocomplete="${ifDefined(this.type === "password" ? "off" : this.autocomplete)}" autocorrect="${ifDefined(this.type === "password" ? "off" : this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${ifDefined(this.pattern)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled || this.disabled ? "true" : "false"}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx("flex justify-center", iconMarginLeft)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-4-4-
|
|
381
|
+
)}" type="${this.type === "password" && this.passwordVisible ? "text" : this.type}" title="${this.title}" name="${ifDefined(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${ifDefined(this.placeholder)}" minlength="${ifDefined(this.minlength)}" maxlength="${ifDefined(this.maxlength)}" min="${ifDefined(this.min)}" max="${ifDefined(this.max)}" step="${ifDefined(this.step)}" .value="${live(this.value)}" autocapitalize="${ifDefined(this.type === "password" ? "off" : this.autocapitalize)}" autocomplete="${ifDefined(this.type === "password" ? "off" : this.autocomplete)}" autocorrect="${ifDefined(this.type === "password" ? "off" : this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${ifDefined(this.pattern)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled || this.disabled ? "true" : "false"}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx("flex justify-center", iconMarginLeft)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-4-4-1-icon class="${cx("icon-fill-neutral-800", iconSize)}" library="system" name="closing-round"></sd-4-4-1-icon></slot></button>` : ""} ${this.passwordToggle && this.type === "password" ? html`<button aria-label="${this.localize.term(this.passwordVisible ? "hidePassword" : "showPassword")}" part="password-toggle-button" class="flex items-center" type="button" @click="${this.handlePasswordToggle}" tabindex="-1">${this.passwordVisible ? html`<slot name="show-password-icon"><sd-4-4-1-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="system" name="eye"></sd-4-4-1-icon></slot>` : html`<slot name="hide-password-icon"><sd-4-4-1-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="system" name="eye-crossed-out"></sd-4-4-1-icon></slot>`}</button>` : ""} ${(this.type === "date" || this.type === "datetime-local") && !isFirefox ? html`<sd-4-4-1-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="system" name="calendar"></sd-4-4-1-icon>` : ""} ${this.type === "time" ? html`<sd-4-4-1-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="system" name="clock"></sd-4-4-1-icon>` : ""} ${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handleSearchClick}"><sd-4-4-1-icon class="${cx(iconColor, iconSize)}" library="system" name="magnifying-glass" label="${this.localize.term("search")}"></sd-4-4-1-icon></button>` : ""} ${this.showInvalidStyle ? html`<sd-4-4-1-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="system" name="risk"></sd-4-4-1-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-4-4-1-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="system" name="status-check" part="valid-icon"></sd-4-4-1-icon>` : ""} ${slots["right"] ? html`<slot name="right" part="right" class="${cx("inline-flex", iconColor, iconMarginLeft, iconSize)}"></slot>` : ""} ${this.type === "number" && this.spinButtons ? html`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepDown(), end: () => this.handleChange() })} tabindex="-1"><slot name="decrement-number-stepper"><sd-4-4-1-icon name="system/minus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-4-4-1-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange() })} tabindex="-1"><slot name="increment-number-stepper"><sd-4-4-1-icon name="system/plus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-4-4-1-icon></slot></button></div>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-2", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`;
|
|
382
382
|
}
|
|
383
383
|
};
|
|
384
384
|
/**
|
|
@@ -386,7 +386,7 @@ var SdInput = class extends SolidElement {
|
|
|
386
386
|
*/
|
|
387
387
|
SdInput.styles = [
|
|
388
388
|
...SolidElement.styles,
|
|
389
|
-
css`:host{box-sizing:border-box;display:inline-block;position:relative;text-align:left;width:100%}:host([vertical]){display:block}:host([required]) #label:after{content:" *"}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-4-4-
|
|
389
|
+
css`:host{box-sizing:border-box;display:inline-block;position:relative;text-align:left;width:100%}:host([vertical]){display:block}:host([required]) #label:after{content:" *"}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-4-4-1-icon{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}`
|
|
390
390
|
];
|
|
391
391
|
__decorateClass([
|
|
392
392
|
query("#input")
|
|
@@ -516,7 +516,7 @@ __decorateClass([
|
|
|
516
516
|
watch("value", { waitUntilFirstUpdate: true })
|
|
517
517
|
], SdInput.prototype, "handleValueChange", 1);
|
|
518
518
|
SdInput = __decorateClass([
|
|
519
|
-
customElement("sd-4-4-
|
|
519
|
+
customElement("sd-4-4-1-input")
|
|
520
520
|
], SdInput);
|
|
521
521
|
|
|
522
522
|
export {
|
|
@@ -17,19 +17,19 @@ var SdButtonGroup = class extends SolidElement {
|
|
|
17
17
|
}
|
|
18
18
|
handleFocus(event) {
|
|
19
19
|
const button = findButton(event.target);
|
|
20
|
-
button == null ? void 0 : button.classList.add("sd-4-4-
|
|
20
|
+
button == null ? void 0 : button.classList.add("sd-4-4-1-button-group__button--focus");
|
|
21
21
|
}
|
|
22
22
|
handleBlur(event) {
|
|
23
23
|
const button = findButton(event.target);
|
|
24
|
-
button == null ? void 0 : button.classList.remove("sd-4-4-
|
|
24
|
+
button == null ? void 0 : button.classList.remove("sd-4-4-1-button-group__button--focus");
|
|
25
25
|
}
|
|
26
26
|
handleMouseOver(event) {
|
|
27
27
|
const button = findButton(event.target);
|
|
28
|
-
button == null ? void 0 : button.classList.add("sd-4-4-
|
|
28
|
+
button == null ? void 0 : button.classList.add("sd-4-4-1-button-group__button--hover");
|
|
29
29
|
}
|
|
30
30
|
handleMouseOut(event) {
|
|
31
31
|
const button = findButton(event.target);
|
|
32
|
-
button == null ? void 0 : button.classList.remove("sd-4-4-
|
|
32
|
+
button == null ? void 0 : button.classList.remove("sd-4-4-1-button-group__button--hover");
|
|
33
33
|
}
|
|
34
34
|
handleSlotChange() {
|
|
35
35
|
const slottedElements = [...this.defaultSlot.assignedElements({ flatten: true })];
|
|
@@ -37,11 +37,11 @@ var SdButtonGroup = class extends SolidElement {
|
|
|
37
37
|
const index = slottedElements.indexOf(el);
|
|
38
38
|
const button = findButton(el);
|
|
39
39
|
if (button !== null) {
|
|
40
|
-
button.classList.add("sd-4-4-
|
|
41
|
-
button.classList.toggle("sd-4-4-
|
|
42
|
-
button.classList.toggle("sd-4-4-
|
|
43
|
-
button.classList.toggle("sd-4-4-
|
|
44
|
-
button.classList.toggle("sd-4-4-
|
|
40
|
+
button.classList.add("sd-4-4-1-button-group__button");
|
|
41
|
+
button.classList.toggle("sd-4-4-1-button-group__button--first", index === 0);
|
|
42
|
+
button.classList.toggle("sd-4-4-1-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
|
|
43
|
+
button.classList.toggle("sd-4-4-1-button-group__button--last", index === slottedElements.length - 1);
|
|
44
|
+
button.classList.toggle("sd-4-4-1-button-group__button--radio", button.tagName.toLowerCase() === "sd-4-4-1-radio-button");
|
|
45
45
|
}
|
|
46
46
|
});
|
|
47
47
|
}
|
|
@@ -63,11 +63,11 @@ __decorateClass([
|
|
|
63
63
|
property()
|
|
64
64
|
], SdButtonGroup.prototype, "label", 2);
|
|
65
65
|
SdButtonGroup = __decorateClass([
|
|
66
|
-
customElement("sd-4-4-
|
|
66
|
+
customElement("sd-4-4-1-button-group")
|
|
67
67
|
], SdButtonGroup);
|
|
68
68
|
function findButton(el) {
|
|
69
69
|
var _a;
|
|
70
|
-
const selector = "sd-4-4-
|
|
70
|
+
const selector = "sd-4-4-1-button, sd-4-4-1-radio-button";
|
|
71
71
|
return (_a = el.closest(selector)) != null ? _a : el.querySelector(selector);
|
|
72
72
|
}
|
|
73
73
|
|
|
@@ -9,9 +9,9 @@ import type SdOptgroup from '../optgroup/optgroup.js';
|
|
|
9
9
|
import type SdOption from '../option/option';
|
|
10
10
|
export default class SdCombobox extends SolidElement implements SolidFormControl {
|
|
11
11
|
static dependencies: {
|
|
12
|
-
'sd-4-4-
|
|
13
|
-
'sd-4-4-
|
|
14
|
-
'sd-4-4-
|
|
12
|
+
'sd-4-4-1-icon': typeof SdIcon;
|
|
13
|
+
'sd-4-4-1-popup': typeof SdPopup;
|
|
14
|
+
'sd-4-4-1-tag': typeof SdTag;
|
|
15
15
|
};
|
|
16
16
|
private readonly formControlController;
|
|
17
17
|
private readonly hasSlotController;
|
|
@@ -126,6 +126,6 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
|
|
|
126
126
|
}
|
|
127
127
|
declare global {
|
|
128
128
|
interface HTMLElementTagNameMap {
|
|
129
|
-
'sd-4-4-
|
|
129
|
+
'sd-4-4-1-combobox': SdCombobox;
|
|
130
130
|
}
|
|
131
131
|
}
|
|
@@ -3,7 +3,7 @@ import SolidElement from '../../internal/solid-element';
|
|
|
3
3
|
export default class SdOptgroup extends SolidElement {
|
|
4
4
|
private readonly localize;
|
|
5
5
|
static dependencies: {
|
|
6
|
-
'sd-4-4-
|
|
6
|
+
'sd-4-4-1-divider': typeof SdDivider;
|
|
7
7
|
};
|
|
8
8
|
defaultSlot: HTMLSlotElement;
|
|
9
9
|
private handleDisableOptions;
|
|
@@ -15,6 +15,6 @@ export default class SdOptgroup extends SolidElement {
|
|
|
15
15
|
}
|
|
16
16
|
declare global {
|
|
17
17
|
interface HTMLElementTagNameMap {
|
|
18
|
-
'sd-4-4-
|
|
18
|
+
'sd-4-4-1-optgroup': SdOptgroup;
|
|
19
19
|
}
|
|
20
20
|
}
|
|
@@ -4,7 +4,7 @@ import SolidElement from '../../internal/solid-element';
|
|
|
4
4
|
import type { SolidFormControl } from '../../internal/solid-element';
|
|
5
5
|
export default class SdRadioGroup extends SolidElement implements SolidFormControl {
|
|
6
6
|
static dependencies: {
|
|
7
|
-
'sd-4-4-
|
|
7
|
+
'sd-4-4-1-button-group': typeof SdButtonGroup;
|
|
8
8
|
};
|
|
9
9
|
protected readonly formControlController: FormControlController;
|
|
10
10
|
private readonly hasSlotController;
|
|
@@ -49,6 +49,6 @@ export default class SdRadioGroup extends SolidElement implements SolidFormContr
|
|
|
49
49
|
}
|
|
50
50
|
declare global {
|
|
51
51
|
interface HTMLElementTagNameMap {
|
|
52
|
-
'sd-4-4-
|
|
52
|
+
'sd-4-4-1-radio-group': SdRadioGroup;
|
|
53
53
|
}
|
|
54
54
|
}
|
|
@@ -8,9 +8,9 @@ import type { TemplateResult } from 'lit';
|
|
|
8
8
|
import type SdOption from '../option/option';
|
|
9
9
|
export default class SdSelect extends SolidElement implements SolidFormControl {
|
|
10
10
|
static dependencies: {
|
|
11
|
-
'sd-4-4-
|
|
12
|
-
'sd-4-4-
|
|
13
|
-
'sd-4-4-
|
|
11
|
+
'sd-4-4-1-icon': typeof SdIcon;
|
|
12
|
+
'sd-4-4-1-popup': typeof SdPopup;
|
|
13
|
+
'sd-4-4-1-tag': typeof SdTag;
|
|
14
14
|
};
|
|
15
15
|
private readonly formControlController;
|
|
16
16
|
private readonly hasSlotController;
|
|
@@ -105,6 +105,6 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
|
|
|
105
105
|
}
|
|
106
106
|
declare global {
|
|
107
107
|
interface HTMLElementTagNameMap {
|
|
108
|
-
'sd-4-4-
|
|
108
|
+
'sd-4-4-1-select': SdSelect;
|
|
109
109
|
}
|
|
110
110
|
}
|