zcomponents-ui 1.3.0 → 1.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.
Files changed (22) hide show
  1. package/dist/{index-BiSP8JEr.js → index-DJALegom.js} +3 -3
  2. package/dist/{index-BiSP8JEr.js.map → index-DJALegom.js.map} +1 -1
  3. package/dist/{index-DZGmLslf.js → index-zSB3Isbi.js} +3 -3
  4. package/dist/{index-DZGmLslf.js.map → index-zSB3Isbi.js.map} +1 -1
  5. package/dist/index.cjs.js +97 -27
  6. package/dist/index.cjs.js.map +1 -1
  7. package/dist/index.d.ts +24 -5
  8. package/dist/index.esm.js +99 -30
  9. package/dist/index.esm.js.map +1 -1
  10. package/dist/integrations-react-hook-form.d-ChOcioDB.d.ts +266 -0
  11. package/dist/react-hook-form.cjs.js +1 -1
  12. package/dist/react-hook-form.d.ts +4 -265
  13. package/dist/react-hook-form.esm.js +1 -1
  14. package/dist/types/components/ZDrop/integrations/react-hook-form/ZDropField/index.d.ts +3 -12
  15. package/dist/types/components/ZDrop/integrations/react-hook-form/ZDropField/types/zDropFieldTypes.d.ts +12 -0
  16. package/dist/types/components/ZRange/helpers/getFractionDigitsFromStep.d.ts +1 -0
  17. package/dist/types/components/ZRange/integrations/react-hook-form/ZRangeField/index.d.ts +7 -0
  18. package/dist/types/components/ZRange/integrations/react-hook-form/ZRangeField/types/zRangeFieldTypes.d.ts +17 -0
  19. package/dist/types/index.d.ts +6 -3
  20. package/dist/zcomponents-ui.css +1 -1
  21. package/dist/zcomponents-ui.css.map +1 -1
  22. package/package.json +1 -1
package/dist/zcomponents-ui.css CHANGED
@@ -1,2 +1,2 @@
1
- .ZDropButton-module_zd-button__XVZ-w *{box-sizing:border-box;margin:0;padding:0}.ZDropButton-module_zd-button__XVZ-w{max-height:-moz-fit-content;max-height:fit-content;min-width:-moz-fit-content;min-width:fit-content;position:relative}.ZDropButton-module_zd-button__toggle__0jdWn{align-items:center;cursor:pointer;display:flex;min-width:100%;padding:0 10px;width:100%}:where(.ZDropButton-module_zd-button__toggle__0jdWn){background:transparent;border:var(--zd-border);border-radius:var(--zd-radius);height:35px;outline:none;transition:border .15s ease-in-out,box-shadow .15s ease-in-out}:where(.ZDropButton-module_zd-button__toggle__0jdWn).ZDropButton-module_active__AHl3a,:where(.ZDropButton-module_zd-button__toggle__0jdWn):focus,:where(.ZDropButton-module_zd-button__toggle__0jdWn):hover{border-color:var(--zd-color-secondary)}:where(.ZDropButton-module_zd-button__toggle-title__OaiVF){color:var(--zd-color-primary);font-size:13px;font-weight:500}.ZDropButton-module_zd-button__toggle-icon__G4tnb{align-items:center;display:flex;justify-content:center;margin-right:6px}:where(.ZDropButton-module_zd-button__toggle-icon__G4tnb){height:30px;width:30px}:where(.ZDropButton-module_zd-button__toggle-icon__G4tnb) img,:where(.ZDropButton-module_zd-button__toggle-icon__G4tnb) svg{height:100%;width:100%}.ZDropButton-module_zd-button__content__FS-6m{margin:1px 0;min-width:100%;overflow-y:auto;position:absolute;width:100%}:where(.ZDropButton-module_zd-button__content__FS-6m){border:1px solid var(--zd-color-primary);border-radius:var(--zd-radius)}.ZDropButton-module_zd-button__search__6Nbrx{height:30px;max-width:100%;min-width:100%;padding:1px 0;width:100%}.ZDropButton-module_zd-button__search-input-field__K2avH{align-items:center;display:flex;height:100%;min-width:100%;position:relative;width:100%}:where(.ZDropButton-module_zd-button__search-input-field__K2avH){border:1px solid var(--zd-color-primary);border-radius:var(--zd-radius)}:where(.ZDropButton-module_zd-button__search-input-field__K2avH):focus-within{border-color:var(--zd-color-secondary)}.ZDropButton-module_zd-button__search-input__1e643{background:transparent;border:none;max-width:100%;padding:2px 5px;width:100%}.ZDropButton-module_zd-button__search-input__1e643:focus{outline:none}.ZDropButton-module_zd-button__search-clear-btn__hJo2h{background:transparent;border:none;cursor:pointer;margin:0 5px;max-height:-moz-fit-content;max-height:fit-content}:where(.ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy){cursor:pointer;display:block;height:15px;max-width:14px;min-width:14px;position:relative}:where(.ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy):after,:where(.ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy):before{background:var(--zd-color-primary);content:"";height:15px;left:6px;position:absolute;width:2px}:where(.ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy):before{transform:rotate(45deg)}:where(.ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy):after{transform:rotate(-45deg)}:where(.ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy):hover:after,:where(.ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy):hover:before{background:var(--zd-color-secondary)}.ZDropButton-module_zd-button__list__prV7p{list-style:none;min-width:100%;overflow-y:auto;width:100%}:where(.ZDropButton-module_zd-button__list__prV7p){border-radius:var(--zd-radius)}.ZDropButton-module_zd-button__list-item__uRK0D{align-items:center;cursor:pointer;display:flex;padding:3px 5px;position:relative;width:100%}:where(.ZDropButton-module_zd-button__list-item__uRK0D){background-color:var(--zd-color-background-transp);color:var(--zd-color-primary);transition:background-color .2s linear}:where(.ZDropButton-module_zd-button__list-item__uRK0D):focus{outline:none}:where(.ZDropButton-module_zd-button__list-item__uRK0D):focus,:where(.ZDropButton-module_zd-button__list-item__uRK0D):hover{background-color:var(--zd-color-secondary-transp)}:where(.ZDropButton-module_zd-button__list-item--active__oPoZA){background-color:var(--zd-color-secondary-transp);color:var(--zd-color-secondary)}.ZDropButton-module_zd-button__list-item-icon__xgqOm{align-items:center;display:flex;justify-content:center;margin-right:10px}:where(.ZDropButton-module_zd-button__list-item-icon__xgqOm){height:40px;width:40px}.ZDropButton-module_zd-button__list-item-icon__xgqOm img,.ZDropButton-module_zd-button__list-item-icon__xgqOm svg{height:100%;width:100%}:where(.ZDropButton-module_zd-button__list-item-title__RHTpc){font-size:14px;font-weight:500}:root{--thumb-size:8px;--track-height:4px}.ZRange-module_z-range__z6bqS{margin-top:20px;position:relative}.ZRange-module_z-range__container__RSKdQ{position:relative}.ZRange-module_input-label__wrapper__btU-4{pointer-events:none;touch-action:none}.ZRange-module_z-range__label__vcLKv{background:transparent}:where(.ZRange-module_z-range__label__vcLKv){color:var(--zd-color-primary);font-size:var(--zd-font-size);font-weight:500}.ZRange-module_z-range__value-indicator__GqjCW{border-radius:4px;display:none;font-size:var(--zd-font-size);font-weight:500;left:50%;margin-bottom:5px;min-height:-moz-fit-content;min-height:fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:2px 8px;position:absolute;transform:translateX(-50%);z-index:6}@media (max-width:599px){.ZRange-module_z-range__value-indicator__GqjCW{padding:2px 4px}}:where(.ZRange-module_z-range__value-indicator__GqjCW){background-color:var(--zd-color-primary);font-size:var(--zd-font-size);white-space:nowrap;width:-moz-fit-content;width:fit-content}@media (max-width:599px){:where(.ZRange-module_z-range__value-indicator__GqjCW){font-size:var(--zd-font-size)}}.ZRange-module_z-range__value-indicator__GqjCW:before{border-style:solid;border-width:5px 5px 0;content:"";display:block;height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}:where(.ZRange-module_z-range__value-indicator__GqjCW):before{border-color:var(--zd-color-primary) transparent transparent transparent}.ZRange-module_z-range__value-indicator--active__cme94{align-items:center;display:flex;justify-content:space-around}:where(.ZRange-module_z-range__value-indicator-icon__A4CDC){align-items:center;display:flex;height:40px;justify-content:center;width:40px}:where(.ZRange-module_z-range__value-indicator-icon__A4CDC) img{height:100%;width:100%}.ZRange-module_z-range__inputs-wrapper__K3sk3{max-width:100%;position:relative;width:100%}.ZRange-module_z-range__input__nc8gE,.ZRange-module_z-range__input__nc8gE::-webkit-slider-thumb{-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none;padding:0}.ZRange-module_z-range__input__nc8gE{background:transparent;border:0;box-sizing:border-box;height:0;margin:0;outline:none;padding:0;position:absolute;touch-action:none;transition:.2s ease-in-out;width:100%}.ZRange-module_z-range__input-first__Y-oWK{z-index:3}.ZRange-module_z-range__input-second__qaf27{z-index:4}.ZRange-module_z-range__input--active__aPKrK{pointer-events:all;z-index:5}:where(.ZRange-module_z-range__input--active__aPKrK)::-webkit-slider-thumb{outline:2px solid var(--zd-color-secondary)}.ZRange-module_z-range__input__nc8gE::-webkit-slider-runnable-track{background:transparent;border:0;cursor:pointer;height:var(--track-height);margin:auto 0;width:100%}.ZRange-module_z-range__input__nc8gE::-moz-range-track{background:transparent;border:0;height:var(--track-height);width:100%}.ZRange-module_z-range__input__nc8gE::-moz-focus-outer{border:0}.ZRange-module_z-range__input__nc8gE::-webkit-slider-thumb{cursor:pointer;height:var(--thumb-size);margin-top:calc((var(--track-height) - var(--thumb-size))/2);pointer-events:all;width:var(--thumb-size)}:where(.ZRange-module_z-range__input__nc8gE)::-webkit-slider-thumb{background-color:var(--zd-color-primary);border-radius:4px;box-shadow:0 0 4px 0 #000;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.ZRange-module_z-range__input__nc8gE::-moz-range-thumb{cursor:pointer;height:var(--thumb-size);pointer-events:all;width:var(--thumb-size)}:where(.ZRange-module_z-range__input__nc8gE::-moz-range-thumb){background-color:var(--zd-color-primary);border-radius:4px;box-shadow:0 0 4px 0 #000;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out}.ZRange-module_z-range__slider__fubBh{height:var(--track-height);overflow:hidden;position:relative;width:100%}.ZRange-module_z-range__slider-track__m8rsi{height:var(--track-height);position:absolute;top:0;width:100%}:where(.ZRange-module_z-range__slider-track__m8rsi){background-color:var(--zd-color-primary);border-radius:2px}.ZRange-module_z-range__slider-track-selected-range__P0Qm4{height:var(--track-height);pointer-events:none;position:relative}:where(.ZRange-module_z-range__slider-track-selected-range__P0Qm4){background-color:var(--zd-color-secondary);border-radius:2px}.ZRange-module_z-range__slider-values-wrapper__jdtV1{align-items:center;display:flex;justify-content:space-between;padding:15px 0 10px}:where(.ZRange-module_z-range__slider-value__rSDuP){font-weight:500}:where(.ZRange-module_z-range__slider-first-value__LzOA9),:where(.ZRange-module_z-range__slider-second-value__U8ytI){color:var(--zd-color-primary);font-size:var(--zd-font-size)}:root{--zd-color-primary:#676767;--zd-color-primary-transp:#67676775;--zd-color-secondary:#0079bd;--zd-color-secondary-transp:#0079bd50;--zd-color-disabled:#ddd;--zd-color-error:#ff4d4f;--zd-color-error-transp:#ffe6e6;--zd-color-background-transp:#ffffffdd;--zd-font-family:Helvetica,Arial,sans-serif;--zd-font-size:14px;--zd-radius:3px;--zd-border:1px solid var(--zd-color-primary);--zd-focus-ring:0 0 0 0.2rem var(--zd-color-secondary-transp)}:where(.ZDrop-module_zd__container__IrQTk) *{margin:0;padding:0}.ZDrop-module_zd__container__IrQTk *{box-sizing:border-box}.ZDrop-module_zd__container__IrQTk{position:relative}:where(.ZDrop-module_zd__container__IrQTk){font-family:var(--zd-font-family);font-size:var(--zd-font-size);height:-moz-fit-content;height:fit-content;max-height:-moz-fit-content;max-height:fit-content;max-width:500px;min-width:200px;width:-moz-fit-content;width:fit-content}.ZDrop-module_zd__label__keSwp{display:block}:where(.ZDrop-module_zd__label__keSwp){color:var(--zd-color-primary);margin:0 0 5px 10px}.ZDrop-module_zd__input-field__Ne8t8{position:relative}:where(.ZDrop-module_zd__input-field__Ne8t8){border:var(--zd-border);border-radius:var(--zd-radius);display:flex;min-height:35px;overflow-y:auto;padding-left:10px;transition:border .15s ease-in-out,box-shadow .15s ease-in-out}.ZDrop-module_zd__input-field__Ne8t8>input{cursor:pointer}:where(.ZDrop-module_zd__input-field__Ne8t8):hover{border-color:var(--zd-color-secondary)}:where(.ZDrop-module_zd__input-field__Ne8t8):focus-within{border-color:var(--zd-color-secondary);box-shadow:var(--zd-focus-ring)}.ZDrop-module_zd__input-field__Ne8t8:focus-within>input{cursor:text}:where(.ZDrop-module_zd__input-field--multiple__kDSP5){padding-left:4px}:where(.ZDrop-module_zd__input-field--disabled__LOUpU){background:var(--zd-color-disabled);cursor:default;pointer-events:none}:where(.ZDrop-module_zd__input__r3qdf){background:transparent;border:none;border-radius:var(--zd-radius);color:var(--zd-color-primary);min-height:100%;padding-right:10px;width:100%}:where(.ZDrop-module_zd__input__r3qdf):focus{outline:none}:where(.ZDrop-module_zd__input__r3qdf):disabled{background:var(--zd-color-disabled)}:where(.ZDrop-module_zd__input__r3qdf)::-moz-placeholder{color:var(--zd-color-primary-transp)}:where(.ZDrop-module_zd__input__r3qdf)::placeholder{color:var(--zd-color-primary-transp)}:where(.ZDrop-module_zd__input-single__tM76E){align-items:center;display:flex;height:auto;max-width:100%;min-height:35px;overflow:hidden;white-space:nowrap}:where(.ZDrop-module_zd__input-single-value__LjXQ3){border:var(--zd-border);border-radius:var(--zd-radius);height:100%;width:-moz-fit-content;width:fit-content}:where(.ZDrop-module_zd__input-single-value-renderer__fhahO){align-items:center;display:flex}:where(.ZDrop-module_zd__input-single-search__j4zof){align-items:center;background:transparent;border:none;color:var(--zd-color-primary);display:flex;flex:1;line-height:35px;max-width:100%;min-height:35px;overflow:hidden;white-space:nowrap}:where(.ZDrop-module_zd__input-single-search__j4zof):focus{outline:none}:where(.ZDrop-module_zd__input-multiple__AzD1G){align-items:center;display:flex;flex-wrap:wrap;height:auto;list-style:none;margin-right:5px;max-width:calc(100% - 47px)}:where(.ZDrop-module_zd__input-multiple-value__4ZAHf){align-items:center;background:var(--zd-color-disabled);border-radius:var(--zd-radius);color:var(--zd-color-primary);cursor:pointer;display:flex;margin:2px;min-width:-moz-fit-content;min-width:fit-content;padding:3px 6px;width:-moz-fit-content;width:fit-content}:where(.ZDrop-module_zd__input-multiple-value__4ZAHf) span{display:flex;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap;width:-moz-fit-content;width:fit-content}:where(.ZDrop-module_zd__input-multiple-value-remove-btn__gSzGH){align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;margin-left:3px;min-width:10px;position:relative;width:10px}:where(.ZDrop-module_zd__input-multiple-value-remove-btn__gSzGH):focus{outline:none}:where(.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv){align-items:center;display:flex;height:10px;justify-content:center;position:relative;width:10px}:where(.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv):after,:where(.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv):before{background-color:var(--zd-color-primary);content:"";height:10px;position:absolute;width:2px}:where(.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv):before{transform:rotate(45deg)}:where(.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv):after{transform:rotate(-45deg)}:where(.ZDrop-module_zd__input-multiple-value-remove-btn__gSzGH):focus>.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv:after,:where(.ZDrop-module_zd__input-multiple-value-remove-btn__gSzGH):focus>.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv:before,:where(.ZDrop-module_zd__input-multiple-value-remove-btn__gSzGH):hover>.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv:after,:where(.ZDrop-module_zd__input-multiple-value-remove-btn__gSzGH):hover>.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv:before{background-color:var(--zd-color-secondary)}:where(.ZDrop-module_zd__input-multiple-search-wrapper__va0lS){flex:auto;min-width:100%}:where(.ZDrop-module_zd__input-multiple-search__5K3Z9){background:transparent;border:none;color:var(--zd-color-primary);min-width:40px;padding:3px;width:100%}:where(.ZDrop-module_zd__input-multiple-search__5K3Z9):focus{outline:none}:where(.ZDrop-module_zd__input-multiple-placeholder__tx34F){padding-left:6px}.ZDrop-module_inputClearBtnWrapper__S3uiC{position:relative}:where(.ZDrop-module_zd__input-clear-btn-wrapper__drnqP){align-items:center;display:flex;justify-content:center}:where(.ZDrop-module_zd__input-clear-btn__wqpAG){background:none;border:none;max-height:-moz-fit-content;max-height:fit-content}:where(.ZDrop-module_zd__input-clear-btn-icon__4wsoa){cursor:pointer;display:block;height:15px;max-width:14px;min-width:14px;position:relative}:where(.ZDrop-module_zd__input-clear-btn-icon__4wsoa):after,:where(.ZDrop-module_zd__input-clear-btn-icon__4wsoa):before{background:var(--zd-color-primary);content:"";height:15px;left:6px;position:absolute;width:2px}:where(.ZDrop-module_zd__input-clear-btn-icon__4wsoa):before{transform:rotate(45deg)}:where(.ZDrop-module_zd__input-clear-btn-icon__4wsoa):after{transform:rotate(-45deg)}:where(.ZDrop-module_zd__input-clear-btn-icon__4wsoa):hover:after,:where(.ZDrop-module_zd__input-clear-btn-icon__4wsoa):hover:before{background:var(--zd-color-secondary)}.ZDrop-module_zd__expand-toggle__5-2LH{align-items:center;display:flex;min-width:-moz-fit-content;min-width:fit-content;padding:0 10px}.ZDrop-module_zd__expand-toggle-icon__Vznjq{border:solid var(--zd-color-primary);border-width:0 2px 2px 0;cursor:pointer;padding:4px;transform:rotate(135deg);transition:.3s}.ZDrop-module_zd__expand-toggle-icon--active__I4ZEa{color:var(--zd-color-secondary);transform:translateY(-30%) rotate(45deg)}:where(.ZDrop-module_zd__expand-toggle-icon__Vznjq):hover{border-color:var(--zd-color-secondary)}.ZDrop-module_zd__list__q8lwW{max-height:-moz-fit-content;max-height:fit-content;overflow:auto;position:absolute;width:100%;z-index:2}.ZDrop-module_zd__list-wrapper__dWpmK{margin-top:5px;min-width:100%;overflow:auto;position:absolute;z-index:2}:where(.ZDrop-module_zd__list-wrapper__dWpmK){border:var(--zd-border);border-radius:var(--zd-radius)}.ZDrop-module_zd__list-auto-height-wrapper__UxW3X{height:auto;margin-top:5px;overflow:auto;width:100%}:where(.ZDrop-module_zd__list-auto-height-wrapper__UxW3X){border:var(--zd-border);border-radius:var(--zd-radius)}.ZDrop-module_zd__list--auto-height-enabled__qwsev,.ZDrop-module_zd__list--reference-wrapper-enabled__Ufhb0{position:relative}:where(.ZDrop-module_zd__option__Zf2Fo,.ZDrop-module_zd__no-data__7cCZK){color:var(--zd-color-primary);list-style:none;padding:10px 8px}:where(.ZDrop-module_zd__option__Zf2Fo){cursor:pointer}:where(.ZDrop-module_zd__option__Zf2Fo):focus{background:var(--zd-color-secondary-transp);outline:none}:where(.ZDrop-module_zd__option__Zf2Fo):hover{font-weight:700}:where(.ZDrop-module_zd__option--active__u-S9s){color:var(--zd-color-secondary)}:where(.ZDrop-module_zd__error-message__XL-DS){background:var(--zd-color-error-transp);border:1px solid var(--zd-color-error);border-radius:var(--zd-radius);color:var(--zd-color-error);margin-top:5px;padding:8px}
1
+ .ZDropButton-module_zd-button__XVZ-w *{box-sizing:border-box;margin:0;padding:0}.ZDropButton-module_zd-button__XVZ-w{max-height:-moz-fit-content;max-height:fit-content;min-width:-moz-fit-content;min-width:fit-content;position:relative}.ZDropButton-module_zd-button__toggle__0jdWn{align-items:center;cursor:pointer;display:flex;min-width:100%;padding:0 10px;width:100%}:where(.ZDropButton-module_zd-button__toggle__0jdWn){background:transparent;border:var(--zd-border);border-radius:var(--zd-radius);height:35px;outline:none;transition:border .15s ease-in-out,box-shadow .15s ease-in-out}:where(.ZDropButton-module_zd-button__toggle__0jdWn).ZDropButton-module_active__AHl3a,:where(.ZDropButton-module_zd-button__toggle__0jdWn):focus,:where(.ZDropButton-module_zd-button__toggle__0jdWn):hover{border-color:var(--zd-color-secondary)}:where(.ZDropButton-module_zd-button__toggle-title__OaiVF){color:var(--zd-color-primary);font-size:13px;font-weight:500}.ZDropButton-module_zd-button__toggle-icon__G4tnb{align-items:center;display:flex;justify-content:center;margin-right:6px}:where(.ZDropButton-module_zd-button__toggle-icon__G4tnb){height:30px;width:30px}:where(.ZDropButton-module_zd-button__toggle-icon__G4tnb) img,:where(.ZDropButton-module_zd-button__toggle-icon__G4tnb) svg{height:100%;width:100%}.ZDropButton-module_zd-button__content__FS-6m{margin:1px 0;min-width:100%;overflow-y:auto;position:absolute;width:100%}:where(.ZDropButton-module_zd-button__content__FS-6m){border:1px solid var(--zd-color-primary);border-radius:var(--zd-radius)}.ZDropButton-module_zd-button__search__6Nbrx{height:30px;max-width:100%;min-width:100%;padding:1px 0;width:100%}.ZDropButton-module_zd-button__search-input-field__K2avH{align-items:center;display:flex;height:100%;min-width:100%;position:relative;width:100%}:where(.ZDropButton-module_zd-button__search-input-field__K2avH){border:1px solid var(--zd-color-primary);border-radius:var(--zd-radius)}:where(.ZDropButton-module_zd-button__search-input-field__K2avH):focus-within{border-color:var(--zd-color-secondary)}.ZDropButton-module_zd-button__search-input__1e643{background:transparent;border:none;max-width:100%;padding:2px 5px;width:100%}.ZDropButton-module_zd-button__search-input__1e643:focus{outline:none}.ZDropButton-module_zd-button__search-clear-btn__hJo2h{background:transparent;border:none;cursor:pointer;margin:0 5px;max-height:-moz-fit-content;max-height:fit-content}:where(.ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy){cursor:pointer;display:block;height:15px;max-width:14px;min-width:14px;position:relative}:where(.ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy):after,:where(.ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy):before{background:var(--zd-color-primary);content:"";height:15px;left:6px;position:absolute;width:2px}:where(.ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy):before{transform:rotate(45deg)}:where(.ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy):after{transform:rotate(-45deg)}:where(.ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy):hover:after,:where(.ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy):hover:before{background:var(--zd-color-secondary)}.ZDropButton-module_zd-button__list__prV7p{list-style:none;min-width:100%;overflow-y:auto;width:100%}:where(.ZDropButton-module_zd-button__list__prV7p){border-radius:var(--zd-radius)}.ZDropButton-module_zd-button__list-item__uRK0D{align-items:center;cursor:pointer;display:flex;padding:3px 5px;position:relative;width:100%}:where(.ZDropButton-module_zd-button__list-item__uRK0D){background-color:var(--zd-color-background-transp);color:var(--zd-color-primary);transition:background-color .2s linear}:where(.ZDropButton-module_zd-button__list-item__uRK0D):focus{outline:none}:where(.ZDropButton-module_zd-button__list-item__uRK0D):focus,:where(.ZDropButton-module_zd-button__list-item__uRK0D):hover{background-color:var(--zd-color-secondary-transp)}:where(.ZDropButton-module_zd-button__list-item--active__oPoZA){background-color:var(--zd-color-secondary-transp);color:var(--zd-color-secondary)}.ZDropButton-module_zd-button__list-item-icon__xgqOm{align-items:center;display:flex;justify-content:center;margin-right:10px}:where(.ZDropButton-module_zd-button__list-item-icon__xgqOm){height:40px;width:40px}.ZDropButton-module_zd-button__list-item-icon__xgqOm img,.ZDropButton-module_zd-button__list-item-icon__xgqOm svg{height:100%;width:100%}:where(.ZDropButton-module_zd-button__list-item-title__RHTpc){font-size:14px;font-weight:500}:root{--thumb-size:8px;--track-height:4px}.ZRange-module_zr__zQajG{margin-top:20px;position:relative}.ZRange-module_zr__container__XLdRx{position:relative}.ZRange-module_input-label__wrapper__btU-4{pointer-events:none;touch-action:none}.ZRange-module_zr__label__eddhI{background:transparent}:where(.ZRange-module_zr__label__eddhI){color:var(--zd-color-primary);font-size:var(--zd-font-size);font-weight:500}.ZRange-module_zr__value-indicator__xK4H8{border-radius:4px;display:none;font-size:var(--zd-font-size);font-weight:500;left:50%;margin-bottom:5px;min-height:-moz-fit-content;min-height:fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:2px 8px;position:absolute;transform:translateX(-50%);z-index:6}@media (max-width:599px){.ZRange-module_zr__value-indicator__xK4H8{padding:2px 4px}}:where(.ZRange-module_zr__value-indicator__xK4H8){background-color:var(--zd-color-primary);font-size:var(--zd-font-size);white-space:nowrap;width:-moz-fit-content;width:fit-content}@media (max-width:599px){:where(.ZRange-module_zr__value-indicator__xK4H8){font-size:var(--zd-font-size)}}.ZRange-module_zr__value-indicator__xK4H8:before{border-style:solid;border-width:5px 5px 0;content:"";display:block;height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}:where(.ZRange-module_zr__value-indicator__xK4H8):before{border-color:var(--zd-color-primary) transparent transparent transparent}.ZRange-module_zr__value-indicator--active__Nb6d5{align-items:center;display:flex;justify-content:space-around}:where(.ZRange-module_zr__value-indicator-icon__iCqcS){align-items:center;display:flex;height:40px;justify-content:center;width:40px}:where(.ZRange-module_zr__value-indicator-icon__iCqcS) img{height:100%;width:100%}.ZRange-module_zr__inputs-wrapper__yzQxk{max-width:100%;position:relative;width:100%}.ZRange-module_zr__input__FOHCA,.ZRange-module_zr__input__FOHCA::-webkit-slider-thumb{-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none;padding:0}.ZRange-module_zr__input__FOHCA{background:transparent;border:0;box-sizing:border-box;height:0;margin:0;outline:none;padding:0;position:absolute;touch-action:none;transition:.2s ease-in-out;width:100%}.ZRange-module_zr__input-first__m1Qt9{z-index:3}.ZRange-module_zr__input-second__HMhTG{z-index:4}.ZRange-module_zr__input--active__pxd3x{pointer-events:all;z-index:5}:where(.ZRange-module_zr__input--active__pxd3x)::-webkit-slider-thumb{outline:2px solid var(--zd-color-secondary)}.ZRange-module_zr__input__FOHCA::-webkit-slider-runnable-track{background:transparent;border:0;cursor:pointer;height:var(--track-height);margin:auto 0;width:100%}.ZRange-module_zr__input__FOHCA::-mozr-track{background:transparent;border:0;height:var(--track-height);width:100%}.ZRange-module_zr__input__FOHCA::-moz-focus-outer{border:0}.ZRange-module_zr__input__FOHCA::-webkit-slider-thumb{cursor:pointer;height:var(--thumb-size);margin-top:calc((var(--track-height) - var(--thumb-size))/2);pointer-events:all;width:var(--thumb-size)}:where(.ZRange-module_zr__input__FOHCA)::-webkit-slider-thumb{background-color:var(--zd-color-primary);border-radius:4px;box-shadow:0 0 4px 0 #000;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.ZRange-module_zr__input__FOHCA::-mozr-thumb{cursor:pointer;height:var(--thumb-size);pointer-events:all;width:var(--thumb-size)}:where(.ZRange-module_zr__input__FOHCA::-mozr-thumb){background-color:var(--zd-color-primary);border-radius:4px;box-shadow:0 0 4px 0 #000;transition:.2s ease-in-out}.ZRange-module_zr__slider__pD1kE{height:var(--track-height);overflow:hidden;position:relative;width:100%}.ZRange-module_zr__slider-track__sZvOt{height:var(--track-height);position:absolute;top:0;width:100%}:where(.ZRange-module_zr__slider-track__sZvOt){background-color:var(--zd-color-primary);border-radius:2px}.ZRange-module_zr__slider-track-selected-range__lXJE1{height:var(--track-height);pointer-events:none;position:relative}:where(.ZRange-module_zr__slider-track-selected-range__lXJE1){background-color:var(--zd-color-secondary);border-radius:2px}.ZRange-module_zr__slider-values-wrapper__vxSnT{align-items:center;display:flex;justify-content:space-between;padding:15px 0 10px}:where(.ZRange-module_zr__slider-value__W9jMF){font-weight:500}:where(.ZRange-module_zr__slider-first-value__e7Ik6),:where(.ZRange-module_zr__slider-second-value__itzcB){color:var(--zd-color-primary);font-size:var(--zd-font-size)}:where(.ZRange-module_zr__error-message__QMDqT){background:var(--zd-color-error-transp);border:1px solid var(--zd-color-error);border-radius:var(--zd-radius);color:var(--zd-color-error);margin-top:5px;padding:8px}:root{--zd-color-primary:#676767;--zd-color-primary-transp:#67676775;--zd-color-secondary:#0079bd;--zd-color-secondary-transp:#0079bd50;--zd-color-disabled:#ddd;--zd-color-error:#ff4d4f;--zd-color-error-transp:#ffe6e6;--zd-color-background-transp:#ffffffdd;--zd-font-family:Helvetica,Arial,sans-serif;--zd-font-size:14px;--zd-radius:3px;--zd-border:1px solid var(--zd-color-primary);--zd-focus-ring:0 0 0 0.2rem var(--zd-color-secondary-transp)}:where(.ZDrop-module_zd__container__IrQTk) *{margin:0;padding:0}.ZDrop-module_zd__container__IrQTk *{box-sizing:border-box}.ZDrop-module_zd__container__IrQTk{position:relative}:where(.ZDrop-module_zd__container__IrQTk){font-family:var(--zd-font-family);font-size:var(--zd-font-size);height:-moz-fit-content;height:fit-content;max-height:-moz-fit-content;max-height:fit-content;max-width:500px;min-width:200px;width:-moz-fit-content;width:fit-content}.ZDrop-module_zd__label__keSwp{display:block}:where(.ZDrop-module_zd__label__keSwp){color:var(--zd-color-primary);margin:0 0 5px 10px}.ZDrop-module_zd__input-field__Ne8t8{position:relative}:where(.ZDrop-module_zd__input-field__Ne8t8){border:var(--zd-border);border-radius:var(--zd-radius);display:flex;min-height:35px;overflow-y:auto;padding-left:10px;transition:border .15s ease-in-out,box-shadow .15s ease-in-out}.ZDrop-module_zd__input-field__Ne8t8>input{cursor:pointer}:where(.ZDrop-module_zd__input-field__Ne8t8):hover{border-color:var(--zd-color-secondary)}:where(.ZDrop-module_zd__input-field__Ne8t8):focus-within{border-color:var(--zd-color-secondary);box-shadow:var(--zd-focus-ring)}.ZDrop-module_zd__input-field__Ne8t8:focus-within>input{cursor:text}:where(.ZDrop-module_zd__input-field--multiple__kDSP5){padding-left:4px}:where(.ZDrop-module_zd__input-field--disabled__LOUpU){background:var(--zd-color-disabled);cursor:default;pointer-events:none}:where(.ZDrop-module_zd__input__r3qdf){background:transparent;border:none;border-radius:var(--zd-radius);color:var(--zd-color-primary);min-height:100%;padding-right:10px;width:100%}:where(.ZDrop-module_zd__input__r3qdf):focus{outline:none}:where(.ZDrop-module_zd__input__r3qdf):disabled{background:var(--zd-color-disabled)}:where(.ZDrop-module_zd__input__r3qdf)::-moz-placeholder{color:var(--zd-color-primary-transp)}:where(.ZDrop-module_zd__input__r3qdf)::placeholder{color:var(--zd-color-primary-transp)}:where(.ZDrop-module_zd__input-single__tM76E){align-items:center;display:flex;height:auto;max-width:100%;min-height:35px;overflow:hidden;white-space:nowrap}:where(.ZDrop-module_zd__input-single-value__LjXQ3){border:var(--zd-border);border-radius:var(--zd-radius);height:100%;width:-moz-fit-content;width:fit-content}:where(.ZDrop-module_zd__input-single-value-renderer__fhahO){align-items:center;display:flex}:where(.ZDrop-module_zd__input-single-search__j4zof){align-items:center;background:transparent;border:none;color:var(--zd-color-primary);display:flex;flex:1;line-height:35px;max-width:100%;min-height:35px;overflow:hidden;white-space:nowrap}:where(.ZDrop-module_zd__input-single-search__j4zof):focus{outline:none}:where(.ZDrop-module_zd__input-multiple__AzD1G){align-items:center;display:flex;flex-wrap:wrap;height:auto;list-style:none;margin-right:5px;max-width:calc(100% - 47px)}:where(.ZDrop-module_zd__input-multiple-value__4ZAHf){align-items:center;background:var(--zd-color-disabled);border-radius:var(--zd-radius);color:var(--zd-color-primary);cursor:pointer;display:flex;margin:2px;min-width:-moz-fit-content;min-width:fit-content;padding:3px 6px;width:-moz-fit-content;width:fit-content}:where(.ZDrop-module_zd__input-multiple-value__4ZAHf) span{display:flex;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap;width:-moz-fit-content;width:fit-content}:where(.ZDrop-module_zd__input-multiple-value-remove-btn__gSzGH){align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;margin-left:3px;min-width:10px;position:relative;width:10px}:where(.ZDrop-module_zd__input-multiple-value-remove-btn__gSzGH):focus{outline:none}:where(.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv){align-items:center;display:flex;height:10px;justify-content:center;position:relative;width:10px}:where(.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv):after,:where(.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv):before{background-color:var(--zd-color-primary);content:"";height:10px;position:absolute;width:2px}:where(.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv):before{transform:rotate(45deg)}:where(.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv):after{transform:rotate(-45deg)}:where(.ZDrop-module_zd__input-multiple-value-remove-btn__gSzGH):focus>.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv:after,:where(.ZDrop-module_zd__input-multiple-value-remove-btn__gSzGH):focus>.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv:before,:where(.ZDrop-module_zd__input-multiple-value-remove-btn__gSzGH):hover>.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv:after,:where(.ZDrop-module_zd__input-multiple-value-remove-btn__gSzGH):hover>.ZDrop-module_zd__input-multiple-value-remove-btn-icon__23GYv:before{background-color:var(--zd-color-secondary)}:where(.ZDrop-module_zd__input-multiple-search-wrapper__va0lS){flex:auto;min-width:100%}:where(.ZDrop-module_zd__input-multiple-search__5K3Z9){background:transparent;border:none;color:var(--zd-color-primary);min-width:40px;padding:3px;width:100%}:where(.ZDrop-module_zd__input-multiple-search__5K3Z9):focus{outline:none}:where(.ZDrop-module_zd__input-multiple-placeholder__tx34F){padding-left:6px}.ZDrop-module_inputClearBtnWrapper__S3uiC{position:relative}:where(.ZDrop-module_zd__input-clear-btn-wrapper__drnqP){align-items:center;display:flex;justify-content:center}:where(.ZDrop-module_zd__input-clear-btn__wqpAG){background:none;border:none;max-height:-moz-fit-content;max-height:fit-content}:where(.ZDrop-module_zd__input-clear-btn-icon__4wsoa){cursor:pointer;display:block;height:15px;max-width:14px;min-width:14px;position:relative}:where(.ZDrop-module_zd__input-clear-btn-icon__4wsoa):after,:where(.ZDrop-module_zd__input-clear-btn-icon__4wsoa):before{background:var(--zd-color-primary);content:"";height:15px;left:6px;position:absolute;width:2px}:where(.ZDrop-module_zd__input-clear-btn-icon__4wsoa):before{transform:rotate(45deg)}:where(.ZDrop-module_zd__input-clear-btn-icon__4wsoa):after{transform:rotate(-45deg)}:where(.ZDrop-module_zd__input-clear-btn-icon__4wsoa):hover:after,:where(.ZDrop-module_zd__input-clear-btn-icon__4wsoa):hover:before{background:var(--zd-color-secondary)}.ZDrop-module_zd__expand-toggle__5-2LH{align-items:center;display:flex;min-width:-moz-fit-content;min-width:fit-content;padding:0 10px}.ZDrop-module_zd__expand-toggle-icon__Vznjq{border:solid var(--zd-color-primary);border-width:0 2px 2px 0;cursor:pointer;padding:4px;transform:rotate(135deg);transition:.3s}.ZDrop-module_zd__expand-toggle-icon--active__I4ZEa{color:var(--zd-color-secondary);transform:translateY(-30%) rotate(45deg)}:where(.ZDrop-module_zd__expand-toggle-icon__Vznjq):hover{border-color:var(--zd-color-secondary)}.ZDrop-module_zd__list__q8lwW{max-height:-moz-fit-content;max-height:fit-content;overflow:auto;position:absolute;width:100%;z-index:2}.ZDrop-module_zd__list-wrapper__dWpmK{margin-top:5px;min-width:100%;overflow:auto;position:absolute;z-index:2}:where(.ZDrop-module_zd__list-wrapper__dWpmK){border:var(--zd-border);border-radius:var(--zd-radius)}.ZDrop-module_zd__list-auto-height-wrapper__UxW3X{height:auto;margin-top:5px;overflow:auto;width:100%}:where(.ZDrop-module_zd__list-auto-height-wrapper__UxW3X){border:var(--zd-border);border-radius:var(--zd-radius)}.ZDrop-module_zd__list--auto-height-enabled__qwsev,.ZDrop-module_zd__list--reference-wrapper-enabled__Ufhb0{position:relative}:where(.ZDrop-module_zd__option__Zf2Fo,.ZDrop-module_zd__no-data__7cCZK){color:var(--zd-color-primary);list-style:none;padding:10px 8px}:where(.ZDrop-module_zd__option__Zf2Fo){cursor:pointer}:where(.ZDrop-module_zd__option__Zf2Fo):focus{background:var(--zd-color-secondary-transp);outline:none}:where(.ZDrop-module_zd__option__Zf2Fo):hover{font-weight:700}:where(.ZDrop-module_zd__option--active__u-S9s){color:var(--zd-color-secondary)}:where(.ZDrop-module_zd__error-message__XL-DS){background:var(--zd-color-error-transp);border:1px solid var(--zd-color-error);border-radius:var(--zd-radius);color:var(--zd-color-error);margin-top:5px;padding:8px}
2
2
  /*# sourceMappingURL=zcomponents-ui.css.map */
package/dist/zcomponents-ui.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["ZDropButton.module.scss","ZRange.module.scss","ZDrop.module.scss"],"names":[],"mappings":"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","file":"zcomponents-ui.css","sourcesContent":["@charset \"UTF-8\";\n/* ZDrop.module.scss — „override-friendly” */\n:global(:root) {\n --zd-color-primary: #676767;\n --zd-color-primary-transp: #67676775;\n --zd-color-secondary: #0079bd;\n --zd-color-secondary-transp: #0079bd50;\n --zd-color-disabled: #ddd;\n --zd-color-error: #ff4d4f;\n --zd-color-error-transp: #ffe6e6;\n --zd-color-background-transp: #ffffffdd;\n --zd-font-family: Helvetica, Arial, sans-serif;\n --zd-font-size: 14px;\n --zd-radius: 3px;\n --zd-border: 1px solid var(--zd-color-primary);\n --zd-focus-ring: 0 0 0 0.2rem var(--zd-color-secondary-transp);\n}\n\n.zd-button * {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n}\n\n.zd-button {\n position: relative;\n max-height: fit-content;\n min-width: fit-content;\n}\n\n.zd-button__toggle {\n display: flex;\n align-items: center;\n width: 100%;\n min-width: 100%;\n padding: 0 10px;\n cursor: pointer;\n}\n\n:where(.zd-button__toggle) {\n height: 35px;\n border: var(--zd-border);\n border-radius: var(--zd-radius);\n background: transparent;\n outline: none;\n transition: border 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n:where(.zd-button__toggle):focus,\n:where(.zd-button__toggle).active,\n:where(.zd-button__toggle):hover {\n border-color: var(--zd-color-secondary);\n}\n\n:where(.zd-button__toggle-title) {\n font-size: 13px;\n font-weight: 500;\n color: var(--zd-color-primary);\n}\n\n.zd-button__toggle-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 6px;\n}\n\n:where(.zd-button__toggle-icon) {\n width: 30px;\n height: 30px;\n}\n\n:where(.zd-button__toggle-icon) img,\n:where(.zd-button__toggle-icon) svg {\n width: 100%;\n height: 100%;\n}\n\n.zd-button__content {\n position: absolute;\n width: 100%;\n min-width: 100%;\n margin: 1px 0;\n overflow-y: auto;\n}\n\n:where(.zd-button__content) {\n border-radius: var(--zd-radius);\n border: 1px solid var(--zd-color-primary);\n}\n\n.zd-button__search {\n padding: 1px 0;\n width: 100%;\n height: 30px;\n max-width: 100%;\n min-width: 100%;\n}\n\n.zd-button__search-input-field {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n min-width: 100%;\n height: 100%;\n}\n\n:where(.zd-button__search-input-field) {\n border: 1px solid var(--zd-color-primary);\n border-radius: var(--zd-radius);\n}\n\n:where(.zd-button__search-input-field):focus-within {\n border-color: var(--zd-color-secondary);\n}\n\n.zd-button__search-input {\n width: 100%;\n max-width: 100%;\n padding: 2px 5px;\n border: none;\n background: transparent;\n}\n\n.zd-button__search-input:focus {\n outline: none;\n}\n\n.zd-button__search-clear-btn {\n margin: 0 5px;\n max-height: fit-content;\n background: transparent;\n border: none;\n cursor: pointer;\n}\n\n:where(.zd-button__search-clear-btn-icon) {\n display: block;\n position: relative;\n min-width: 14px;\n max-width: 14px;\n height: 15px;\n cursor: pointer;\n}\n\n:where(.zd-button__search-clear-btn-icon)::before,\n:where(.zd-button__search-clear-btn-icon)::after {\n position: absolute;\n left: 6px;\n content: \"\";\n height: 15px;\n width: 2px;\n background: var(--zd-color-primary);\n}\n\n:where(.zd-button__search-clear-btn-icon)::before {\n transform: rotate(45deg);\n}\n\n:where(.zd-button__search-clear-btn-icon)::after {\n transform: rotate(-45deg);\n}\n\n:where(.zd-button__search-clear-btn-icon):hover::before,\n:where(.zd-button__search-clear-btn-icon):hover::after {\n background: var(--zd-color-secondary);\n}\n\n.zd-button__list {\n width: 100%;\n min-width: 100%;\n list-style: none;\n overflow-y: auto;\n}\n\n:where(.zd-button__list) {\n border-radius: var(--zd-radius);\n}\n\n.zd-button__list-item {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n padding: 3px 5px;\n cursor: pointer;\n}\n\n:where(.zd-button__list-item) {\n background-color: var(--zd-color-background-transp);\n color: var(--zd-color-primary);\n transition: background-color 0.2s linear;\n}\n\n:where(.zd-button__list-item):focus {\n outline: none;\n}\n\n:where(.zd-button__list-item):hover,\n:where(.zd-button__list-item):focus {\n background-color: var(--zd-color-secondary-transp);\n}\n\n:where(.zd-button__list-item--active) {\n color: var(--zd-color-secondary);\n background-color: var(--zd-color-secondary-transp);\n}\n\n.zd-button__list-item-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n}\n\n:where(.zd-button__list-item-icon) {\n width: 40px;\n height: 40px;\n}\n\n.zd-button__list-item-icon img,\n.zd-button__list-item-icon svg {\n width: 100%;\n height: 100%;\n}\n\n:where(.zd-button__list-item-title) {\n font-size: 14px;\n font-weight: 500;\n}","@charset \"UTF-8\";\n/* ZDrop.module.scss — override-friendly (fixed) */\n:global(:root) {\n --zd-color-primary: #676767;\n --zd-color-primary-transp: #67676775;\n --zd-color-secondary: #0079bd;\n --zd-color-secondary-transp: #0079bd50;\n --zd-color-disabled: #ddd;\n --zd-color-error: #ff4d4f;\n --zd-color-error-transp: #ffe6e6;\n --zd-color-background-transp: #ffffffdd;\n --zd-font-family: Helvetica, Arial, sans-serif;\n --zd-font-size: 14px;\n --zd-radius: 3px;\n --zd-border: 1px solid var(--zd-color-primary);\n --zd-focus-ring: 0 0 0 0.2rem var(--zd-color-secondary-transp);\n --thumb-size: 8px;\n --track-height: 4px;\n}\n\n.z-range {\n position: relative;\n margin-top: 20px;\n}\n\n.z-range__container {\n position: relative;\n}\n\n.input-label__wrapper {\n pointer-events: none;\n touch-action: none;\n}\n\n.z-range__label {\n background: transparent;\n}\n\n:where(.z-range__label) {\n font-weight: 500;\n font-size: var(--zd-font-size);\n color: var(--zd-color-primary);\n}\n\n.z-range__value-indicator {\n display: none;\n position: absolute;\n z-index: 6;\n left: 50%;\n transform: translateX(-50%);\n min-width: fit-content;\n min-height: fit-content;\n margin-bottom: 5px;\n padding: 2px 8px;\n border-radius: 4px;\n font-size: var(--zd-font-size);\n font-weight: 500;\n}\n@media (max-width: 599px) {\n .z-range__value-indicator {\n padding: 2px 4px;\n }\n}\n\n:where(.z-range__value-indicator) {\n width: fit-content;\n white-space: nowrap;\n background-color: var(--zd-color-primary);\n font-size: var(--zd-font-size);\n}\n@media (max-width: 599px) {\n :where(.z-range__value-indicator) {\n font-size: var(--zd-font-size);\n }\n}\n\n.z-range__value-indicator::before {\n content: \"\";\n display: block;\n position: absolute;\n top: 100%;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 5px 5px 0 5px;\n}\n\n:where(.z-range__value-indicator)::before {\n border-color: var(--zd-color-primary) transparent transparent transparent;\n}\n\n.z-range__value-indicator--active {\n display: flex;\n align-items: center;\n justify-content: space-around;\n}\n\n:where(.z-range__value-indicator-icon) {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n}\n:where(.z-range__value-indicator-icon) img {\n width: 100%;\n height: 100%;\n}\n\n.z-range__inputs-wrapper {\n position: relative;\n width: 100%;\n max-width: 100%;\n}\n\n.z-range__input,\n.z-range__input::-webkit-slider-thumb {\n appearance: none;\n -webkit-appearance: none;\n -webkit-tap-highlight-color: transparent;\n padding: 0;\n}\n\n.z-range__input {\n position: absolute;\n width: 100%;\n height: 0;\n margin: 0;\n padding: 0;\n border: 0;\n background: transparent;\n box-sizing: border-box;\n outline: none;\n transition: 0.2s ease-in-out;\n touch-action: none;\n}\n\n.z-range__input-first {\n z-index: 3;\n}\n\n.z-range__input-second {\n z-index: 4;\n}\n\n.z-range__input--active {\n z-index: 5;\n pointer-events: all;\n}\n\n:where(.z-range__input--active)::-webkit-slider-thumb {\n outline: 2px solid var(--zd-color-secondary);\n}\n\n.z-range__input::-webkit-slider-runnable-track {\n width: 100%;\n height: var(--track-height);\n background: transparent;\n border: 0;\n margin: auto 0;\n cursor: pointer;\n}\n\n.z-range__input::-moz-range-track {\n width: 100%;\n height: var(--track-height);\n background: transparent;\n border: 0;\n}\n\n.z-range__input::-moz-focus-outer {\n border: 0;\n}\n\n.z-range__input::-webkit-slider-thumb {\n width: var(--thumb-size);\n height: var(--thumb-size);\n margin-top: calc((var(--track-height) - var(--thumb-size)) / 2);\n pointer-events: all;\n cursor: pointer;\n}\n\n:where(.z-range__input)::-webkit-slider-thumb {\n border-radius: 4px;\n box-shadow: 0 0 4px 0 rgb(0, 0, 0);\n background-color: var(--zd-color-primary);\n transition: 0.2s ease-in-out;\n}\n\n.z-range__input::-moz-range-thumb {\n width: var(--thumb-size);\n height: var(--thumb-size);\n pointer-events: all;\n cursor: pointer;\n}\n\n:where(.z-range__input::-moz-range-thumb) {\n border-radius: 4px;\n box-shadow: 0 0 4px 0 rgb(0, 0, 0);\n background-color: var(--zd-color-primary);\n transition: 0.2s ease-in-out;\n}\n\n.z-range__slider {\n position: relative;\n width: 100%;\n height: var(--track-height);\n overflow: hidden;\n}\n\n.z-range__slider-track {\n position: absolute;\n top: 0;\n width: 100%;\n height: var(--track-height);\n}\n\n:where(.z-range__slider-track) {\n border-radius: 2px;\n background-color: var(--zd-color-primary);\n}\n\n.z-range__slider-track-selected-range {\n position: relative;\n height: var(--track-height);\n pointer-events: none;\n}\n\n:where(.z-range__slider-track-selected-range) {\n border-radius: 2px;\n background-color: var(--zd-color-secondary);\n}\n\n.z-range__slider-values-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 15px 0 10px 0;\n}\n\n:where(.z-range__slider-value) {\n font-weight: 500;\n}\n\n:where(.z-range__slider-first-value),\n:where(.z-range__slider-second-value) {\n color: var(--zd-color-primary);\n font-size: var(--zd-font-size);\n}","@charset \"UTF-8\";\n/* ZDrop.module.scss — „override-friendly” */\n:global(:root) {\n --zd-color-primary: #676767;\n --zd-color-primary-transp: #67676775;\n --zd-color-secondary: #0079bd;\n --zd-color-secondary-transp: #0079bd50;\n --zd-color-disabled: #ddd;\n --zd-color-error: #ff4d4f;\n --zd-color-error-transp: #ffe6e6;\n --zd-color-background-transp: #ffffffdd;\n --zd-font-family: Helvetica, Arial, sans-serif;\n --zd-font-size: 14px;\n --zd-radius: 3px;\n --zd-border: 1px solid var(--zd-color-primary);\n --zd-focus-ring: 0 0 0 0.2rem var(--zd-color-secondary-transp);\n}\n\n:where(.zd__container) * {\n padding: 0;\n margin: 0;\n}\n\n.zd__container * {\n box-sizing: border-box;\n}\n\n.zd__container {\n position: relative;\n}\n\n:where(.zd__container) {\n width: fit-content;\n max-width: 500px;\n min-width: 200px;\n height: fit-content;\n max-height: fit-content;\n font-family: var(--zd-font-family);\n font-size: var(--zd-font-size);\n}\n\n.zd__label {\n display: block;\n}\n\n:where(.zd__label) {\n margin: 0 0 5px 10px;\n color: var(--zd-color-primary);\n}\n\n.zd__input-field {\n position: relative;\n}\n\n:where(.zd__input-field) {\n display: flex;\n min-height: 35px;\n border: var(--zd-border);\n border-radius: var(--zd-radius);\n padding-left: 10px;\n overflow-y: auto;\n transition: border 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.zd__input-field > input {\n cursor: pointer;\n}\n\n:where(.zd__input-field):hover {\n border-color: var(--zd-color-secondary);\n}\n\n:where(.zd__input-field):focus-within {\n border-color: var(--zd-color-secondary);\n box-shadow: var(--zd-focus-ring);\n}\n\n.zd__input-field:focus-within > input {\n cursor: text;\n}\n\n:where(.zd__input-field--multiple) {\n padding-left: 4px;\n}\n\n:where(.zd__input-field--disabled) {\n background: var(--zd-color-disabled);\n cursor: default;\n pointer-events: none;\n}\n\n:where(.zd__input) {\n width: 100%;\n min-height: 100%;\n padding-right: 10px;\n border: none;\n border-radius: var(--zd-radius);\n color: var(--zd-color-primary);\n background: transparent;\n}\n\n:where(.zd__input):focus {\n outline: none;\n}\n\n:where(.zd__input):disabled {\n background: var(--zd-color-disabled);\n}\n\n:where(.zd__input)::placeholder {\n color: var(--zd-color-primary-transp);\n}\n\n:where(.zd__input-single) {\n display: flex;\n align-items: center;\n max-width: 100%;\n min-height: 35px;\n white-space: nowrap;\n overflow: hidden;\n height: auto;\n}\n\n:where(.zd__input-single-value) {\n width: fit-content;\n height: 100%;\n border: var(--zd-border);\n border-radius: var(--zd-radius);\n}\n\n:where(.zd__input-single-value-renderer) {\n display: flex;\n align-items: center;\n}\n\n:where(.zd__input-single-search) {\n display: flex;\n align-items: center;\n flex: 1;\n max-width: 100%;\n min-height: 35px;\n line-height: 35px;\n overflow: hidden;\n white-space: nowrap;\n color: var(--zd-color-primary);\n border: none;\n background: transparent;\n}\n\n:where(.zd__input-single-search):focus {\n outline: none;\n}\n\n:where(.zd__input-multiple) {\n display: flex;\n flex-wrap: wrap;\n max-width: calc(100% - 47px);\n align-items: center;\n margin-right: 5px;\n list-style: none;\n height: auto;\n}\n\n:where(.zd__input-multiple-value) {\n display: flex;\n align-items: center;\n width: fit-content;\n min-width: fit-content;\n margin: 2px;\n padding: 3px 6px;\n color: var(--zd-color-primary);\n border-radius: var(--zd-radius);\n background: var(--zd-color-disabled);\n cursor: pointer;\n}\n\n:where(.zd__input-multiple-value) span {\n display: flex;\n width: fit-content;\n min-width: fit-content;\n white-space: nowrap;\n}\n\n:where(.zd__input-multiple-value-remove-btn) {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 10px;\n min-width: 10px;\n margin-left: 3px;\n background: transparent;\n border: none;\n cursor: pointer;\n}\n\n:where(.zd__input-multiple-value-remove-btn):focus {\n outline: none;\n}\n\n:where(.zd__input-multiple-value-remove-btn-icon) {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: 10px;\n height: 10px;\n}\n\n:where(.zd__input-multiple-value-remove-btn-icon)::before,\n:where(.zd__input-multiple-value-remove-btn-icon)::after {\n position: absolute;\n content: \"\";\n height: 10px;\n width: 2px;\n background-color: var(--zd-color-primary);\n}\n\n:where(.zd__input-multiple-value-remove-btn-icon)::before {\n transform: rotate(45deg);\n}\n\n:where(.zd__input-multiple-value-remove-btn-icon)::after {\n transform: rotate(-45deg);\n}\n\n:where(.zd__input-multiple-value-remove-btn):hover > .zd__input-multiple-value-remove-btn-icon::before,\n:where(.zd__input-multiple-value-remove-btn):hover > .zd__input-multiple-value-remove-btn-icon::after,\n:where(.zd__input-multiple-value-remove-btn):focus > .zd__input-multiple-value-remove-btn-icon::after,\n:where(.zd__input-multiple-value-remove-btn):focus > .zd__input-multiple-value-remove-btn-icon::before {\n background-color: var(--zd-color-secondary);\n}\n\n:where(.zd__input-multiple-search-wrapper) {\n min-width: 100%;\n flex: auto;\n}\n\n:where(.zd__input-multiple-search) {\n min-width: 40px;\n width: 100%;\n padding: 3px;\n color: var(--zd-color-primary);\n border: none;\n background: transparent;\n}\n\n:where(.zd__input-multiple-search):focus {\n outline: none;\n}\n\n:where(.zd__input-multiple-placeholder) {\n padding-left: 6px;\n}\n\n.inputClearBtnWrapper {\n position: relative;\n}\n\n:where(.zd__input-clear-btn-wrapper) {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n:where(.zd__input-clear-btn) {\n max-height: fit-content;\n background: none;\n border: none;\n}\n\n:where(.zd__input-clear-btn-icon) {\n display: block;\n position: relative;\n min-width: 14px;\n max-width: 14px;\n height: 15px;\n cursor: pointer;\n}\n\n:where(.zd__input-clear-btn-icon)::before,\n:where(.zd__input-clear-btn-icon)::after {\n position: absolute;\n left: 6px;\n content: \"\";\n height: 15px;\n width: 2px;\n background: var(--zd-color-primary);\n}\n\n:where(.zd__input-clear-btn-icon)::before {\n transform: rotate(45deg);\n}\n\n:where(.zd__input-clear-btn-icon)::after {\n transform: rotate(-45deg);\n}\n\n:where(.zd__input-clear-btn-icon):hover::before,\n:where(.zd__input-clear-btn-icon):hover::after {\n background: var(--zd-color-secondary);\n}\n\n.zd__expand-toggle {\n display: flex;\n min-width: fit-content;\n align-items: center;\n padding: 0 10px;\n}\n\n.zd__expand-toggle-icon {\n transform: rotate(135deg);\n border: solid var(--zd-color-primary);\n border-width: 0 2px 2px 0;\n padding: 4px;\n cursor: pointer;\n transition: 0.3s;\n}\n\n.zd__expand-toggle-icon--active {\n transform: translateY(-30%) rotate(45deg);\n color: var(--zd-color-secondary);\n}\n\n:where(.zd__expand-toggle-icon):hover {\n border-color: var(--zd-color-secondary);\n}\n\n.zd__list {\n position: absolute;\n z-index: 2;\n width: 100%;\n max-height: fit-content;\n overflow: auto;\n}\n\n.zd__list-wrapper {\n z-index: 2;\n position: absolute;\n min-width: 100%;\n margin-top: 5px;\n overflow: auto;\n}\n\n:where(.zd__list-wrapper) {\n border-radius: var(--zd-radius);\n border: var(--zd-border);\n}\n\n.zd__list-auto-height-wrapper {\n width: 100%;\n height: auto;\n overflow: auto;\n margin-top: 5px;\n}\n\n:where(.zd__list-auto-height-wrapper) {\n border-radius: var(--zd-radius);\n border: var(--zd-border);\n}\n\n.zd__list--auto-height-enabled,\n.zd__list--reference-wrapper-enabled {\n position: relative;\n}\n\n:where(.zd__option, .zd__no-data) {\n padding: 10px 8px;\n color: var(--zd-color-primary);\n list-style: none;\n}\n\n:where(.zd__option) {\n cursor: pointer;\n}\n\n:where(.zd__option):focus {\n outline: none;\n background: var(--zd-color-secondary-transp);\n}\n\n:where(.zd__option):hover {\n font-weight: 700;\n}\n\n:where(.zd__option--active) {\n color: var(--zd-color-secondary);\n}\n\n:where(.zd__error-message) {\n margin-top: 5px;\n padding: 8px;\n color: var(--zd-color-error);\n border: 1px solid var(--zd-color-error);\n border-radius: var(--zd-radius);\n background: var(--zd-color-error-transp);\n}"]}
1
+ {"version":3,"sources":["ZDropButton.module.scss","ZRange.module.scss","ZDrop.module.scss"],"names":[],"mappings":"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","file":"zcomponents-ui.css","sourcesContent":["@charset \"UTF-8\";\n/* ZDrop.module.scss — „override-friendly” */\n:global(:root) {\n --zd-color-primary: #676767;\n --zd-color-primary-transp: #67676775;\n --zd-color-secondary: #0079bd;\n --zd-color-secondary-transp: #0079bd50;\n --zd-color-disabled: #ddd;\n --zd-color-error: #ff4d4f;\n --zd-color-error-transp: #ffe6e6;\n --zd-color-background-transp: #ffffffdd;\n --zd-font-family: Helvetica, Arial, sans-serif;\n --zd-font-size: 14px;\n --zd-radius: 3px;\n --zd-border: 1px solid var(--zd-color-primary);\n --zd-focus-ring: 0 0 0 0.2rem var(--zd-color-secondary-transp);\n}\n\n.zd-button * {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n}\n\n.zd-button {\n position: relative;\n max-height: fit-content;\n min-width: fit-content;\n}\n\n.zd-button__toggle {\n display: flex;\n align-items: center;\n width: 100%;\n min-width: 100%;\n padding: 0 10px;\n cursor: pointer;\n}\n\n:where(.zd-button__toggle) {\n height: 35px;\n border: var(--zd-border);\n border-radius: var(--zd-radius);\n background: transparent;\n outline: none;\n transition: border 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n:where(.zd-button__toggle):focus,\n:where(.zd-button__toggle).active,\n:where(.zd-button__toggle):hover {\n border-color: var(--zd-color-secondary);\n}\n\n:where(.zd-button__toggle-title) {\n font-size: 13px;\n font-weight: 500;\n color: var(--zd-color-primary);\n}\n\n.zd-button__toggle-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 6px;\n}\n\n:where(.zd-button__toggle-icon) {\n width: 30px;\n height: 30px;\n}\n\n:where(.zd-button__toggle-icon) img,\n:where(.zd-button__toggle-icon) svg {\n width: 100%;\n height: 100%;\n}\n\n.zd-button__content {\n position: absolute;\n width: 100%;\n min-width: 100%;\n margin: 1px 0;\n overflow-y: auto;\n}\n\n:where(.zd-button__content) {\n border-radius: var(--zd-radius);\n border: 1px solid var(--zd-color-primary);\n}\n\n.zd-button__search {\n padding: 1px 0;\n width: 100%;\n height: 30px;\n max-width: 100%;\n min-width: 100%;\n}\n\n.zd-button__search-input-field {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n min-width: 100%;\n height: 100%;\n}\n\n:where(.zd-button__search-input-field) {\n border: 1px solid var(--zd-color-primary);\n border-radius: var(--zd-radius);\n}\n\n:where(.zd-button__search-input-field):focus-within {\n border-color: var(--zd-color-secondary);\n}\n\n.zd-button__search-input {\n width: 100%;\n max-width: 100%;\n padding: 2px 5px;\n border: none;\n background: transparent;\n}\n\n.zd-button__search-input:focus {\n outline: none;\n}\n\n.zd-button__search-clear-btn {\n margin: 0 5px;\n max-height: fit-content;\n background: transparent;\n border: none;\n cursor: pointer;\n}\n\n:where(.zd-button__search-clear-btn-icon) {\n display: block;\n position: relative;\n min-width: 14px;\n max-width: 14px;\n height: 15px;\n cursor: pointer;\n}\n\n:where(.zd-button__search-clear-btn-icon)::before,\n:where(.zd-button__search-clear-btn-icon)::after {\n position: absolute;\n left: 6px;\n content: \"\";\n height: 15px;\n width: 2px;\n background: var(--zd-color-primary);\n}\n\n:where(.zd-button__search-clear-btn-icon)::before {\n transform: rotate(45deg);\n}\n\n:where(.zd-button__search-clear-btn-icon)::after {\n transform: rotate(-45deg);\n}\n\n:where(.zd-button__search-clear-btn-icon):hover::before,\n:where(.zd-button__search-clear-btn-icon):hover::after {\n background: var(--zd-color-secondary);\n}\n\n.zd-button__list {\n width: 100%;\n min-width: 100%;\n list-style: none;\n overflow-y: auto;\n}\n\n:where(.zd-button__list) {\n border-radius: var(--zd-radius);\n}\n\n.zd-button__list-item {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n padding: 3px 5px;\n cursor: pointer;\n}\n\n:where(.zd-button__list-item) {\n background-color: var(--zd-color-background-transp);\n color: var(--zd-color-primary);\n transition: background-color 0.2s linear;\n}\n\n:where(.zd-button__list-item):focus {\n outline: none;\n}\n\n:where(.zd-button__list-item):hover,\n:where(.zd-button__list-item):focus {\n background-color: var(--zd-color-secondary-transp);\n}\n\n:where(.zd-button__list-item--active) {\n color: var(--zd-color-secondary);\n background-color: var(--zd-color-secondary-transp);\n}\n\n.zd-button__list-item-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n}\n\n:where(.zd-button__list-item-icon) {\n width: 40px;\n height: 40px;\n}\n\n.zd-button__list-item-icon img,\n.zd-button__list-item-icon svg {\n width: 100%;\n height: 100%;\n}\n\n:where(.zd-button__list-item-title) {\n font-size: 14px;\n font-weight: 500;\n}","@charset \"UTF-8\";\n/* ZDrop.module.scss — override-friendly (fixed) */\n:global(:root) {\n --zd-color-primary: #676767;\n --zd-color-primary-transp: #67676775;\n --zd-color-secondary: #0079bd;\n --zd-color-secondary-transp: #0079bd50;\n --zd-color-disabled: #ddd;\n --zd-color-error: #ff4d4f;\n --zd-color-error-transp: #ffe6e6;\n --zd-color-background-transp: #ffffffdd;\n --zd-font-family: Helvetica, Arial, sans-serif;\n --zd-font-size: 14px;\n --zd-radius: 3px;\n --zd-border: 1px solid var(--zd-color-primary);\n --zd-focus-ring: 0 0 0 0.2rem var(--zd-color-secondary-transp);\n --thumb-size: 8px;\n --track-height: 4px;\n}\n\n.zr {\n position: relative;\n margin-top: 20px;\n}\n\n.zr__container {\n position: relative;\n}\n\n.input-label__wrapper {\n pointer-events: none;\n touch-action: none;\n}\n\n.zr__label {\n background: transparent;\n}\n\n:where(.zr__label) {\n font-weight: 500;\n font-size: var(--zd-font-size);\n color: var(--zd-color-primary);\n}\n\n.zr__value-indicator {\n display: none;\n position: absolute;\n z-index: 6;\n left: 50%;\n transform: translateX(-50%);\n min-width: fit-content;\n min-height: fit-content;\n margin-bottom: 5px;\n padding: 2px 8px;\n border-radius: 4px;\n font-size: var(--zd-font-size);\n font-weight: 500;\n}\n@media (max-width: 599px) {\n .zr__value-indicator {\n padding: 2px 4px;\n }\n}\n\n:where(.zr__value-indicator) {\n width: fit-content;\n white-space: nowrap;\n background-color: var(--zd-color-primary);\n font-size: var(--zd-font-size);\n}\n@media (max-width: 599px) {\n :where(.zr__value-indicator) {\n font-size: var(--zd-font-size);\n }\n}\n\n.zr__value-indicator::before {\n content: \"\";\n display: block;\n position: absolute;\n top: 100%;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 5px 5px 0 5px;\n}\n\n:where(.zr__value-indicator)::before {\n border-color: var(--zd-color-primary) transparent transparent transparent;\n}\n\n.zr__value-indicator--active {\n display: flex;\n align-items: center;\n justify-content: space-around;\n}\n\n:where(.zr__value-indicator-icon) {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n}\n:where(.zr__value-indicator-icon) img {\n width: 100%;\n height: 100%;\n}\n\n.zr__inputs-wrapper {\n position: relative;\n width: 100%;\n max-width: 100%;\n}\n\n.zr__input,\n.zr__input::-webkit-slider-thumb {\n appearance: none;\n -webkit-appearance: none;\n -webkit-tap-highlight-color: transparent;\n padding: 0;\n}\n\n.zr__input {\n position: absolute;\n width: 100%;\n height: 0;\n margin: 0;\n padding: 0;\n border: 0;\n background: transparent;\n box-sizing: border-box;\n outline: none;\n transition: 0.2s ease-in-out;\n touch-action: none;\n}\n\n.zr__input-first {\n z-index: 3;\n}\n\n.zr__input-second {\n z-index: 4;\n}\n\n.zr__input--active {\n z-index: 5;\n pointer-events: all;\n}\n\n:where(.zr__input--active)::-webkit-slider-thumb {\n outline: 2px solid var(--zd-color-secondary);\n}\n\n.zr__input::-webkit-slider-runnable-track {\n width: 100%;\n height: var(--track-height);\n background: transparent;\n border: 0;\n margin: auto 0;\n cursor: pointer;\n}\n\n.zr__input::-mozr-track {\n width: 100%;\n height: var(--track-height);\n background: transparent;\n border: 0;\n}\n\n.zr__input::-moz-focus-outer {\n border: 0;\n}\n\n.zr__input::-webkit-slider-thumb {\n width: var(--thumb-size);\n height: var(--thumb-size);\n margin-top: calc((var(--track-height) - var(--thumb-size)) / 2);\n pointer-events: all;\n cursor: pointer;\n}\n\n:where(.zr__input)::-webkit-slider-thumb {\n border-radius: 4px;\n box-shadow: 0 0 4px 0 rgb(0, 0, 0);\n background-color: var(--zd-color-primary);\n transition: 0.2s ease-in-out;\n}\n\n.zr__input::-mozr-thumb {\n width: var(--thumb-size);\n height: var(--thumb-size);\n pointer-events: all;\n cursor: pointer;\n}\n\n:where(.zr__input::-mozr-thumb) {\n border-radius: 4px;\n box-shadow: 0 0 4px 0 rgb(0, 0, 0);\n background-color: var(--zd-color-primary);\n transition: 0.2s ease-in-out;\n}\n\n.zr__slider {\n position: relative;\n width: 100%;\n height: var(--track-height);\n overflow: hidden;\n}\n\n.zr__slider-track {\n position: absolute;\n top: 0;\n width: 100%;\n height: var(--track-height);\n}\n\n:where(.zr__slider-track) {\n border-radius: 2px;\n background-color: var(--zd-color-primary);\n}\n\n.zr__slider-track-selected-range {\n position: relative;\n height: var(--track-height);\n pointer-events: none;\n}\n\n:where(.zr__slider-track-selected-range) {\n border-radius: 2px;\n background-color: var(--zd-color-secondary);\n}\n\n.zr__slider-values-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 15px 0 10px 0;\n}\n\n:where(.zr__slider-value) {\n font-weight: 500;\n}\n\n:where(.zr__slider-first-value),\n:where(.zr__slider-second-value) {\n color: var(--zd-color-primary);\n font-size: var(--zd-font-size);\n}\n\n:where(.zr__error-message) {\n margin-top: 5px;\n padding: 8px;\n color: var(--zd-color-error);\n border: 1px solid var(--zd-color-error);\n border-radius: var(--zd-radius);\n background: var(--zd-color-error-transp);\n}","@charset \"UTF-8\";\n/* ZDrop.module.scss — „override-friendly” */\n:global(:root) {\n --zd-color-primary: #676767;\n --zd-color-primary-transp: #67676775;\n --zd-color-secondary: #0079bd;\n --zd-color-secondary-transp: #0079bd50;\n --zd-color-disabled: #ddd;\n --zd-color-error: #ff4d4f;\n --zd-color-error-transp: #ffe6e6;\n --zd-color-background-transp: #ffffffdd;\n --zd-font-family: Helvetica, Arial, sans-serif;\n --zd-font-size: 14px;\n --zd-radius: 3px;\n --zd-border: 1px solid var(--zd-color-primary);\n --zd-focus-ring: 0 0 0 0.2rem var(--zd-color-secondary-transp);\n}\n\n:where(.zd__container) * {\n padding: 0;\n margin: 0;\n}\n\n.zd__container * {\n box-sizing: border-box;\n}\n\n.zd__container {\n position: relative;\n}\n\n:where(.zd__container) {\n width: fit-content;\n max-width: 500px;\n min-width: 200px;\n height: fit-content;\n max-height: fit-content;\n font-family: var(--zd-font-family);\n font-size: var(--zd-font-size);\n}\n\n.zd__label {\n display: block;\n}\n\n:where(.zd__label) {\n margin: 0 0 5px 10px;\n color: var(--zd-color-primary);\n}\n\n.zd__input-field {\n position: relative;\n}\n\n:where(.zd__input-field) {\n display: flex;\n min-height: 35px;\n border: var(--zd-border);\n border-radius: var(--zd-radius);\n padding-left: 10px;\n overflow-y: auto;\n transition: border 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.zd__input-field > input {\n cursor: pointer;\n}\n\n:where(.zd__input-field):hover {\n border-color: var(--zd-color-secondary);\n}\n\n:where(.zd__input-field):focus-within {\n border-color: var(--zd-color-secondary);\n box-shadow: var(--zd-focus-ring);\n}\n\n.zd__input-field:focus-within > input {\n cursor: text;\n}\n\n:where(.zd__input-field--multiple) {\n padding-left: 4px;\n}\n\n:where(.zd__input-field--disabled) {\n background: var(--zd-color-disabled);\n cursor: default;\n pointer-events: none;\n}\n\n:where(.zd__input) {\n width: 100%;\n min-height: 100%;\n padding-right: 10px;\n border: none;\n border-radius: var(--zd-radius);\n color: var(--zd-color-primary);\n background: transparent;\n}\n\n:where(.zd__input):focus {\n outline: none;\n}\n\n:where(.zd__input):disabled {\n background: var(--zd-color-disabled);\n}\n\n:where(.zd__input)::placeholder {\n color: var(--zd-color-primary-transp);\n}\n\n:where(.zd__input-single) {\n display: flex;\n align-items: center;\n max-width: 100%;\n min-height: 35px;\n white-space: nowrap;\n overflow: hidden;\n height: auto;\n}\n\n:where(.zd__input-single-value) {\n width: fit-content;\n height: 100%;\n border: var(--zd-border);\n border-radius: var(--zd-radius);\n}\n\n:where(.zd__input-single-value-renderer) {\n display: flex;\n align-items: center;\n}\n\n:where(.zd__input-single-search) {\n display: flex;\n align-items: center;\n flex: 1;\n max-width: 100%;\n min-height: 35px;\n line-height: 35px;\n overflow: hidden;\n white-space: nowrap;\n color: var(--zd-color-primary);\n border: none;\n background: transparent;\n}\n\n:where(.zd__input-single-search):focus {\n outline: none;\n}\n\n:where(.zd__input-multiple) {\n display: flex;\n flex-wrap: wrap;\n max-width: calc(100% - 47px);\n align-items: center;\n margin-right: 5px;\n list-style: none;\n height: auto;\n}\n\n:where(.zd__input-multiple-value) {\n display: flex;\n align-items: center;\n width: fit-content;\n min-width: fit-content;\n margin: 2px;\n padding: 3px 6px;\n color: var(--zd-color-primary);\n border-radius: var(--zd-radius);\n background: var(--zd-color-disabled);\n cursor: pointer;\n}\n\n:where(.zd__input-multiple-value) span {\n display: flex;\n width: fit-content;\n min-width: fit-content;\n white-space: nowrap;\n}\n\n:where(.zd__input-multiple-value-remove-btn) {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 10px;\n min-width: 10px;\n margin-left: 3px;\n background: transparent;\n border: none;\n cursor: pointer;\n}\n\n:where(.zd__input-multiple-value-remove-btn):focus {\n outline: none;\n}\n\n:where(.zd__input-multiple-value-remove-btn-icon) {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: 10px;\n height: 10px;\n}\n\n:where(.zd__input-multiple-value-remove-btn-icon)::before,\n:where(.zd__input-multiple-value-remove-btn-icon)::after {\n position: absolute;\n content: \"\";\n height: 10px;\n width: 2px;\n background-color: var(--zd-color-primary);\n}\n\n:where(.zd__input-multiple-value-remove-btn-icon)::before {\n transform: rotate(45deg);\n}\n\n:where(.zd__input-multiple-value-remove-btn-icon)::after {\n transform: rotate(-45deg);\n}\n\n:where(.zd__input-multiple-value-remove-btn):hover > .zd__input-multiple-value-remove-btn-icon::before,\n:where(.zd__input-multiple-value-remove-btn):hover > .zd__input-multiple-value-remove-btn-icon::after,\n:where(.zd__input-multiple-value-remove-btn):focus > .zd__input-multiple-value-remove-btn-icon::after,\n:where(.zd__input-multiple-value-remove-btn):focus > .zd__input-multiple-value-remove-btn-icon::before {\n background-color: var(--zd-color-secondary);\n}\n\n:where(.zd__input-multiple-search-wrapper) {\n min-width: 100%;\n flex: auto;\n}\n\n:where(.zd__input-multiple-search) {\n min-width: 40px;\n width: 100%;\n padding: 3px;\n color: var(--zd-color-primary);\n border: none;\n background: transparent;\n}\n\n:where(.zd__input-multiple-search):focus {\n outline: none;\n}\n\n:where(.zd__input-multiple-placeholder) {\n padding-left: 6px;\n}\n\n.inputClearBtnWrapper {\n position: relative;\n}\n\n:where(.zd__input-clear-btn-wrapper) {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n:where(.zd__input-clear-btn) {\n max-height: fit-content;\n background: none;\n border: none;\n}\n\n:where(.zd__input-clear-btn-icon) {\n display: block;\n position: relative;\n min-width: 14px;\n max-width: 14px;\n height: 15px;\n cursor: pointer;\n}\n\n:where(.zd__input-clear-btn-icon)::before,\n:where(.zd__input-clear-btn-icon)::after {\n position: absolute;\n left: 6px;\n content: \"\";\n height: 15px;\n width: 2px;\n background: var(--zd-color-primary);\n}\n\n:where(.zd__input-clear-btn-icon)::before {\n transform: rotate(45deg);\n}\n\n:where(.zd__input-clear-btn-icon)::after {\n transform: rotate(-45deg);\n}\n\n:where(.zd__input-clear-btn-icon):hover::before,\n:where(.zd__input-clear-btn-icon):hover::after {\n background: var(--zd-color-secondary);\n}\n\n.zd__expand-toggle {\n display: flex;\n min-width: fit-content;\n align-items: center;\n padding: 0 10px;\n}\n\n.zd__expand-toggle-icon {\n transform: rotate(135deg);\n border: solid var(--zd-color-primary);\n border-width: 0 2px 2px 0;\n padding: 4px;\n cursor: pointer;\n transition: 0.3s;\n}\n\n.zd__expand-toggle-icon--active {\n transform: translateY(-30%) rotate(45deg);\n color: var(--zd-color-secondary);\n}\n\n:where(.zd__expand-toggle-icon):hover {\n border-color: var(--zd-color-secondary);\n}\n\n.zd__list {\n position: absolute;\n z-index: 2;\n width: 100%;\n max-height: fit-content;\n overflow: auto;\n}\n\n.zd__list-wrapper {\n z-index: 2;\n position: absolute;\n min-width: 100%;\n margin-top: 5px;\n overflow: auto;\n}\n\n:where(.zd__list-wrapper) {\n border-radius: var(--zd-radius);\n border: var(--zd-border);\n}\n\n.zd__list-auto-height-wrapper {\n width: 100%;\n height: auto;\n overflow: auto;\n margin-top: 5px;\n}\n\n:where(.zd__list-auto-height-wrapper) {\n border-radius: var(--zd-radius);\n border: var(--zd-border);\n}\n\n.zd__list--auto-height-enabled,\n.zd__list--reference-wrapper-enabled {\n position: relative;\n}\n\n:where(.zd__option, .zd__no-data) {\n padding: 10px 8px;\n color: var(--zd-color-primary);\n list-style: none;\n}\n\n:where(.zd__option) {\n cursor: pointer;\n}\n\n:where(.zd__option):focus {\n outline: none;\n background: var(--zd-color-secondary-transp);\n}\n\n:where(.zd__option):hover {\n font-weight: 700;\n}\n\n:where(.zd__option--active) {\n color: var(--zd-color-secondary);\n}\n\n:where(.zd__error-message) {\n margin-top: 5px;\n padding: 8px;\n color: var(--zd-color-error);\n border: 1px solid var(--zd-color-error);\n border-radius: var(--zd-radius);\n background: var(--zd-color-error-transp);\n}"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zcomponents-ui",
3
- "version": "1.3.0",
3
+ "version": "1.4.0",
4
4
  "description": "Customizable React dropdown component (TypeScript + SCSS Modules).",
5
5
  "author": "Piotr Nowosławski",
6
6
  "license": "MIT",