zcomponents-ui 1.5.5 → 1.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{index-Dy647Scl.js → index-TciUSjkp.js} +5 -5
- package/dist/{index-Dy647Scl.js.map → index-TciUSjkp.js.map} +1 -1
- package/dist/{index-CmaOstJc.js → index-sXGMJSgr.js} +5 -5
- package/dist/{index-CmaOstJc.js.map → index-sXGMJSgr.js.map} +1 -1
- package/dist/index.cjs.js +11 -8
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +12 -9
- package/dist/index.esm.js.map +1 -1
- package/dist/react-hook-form.cjs.js +1 -1
- package/dist/react-hook-form.esm.js +1 -1
- package/dist/zcomponents-ui.css +1 -1
- package/dist/zcomponents-ui.css.map +1 -1
- package/package.json +1 -1
package/dist/zcomponents-ui.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--thumb-size:8px;--track-height:4px}.zr{margin-top:20px}.zr,.zr__container{position:relative}.input-label__wrapper{pointer-events:none;touch-action:none}.zr__label{background:transparent}:where(.zr__label){color:var(--zd-color-primary);font-size:var(--zd-font-size);font-weight:500}.zr__value-indicator{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){.zr__value-indicator{padding:2px 4px}}:where(.zr__value-indicator){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(.zr__value-indicator){font-size:var(--zd-font-size)}}.zr__value-indicator: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(.zr__value-indicator):before{border-color:var(--zd-color-primary) transparent transparent transparent}.zr__value-indicator--active{align-items:center;display:flex;justify-content:space-around}:where(.zr__value-indicator-icon){align-items:center;display:flex;height:40px;justify-content:center;width:40px}:where(.zr__value-indicator-icon) img{height:100%;width:100%}.zr__inputs-wrapper{max-width:100%;position:relative;width:100%}.zr__input,.zr__input::-webkit-slider-thumb{-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none;padding:0}.zr__input{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%}.zr__input-first{z-index:3}.zr__input-second{z-index:4}.zr__input--active{pointer-events:all;z-index:5}:where(.zr__input--active)::-webkit-slider-thumb{outline:2px solid var(--zd-color-secondary)}.zr__input::-webkit-slider-runnable-track{background:transparent;border:0;cursor:pointer;height:var(--track-height);margin:auto 0;width:100%}.zr__input::-mozr-track{background:transparent;border:0;height:var(--track-height);width:100%}.zr__input::-moz-focus-outer{border:0}.zr__input::-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(.zr__input)::-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}.zr__input::-mozr-thumb{cursor:pointer;height:var(--thumb-size);pointer-events:all;width:var(--thumb-size)}:where(.zr__input::-mozr-thumb){background-color:var(--zd-color-primary);border-radius:4px;box-shadow:0 0 4px 0 #000;transition:.2s ease-in-out}.zr__slider{overflow:hidden;position:relative}.zr__slider,.zr__slider-track{height:var(--track-height);width:100%}.zr__slider-track{position:absolute;top:0}:where(.zr__slider-track){background-color:var(--zd-color-primary);border-radius:2px}.zr__slider-track-selected-range{height:var(--track-height);pointer-events:none;position:relative}:where(.zr__slider-track-selected-range){background-color:var(--zd-color-secondary);border-radius:2px}.zr__slider-values-wrapper{align-items:center;display:flex;justify-content:space-between;padding:15px 0 10px}:where(.zr__slider-value){font-weight:500}:where(.zr__slider-first-value),:where(.zr__slider-second-value){color:var(--zd-color-primary);font-size:var(--zd-font-size)}:where(.zr__error-message){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}.zd-button *{box-sizing:border-box;margin:0;padding:0}.zd-button{max-height:-moz-fit-content;max-height:fit-content;min-width:-moz-fit-content;min-width:fit-content;position:relative}.zd-button__toggle{align-items:center;cursor:pointer;display:flex;min-width:100%;padding:0 10px;width:100%}:where(.zd-button__toggle){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(.zd-button__toggle).active,:where(.zd-button__toggle):focus,:where(.zd-button__toggle):hover{border-color:var(--zd-color-secondary)}:where(.zd-button__toggle-title){color:var(--zd-color-primary);font-size:13px;font-weight:500}.zd-button__toggle-icon{align-items:center;display:flex;justify-content:center;margin-right:6px}:where(.zd-button__toggle-icon){height:30px;width:30px}:where(.zd-button__toggle-icon) img,:where(.zd-button__toggle-icon) svg{height:100%;width:100%}.zd-button__content{height:0;margin:1px 0;min-width:100%;overflow-y:auto;position:absolute;width:100%}:where(.zd-button__content){border:1px solid var(--zd-color-primary);border-radius:var(--zd-radius);transition:max-height .2s ease,height .2s ease}.zd-button__search{height:30px;max-width:100%;min-width:100%;padding:1px 0;width:100%}.zd-button__search-input-field{align-items:center;display:flex;height:100%;min-width:100%;position:relative;width:100%}:where(.zd-button__search-input-field){border:1px solid var(--zd-color-primary);border-radius:var(--zd-radius)}:where(.zd-button__search-input-field):focus-within{border-color:var(--zd-color-secondary)}.zd-button__search-input{background:transparent;border:none;max-width:100%;padding:2px 5px;width:100%}.zd-button__search-input:focus{outline:none}.zd-button__search-clear-btn{background:transparent;border:none;cursor:pointer;margin:0 5px;max-height:-moz-fit-content;max-height:fit-content}:where(.zd-button__search-clear-btn-icon){cursor:pointer;display:block;height:15px;max-width:14px;min-width:14px;position:relative}:where(.zd-button__search-clear-btn-icon):after,:where(.zd-button__search-clear-btn-icon):before{background:var(--zd-color-primary);content:"";height:15px;left:6px;position:absolute;width:2px}:where(.zd-button__search-clear-btn-icon):before{transform:rotate(45deg)}:where(.zd-button__search-clear-btn-icon):after{transform:rotate(-45deg)}:where(.zd-button__search-clear-btn-icon):hover:after,:where(.zd-button__search-clear-btn-icon):hover:before{background:var(--zd-color-secondary)}.zd-button__list{list-style:none;min-width:100%;overflow-y:auto;width:100%}:where(.zd-button__list){border-radius:var(--zd-radius)}.zd-button__list-item{align-items:center;cursor:pointer;display:flex;padding:3px 5px;position:relative;width:100%}:where(.zd-button__list-item){background-color:var(--zd-color-background-transp);color:var(--zd-color-primary);transition:background-color .2s linear}:where(.zd-button__list-item):focus{outline:none}:where(.zd-button__list-item):focus,:where(.zd-button__list-item):hover{background-color:var(--zd-color-secondary-transp)}:where(.zd-button__list-item--active){background-color:var(--zd-color-secondary-transp);color:var(--zd-color-secondary)}.zd-button__list-item-icon{align-items:center;display:flex;justify-content:center;margin-right:10px}:where(.zd-button__list-item-icon){height:40px;width:40px}.zd-button__list-item-icon img,.zd-button__list-item-icon svg{height:100%;width:100%}:where(.zd-button__list-item-title){font-size:14px;font-weight:500}: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(.zd__container) *{margin:0;padding:0}.zd__container *{box-sizing:border-box}.zd__container{position:relative}:where(.zd__container){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}.zd__label{display:block}:where(.zd__label){color:var(--zd-color-primary);margin:0 0 5px 10px}.zd__input-field{position:relative}:where(.zd__input-field){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}.zd__input-field>input{cursor:pointer}:where(.zd__input-field):hover{border-color:var(--zd-color-secondary)}:where(.zd__input-field):focus-within{border-color:var(--zd-color-secondary);box-shadow:var(--zd-focus-ring)}.zd__input-field:focus-within>input{cursor:text}:where(.zd__input-field--multiple){padding-left:4px}:where(.zd__input-field--disabled){background:var(--zd-color-disabled);cursor:default;pointer-events:none}:where(.zd__input){background:transparent;border:none;border-radius:var(--zd-radius);color:var(--zd-color-primary);min-height:100%;padding-right:10px;width:100%}:where(.zd__input):focus{outline:none}:where(.zd__input):disabled{background:var(--zd-color-disabled)}:where(.zd__input)::-moz-placeholder{color:var(--zd-color-primary-transp)}:where(.zd__input)::placeholder{color:var(--zd-color-primary-transp)}:where(.zd__input-single){align-items:center;display:flex;height:auto;max-width:100%;min-height:35px;overflow:hidden;white-space:nowrap}:where(.zd__input-single-value){border:var(--zd-border);border-radius:var(--zd-radius);height:100%;width:-moz-fit-content;width:fit-content}:where(.zd__input-single-value-renderer){align-items:center;display:flex}:where(.zd__input-single-search){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(.zd__input-single-search):focus{outline:none}:where(.zd__input-multiple){align-items:center;display:flex;flex-wrap:wrap;height:auto;list-style:none;margin-right:5px;max-width:calc(100% - 47px)}:where(.zd__input-multiple-value){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(.zd__input-multiple-value) span{display:flex;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap;width:-moz-fit-content;width:fit-content}:where(.zd__input-multiple-value-remove-btn){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(.zd__input-multiple-value-remove-btn):focus{outline:none}:where(.zd__input-multiple-value-remove-btn-icon){align-items:center;display:flex;height:10px;justify-content:center;position:relative;width:10px}:where(.zd__input-multiple-value-remove-btn-icon):after,:where(.zd__input-multiple-value-remove-btn-icon):before{background-color:var(--zd-color-primary);content:"";height:10px;position:absolute;width:2px}:where(.zd__input-multiple-value-remove-btn-icon):before{transform:rotate(45deg)}:where(.zd__input-multiple-value-remove-btn-icon):after{transform:rotate(-45deg)}:where(.zd__input-multiple-value-remove-btn):focus>.zd__input-multiple-value-remove-btn-icon:after,:where(.zd__input-multiple-value-remove-btn):focus>.zd__input-multiple-value-remove-btn-icon:before,:where(.zd__input-multiple-value-remove-btn):hover>.zd__input-multiple-value-remove-btn-icon:after,:where(.zd__input-multiple-value-remove-btn):hover>.zd__input-multiple-value-remove-btn-icon:before{background-color:var(--zd-color-secondary)}:where(.zd__input-multiple-search-wrapper){flex:auto;min-width:100%}:where(.zd__input-multiple-search){background:transparent;border:none;color:var(--zd-color-primary);min-width:40px;padding:3px;width:100%}:where(.zd__input-multiple-search):focus{outline:none}:where(.zd__input-multiple-placeholder){padding-left:6px}:where(.zd__input-clear-btn-wrapper){align-items:center;display:flex;justify-content:center}:where(.zd__input-clear-btn){background:none;border:none;max-height:-moz-fit-content;max-height:fit-content}:where(.zd__input-clear-btn-icon){cursor:pointer;display:block;height:15px;max-width:14px;min-width:14px;position:relative}:where(.zd__input-clear-btn-icon):after,:where(.zd__input-clear-btn-icon):before{background:var(--zd-color-primary);content:"";height:15px;left:6px;position:absolute;width:2px}:where(.zd__input-clear-btn-icon):before{transform:rotate(45deg)}:where(.zd__input-clear-btn-icon):after{transform:rotate(-45deg)}:where(.zd__input-clear-btn-icon):hover:after,:where(.zd__input-clear-btn-icon):hover:before{background:var(--zd-color-secondary)}.zd__expand-toggle{align-items:center;display:flex;min-width:-moz-fit-content;min-width:fit-content;padding:0 10px}.zd__expand-toggle-icon{border:solid var(--zd-color-primary);border-width:0 2px 2px 0;cursor:pointer;padding:4px;transform:rotate(135deg);transition:.3s}.zd__expand-toggle-icon--active{color:var(--zd-color-secondary);transform:translateY(-30%) rotate(45deg)}:where(.zd__expand-toggle-icon):hover{border-color:var(--zd-color-secondary)}.zd__list{max-height:-moz-fit-content;max-height:fit-content;overflow:auto;position:absolute;width:100%;z-index:2}:where(.zd__list){border:var(--zd-border);border-radius:var(--zd-radius)}.zd__list-wrapper{margin-top:5px;min-width:100%;overflow:auto;position:absolute;z-index:2}:where(.zd__list-wrapper){border:var(--zd-border);border-radius:var(--zd-radius);transition:max-height .2s ease,height .2s ease}.zd__list-auto-height-wrapper{height:0;margin-top:5px;overflow:auto;width:100%}:where(.zd__list-auto-height-wrapper){border:var(--zd-border);border-radius:var(--zd-radius);transition:max-height .2s ease,height .2s ease}.zd__list--auto-height-enabled,.zd__list--reference-wrapper-enabled{position:relative}:where(.zd__option,.zd__no-data){color:var(--zd-color-primary);list-style:none;padding:10px 8px}:where(.zd__option){cursor:pointer}:where(.zd__option):focus{background:var(--zd-color-secondary-transp);outline:none}:where(.zd__option):hover{font-weight:700}:where(.zd__option--active){color:var(--zd-color-secondary)}:where(.zd__error-message){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
|
+
.zd-button *{box-sizing:border-box;margin:0;padding:0}.zd-button{max-height:-moz-fit-content;max-height:fit-content;min-width:-moz-fit-content;min-width:fit-content;position:relative}.zd-button__toggle{align-items:center;cursor:pointer;display:flex;min-width:100%;padding:0 10px;width:100%}:where(.zd-button__toggle){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(.zd-button__toggle).active,:where(.zd-button__toggle):focus,:where(.zd-button__toggle):hover{border-color:var(--zd-color-secondary)}:where(.zd-button__toggle-title){color:var(--zd-color-primary);font-size:13px;font-weight:500}.zd-button__toggle-icon{align-items:center;display:flex;justify-content:center;margin-right:6px}:where(.zd-button__toggle-icon){height:30px;width:30px}:where(.zd-button__toggle-icon) img,:where(.zd-button__toggle-icon) svg{height:100%;width:100%}.zd-button__content{height:0;margin:1px 0;min-width:100%;overflow-y:auto;position:absolute;width:100%}:where(.zd-button__content){border:1px solid var(--zd-color-primary);border-radius:var(--zd-radius);transition:max-height .2s ease,height .2s ease}.zd-button__search{height:30px;max-width:100%;min-width:100%;padding:1px 0;width:100%}.zd-button__search-input-field{align-items:center;display:flex;height:100%;min-width:100%;position:relative;width:100%}:where(.zd-button__search-input-field){border:1px solid var(--zd-color-primary);border-radius:var(--zd-radius)}:where(.zd-button__search-input-field):focus-within{border-color:var(--zd-color-secondary)}.zd-button__search-input{background:transparent;border:none;max-width:100%;padding:2px 5px;width:100%}.zd-button__search-input:focus{outline:none}.zd-button__search-clear-btn{background:transparent;border:none;cursor:pointer;margin:0 5px;max-height:-moz-fit-content;max-height:fit-content}:where(.zd-button__search-clear-btn-icon){cursor:pointer;display:block;height:15px;max-width:14px;min-width:14px;position:relative}:where(.zd-button__search-clear-btn-icon):after,:where(.zd-button__search-clear-btn-icon):before{background:var(--zd-color-primary);content:"";height:15px;left:6px;position:absolute;width:2px}:where(.zd-button__search-clear-btn-icon):before{transform:rotate(45deg)}:where(.zd-button__search-clear-btn-icon):after{transform:rotate(-45deg)}:where(.zd-button__search-clear-btn-icon):hover:after,:where(.zd-button__search-clear-btn-icon):hover:before{background:var(--zd-color-secondary)}.zd-button__list{list-style:none;min-width:100%;overflow-y:auto;width:100%}:where(.zd-button__list){border-radius:var(--zd-radius)}.zd-button__list-item{align-items:center;cursor:pointer;display:flex;padding:3px 5px;position:relative;width:100%}:where(.zd-button__list-item){background-color:var(--zd-color-background-transp);color:var(--zd-color-primary);transition:background-color .2s linear}:where(.zd-button__list-item):focus{outline:none}:where(.zd-button__list-item):focus,:where(.zd-button__list-item):hover{background-color:var(--zd-color-secondary-transp)}:where(.zd-button__list-item--active){background-color:var(--zd-color-secondary-transp);color:var(--zd-color-secondary)}.zd-button__list-item-icon{align-items:center;display:flex;justify-content:center;margin-right:10px}:where(.zd-button__list-item-icon){height:40px;width:40px}.zd-button__list-item-icon img,.zd-button__list-item-icon svg{height:100%;width:100%}:where(.zd-button__list-item-title){font-size:14px;font-weight:500}:root{--thumb-size:8px;--track-height:4px}.zr{margin-top:20px}.zr,.zr__container{position:relative}.input-label__wrapper{pointer-events:none;touch-action:none}.zr__label{background:transparent}:where(.zr__label){color:var(--zd-color-primary);font-size:var(--zd-font-size);font-weight:500}.zr__value-indicator{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){.zr__value-indicator{padding:2px 4px}}:where(.zr__value-indicator){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(.zr__value-indicator){font-size:var(--zd-font-size)}}.zr__value-indicator: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(.zr__value-indicator):before{border-color:var(--zd-color-primary) transparent transparent transparent}.zr__value-indicator--active{align-items:center;display:flex;justify-content:space-around}:where(.zr__value-indicator-icon){align-items:center;display:flex;height:40px;justify-content:center;width:40px}:where(.zr__value-indicator-icon) img{height:100%;width:100%}.zr__inputs-wrapper{max-width:100%;position:relative;width:100%}.zr__input,.zr__input::-webkit-slider-thumb{-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none;padding:0}.zr__input{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%}.zr__input-first{z-index:3}.zr__input-second{z-index:4}.zr__input--active{pointer-events:all;z-index:5}:where(.zr__input--active)::-webkit-slider-thumb{outline:2px solid var(--zd-color-secondary)}.zr__input::-webkit-slider-runnable-track{background:transparent;border:0;cursor:pointer;height:var(--track-height);margin:auto 0;width:100%}.zr__input::-mozr-track{background:transparent;border:0;height:var(--track-height);width:100%}.zr__input::-moz-focus-outer{border:0}.zr__input::-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(.zr__input)::-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}.zr__input::-mozr-thumb{cursor:pointer;height:var(--thumb-size);pointer-events:all;width:var(--thumb-size)}:where(.zr__input::-mozr-thumb){background-color:var(--zd-color-primary);border-radius:4px;box-shadow:0 0 4px 0 #000;transition:.2s ease-in-out}.zr__slider{overflow:hidden;position:relative}.zr__slider,.zr__slider-track{height:var(--track-height);width:100%}.zr__slider-track{position:absolute;top:0}:where(.zr__slider-track){background-color:var(--zd-color-primary);border-radius:2px}.zr__slider-track-selected-range{height:var(--track-height);pointer-events:none;position:relative}:where(.zr__slider-track-selected-range){background-color:var(--zd-color-secondary);border-radius:2px}.zr__slider-values-wrapper{align-items:center;display:flex;justify-content:space-between;padding:15px 0 10px}:where(.zr__slider-value){font-weight:500}:where(.zr__slider-first-value),:where(.zr__slider-second-value){color:var(--zd-color-primary);font-size:var(--zd-font-size)}:where(.zr__error-message){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(.zd__container) *{margin:0;padding:0}.zd__container *{box-sizing:border-box}.zd__container{position:relative}:where(.zd__container){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}.zd__label{display:block}:where(.zd__label){color:var(--zd-color-primary);margin:0 0 5px 10px}.zd__input-field{position:relative}:where(.zd__input-field){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}.zd__input-field>input{cursor:pointer}:where(.zd__input-field):hover{border-color:var(--zd-color-secondary)}:where(.zd__input-field):focus-within{border-color:var(--zd-color-secondary);box-shadow:var(--zd-focus-ring)}.zd__input-field:focus-within>input{cursor:text}:where(.zd__input-field--multiple){padding-left:4px}:where(.zd__input-field--disabled){background:var(--zd-color-disabled);cursor:default;pointer-events:none}:where(.zd__input){background:transparent;border:none;border-radius:var(--zd-radius);color:var(--zd-color-primary);min-height:100%;padding-right:10px;width:100%}:where(.zd__input):focus{outline:none}:where(.zd__input):disabled{background:var(--zd-color-disabled)}:where(.zd__input)::-moz-placeholder{color:var(--zd-color-primary-transp)}:where(.zd__input)::placeholder{color:var(--zd-color-primary-transp)}:where(.zd__input-single){align-items:center;display:flex;height:auto;max-width:100%;min-height:35px;overflow:hidden;white-space:nowrap}:where(.zd__input-single-value){border:var(--zd-border);border-radius:var(--zd-radius);height:100%;width:-moz-fit-content;width:fit-content}:where(.zd__input-single-value-renderer){align-items:center;display:flex}:where(.zd__input-single-search){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(.zd__input-single-search):focus{outline:none}:where(.zd__input-multiple){align-items:center;display:flex;flex-wrap:wrap;height:auto;list-style:none;margin-right:5px;max-width:calc(100% - 47px)}:where(.zd__input-multiple-value){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(.zd__input-multiple-value) span{display:flex;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap;width:-moz-fit-content;width:fit-content}:where(.zd__input-multiple-value-remove-btn){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(.zd__input-multiple-value-remove-btn):focus{outline:none}:where(.zd__input-multiple-value-remove-btn-icon){align-items:center;display:flex;height:10px;justify-content:center;position:relative;width:10px}:where(.zd__input-multiple-value-remove-btn-icon):after,:where(.zd__input-multiple-value-remove-btn-icon):before{background-color:var(--zd-color-primary);content:"";height:10px;position:absolute;width:2px}:where(.zd__input-multiple-value-remove-btn-icon):before{transform:rotate(45deg)}:where(.zd__input-multiple-value-remove-btn-icon):after{transform:rotate(-45deg)}:where(.zd__input-multiple-value-remove-btn):focus>.zd__input-multiple-value-remove-btn-icon:after,:where(.zd__input-multiple-value-remove-btn):focus>.zd__input-multiple-value-remove-btn-icon:before,:where(.zd__input-multiple-value-remove-btn):hover>.zd__input-multiple-value-remove-btn-icon:after,:where(.zd__input-multiple-value-remove-btn):hover>.zd__input-multiple-value-remove-btn-icon:before{background-color:var(--zd-color-secondary)}:where(.zd__input-multiple-search-wrapper){flex:auto;min-width:100%}:where(.zd__input-multiple-search){background:transparent;border:none;color:var(--zd-color-primary);min-width:40px;padding:3px;width:100%}:where(.zd__input-multiple-search):focus{outline:none}:where(.zd__input-multiple-placeholder){padding-left:6px}:where(.zd__input-clear-btn-wrapper){align-items:center;display:flex;justify-content:center}:where(.zd__input-clear-btn){background:none;border:none;max-height:-moz-fit-content;max-height:fit-content}:where(.zd__input-clear-btn-icon){cursor:pointer;display:block;height:15px;max-width:14px;min-width:14px;position:relative}:where(.zd__input-clear-btn-icon):after,:where(.zd__input-clear-btn-icon):before{background:var(--zd-color-primary);content:"";height:15px;left:6px;position:absolute;width:2px}:where(.zd__input-clear-btn-icon):before{transform:rotate(45deg)}:where(.zd__input-clear-btn-icon):after{transform:rotate(-45deg)}:where(.zd__input-clear-btn-icon):hover:after,:where(.zd__input-clear-btn-icon):hover:before{background:var(--zd-color-secondary)}.zd__expand-toggle{align-items:center;display:flex;min-width:-moz-fit-content;min-width:fit-content;padding:0 10px}.zd__expand-toggle-icon{border:solid var(--zd-color-primary);border-width:0 2px 2px 0;cursor:pointer;padding:4px;transform:rotate(135deg);transition:.3s}.zd__expand-toggle-icon--active{color:var(--zd-color-secondary);transform:translateY(-30%) rotate(45deg)}:where(.zd__expand-toggle-icon):hover{border-color:var(--zd-color-secondary)}.zd__list{max-height:-moz-fit-content;max-height:fit-content;overflow:auto;position:absolute;width:100%;z-index:2}:where(.zd__list){border:var(--zd-border);border-radius:var(--zd-radius)}.zd__list-wrapper{margin-top:5px;min-width:100%;overflow:auto;position:absolute;z-index:2}:where(.zd__list-wrapper){border:var(--zd-border);border-radius:var(--zd-radius);transition:max-height .2s ease,height .2s ease}.zd__list-auto-height-wrapper{height:0;margin-top:5px;overflow:auto;width:100%}:where(.zd__list-auto-height-wrapper){border:var(--zd-border);border-radius:var(--zd-radius);transition:max-height .2s ease,height .2s ease}.zd__list--auto-height-enabled,.zd__list--reference-wrapper-enabled{position:relative}:where(.zd__option,.zd__no-data){color:var(--zd-color-primary);list-style:none;padding:10px 8px}:where(.zd__option){cursor:pointer}:where(.zd__option):focus{background:var(--zd-color-secondary-transp);outline:none}:where(.zd__option):hover{font-weight:700}:where(.zd__option--active){color:var(--zd-color-secondary)}:where(.zd__error-message){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 */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ZRange.module.scss","ZDropButton.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 (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.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 height: 0;\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 transition: max-height 200ms ease, height 200ms ease;\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” */\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: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:where(.zd__list) {\n border-radius: var(--zd-radius);\n border: var(--zd-border);\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 transition: max-height 200ms ease, height 200ms ease;\n}\n\n.zd__list-auto-height-wrapper {\n width: 100%;\n height: 0;\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 transition: max-height 200ms ease, height 200ms ease;\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 height: 0;\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 transition: max-height 200ms ease, height 200ms ease;\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: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:where(.zd__list) {\n border-radius: var(--zd-radius);\n border: var(--zd-border);\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 transition: max-height 200ms ease, height 200ms ease;\n}\n\n.zd__list-auto-height-wrapper {\n width: 100%;\n height: 0;\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 transition: max-height 200ms ease, height 200ms ease;\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.5.
|
|
3
|
+
"version": "1.5.6",
|
|
4
4
|
"description": "Zero-dependency React UI components library with dropdowns and a dual-thumb range slider. Written in TypeScript, styled with SCSS, fully customizable and React Hook Form ready.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|