@solid-design-system/components 6.12.0 → 6.12.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.NOXJ72G5.js → chunk.DSVAD7WA.js} +2 -2
- package/cdn/components/combobox/combobox.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/web-types.json +1 -1
- package/cdn-versioned/chunks/chunk.2OSCB6XW.js +2 -2
- package/cdn-versioned/chunks/chunk.2XY2M6QX.js +2 -2
- package/cdn-versioned/chunks/chunk.3RO5EKVU.js +1 -1
- package/cdn-versioned/chunks/chunk.4275NGRN.js +2 -2
- package/cdn-versioned/chunks/chunk.4RPUAIQK.js +2 -2
- package/cdn-versioned/chunks/chunk.5DNOSYG7.js +1 -1
- package/cdn-versioned/chunks/chunk.5FYGQOXL.js +2 -2
- package/cdn-versioned/chunks/chunk.5X4GK4PS.js +1 -1
- package/cdn-versioned/chunks/chunk.5YHGT34K.js +2 -2
- package/cdn-versioned/chunks/chunk.6AEASXXL.js +2 -2
- package/cdn-versioned/chunks/chunk.AMWHBFTM.js +2 -2
- package/cdn-versioned/chunks/chunk.B46EHYIM.js +3 -3
- package/cdn-versioned/chunks/chunk.BAY7BKUC.js +1 -1
- package/cdn-versioned/chunks/chunk.BOVFUPAB.js +2 -2
- package/cdn-versioned/chunks/chunk.C7XYQGPF.js +2 -2
- package/cdn-versioned/chunks/chunk.DS2YD552.js +2 -2
- package/cdn-versioned/chunks/{chunk.NOXJ72G5.js → chunk.DSVAD7WA.js} +5 -5
- package/cdn-versioned/chunks/chunk.EMB5EOVL.js +2 -2
- package/cdn-versioned/chunks/chunk.ENQH3ZMT.js +2 -2
- package/cdn-versioned/chunks/chunk.ETAZT232.js +2 -2
- package/cdn-versioned/chunks/chunk.F6Z7C6GC.js +2 -2
- package/cdn-versioned/chunks/chunk.FC5OZ6LQ.js +2 -2
- package/cdn-versioned/chunks/chunk.FIUQMO6Q.js +2 -2
- package/cdn-versioned/chunks/chunk.FJ4YRN4X.js +2 -2
- package/cdn-versioned/chunks/chunk.FTCO66N2.js +2 -2
- package/cdn-versioned/chunks/chunk.G5PT3ZUT.js +2 -2
- package/cdn-versioned/chunks/chunk.H76VWBAF.js +1 -1
- package/cdn-versioned/chunks/chunk.HL52A333.js +2 -2
- package/cdn-versioned/chunks/chunk.HR5FZLRC.js +2 -2
- package/cdn-versioned/chunks/chunk.HUYURJ76.js +2 -2
- package/cdn-versioned/chunks/chunk.HWUUJJP3.js +1 -1
- package/cdn-versioned/chunks/chunk.INALKJVG.js +5 -5
- package/cdn-versioned/chunks/chunk.IXPIV7FA.js +2 -2
- package/cdn-versioned/chunks/chunk.JMZGGLJF.js +1 -1
- package/cdn-versioned/chunks/chunk.JZVRJWMV.js +2 -2
- package/cdn-versioned/chunks/chunk.KS4OSR2A.js +3 -3
- package/cdn-versioned/chunks/chunk.R3BQNXHR.js +2 -2
- package/cdn-versioned/chunks/chunk.RAP66B6O.js +1 -1
- package/cdn-versioned/chunks/chunk.REOCLYOU.js +2 -2
- package/cdn-versioned/chunks/chunk.SIVZ2S6B.js +1 -1
- package/cdn-versioned/chunks/chunk.TPSMY4DZ.js +1 -1
- package/cdn-versioned/chunks/chunk.TWQLXQ5K.js +2 -2
- package/cdn-versioned/chunks/chunk.TYKWEXBI.js +1 -1
- package/cdn-versioned/chunks/chunk.UYDZYQM5.js +2 -2
- package/cdn-versioned/chunks/chunk.V3TGYVID.js +2 -2
- package/cdn-versioned/chunks/chunk.V4BUIKPF.js +2 -2
- package/cdn-versioned/chunks/chunk.VNKXLA5X.js +2 -2
- package/cdn-versioned/chunks/chunk.VR5GAI7K.js +2 -2
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.WBIJL62F.js +2 -2
- package/cdn-versioned/chunks/chunk.WNJTMU6J.js +1 -1
- package/cdn-versioned/chunks/chunk.WTZQJFYM.js +2 -2
- package/cdn-versioned/chunks/chunk.WZAWV2ED.js +2 -2
- package/cdn-versioned/chunks/chunk.XG7G63I4.js +2 -2
- package/cdn-versioned/chunks/chunk.XKUWNSWT.js +2 -2
- package/cdn-versioned/chunks/chunk.Y3LTN4CF.js +2 -2
- package/cdn-versioned/chunks/chunk.Y4QI2OPY.js +2 -2
- package/cdn-versioned/chunks/chunk.YF6TETRU.js +2 -2
- package/cdn-versioned/chunks/chunk.YPTZDABK.js +1 -1
- package/cdn-versioned/chunks/chunk.YQOLB2PJ.js +9 -9
- package/cdn-versioned/chunks/chunk.YWOD5MYX.js +2 -2
- package/cdn-versioned/chunks/chunk.ZIVWE443.js +1 -1
- package/cdn-versioned/chunks/chunk.ZRNSYCFR.js +2 -2
- package/cdn-versioned/chunks/chunk.ZSAXC4EQ.js +2 -2
- 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/breadcrumb/breadcrumb.d.ts +1 -1
- package/cdn-versioned/components/breadcrumb-item/breadcrumb-item.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 +1 -1
- package/cdn-versioned/components/combobox/combobox.js +1 -1
- package/cdn-versioned/components/datepicker/datepicker.d.ts +1 -1
- 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/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/loader/loader.d.ts +1 -1
- package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
- package/cdn-versioned/components/menu/menu.d.ts +1 -1
- package/cdn-versioned/components/menu-item/menu-item.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 +1 -1
- 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 +1 -1
- package/cdn-versioned/components/range/range.d.ts +1 -1
- package/cdn-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/cdn-versioned/components/select/select.d.ts +1 -1
- package/cdn-versioned/components/skeleton/skeleton.d.ts +1 -1
- 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/theme-listener/theme-listener.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 +246 -246
- package/cdn-versioned/internal/form.js +2 -2
- package/cdn-versioned/solid-components.bundle.js +80 -80
- package/cdn-versioned/solid-components.css +2 -2
- package/cdn-versioned/solid-components.iife.js +80 -80
- package/cdn-versioned/solid-components.js +1 -1
- package/cdn-versioned/vscode.html-custom-data.json +107 -107
- package/cdn-versioned/web-types.json +157 -157
- package/dist/chunks/{chunk.OWQ3YI2X.js → chunk.SCBHL45L.js} +2 -0
- package/dist/components/combobox/combobox.js +1 -1
- package/dist/custom-elements.json +1 -1
- package/dist/solid-components.js +1 -1
- package/dist/web-types.json +1 -1
- package/dist-versioned/chunks/chunk.2CU6QOL7.js +4 -4
- package/dist-versioned/chunks/chunk.35EQJ5SV.js +8 -8
- package/dist-versioned/chunks/chunk.4C33XKR5.js +4 -4
- package/dist-versioned/chunks/chunk.4GXGCVAT.js +4 -4
- package/dist-versioned/chunks/chunk.4TOOTTT7.js +3 -3
- package/dist-versioned/chunks/chunk.5IGIZXCC.js +12 -12
- package/dist-versioned/chunks/chunk.5V4ZLM46.js +2 -2
- package/dist-versioned/chunks/chunk.6ZTH3QOK.js +5 -5
- package/dist-versioned/chunks/chunk.77QMG2JK.js +1 -1
- package/dist-versioned/chunks/chunk.7NPVZGYG.js +10 -10
- package/dist-versioned/chunks/chunk.C3WIBDGG.js +2 -2
- package/dist-versioned/chunks/chunk.CGHNKRSG.js +2 -2
- package/dist-versioned/chunks/chunk.CPEBS32D.js +1 -1
- package/dist-versioned/chunks/chunk.CQPHP72G.js +5 -5
- package/dist-versioned/chunks/chunk.DVHTNKCQ.js +3 -3
- package/dist-versioned/chunks/chunk.DXOZDLN3.js +5 -5
- package/dist-versioned/chunks/chunk.EORDFUN5.js +8 -8
- package/dist-versioned/chunks/chunk.F733OTL5.js +2 -2
- package/dist-versioned/chunks/chunk.FN3QPQKW.js +6 -6
- package/dist-versioned/chunks/chunk.GUPU7Y4R.js +2 -2
- package/dist-versioned/chunks/chunk.HDB5VQ6T.js +3 -3
- package/dist-versioned/chunks/chunk.HMYRJJSA.js +1 -1
- package/dist-versioned/chunks/chunk.HSLR5EL7.js +2 -2
- package/dist-versioned/chunks/chunk.HWSQMDBV.js +2 -2
- package/dist-versioned/chunks/chunk.IYIDHG44.js +2 -2
- package/dist-versioned/chunks/chunk.J7P25XPS.js +1 -1
- package/dist-versioned/chunks/chunk.JBLVT4GJ.js +4 -4
- package/dist-versioned/chunks/chunk.JSHWJIQJ.js +5 -5
- package/dist-versioned/chunks/chunk.JVFY4KAV.js +4 -4
- package/dist-versioned/chunks/chunk.JZ4LAYZZ.js +1 -1
- package/dist-versioned/chunks/chunk.K33P42FK.js +1 -1
- package/dist-versioned/chunks/chunk.K5MFIQWD.js +12 -12
- package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
- package/dist-versioned/chunks/chunk.KH2LWYO6.js +1 -1
- package/dist-versioned/chunks/chunk.KMMZFIBW.js +3 -3
- package/dist-versioned/chunks/chunk.KNFZPKTF.js +3 -3
- package/dist-versioned/chunks/chunk.LRKBZ2PI.js +5 -5
- package/dist-versioned/chunks/chunk.MAECKDRE.js +9 -9
- package/dist-versioned/chunks/chunk.MJU6BUDN.js +4 -4
- package/dist-versioned/chunks/chunk.NDY2F6JA.js +14 -14
- package/dist-versioned/chunks/chunk.OA6QSAEX.js +28 -28
- package/dist-versioned/chunks/chunk.OYSZH2PZ.js +25 -25
- package/dist-versioned/chunks/chunk.P4H32F7J.js +8 -8
- package/dist-versioned/chunks/chunk.PU6VCTT2.js +3 -3
- package/dist-versioned/chunks/chunk.PZZI7LIX.js +3 -3
- package/dist-versioned/chunks/chunk.Q2YJAMQO.js +6 -6
- package/dist-versioned/chunks/chunk.QMQD2SCQ.js +7 -7
- package/dist-versioned/chunks/chunk.REYEB3D7.js +11 -11
- package/dist-versioned/chunks/{chunk.OWQ3YI2X.js → chunk.SCBHL45L.js} +25 -23
- package/dist-versioned/chunks/chunk.SQKCQFZY.js +2 -2
- package/dist-versioned/chunks/chunk.TAR64H3A.js +4 -4
- package/dist-versioned/chunks/chunk.TEHZN5K4.js +1 -1
- package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
- package/dist-versioned/chunks/chunk.URTSQLC4.js +3 -3
- package/dist-versioned/chunks/chunk.UZPDIPPZ.js +2 -2
- package/dist-versioned/chunks/chunk.V5VJQQ73.js +2 -2
- package/dist-versioned/chunks/chunk.VFLTCSUA.js +5 -5
- package/dist-versioned/chunks/chunk.VJNVCYUG.js +4 -4
- package/dist-versioned/chunks/chunk.WIXKV24T.js +1 -1
- package/dist-versioned/chunks/chunk.XVLJVMWL.js +5 -5
- package/dist-versioned/chunks/chunk.Y3THGL6Z.js +3 -3
- package/dist-versioned/chunks/chunk.Z5DZQTVN.js +1 -1
- package/dist-versioned/chunks/chunk.ZRHUI65H.js +5 -5
- package/dist-versioned/chunks/chunk.ZXKZDONO.js +5 -5
- 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/breadcrumb/breadcrumb.d.ts +1 -1
- package/dist-versioned/components/breadcrumb-item/breadcrumb-item.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 +1 -1
- package/dist-versioned/components/combobox/combobox.js +1 -1
- package/dist-versioned/components/datepicker/datepicker.d.ts +1 -1
- 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/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/loader/loader.d.ts +1 -1
- package/dist-versioned/components/map-marker/map-marker.d.ts +1 -1
- package/dist-versioned/components/menu/menu.d.ts +1 -1
- package/dist-versioned/components/menu-item/menu-item.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 +1 -1
- 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 +1 -1
- package/dist-versioned/components/range/range.d.ts +1 -1
- package/dist-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/dist-versioned/components/select/select.d.ts +1 -1
- package/dist-versioned/components/skeleton/skeleton.d.ts +1 -1
- 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/theme-listener/theme-listener.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 +246 -246
- package/dist-versioned/internal/form.js +2 -2
- package/dist-versioned/solid-components.css +2 -2
- package/dist-versioned/solid-components.js +1 -1
- package/dist-versioned/vscode.html-custom-data.json +107 -107
- package/dist-versioned/web-types.json +157 -157
- package/package.json +1 -1
|
@@ -224,7 +224,7 @@ var SdTextarea = class extends SolidElement {
|
|
|
224
224
|
textareaState === "disabled" || textareaState === "visuallyDisabled" ? "text-neutral-500" : "form-control-color-text",
|
|
225
225
|
["invalid", "activeInvalid"].includes(textareaState) && "form-control--invalid-color-background"
|
|
226
226
|
)}"><textarea part="textarea" id="input" class="${cx(
|
|
227
|
-
"ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-6-12-
|
|
227
|
+
"ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-6-12-1-icon]:pe-8",
|
|
228
228
|
{
|
|
229
229
|
sm: isFloatingLabelActive ? "pb-1" : "py-2",
|
|
230
230
|
md: isFloatingLabelActive ? "pb-1" : "py-2",
|
|
@@ -232,7 +232,7 @@ var SdTextarea = class extends SolidElement {
|
|
|
232
232
|
}[this.size],
|
|
233
233
|
this.disabled && "cursor-not-allowed",
|
|
234
234
|
textSize
|
|
235
|
-
)}" title="${this.title}" name="${ifDefined(this.name)}" .value="${live(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${!this.floatingLabel || isFloatingLabelActive ? ifDefined(this.placeholder) : ""}" minlength="${ifDefined(this.minlength)}" maxlength="${ifDefined(this.maxlength)}" rows="${ifDefined(this.rows)}" autocapitalize="${ifDefined(this.autocapitalize)}" autocorrect="${ifDefined(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${ifDefined(this.spellcheck)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled || this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle ? html`<sd-6-12-
|
|
235
|
+
)}" title="${this.title}" name="${ifDefined(this.name)}" .value="${live(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${!this.floatingLabel || isFloatingLabelActive ? ifDefined(this.placeholder) : ""}" minlength="${ifDefined(this.minlength)}" maxlength="${ifDefined(this.maxlength)}" rows="${ifDefined(this.rows)}" autocapitalize="${ifDefined(this.autocapitalize)}" autocorrect="${ifDefined(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${ifDefined(this.spellcheck)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled || this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle ? html`<sd-6-12-1-icon class="${cx("text-error absolute right-4 pointer-events-none", iconSize)}" library="_internal" name="risk" part="invalid-icon"></sd-6-12-1-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-6-12-1-icon class="${cx("text-success absolute right-4 pointer-events-none", iconSize)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-12-1-icon>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-1", hasHelpText && !this.showInvalidStyle ? "block" : "hidden")}" aria-hidden="${!hasHelpText || this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`;
|
|
236
236
|
}
|
|
237
237
|
};
|
|
238
238
|
/**
|
|
@@ -353,7 +353,7 @@ __decorateClass([
|
|
|
353
353
|
watch(["size", "floatingLabel"])
|
|
354
354
|
], SdTextarea.prototype, "handleSizeChange", 1);
|
|
355
355
|
SdTextarea = __decorateClass([
|
|
356
|
-
customElement("sd-6-12-
|
|
356
|
+
customElement("sd-6-12-1-textarea")
|
|
357
357
|
], SdTextarea);
|
|
358
358
|
|
|
359
359
|
export {
|
|
@@ -53,7 +53,7 @@ SdThemeListener.styles = [
|
|
|
53
53
|
:host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}`
|
|
54
54
|
];
|
|
55
55
|
SdThemeListener = __decorateClass([
|
|
56
|
-
customElement("sd-6-12-
|
|
56
|
+
customElement("sd-6-12-1-theme-listener")
|
|
57
57
|
], SdThemeListener);
|
|
58
58
|
|
|
59
59
|
export {
|
|
@@ -46,9 +46,9 @@ var SdTeaserMedia = class extends SolidElement {
|
|
|
46
46
|
"absolute inset-0 pointer-events-none",
|
|
47
47
|
{
|
|
48
48
|
white: "bg-white/[.8] group-hover:bg-white/90",
|
|
49
|
-
"neutral-100": "sd-6-12-
|
|
49
|
+
"neutral-100": "sd-6-12-1-teaser-media--neutral-100-color-background group-hover:sd-6-12-1-teaser-media--neutral-100--hover-color-background",
|
|
50
50
|
primary: "bg-primary/[.8] text-white group-hover:bg-primary/90",
|
|
51
|
-
"primary-100": "sd-6-12-
|
|
51
|
+
"primary-100": "sd-6-12-1-teaser-media--primary-100-color-background group-hover:sd-6-12-1-teaser-media--primary-100--hover-color-background",
|
|
52
52
|
"gradient-light": "bg-gradient-to-t from-white/90 to-white/[.8]",
|
|
53
53
|
"gradient-dark": "bg-gradient-to-t from-primary-800/90 to-primary-800/[.8]"
|
|
54
54
|
}[this.variant]
|
|
@@ -56,11 +56,11 @@ var SdTeaserMedia = class extends SolidElement {
|
|
|
56
56
|
"mt-3 transition-opacity duration-300",
|
|
57
57
|
!this.open && "hidden",
|
|
58
58
|
this.open ? "opacity-100" : "opacity-0"
|
|
59
|
-
)}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div>${slots["teaser-has-expandable"] ? html`<button part="toggle" class="sd-interactive sd-interactive--reset mt-2" @click="${this.onToggleClick}" aria-expanded="${this.open}" aria-label="${this.open ? "Collapse content" : "Expand content"}"><div class="h-full justify-start flex items-start"><sd-6-12-
|
|
59
|
+
)}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div>${slots["teaser-has-expandable"] ? html`<button part="toggle" class="sd-interactive sd-interactive--reset mt-2" @click="${this.onToggleClick}" aria-expanded="${this.open}" aria-label="${this.open ? "Collapse content" : "Expand content"}"><div class="h-full justify-start flex items-start"><sd-6-12-1-icon class="${cx(
|
|
60
60
|
"w-6 h-6 transition-transform",
|
|
61
61
|
this.open && "rotate-180",
|
|
62
62
|
["primary", "gradient-dark"].includes(this.variant) ? "text-white" : "text-primary"
|
|
63
|
-
)}" library="_internal" name="chevron-down"></sd-6-12-
|
|
63
|
+
)}" library="_internal" name="chevron-down"></sd-6-12-1-icon></div></button>` : null}</div></div></div><div class="${cx("mb-4 -z-10", !slots["teaser-has-media"] && "hidden")}" part="media"><slot name="media"></slot></div></div>`;
|
|
64
64
|
}
|
|
65
65
|
};
|
|
66
66
|
SdTeaserMedia.styles = [
|
|
@@ -81,7 +81,7 @@ __decorateClass([
|
|
|
81
81
|
query('[part="base"]')
|
|
82
82
|
], SdTeaserMedia.prototype, "teaserMedia", 2);
|
|
83
83
|
SdTeaserMedia = __decorateClass([
|
|
84
|
-
customElement("sd-6-12-
|
|
84
|
+
customElement("sd-6-12-1-teaser-media")
|
|
85
85
|
], SdTeaserMedia);
|
|
86
86
|
|
|
87
87
|
export {
|
|
@@ -115,14 +115,14 @@ var SdSwitch = class extends SolidElement {
|
|
|
115
115
|
`relative flex flex-initial items-center justify-center border rounded-full h-4 w-8 transition-colors ease duration-100
|
|
116
116
|
peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2
|
|
117
117
|
peer-focus-visible:outline-primary transition-colors ease-in-out duration-medium hover:duration-fast`,
|
|
118
|
-
this.disabled && this.checked ? "bg-neutral-500" : this.disabled ? "border-neutral-500" : this.showInvalidStyle ? this.checked ? "border-error bg-error hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : "border-error bg-white hover:border-error-400 hover:bg-white group-hover:border-error-400 group-hover:bg-white" : this.checked ? "border-accent hover:sd-6-12-
|
|
118
|
+
this.disabled && this.checked ? "bg-neutral-500" : this.disabled ? "border-neutral-500" : this.showInvalidStyle ? this.checked ? "border-error bg-error hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : "border-error bg-white hover:border-error-400 hover:bg-white group-hover:border-error-400 group-hover:bg-white" : this.checked ? "border-accent hover:sd-6-12-1-switch--checked--hover-color-background bg-accent hover:border-accent-550 group-hover:sd-6-12-1-switch--checked--hover-color-background" : "sd-6-12-1-switch--unchecked-color-border bg-white hover:bg-neutral-200 group-hover:bg-neutral-200"
|
|
119
119
|
)}"><span id="thumb" part="thumb" class="${cx(
|
|
120
120
|
"w-2.5 h-2.5 rounded-full transition[transform,colors] ease-in-out duration-medium",
|
|
121
|
-
this.disabled && this.checked ? "translate-x-2" : this.disabled ? "-translate-x-2" : this.showInvalidStyle ? this.checked ? "translate-x-2" : "bg-error -translate-x-2 hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : this.checked ? "translate-x-2" : "-translate-x-2 sd-6-12-
|
|
121
|
+
this.disabled && this.checked ? "translate-x-2" : this.disabled ? "-translate-x-2" : this.showInvalidStyle ? this.checked ? "translate-x-2" : "bg-error -translate-x-2 hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400" : this.checked ? "translate-x-2" : "-translate-x-2 sd-6-12-1-switch--unchecked__icon-color-background"
|
|
122
122
|
)}"></span> </span><span part="label" id="label" class="${cx(
|
|
123
123
|
"select-none inline-block ml-2",
|
|
124
|
-
this.disabled ? "text-neutral-500" : this.showInvalidStyle ? "text-error" : "sd-6-12-
|
|
125
|
-
)}"><slot></slot></span></label> ${this.hasSlotController.test("tooltip") ? html`<slot name="tooltip"></slot>` : null}</div><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle ? html`<sd-6-12-
|
|
124
|
+
this.disabled ? "text-neutral-500" : this.showInvalidStyle ? "text-error" : "sd-6-12-1-switch-color-text"
|
|
125
|
+
)}"><slot></slot></span></label> ${this.hasSlotController.test("tooltip") ? html`<slot name="tooltip"></slot>` : null}</div><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle ? html`<sd-6-12-1-icon part="invalid-icon" class="${cx("text-error")}" library="_internal" name="risk"></sd-6-12-1-icon>` : ""} ${this.formControlController.renderInvalidMessage("lg")}</div>`;
|
|
126
126
|
}
|
|
127
127
|
};
|
|
128
128
|
/**
|
|
@@ -173,7 +173,7 @@ __decorateClass([
|
|
|
173
173
|
watch(["checked"], { waitUntilFirstUpdate: true })
|
|
174
174
|
], SdSwitch.prototype, "handleStateChange", 1);
|
|
175
175
|
SdSwitch = __decorateClass([
|
|
176
|
-
customElement("sd-6-12-
|
|
176
|
+
customElement("sd-6-12-1-switch")
|
|
177
177
|
], SdSwitch);
|
|
178
178
|
|
|
179
179
|
export {
|