@luzmo/lucero 2.2.1 → 2.4.0
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/LICENSE +1 -1
- package/README.md +34 -1
- package/components/accordion/index.cjs +2 -2
- package/components/accordion/index.js +3 -8
- package/components/{accordion-DpsYMoeb.cjs → accordion-BK0LfhmL.cjs} +2 -2
- package/components/{accordion-BDchhAjE.js → accordion-ciplqKwM.js} +2 -1
- package/components/action-bar/action-bar.d.ts +3 -3
- package/components/action-bar/index.cjs +2 -2
- package/components/action-bar/index.js +3 -8
- package/components/{action-bar-2FGCCKMW.js → action-bar-BZBIeGo7.js} +6 -5
- package/components/action-bar-DAqG_7VG.cjs +39 -0
- package/components/action-button/index.cjs +2 -2
- package/components/action-button/index.js +3 -8
- package/components/{action-button-OB5MM04X.js → action-button-BRijXjEz.js} +2 -1
- package/components/action-button-CX1uYbQp.cjs +22 -0
- package/components/action-group/index.cjs +2 -2
- package/components/action-group/index.js +3 -11
- package/components/{action-group-BQ-fyPYS.js → action-group-DSiruuF0.js} +5 -2
- package/components/action-group-oo7YV0EW.cjs +20 -0
- package/components/action-menu/index.cjs +2 -2
- package/components/action-menu/index.js +3 -8
- package/components/{action-menu-Diehg1Kc.js → action-menu-C0sHNsjG.js} +7 -6
- package/components/{action-menu-CtMswuyc.cjs → action-menu-CwzRbF61.cjs} +2 -2
- package/components/avatar/index.cjs +2 -2
- package/components/avatar/index.js +3 -8
- package/components/{avatar-Nb0368Wi.js → avatar-CwSyYAKV.js} +2 -1
- package/components/avatar-DHS5UGTJ.cjs +34 -0
- package/components/badge/index.cjs +2 -2
- package/components/badge/index.js +3 -8
- package/components/{badge-DP1uxXaZ.js → badge-D2Hjf-Ww.js} +2 -1
- package/components/badge-D8pIDEoq.cjs +23 -0
- package/components/button/index.cjs +2 -2
- package/components/button/index.js +4 -9
- package/components/button-Bvnidb4x.cjs +20 -0
- package/components/{button-DXWWEbir.js → button-DIV_j_U3.js} +4 -3
- package/components/button-base-DiNxrttk.cjs +1 -1
- package/components/button-base-DiPzVpp4.js +1 -1
- package/components/button-group/index.cjs +2 -2
- package/components/button-group/index.js +3 -8
- package/components/button-group-Du7R4SxZ.cjs +18 -0
- package/components/{button-group-DaANSInm.js → button-group-Duf-Igst.js} +2 -1
- package/components/calendar/index.cjs +2 -2
- package/components/calendar/index.js +3 -8
- package/components/{calendar-C8u_88jX.js → calendar-D1UtHvpY.js} +4 -3
- package/components/calendar-pQxEWdYC.cjs +138 -0
- package/components/chat-message/index.cjs +2 -2
- package/components/chat-message/index.js +3 -8
- package/components/chat-message-Dgo6h0rD.cjs +148 -0
- package/components/{chat-message-CXq0Trjx.js → chat-message-T6QIK2Bl.js} +528 -563
- package/components/chat-message-group/index.cjs +2 -2
- package/components/chat-message-group/index.js +3 -8
- package/components/chat-message-group-CvxdX3jt.cjs +24 -0
- package/components/{chat-message-group-D7vdn2gG.js → chat-message-group-k9lo-ZqD.js} +2 -1
- package/components/checkbox/index.cjs +2 -2
- package/components/checkbox/index.js +3 -8
- package/components/{checkbox-6YzkdHR4.js → checkbox-BEjvkjfc.js} +2 -1
- package/components/checkbox-ClVrkeLp.cjs +25 -0
- package/components/checkbox-mixin-jqmrh48O.js +1 -1
- package/components/checkbox-mixin-rFRXqyrK.cjs +1 -1
- package/components/{close-button-BntGLAcp.cjs → close-button-BAELImQY.cjs} +2 -2
- package/components/{close-button-D12zZ9zC.js → close-button-Dlvtf9lB.js} +3 -3
- package/components/color-area/index.cjs +2 -2
- package/components/color-area/index.js +3 -8
- package/components/color-area-CmKlQG1i.cjs +80 -0
- package/components/{color-area-DMpXKgPY.js → color-area-lbg8wwZG.js} +3 -2
- package/components/color-controller-DbyPc33Y.cjs +1 -1
- package/components/color-controller-Rg_Zl0sT.js +1 -1
- package/components/color-field/index.cjs +2 -2
- package/components/color-field/index.js +3 -8
- package/components/{color-field-BNGnBRSO.cjs → color-field-BH9x46k_.cjs} +2 -2
- package/components/{color-field-CUdHxonc.js → color-field-C9S-Fv46.js} +2 -1
- package/components/color-handle/color-handle.d.ts +1 -1
- package/components/color-handle/index.cjs +2 -2
- package/components/color-handle/index.js +3 -8
- package/components/color-handle-2iFLp9FN.cjs +24 -0
- package/components/{color-handle-TKbLs1ax.js → color-handle-BEDQ1RcS.js} +3 -2
- package/components/color-loupe/index.cjs +2 -2
- package/components/color-loupe/index.js +3 -11
- package/components/color-loupe-6NcLbFco.cjs +56 -0
- package/components/{color-loupe-DAxrNPJz.js → color-loupe-CqHyyvjQ.js} +5 -2
- package/components/color-menu/index.cjs +2 -2
- package/components/color-menu/index.js +3 -8
- package/components/color-menu-BYTgxLQG.cjs +89 -0
- package/components/{color-menu-jkdcr5ir.js → color-menu-qJK_clDq.js} +9 -8
- package/components/color-palette/index.cjs +2 -2
- package/components/color-palette/index.js +3 -8
- package/components/{color-palette-FQyIMSwP.js → color-palette-CqiO5ohz.js} +2 -1
- package/components/color-palette-group/index.cjs +2 -2
- package/components/color-palette-group/index.js +3 -8
- package/components/color-palette-group-D4k_7pW6.cjs +28 -0
- package/components/{color-palette-group-o6bnF-Ir.js → color-palette-group-zByrO_qb.js} +2 -1
- package/components/color-palette-x6W09EBL.cjs +18 -0
- package/components/color-picker/index.cjs +2 -2
- package/components/color-picker/index.js +3 -8
- package/components/{color-picker-C4pvkA2k.cjs → color-picker-BAikpqUT.cjs} +2 -2
- package/components/{color-picker-DF3gBQvH.js → color-picker-CSuAPo5X.js} +6 -5
- package/components/color-slider/index.cjs +2 -2
- package/components/color-slider/index.js +3 -8
- package/components/{color-slider-DejvUYrW.js → color-slider-0JzdSRTy.js} +3 -2
- package/components/color-slider-CMW8gJ0Z.cjs +57 -0
- package/components/condition-attribute-with-id-BdnTdWKz.js +1 -1
- package/components/condition-attribute-with-id-Cw92IbcP.cjs +1 -1
- package/components/date-range-picker/index.cjs +2 -2
- package/components/date-range-picker/index.js +3 -8
- package/components/date-range-picker-D149LIGC.cjs +180 -0
- package/components/{date-range-picker-DCOv5PYH.js → date-range-picker-DKVmGpUC.js} +7 -6
- package/components/date-time-picker/index.cjs +2 -2
- package/components/date-time-picker/index.js +3 -8
- package/components/{date-time-picker-ClgATXBy.js → date-time-picker-6c19YzwF.js} +7 -6
- package/components/date-time-picker-CRpvRk9T.cjs +105 -0
- package/components/decorate-CkCg3wfh.js +1 -1
- package/components/decorate-Dq34MBGe.cjs +1 -1
- package/components/dependency-manger-BSaHw9ju.cjs +1 -1
- package/components/dependency-manger-wHEXoU92.js +1 -1
- package/components/divider/index.cjs +2 -2
- package/components/divider/index.js +3 -8
- package/components/divider-BcE8D-pH.cjs +18 -0
- package/components/{divider-CGbT-CL8.js → divider-Cz5nyvP9.js} +2 -1
- package/components/divider.module-BV6tmpOY.cjs +1 -1
- package/components/divider.module-CPEKsaqR.js +1 -1
- package/components/element-resolution-BjaAlqwX.cjs +1 -1
- package/components/element-resolution-gap51AVo.js +1 -1
- package/components/field-group/index.cjs +2 -2
- package/components/field-group/index.js +2 -7
- package/components/field-group-C_kRq7pJ.js +1 -1
- package/components/field-group-Dd5xYczm.cjs +1 -1
- package/components/field-label/index.cjs +2 -2
- package/components/field-label/index.js +3 -11
- package/components/field-label-C0vfY1b6.cjs +25 -0
- package/components/{field-label-B9S41b7c.js → field-label-C28wWqC5.js} +5 -2
- package/components/focus-group-C8lOjbi9.cjs +1 -1
- package/components/focus-group-DVPa1zxz.js +1 -1
- package/components/focus-visible-Bt2uDmuM.js +1 -1
- package/components/focus-visible-DNHNlrty.cjs +1 -1
- package/components/focusable-B6h03pAe.cjs +1 -1
- package/components/focusable-DuP0-Kuy.js +1 -1
- package/components/focusable-selectors-BWpiuXz5.js +1 -1
- package/components/focusable-selectors-DJqGLTJo.cjs +1 -1
- package/components/get-label-from-slot-Bo9mqYCZ.js +1 -1
- package/components/get-label-from-slot-TV4APBYs.cjs +1 -1
- package/components/icon/index.cjs +2 -2
- package/components/icon/index.js +3 -8
- package/components/{icon-DB1DRieA.js → icon-CsJZMhIm.js} +2 -1
- package/components/icon-zOPAWCdx.cjs +18 -0
- package/components/index.cjs +2 -2
- package/components/index.js +64 -75
- package/components/infield-button/index.cjs +2 -2
- package/components/infield-button/index.js +3 -8
- package/components/{infield-button-C1mz69Qf.js → infield-button-DiE8R6ol.js} +2 -1
- package/components/infield-button-kilVRjwB.cjs +22 -0
- package/components/label/index.cjs +2 -2
- package/components/label/index.js +3 -8
- package/components/{label-DPG13Ib0.cjs → label-B3zs6OX0.cjs} +2 -2
- package/components/{label-B1HYQ4Pp.js → label-e6Y13vrS.js} +2 -1
- package/components/language-resolution-BaKYDD1a.js +1 -1
- package/components/language-resolution-CSjktYg5.cjs +1 -1
- package/components/like-anchor-BX4PSB3d.cjs +1 -1
- package/components/like-anchor-DXCaEv7O.js +1 -1
- package/components/manage-help-text-ByLb0QYX.js +1 -1
- package/components/manage-help-text-DtFJsl0k.cjs +1 -1
- package/components/menu/index.cjs +2 -2
- package/components/menu/index.js +3 -8
- package/components/{menu-Cq7BEv5Y.cjs → menu-CrhA2iPZ.cjs} +3 -3
- package/components/{menu-DY8q8qyn.js → menu-fdJseu1y.js} +3 -2
- package/components/multi-language-field/index.cjs +2 -2
- package/components/multi-language-field/index.js +3 -8
- package/components/{multi-language-field-Cfy3M_ZS.cjs → multi-language-field-BndVikur.cjs} +2 -2
- package/components/{multi-language-field-DhQ98r2D.js → multi-language-field-vJMK-osi.js} +3 -2
- package/components/notice/index.cjs +2 -2
- package/components/notice/index.js +3 -8
- package/components/notice-CsWaqcq3.cjs +60 -0
- package/components/{notice-s6QHF_tq.js → notice-N0-lxEf_.js} +4 -3
- package/components/number-field/index.cjs +2 -2
- package/components/number-field/index.js +3 -8
- package/components/{number-field-BqnZS9Gx.js → number-field-DAOy_AvQ.js} +3 -2
- package/components/number-field-xxXgR70l.cjs +57 -0
- package/components/observe-slot-presence-BKY6n06-.js +1 -1
- package/components/observe-slot-presence-CS8pMePk.cjs +1 -1
- package/components/observe-slot-text-CvL-2ey3.cjs +1 -1
- package/components/observe-slot-text-Db8Kx3P-.js +1 -1
- package/components/options/index.cjs +2 -2
- package/components/options/index.js +3 -8
- package/components/options/options.d.ts +1 -0
- package/components/{options-Bd6Uly5_.cjs → options-CP9V2CSJ.cjs} +2 -2
- package/components/{options-CpaaBaxn.js → options-D_ifU0DH.js} +4 -2
- package/components/overlay/index.cjs +2 -2
- package/components/overlay/index.js +4 -10
- package/components/overlay/placement-controller.d.ts +2 -1
- package/components/overlay-Dn7EbA_W.cjs +102 -0
- package/components/{overlay-CyBsHuOL.js → overlay-DpHIYJtd.js} +282 -77
- package/components/{pending-state-a527YMWV.cjs → pending-state-CGHvTtKR.cjs} +2 -2
- package/components/{pending-state-BeG7qBDP.js → pending-state-D_b45qvi.js} +2 -2
- package/components/picker/index.cjs +2 -2
- package/components/picker/index.js +3 -8
- package/components/picker-BliQJlY_.cjs +124 -0
- package/components/{picker-f4fSGZX8.js → picker-D0fMBZLb.js} +6 -6
- package/components/picker-button/index.cjs +2 -2
- package/components/picker-button/index.js +3 -8
- package/components/picker-button-B8Jbf9jK.cjs +37 -0
- package/components/{picker-button-DVzLeTq8.js → picker-button-CJQJshbo.js} +3 -2
- package/components/platform-BAjeJp2W.cjs +1 -1
- package/components/platform-Ce9pNsR9.js +1 -1
- package/components/popover/index.cjs +2 -2
- package/components/popover/index.js +3 -11
- package/components/popover-BsdqkvKI.cjs +30 -0
- package/components/{popover-DTsrgH-f.js → popover-DC8tkee-.js} +17 -15
- package/components/progress-bar/index.cjs +2 -2
- package/components/progress-bar/index.js +3 -8
- package/components/progress-bar-CrodWzcc.cjs +34 -0
- package/components/{progress-bar-BJO8j1aX.js → progress-bar-D4iFHkp7.js} +2 -1
- package/components/progress-circle/index.cjs +2 -2
- package/components/progress-circle/index.js +3 -11
- package/components/{progress-circle-BVToDWX8.js → progress-circle-By6qUQYe.js} +5 -2
- package/components/progress-circle-bO_VAX3N.cjs +33 -0
- package/components/progress-steps/index.cjs +2 -2
- package/components/progress-steps/index.d.ts +2 -1
- package/components/progress-steps/index.js +4 -9
- package/components/progress-steps/progress-steps-model.d.ts +23 -0
- package/components/progress-steps/progress-steps.d.ts +82 -109
- package/components/progress-steps/types.d.ts +18 -3
- package/components/progress-steps-Y-Tgh_fQ.cjs +98 -0
- package/components/progress-steps-ohguJaPa.js +368 -0
- package/components/prompt-box/index.cjs +2 -2
- package/components/prompt-box/index.js +3 -8
- package/components/{prompt-box-BY1xKFZO.js → prompt-box-Cz_m2wso.js} +8 -8
- package/components/{prompt-box-Dg9S0C5x.cjs → prompt-box-sp9_-Hnx.cjs} +3 -3
- package/components/question-box/index.cjs +2 -2
- package/components/question-box/index.js +3 -8
- package/components/{question-box-CZxQTeS9.cjs → question-box-Bdtsgv1k.cjs} +2 -2
- package/components/{question-box-CyojSIop.js → question-box-D7YSi_6c.js} +9 -8
- package/components/radio/index.cjs +2 -2
- package/components/radio/index.js +3 -8
- package/components/{radio-DRI4on-W.js → radio-B6hX9Klr.js} +2 -1
- package/components/radio-CRTfoEX_.cjs +22 -0
- package/components/random-id-BcUJAxUZ.cjs +1 -1
- package/components/random-id-CiMDyX7v.js +1 -1
- package/components/rolldown-runtime-Dy4uBu1J.js +1 -1
- package/components/roving-tabindex-BoPao4td.cjs +1 -1
- package/components/roving-tabindex-pomAn3z-.js +1 -1
- package/components/scaled-indicator-C-TupV4L.js +1 -1
- package/components/scaled-indicator-DLJIztx0.cjs +1 -1
- package/components/search/index.cjs +2 -2
- package/components/search/index.js +3 -8
- package/components/{search-C-EPZmTG.js → search-DEjLSJ96.js} +4 -3
- package/components/search-PxJEuwHt.cjs +47 -0
- package/components/segments-factory-BCRi1NKb.js +1 -1
- package/components/segments-factory-DtPyN5sh.cjs +1 -1
- package/components/select/index.cjs +2 -2
- package/components/select/index.js +3 -8
- package/components/{select-BbFG38ag.js → select-BUgHi69P.js} +9 -8
- package/components/select-DsGVB01K.cjs +158 -0
- package/components/sized-mixin-BT7cv-fT.cjs +1 -1
- package/components/sized-mixin-DzQTebN-.js +1 -1
- package/components/skeleton-loader/index.cjs +2 -2
- package/components/skeleton-loader/index.js +3 -8
- package/components/{skeleton-loader-C0LH3prK.js → skeleton-loader-BeCsYADg.js} +2 -1
- package/components/skeleton-loader-CNcwCh4V.cjs +18 -0
- package/components/slider/index.cjs +2 -2
- package/components/slider/index.js +3 -8
- package/components/{slider-B7QAhDTM.js → slider-Bsl8Xrme.js} +3 -2
- package/components/{slider-DxliwjT6.cjs → slider-C_8pSK4N.cjs} +2 -2
- package/components/slottable-request-event-C6eb7Ch3.cjs +1 -1
- package/components/slottable-request-event-MRSZbgTu.js +1 -1
- package/components/split-view/index.cjs +2 -2
- package/components/split-view/index.js +3 -8
- package/components/split-view-BwCFYey6.cjs +43 -0
- package/components/{split-view-FxpiSCem.js → split-view-CDwHDmII.js} +2 -1
- package/components/status-light/index.cjs +2 -2
- package/components/status-light/index.js +3 -8
- package/components/status-light-D3hdx8Pd.cjs +21 -0
- package/components/{status-light-DC8qqO8q.js → status-light-DwUnjE3t.js} +2 -1
- package/components/strategies-BwNbUXYS.cjs +1 -1
- package/components/strategies-Cl59wdNZ.js +1 -1
- package/components/streaming-listener-Bfyk6Fsx.cjs +1 -1
- package/components/streaming-listener-CtcMpYfS.js +1 -1
- package/components/swatch/index.cjs +2 -2
- package/components/swatch/index.js +3 -8
- package/components/{swatch-C2ty27bJ.js → swatch-Bj2FARl1.js} +2 -1
- package/components/{swatch-DUmBmg4S.cjs → swatch-CQ0inIHK.cjs} +2 -2
- package/components/switch/index.cjs +2 -2
- package/components/switch/index.js +3 -8
- package/components/{switch-DOuXlFwI.js → switch-CpG-hSWY.js} +2 -1
- package/components/switch-qwpYXVnO.cjs +22 -0
- package/components/tabs/index.cjs +2 -2
- package/components/tabs/index.js +3 -8
- package/components/{tabs-CjY4eX9W.js → tabs-BD_ATrBg.js} +4 -3
- package/components/{tabs-ZwcVrVub.cjs → tabs-DxOD4QNt.cjs} +2 -2
- package/components/tags/index.cjs +2 -2
- package/components/tags/index.js +3 -8
- package/components/{tags-BCKNzEaH.js → tags-BIpFgOYy.js} +4 -3
- package/components/tags-fLCGajv_.cjs +47 -0
- package/components/text-field/index.cjs +2 -2
- package/components/text-field/index.js +3 -8
- package/components/text-field-3fDtTQkR.cjs +1 -1
- package/components/text-field-CbN4nydd.cjs +21 -0
- package/components/text-field-CmSym2QK.js +1 -1
- package/components/{text-field-C2MHZbTp.js → text-field-CmyqQxq0.js} +2 -1
- package/components/text-field.module-BHhBReKL.js +1 -1
- package/components/text-field.module-l8CaTCwE.cjs +1 -1
- package/components/toast/index.cjs +2 -2
- package/components/toast/index.js +3 -8
- package/components/toast-DRrGgznK.cjs +51 -0
- package/components/{toast-DlOeMDCI.js → toast-KwHx-agn.js} +3 -2
- package/components/tokens.cjs +18 -0
- package/components/tokens.css +18 -0
- package/components/tokens.js +23 -0
- package/components/tooltip/index.cjs +2 -2
- package/components/tooltip/index.js +3 -8
- package/components/tooltip-DjOW52n2.cjs +45 -0
- package/components/{tooltip-Byl1h4nN.js → tooltip-xTa9Q5JW.js} +2 -1
- package/components/top-nav/index.cjs +2 -2
- package/components/top-nav/index.js +3 -8
- package/components/top-nav-81IKEGjR.cjs +41 -0
- package/components/{top-nav-B9YKdtFB.js → top-nav-CXjnpdFR.js} +2 -1
- package/components/utils.cjs +1 -1
- package/components/utils.js +1 -1
- package/components/voice-recorder-B1tBrGTV.cjs +1 -1
- package/components/voice-recorder-CTg3kRxx.js +1 -1
- package/custom-elements.json +1 -1
- package/package.json +11 -2
- package/standalone/accordion.js +45 -0
- package/standalone/action-bar.js +41 -0
- package/standalone/action-button.js +20 -0
- package/standalone/action-group.js +20 -0
- package/standalone/action-menu.js +58 -0
- package/standalone/avatar.js +36 -0
- package/standalone/badge.js +20 -0
- package/standalone/button-group.js +20 -0
- package/standalone/button.js +20 -0
- package/standalone/calendar.js +20 -0
- package/standalone/chat-message-group.js +26 -0
- package/standalone/chat-message.js +150 -0
- package/standalone/checkbox.js +20 -0
- package/standalone/chunks/NumberFormatter-DMCfW685.js +2 -0
- package/standalone/chunks/NumberParser-r_jv94LA.js +2 -0
- package/standalone/chunks/action-button-BzzPBqt5.js +6 -0
- package/standalone/chunks/action-group-DTxf-0tP.js +4 -0
- package/standalone/chunks/async-directive-BA2_dM-5.js +2 -0
- package/standalone/chunks/async-directive-CPdA0BOw.js +2 -0
- package/standalone/chunks/badge-DD-tMgzi.js +7 -0
- package/standalone/chunks/button-Bv3v7VbN.js +4 -0
- package/standalone/chunks/button-Dykw3TSO.js +2 -0
- package/standalone/chunks/button-base-C7jeeyLp.js +9 -0
- package/standalone/chunks/calendar-ZwUYkzVq.js +122 -0
- package/standalone/chunks/checkbox-OQtakoP8.js +9 -0
- package/standalone/chunks/checkbox-mixin-BAQWmwps.js +11 -0
- package/standalone/chunks/class-map-CxQ0PcQP.js +2 -0
- package/standalone/chunks/clear-button-pVGfwye8.js +2 -0
- package/standalone/chunks/close-button-RpPiwBdf.js +2 -0
- package/standalone/chunks/color-area-Cj8oPsIF.js +64 -0
- package/standalone/chunks/color-controller-fJNWRHVI.js +2 -0
- package/standalone/chunks/color-field-CrCF4kqZ.js +7 -0
- package/standalone/chunks/color-handle-BHrAxEG2.js +8 -0
- package/standalone/chunks/color-loupe-C34cms5t.js +40 -0
- package/standalone/chunks/color-menu-B5UOMYmX.js +73 -0
- package/standalone/chunks/color-slider-CAqvxsgS.js +41 -0
- package/standalone/chunks/condition-attribute-with-id-Dv8Yd-N1.js +2 -0
- package/standalone/chunks/dependency-manger-BPrqqTnJ.js +2 -0
- package/standalone/chunks/directive-Du_3lDov.js +2 -0
- package/standalone/chunks/directive-helpers-Bu8icI7Y.js +2 -0
- package/standalone/chunks/divider-Bf9Drp2z.js +2 -0
- package/standalone/chunks/divider.module-sYekRHno.js +2 -0
- package/standalone/chunks/element-resolution-DX0ea-Cd.js +2 -0
- package/standalone/chunks/field-group-D8EjgC6F.js +7 -0
- package/standalone/chunks/field-label-VWHDlW9_.js +9 -0
- package/standalone/chunks/flow-aCcJ5kgi.js +2 -0
- package/standalone/chunks/focus-group-Cl6MLy-C.js +2 -0
- package/standalone/chunks/focusable-selectors-D5e0OxNL.js +2 -0
- package/standalone/chunks/get-label-from-slot-Dfoiptqo.js +2 -0
- package/standalone/chunks/icon-Dy6J1QeX.js +2 -0
- package/{components/infield-button-CYO9V1eX.cjs → standalone/chunks/infield-button-D03MpU_s.js} +3 -19
- package/standalone/chunks/keyed-CNWmQd2J.js +2 -0
- package/standalone/chunks/language-resolution-BWHk9A73.js +2 -0
- package/standalone/chunks/lit-BN_lRQbJ.js +3 -0
- package/standalone/chunks/lucero-runtime-DGJ9-isg.js +16 -0
- package/standalone/chunks/luzmo-icons-CJa-aByT.js +13 -0
- package/standalone/chunks/manage-help-text-Cl9OJ2xf.js +14 -0
- package/standalone/chunks/menu-nolJetlp.js +92 -0
- package/standalone/chunks/number-field-C3DYfl1s.js +41 -0
- package/standalone/chunks/observe-slot-presence-DWPtw22K.js +2 -0
- package/standalone/chunks/options-BjRSj630.js +89 -0
- package/standalone/chunks/overlay-C4ir0iyC.js +31 -0
- package/standalone/chunks/overlay-C_XW8yry.js +57 -0
- package/standalone/chunks/pending-state-DxeRqe6Q.js +11 -0
- package/standalone/chunks/picker-button-BeXTIgUt.js +21 -0
- package/standalone/chunks/picker-hbMQOkUX.js +108 -0
- package/standalone/chunks/platform-BfrBbd97.js +2 -0
- package/standalone/chunks/popover-BsB3dmQe.js +14 -0
- package/standalone/chunks/progress-circle-CEx1b5Sv.js +17 -0
- package/standalone/chunks/property-CLXrnTGx.js +2 -0
- package/standalone/chunks/radio-2vHhfmHw.js +6 -0
- package/standalone/chunks/random-id-CeLe5NEk.js +2 -0
- package/standalone/chunks/repeat-CZdNcszA.js +2 -0
- package/standalone/chunks/rolldown-runtime-DWK5is8u.js +2 -0
- package/standalone/chunks/roving-tabindex-CB4xC55P.js +2 -0
- package/standalone/chunks/scaled-indicator-k-1JmS0b.js +10 -0
- package/standalone/chunks/segments-factory-Ch3AAizU.js +2 -0
- package/standalone/chunks/skeleton-loader-BxYcRRJr.js +2 -0
- package/standalone/chunks/slottable-request-event-D9FhiqH1.js +2 -0
- package/standalone/chunks/strategies-kad_0dTB.js +2 -0
- package/standalone/chunks/streaming-listener-DFczLm8I.js +2 -0
- package/standalone/chunks/style-map-D4QeV3m0.js +2 -0
- package/standalone/chunks/swatch-m_4GcO2_.js +33 -0
- package/standalone/chunks/text-field-BnZtyodU.js +5 -0
- package/standalone/chunks/text-field-BrlDeJsx.js +65 -0
- package/standalone/chunks/text-field.module-ClDE7laI.js +2 -0
- package/standalone/chunks/tooltip-DB6jRVyB.js +29 -0
- package/standalone/chunks/unsafe-html-BPQaWy0v.js +2 -0
- package/standalone/chunks/voice-recorder--d34tYNu.js +2 -0
- package/standalone/chunks/when-BWvpqCBs.js +2 -0
- package/standalone/clear-button.js +20 -0
- package/standalone/close-button.js +20 -0
- package/standalone/color-area.js +20 -0
- package/standalone/color-field.js +20 -0
- package/standalone/color-handle.js +20 -0
- package/standalone/color-loupe.js +20 -0
- package/standalone/color-menu.js +20 -0
- package/standalone/color-palette-group.js +30 -0
- package/standalone/color-palette.js +20 -0
- package/standalone/color-picker.js +50 -0
- package/standalone/color-slider.js +20 -0
- package/standalone/date-range-picker.js +182 -0
- package/standalone/date-time-picker.js +107 -0
- package/standalone/divider.js +20 -0
- package/standalone/field-group.js +20 -0
- package/standalone/field-label.js +20 -0
- package/standalone/icon.js +20 -0
- package/standalone/infield-button.js +20 -0
- package/standalone/label.js +20 -0
- package/standalone/lit.js +20 -0
- package/standalone/manifest.json +152 -0
- package/standalone/menu.js +20 -0
- package/standalone/multi-language-field.js +42 -0
- package/standalone/notice.js +62 -0
- package/standalone/number-field.js +20 -0
- package/standalone/options.js +20 -0
- package/standalone/overlay.js +20 -0
- package/standalone/picker-button.js +20 -0
- package/standalone/picker.js +20 -0
- package/standalone/popover.js +20 -0
- package/standalone/progress-bar.js +36 -0
- package/standalone/progress-circle.js +20 -0
- package/standalone/progress-steps.js +100 -0
- package/standalone/prompt-box.js +316 -0
- package/standalone/question-box.js +403 -0
- package/standalone/radio.js +20 -0
- package/standalone/search.js +49 -0
- package/standalone/select.js +160 -0
- package/standalone/skeleton-loader.js +20 -0
- package/standalone/slider.js +137 -0
- package/standalone/split-view.js +45 -0
- package/standalone/status-light.js +23 -0
- package/standalone/swatch.js +20 -0
- package/standalone/switch.js +24 -0
- package/standalone/tabs.js +78 -0
- package/standalone/tags.js +49 -0
- package/standalone/text-field.js +20 -0
- package/standalone/toast.js +53 -0
- package/standalone/tokens.css +1 -0
- package/standalone/tokens.js +20 -0
- package/standalone/tooltip.js +20 -0
- package/standalone/top-nav.js +43 -0
- package/standalone/utils.js +20 -0
- package/styles/tokens.d.ts +1 -0
- package/utils/reactive-controllers/pending-state.d.ts +1 -1
- package/components/action-bar-CXT4lT30.cjs +0 -39
- package/components/action-button-BKnzGQR6.cjs +0 -22
- package/components/action-group-D1G30Iir.cjs +0 -20
- package/components/avatar-Cu9c0sCS.cjs +0 -34
- package/components/badge-XJP3sZhB.cjs +0 -23
- package/components/button-group-6M8M-TUI.cjs +0 -18
- package/components/button-l0fRopSN.cjs +0 -20
- package/components/calendar-DZkKMs2L.cjs +0 -138
- package/components/chat-message-group-CzCwyW7F.cjs +0 -24
- package/components/chat-message-t4a0r3R6.cjs +0 -148
- package/components/checkbox-DdatW4xE.cjs +0 -25
- package/components/color-area-B_pRu9Vf.cjs +0 -80
- package/components/color-handle-DIoVrLRF.cjs +0 -24
- package/components/color-loupe-sY1wOisV.cjs +0 -56
- package/components/color-menu-CdETqhbP.cjs +0 -89
- package/components/color-palette-CidHsmE0.cjs +0 -18
- package/components/color-palette-group-B4r4tPfY.cjs +0 -28
- package/components/color-slider-DLEM1nGA.cjs +0 -57
- package/components/date-range-picker-9ioTuDZq.cjs +0 -180
- package/components/date-time-picker-DRjQTyGS.cjs +0 -105
- package/components/divider-wana0uPI.cjs +0 -18
- package/components/field-label-C5vdJ1ys.cjs +0 -25
- package/components/icon-CSqR-OOO.cjs +0 -18
- package/components/notice-xgrLOiC0.cjs +0 -60
- package/components/number-field-04RFqrUa.cjs +0 -57
- package/components/overlay-B-gaxspw.cjs +0 -47
- package/components/overlay-CPZvL0Ic.cjs +0 -73
- package/components/overlay-DdIs4w5M.js +0 -227
- package/components/picker-D225VAbx.cjs +0 -124
- package/components/picker-button-BR7oM7_M.cjs +0 -37
- package/components/popover-DWWYpY-k.cjs +0 -30
- package/components/progress-bar-C7wJ5bxS.cjs +0 -34
- package/components/progress-circle-DyApSKdm.cjs +0 -33
- package/components/progress-steps-Ba4VbAKR.cjs +0 -96
- package/components/progress-steps-nJ8Xw-nG.js +0 -262
- package/components/radio-O3a1rmCe.cjs +0 -22
- package/components/search-BhMhfCBh.cjs +0 -47
- package/components/select-D5fQgPPj.cjs +0 -158
- package/components/skeleton-loader-Cm50Ztzk.cjs +0 -18
- package/components/split-view-5uMSU_b7.cjs +0 -43
- package/components/status-light-BYBYorYy.cjs +0 -21
- package/components/switch-B-gu-War.cjs +0 -22
- package/components/tags-B28zWEic.cjs +0 -47
- package/components/text-field-wJK2bzMT.cjs +0 -21
- package/components/toast-COQ7Xl5T.cjs +0 -51
- package/components/tooltip-Sm0pruxL.cjs +0 -45
- package/components/top-nav-BcZLCBP_.cjs +0 -41
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -15,11 +15,6 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
let e = document.createElement("style");
|
|
21
|
-
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-on-subtle-color: var(--luzmo-negative-color);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-shadow-opacity: 0.35;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
|
|
22
|
-
}
|
|
23
|
-
})();
|
|
24
|
-
import { t as e } from "../divider-CGbT-CL8.js";
|
|
18
|
+
import "../tokens.js";
|
|
19
|
+
import { t as e } from "../divider-Cz5nyvP9.js";
|
|
25
20
|
export { e as LuzmoDivider };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./divider.module-BV6tmpOY.cjs");let r=require("lit"),i=require("lit/decorators.js");var a=class extends t.n(e.n,{validSizes:[`s`,`m`,`l`],noDefaultSize:!0}){constructor(...e){super(...e),this.vertical=!1}static{this.styles=[(0,r.unsafeCSS)(n.t)]}render(){return r.html``}firstUpdated(e){super.firstUpdated(e),this.setAttribute(`role`,`separator`)}updated(e){super.updated(e),e.has(`vertical`)&&(this.vertical?this.setAttribute(`aria-orientation`,`vertical`):this.removeAttribute(`aria-orientation`))}};e.t([(0,i.property)({type:Boolean,reflect:!0})],a.prototype,`vertical`,void 0),e.t([(0,i.property)({type:String,reflect:!0,attribute:`static-color`})],a.prototype,`staticColor`,void 0),customElements.get(`luzmo-divider`)||customElements.define(`luzmo-divider`,a),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
+
import "./tokens.js";
|
|
18
19
|
import { n as e, t } from "./decorate-CkCg3wfh.js";
|
|
19
20
|
import { n } from "./sized-mixin-DzQTebN-.js";
|
|
20
21
|
import { t as r } from "./divider.module-CPEKsaqR.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../field-group-Dd5xYczm.cjs");customElements.get(`luzmo-field-group`)||customElements.define(`luzmo-field-group`,e.t),exports.LuzmoFieldGroup=e.t;
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../field-group-Dd5xYczm.cjs");customElements.get(`luzmo-field-group`)||customElements.define(`luzmo-field-group`,e.t),exports.LuzmoFieldGroup=e.t;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -15,12 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
|
|
19
|
-
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
20
|
-
let e = document.createElement("style");
|
|
21
|
-
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-on-subtle-color: var(--luzmo-negative-color);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-shadow-opacity: 0.35;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
|
|
22
|
-
}
|
|
23
|
-
})();
|
|
18
|
+
import "../tokens.js";
|
|
24
19
|
import { t as e } from "../field-group-C_kRq7pJ.js";
|
|
25
20
|
//#region src/components/field-group/index.ts
|
|
26
21
|
customElements.get("luzmo-field-group") || customElements.define("luzmo-field-group", e);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../field-label-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../field-label-C0vfY1b6.cjs");exports.LuzmoFieldLabel=e.t;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -15,14 +15,6 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
let e = document.createElement("style");
|
|
21
|
-
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-on-subtle-color: var(--luzmo-negative-color);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-shadow-opacity: 0.35;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
|
|
22
|
-
}
|
|
23
|
-
})();
|
|
24
|
-
import { t as e } from "../field-label-B9S41b7c.js";
|
|
25
|
-
//#region src/components/field-label/index.ts
|
|
26
|
-
customElements.get("luzmo-field-label") || customElements.define("luzmo-field-label", e);
|
|
27
|
-
//#endregion
|
|
18
|
+
import "../tokens.js";
|
|
19
|
+
import { t as e } from "../field-label-C28wWqC5.js";
|
|
28
20
|
export { e as LuzmoFieldLabel };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./condition-attribute-with-id-Cw92IbcP.cjs"),r=require("./random-id-BcUJAxUZ.cjs"),i=require("./element-resolution-BjaAlqwX.cjs");let a=require("lit"),o=require("lit/decorators.js");var s=`:host{box-sizing:border-box;min-block-size:var(--luzmo-field-label-min-height,var(--field-label-min-height));padding-block:var(--luzmo-field-label-padding-block,var(--luzmo-field-label-top-to-text,var(--field-label-top-to-text)) var(--luzmo-field-label-bottom-to-text,var(--field-label-bottom-to-text)));padding-inline:0;padding-inline:var(--luzmo-field-label-padding-inline,0);margin-block:0;margin-block:var(--luzmo-field-label-margin-block,var(--luzmo-field-label-margin-block-start,0) var(--luzmo-field-label-margin-block-end,0));margin-inline:0;margin-inline:var(--luzmo-field-label-margin-inline,var(--luzmo-field-label-margin-inline-start,0) var(--luzmo-field-label-margin-inline-end,0));font-size:var(--luzmo-field-label-font-size,var(--field-label-font-size));font-weight:var(--luzmo-field-label-font-weight,var(--field-label-font-weight));line-height:var(--luzmo-field-label-line-height,var(--field-label-line-height));-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;color:var(--luzmo-field-label-color,var(--field-label-color));font-family:var(--luzmo-field-label-font-family,var(--luzmo-font-family));display:block}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--luzmo-field-label-line-height:var(--luzmo-field-label-line-height-cjk,var(--field-label-line-height-cjk))}:host([disabled]),:host([disabled]) .required-icon{--luzmo-field-label-color:var(--highcontrast-field-label-disabled-content-color,var(--luzmo-disabled-content-color,var(--field-label-disabled-content-color)))}.required-icon{margin-block:0;margin-inline:var(--luzmo-field-label-text-to-asterisk,var(--field-label-text-to-asterisk)) 0;vertical-align:initial;vertical-align:var(--luzmo-field-label-asterisk-vertical-align,baseline);display:inline-block}:host([side-aligned=start]),:host([side-aligned=end]){vertical-align:top;font-size:var(--luzmo-field-label-side-aligned-font-size,var(--field-label-side-aligned-font-size));block-size:var(--luzmo-field-label-side-aligned-height,var(--field-label-side-aligned-height));align-items:center;margin-block:0;margin-inline-end:var(--luzmo-field-label-side-padding-right,var(--field-label-side-padding-right));display:inline-flex}:host([side-aligned=end]){text-align:end}@media (forced-colors:active){:host{--highcontrast-field-label-disabled-content-color:GrayText}}:host{--field-label-color:var(--luzmo-font-color);--field-label-font-weight:var(--luzmo-font-weight);--field-label-line-height:var(--luzmo-line-height);--field-label-line-height-cjk:1.5;--field-label-disabled-content-color:var(--luzmo-font-color-disabled);--field-label-min-height:var(--luzmo-component-height-xs);--field-label-side-aligned-height:var(--luzmo-component-height);--field-label-top-to-text:calc(var(--luzmo-spacing-2));--field-label-bottom-to-text:var(--luzmo-spacing-2);--field-label-side-aligned-font-size:var(--luzmo-font-size);--field-label-font-size:var(--luzmo-font-size-s);--field-label-side-padding-right:var(--luzmo-spacing-4);--field-label-text-to-asterisk:0px}:host([size=s]){--field-label-min-height:var(--luzmo-component-height-xxs);--field-label-side-aligned-height:var(--luzmo-component-height-s);--field-label-top-to-text:calc(var(--luzmo-spacing-1));--field-label-bottom-to-text:var(--luzmo-spacing-1);--field-label-side-aligned-font-size:var(--luzmo-font-size-s);--field-label-font-size:var(--luzmo-font-size-xs);--field-label-side-padding-right:var(--luzmo-spacing-3);--field-label-text-to-asterisk:0px}:host([size=l]){--field-label-min-height:var(--luzmo-component-height-xs);--field-label-side-aligned-height:var(--luzmo-component-height-l);--field-label-top-to-text:var(--luzmo-spacing-3);--field-label-bottom-to-text:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--field-label-side-aligned-font-size:var(--luzmo-font-size-l);--field-label-font-size:var(--luzmo-font-size);--field-label-side-padding-right:var(--luzmo-spacing-4);--field-label-text-to-asterisk:var(--luzmo-spacing-1)}:host([size=xl]){--field-label-min-height:var(--luzmo-component-height-s);--field-label-side-aligned-height:var(--luzmo-component-height-xl);--field-label-top-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--field-label-bottom-to-text:var(--luzmo-spacing-3);--field-label-side-aligned-font-size:var(--luzmo-font-size-xl);--field-label-font-size:var(--luzmo-font-size-l);--field-label-side-padding-right:var(--luzmo-spacing-4);--field-label-text-to-asterisk:var(--luzmo-spacing-1)}label{display:inline-block}`,c=()=>a.html`
|
|
19
|
+
<div class="icon-container required-icon">*</div>
|
|
20
|
+
`,l=class extends t.n(e.n,{noDefaultSize:!0}){constructor(...e){super(...e),this.disabled=!1,this.id=``,this.for=``,this.required=!1,this.resolvedElement=new i.t(this)}static get styles(){return[(0,a.unsafeCSS)(s)]}handleClick(e){if(!this.target||this.disabled||e.defaultPrevented)return;this.target.focus();let t=this.getRootNode(),n=this.target,r=n.getRootNode(),i=r.host;r===t&&n.forceFocusVisible?n.forceFocusVisible():i&&i.forceFocusVisible&&i.forceFocusVisible()}applyTargetLabel(e){if(this.target=e||this.target,this.target){let t=this.target.applyFocusElementLabel,r=this.target.focusElement||this.target,i=r.getRootNode();t===void 0?i===this.getRootNode()?(e?n.t:n.n)(r,`aria-labelledby`,[this.id]):e?r.setAttribute(`aria-label`,this.labelText):r.removeAttribute(`aria-label`):t.call(this.target,this.labelText,this)}}async manageTarget(){this.applyTargetLabel();let e=this.resolvedElement.element;if(!e){this.target=e;return}e.localName.search(`-`)>0&&await customElements.whenDefined(e.localName),e.updateComplete!==void 0&&await e.updateComplete,this.applyTargetLabel(e)}get labelText(){let e=this.slotEl.assignedNodes({flatten:!0});return e.length===0?``:e.map(e=>(e.textContent||``).trim()).join(` `)}render(){return a.html`
|
|
21
|
+
<label>
|
|
22
|
+
<slot></slot>
|
|
23
|
+
${this.required?a.html` ${c()} `:a.nothing}
|
|
24
|
+
</label>
|
|
25
|
+
`}firstUpdated(e){super.firstUpdated(e),this.addEventListener(`click`,this.handleClick)}willUpdate(e){this.hasAttribute(`id`)||this.setAttribute(`id`,`${this.tagName.toLowerCase()}-${r.t()}`),e.has(`for`)&&(this.resolvedElement.selector=this.for?`#${this.for}`:``),(e.has(`id`)||e.has(i.n))&&this.manageTarget()}};e.t([(0,o.property)({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),e.t([(0,o.property)({type:String})],l.prototype,`id`,void 0),e.t([(0,o.property)({type:String})],l.prototype,`for`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],l.prototype,`required`,void 0),e.t([(0,o.query)(`slot`)],l.prototype,`slotEl`,void 0),e.t([(0,o.property)({type:String,reflect:!0,attribute:`side-aligned`})],l.prototype,`sideAligned`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-field-label`)&&customElements.define(`luzmo-field-label`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
+
import "./tokens.js";
|
|
18
19
|
import { n as e, t } from "./decorate-CkCg3wfh.js";
|
|
19
20
|
import { n } from "./sized-mixin-DzQTebN-.js";
|
|
20
21
|
import { n as r, t as i } from "./condition-attribute-with-id-BdnTdWKz.js";
|
|
@@ -72,6 +73,8 @@ var p = ":host{box-sizing:border-box;min-block-size:var(--luzmo-field-label-min-
|
|
|
72
73
|
this.hasAttribute("id") || this.setAttribute("id", `${this.tagName.toLowerCase()}-${a()}`), e.has("for") && (this.resolvedElement.selector = this.for ? `#${this.for}` : ""), (e.has("id") || e.has(o)) && this.manageTarget();
|
|
73
74
|
}
|
|
74
75
|
};
|
|
76
|
+
//#endregion
|
|
77
|
+
//#region src/components/field-label/index.ts
|
|
75
78
|
t([d({
|
|
76
79
|
type: Boolean,
|
|
77
80
|
reflect: !0
|
|
@@ -82,6 +85,6 @@ t([d({
|
|
|
82
85
|
type: String,
|
|
83
86
|
reflect: !0,
|
|
84
87
|
attribute: "side-aligned"
|
|
85
|
-
})], h.prototype, "sideAligned", void 0);
|
|
88
|
+
})], h.prototype, "sideAligned", void 0), typeof customElements < "u" && !customElements.get("luzmo-field-label") && customElements.define("luzmo-field-label", h);
|
|
86
89
|
//#endregion
|
|
87
90
|
export { h as t };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../icon-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../icon-zOPAWCdx.cjs");exports.LuzmoIcon=e.t;
|
package/components/icon/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -15,11 +15,6 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
let e = document.createElement("style");
|
|
21
|
-
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-on-subtle-color: var(--luzmo-negative-color);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-shadow-opacity: 0.35;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
|
|
22
|
-
}
|
|
23
|
-
})();
|
|
24
|
-
import { t as e } from "../icon-DB1DRieA.js";
|
|
18
|
+
import "../tokens.js";
|
|
19
|
+
import { t as e } from "../icon-CsJZMhIm.js";
|
|
25
20
|
export { e as LuzmoIcon };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! * Lucero - The design system for Luzmo.
|
|
2
2
|
*
|
|
3
|
-
* Copyright ©
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
4
|
* All rights reserved.
|
|
5
5
|
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
6
|
* This license allows users with a current active Luzmo account to use Lucero.
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
+
import "./tokens.js";
|
|
18
19
|
import { n as e, t } from "./decorate-CkCg3wfh.js";
|
|
19
20
|
import { html as n, unsafeCSS as r } from "lit";
|
|
20
21
|
import { property as i } from "lit/decorators.js";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs");let t=require("lit"),n=require("lit/decorators.js"),r=require("@luzmo/icons"),i=require("lit/directives/if-defined.js");var a=`:host{pointer-events:none;transform:none;transform:var(--luzmo-icon-transform,none);block-size:var(--luzmo-icon-block-size,var(--luzmo-icon-size,var(--icon-size)));font-size:var(--luzmo-icon-block-size,var(--luzmo-icon-size,var(--icon-size)));color:var(--luzmo-icon-color,inherit);fill:currentColor;text-align:center;display:inline-block}::slotted(svg),:host(:not([block])) svg,:host(:not([block])) img{vertical-align:var(--luzmo-icon-vertical-align,-.125em)!important}:host([block]){--icon-vertical-align:top;vertical-align:top;display:flex}:host([block]) ::slotted(svg),:host([block]) svg,:host([block]) img{--icon-vertical-align:top;vertical-align:var(--luzmo-icon-vertical-align,top)}:host([size=xxs]){--icon-size:var(--luzmo-icon-size-xxs)}:host([size=xs]){--icon-size:var(--luzmo-icon-size-xs)}:host([size=s]){--icon-size:var(--luzmo-icon-size-s)}:host,:host([size=m]){--icon-size:var(--luzmo-icon-size-m)}:host([size=l]){--icon-size:var(--luzmo-icon-size-l)}:host([size=xl]){--icon-size:var(--luzmo-icon-size-xl)}:host([size=xxl]){--icon-size:var(--luzmo-icon-size-xxl)}:host(:not(:root)){overflow:visible}@media (forced-colors:active){:host{forced-color-adjust:auto}}img{object-fit:var(--luzmo-icon-img-object-fit,var(--icon-img-object-fit,fill));object-position:var(--luzmo-icon-img-object-position,var(--icon-img-object-position,50% 50%));width:100%}img,svg,::slotted(*){vertical-align:top;height:100%;color:inherit}@media (forced-colors:active){img,svg,::slotted(*){forced-color-adjust:auto}}`,o=class extends e.n{constructor(...e){super(...e),this.label=``}static get styles(){return[(0,t.unsafeCSS)(a)]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}update(e){e.has(`label`)&&(this.label?this.removeAttribute(`aria-hidden`):this.setAttribute(`aria-hidden`,`true`)),super.update(e)}render(){return t.html` <slot></slot> `}};e.t([(0,n.property)({reflect:!0})],o.prototype,`label`,void 0),e.t([(0,n.property)({reflect:!0})],o.prototype,`size`,void 0);var s=class extends o{constructor(...e){super(...e),this.block=!1}render(){return this.icon?(0,r.luzmoIcon)(this.icon,this.options):this.src?t.html` <img src=${this.src} alt=${(0,i.ifDefined)(this.label)} /> `:super.render()}};e.t([(0,n.property)()],s.prototype,`src`,void 0),e.t([(0,n.property)()],s.prototype,`options`,void 0),e.t([(0,n.property)()],s.prototype,`icon`,void 0),e.t([(0,n.property)({type:Boolean,reflect:!0})],s.prototype,`block`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-icon`)&&customElements.define(`luzmo-icon`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
|