intelicoreact 2.0.12 → 2.0.16
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/css/accordion-table.css +1 -0
- package/dist/css/accordion-text.css +1 -0
- package/dist/css/accordion.css +1 -0
- package/dist/css/action-alert.css +1 -0
- package/dist/css/advanced-status.css +1 -0
- package/dist/css/advanced-tag.css +1 -0
- package/dist/css/alert.css +1 -0
- package/dist/css/arrow.css +1 -0
- package/dist/css/base.css +1 -0
- package/dist/css/box.css +1 -0
- package/dist/css/button.css +1 -0
- package/dist/css/buttons-bar.css +1 -0
- package/dist/css/calendar.css +1 -0
- package/dist/css/chart.css +1 -0
- package/dist/css/checkbox-input.css +1 -0
- package/dist/css/checkboxes-line.css +1 -0
- package/dist/css/circle-progress-bar.css +1 -0
- package/dist/css/date-time.css +1 -0
- package/dist/css/datepicker.css +1 -0
- package/dist/css/debug-container.css +1 -0
- package/dist/css/double-string.css +1 -0
- package/dist/css/dropdown-live-search.css +1 -0
- package/dist/css/dropdown.css +1 -0
- package/dist/css/file-loader-description.css +1 -0
- package/dist/css/file-loader-local-group.css +1 -0
- package/dist/css/file-loader-local.css +1 -0
- package/dist/css/file-loader.css +1 -0
- package/dist/css/form-element.css +1 -0
- package/dist/css/formatted-raw-ssn.css +1 -0
- package/dist/css/header.css +1 -0
- package/dist/css/hint.css +1 -0
- package/dist/css/input-address.css +1 -0
- package/dist/css/input-calendar.css +1 -0
- package/dist/css/input-color.css +1 -0
- package/dist/css/input-currency.css +1 -0
- package/dist/css/input-custom-fetch.css +1 -0
- package/dist/css/input-date-range.css +1 -0
- package/dist/css/input-link.css +1 -0
- package/dist/css/input-mask3.css +1 -0
- package/dist/css/input-password.css +1 -0
- package/dist/css/input-with-action.css +1 -0
- package/dist/css/input.css +1 -0
- package/dist/css/inputs-row.css +1 -0
- package/dist/css/label.css +1 -0
- package/dist/css/main-menu.css +1 -0
- package/dist/css/manifest.json +594 -0
- package/dist/css/mobile-calendar.css +1 -0
- package/dist/css/modal.css +1 -0
- package/dist/css/mono-accordion.css +1 -0
- package/dist/css/multi-select.css +1 -0
- package/dist/css/nav-line.css +1 -0
- package/dist/css/numeric-input.css +1 -0
- package/dist/css/page-title.css +1 -0
- package/dist/css/pie-chart.css +1 -0
- package/dist/css/progress-line.css +1 -0
- package/dist/css/radio-group-with-input.css +1 -0
- package/dist/css/radio-group.css +1 -0
- package/dist/css/radio-input.css +1 -0
- package/dist/css/radio-row-switcher.css +1 -0
- package/dist/css/range-calendar.css +1 -0
- package/dist/css/range-inputs.css +1 -0
- package/dist/css/range-list.css +1 -0
- package/dist/css/range-slider.css +1 -0
- package/dist/css/range-slider2.css +1 -0
- package/dist/css/spinner.css +1 -0
- package/dist/css/status.css +1 -0
- package/dist/css/switchable-row.css +1 -0
- package/dist/css/switcher-checkbox.css +1 -0
- package/dist/css/switcher-hide.css +1 -0
- package/dist/css/switcher-radio.css +1 -0
- package/dist/css/switcher-range-list.css +1 -0
- package/dist/css/switcher-range.css +1 -0
- package/dist/css/switcher-tags-dropdown.css +1 -0
- package/dist/css/switcher-textarea.css +1 -0
- package/dist/css/switcher.css +1 -0
- package/dist/css/table.css +1 -0
- package/dist/css/tag-list.css +1 -0
- package/dist/css/tag.css +1 -0
- package/dist/css/tags-dropdown.css +1 -0
- package/dist/css/text-switcher.css +1 -0
- package/dist/css/text.css +1 -0
- package/dist/css/textarea.css +1 -0
- package/dist/css/tiered-checkboxes.css +1 -0
- package/dist/css/time-range.css +1 -0
- package/dist/css/user-box.css +1 -0
- package/dist/css/user-contacts.css +1 -0
- package/dist/css/variants-list-radio.css +1 -0
- package/dist/css/widget-pseudo-table.css +1 -0
- package/dist/css/widget-with-switchable-rows.css +1 -0
- package/dist/css/wizard-stepper.css +1 -0
- package/dist/form.cjs +10 -5
- package/dist/form.cjs.map +2 -2
- package/dist/form.js +10 -5
- package/dist/form.js.map +2 -2
- package/dist/index.cjs +10 -5
- package/dist/index.cjs.map +2 -2
- package/dist/index.js +10 -5
- package/dist/index.js.map +2 -2
- package/package.json +2 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.checkbox-input{--checkbox-input-width: 16px;--checkbox-input-height: 16px;--checkbox-input-margin-right: 5px;--checkbox-input-border-color: #9aa0b9;--checkbox-input-bg-color: #ffff;--checkbox-input-hover-bg-color: rgba(107, 129, 221, 0.2);--checkbox-input-mark-bg-color: #6b81dd;--checkbox-input-label-font-size: 13px;--checkbox-input-disabled-opacity: 0.5;display:flex;align-items:center;cursor:pointer}.checkbox-input input{display:none}.checkbox-input_disabled{cursor:auto;pointer-events:none;opacity:var(--checkbox-input-disabled-opacity)}.checkbox-input:hover .checkbox-input__input{background-color:var(--checkbox-input-hover-bg-color)}.checkbox-input__input{position:relative;overflow:hidden;box-sizing:border-box;width:var(--checkbox-input-width);min-width:var(--checkbox-input-width);height:var(--checkbox-input-height);margin-right:var(--checkbox-input-margin-right);cursor:pointer;border:1px solid var(--checkbox-input-border-color);border-radius:2px;background-color:var(--checkbox-input-bg-color);transition:background-color .2s ease}.checkbox-input__input_checked,.checkbox-input__input_indeterminate{border:none}.checkbox-input__input .checkbox-input__checkbox:checked~.checkbox-input__mark{display:block;width:100%;height:100%;border-radius:2px}.checkbox-input__checkbox{position:absolute;width:0;height:0;opacity:0}.checkbox-input__mark{position:absolute;display:none;width:100%;height:100%;background-color:var(--checkbox-input-mark-bg-color)}.checkbox-input__mark::after{position:absolute;inset:-2px 0 0;width:4px;height:8px;margin:auto;content:"";border:solid #fff;border-width:0 2px 2px 0;border-radius:2px;transform:rotate(45deg)}.checkbox-input__label{font-size:var(--checkbox-input-label-font-size);user-select:none}.checkbox-input input[type=checkbox i]:indeterminate+span{display:block;width:100%;height:100%}.checkbox-input input[type=checkbox i]:indeterminate+span::after{position:absolute;inset:0;width:100%;height:100%;margin:auto;content:"";border:none;background-color:var(--checkbox-input-mark-bg-color);transform:rotate(0deg)}.checkbox-input input[type=checkbox i]:indeterminate+span::before{position:absolute;z-index:1;top:50%;left:50%;width:45%;content:"";border:solid #fff;border-width:0 1px 2px 0;border-radius:2px;transform:scale(1, 0.9) translateX(-50%) translateY(-50%)}.tiered-checkboxes__parents{margin-bottom:25px}.tiered-checkboxes__parents>label{display:inline-flex}.tiered-checkboxes__children{margin-top:10px;margin-left:10px}.tiered-checkboxes__description-checked{padding-left:21px;font-size:10px;font-weight:400;font-style:normal;line-height:18px;letter-spacing:.2px;color:#757f8c}.tiered-checkboxes .mono-accordion{box-shadow:inset 0 -1px 0 #ebeff2}.tiered-checkboxes .mono-accordion_is-open{border-bottom:1px solid #ebeff2}.tiered-checkboxes .mono-accordion__head{padding:8px 4px 0}.tiered-checkboxes .mono-accordion__icon-container{width:20px;height:20px;margin-top:-8px}.tiered-checkboxes .mono-accordion__content-wrapper{margin-top:8px;padding:0}.tiered-checkboxes .mono-accordion .tiered-checkboxes__children{margin:0 0 14px 20px}.tiered-checkboxes .mono-accordion .checkbox-input_disabled+.tiered-checkboxes__description-checked{opacity:.5}.tiered-checkboxes .mono-accordion .checkbox-input{width:fit-content}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.mono-accordion{height:fit-content}.mono-accordion__head{display:flex;justify-content:space-between;align-items:center;height:fit-content;padding:10px 15px;cursor:pointer}.mono-accordion__head:hover{background-color:#f8f8fa}.mono-accordion__icon-container{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:fit-content;height:100%}.mono-accordion__tile-container{flex-grow:1}.mono-accordion__container{display:flex;overflow:hidden;flex-direction:column;justify-content:center;align-items:flex-start;font-size:13px;transition:all .25s ease-out}.mono-accordion__container scrollbar{-moz-appearance:none !important}.mono-accordion__container scrollbarbutton{-moz-appearance:none !important}.mono-accordion__container thumb{-moz-appearance:none !important}.mono-accordion__container scrollcorner{-moz-appearance:none !important;resize:both}.mono-accordion__container::-webkit-scrollbar{width:8px}.mono-accordion__container::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#52aeff}.mono-accordion__container::-webkit-scrollbar-thumb:hover{background:#3e62ff}.mono-accordion__container::-webkit-scrollbar:horizontal{height:8px}.mono-accordion__container::-webkit-scrollbar-track:horizontal{background:#f4f6ff}.mono-accordion__container::-webkit-scrollbar-thumb:horizontal{-webkit-border-radius:6px;border-radius:6px;background:#bac2c9;background-clip:padding-box;border:4px solid rgba(0,0,0,0)}.mono-accordion__container::-webkit-scrollbar-thumb:horizontal:hover{background:#9aa0b9;border:2px solid rgba(0,0,0,0);background-clip:padding-box}.mono-accordion__content-wrapper{padding:0 15px}.mono-accordion_open .mono-accordion__container{padding:10px 15px;transition:all .25s ease-out}.mono-accordion_open .mono-accordion__content-wrapper{pointer-events:initial}.mono-accordion_disabled{pointer-events:none}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.input{position:relative;width:100%;padding:0 10px;word-break:break-all;border:none;background:none}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{appearance:none}.input__wrap{position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;border:1px solid #e2e5ec;border-radius:4px;background-color:#fff}.input__wrap_focus{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.input__wrap--disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input__wrap_error{border-color:#f06d8d !important}.input__wrap .lds-ring.lds-ring_small{top:calc(50% - 18px)}.input_disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input_error{border-color:#f06d8d}.input svg{margin-right:4px}.input__input{box-sizing:border-box;width:100%;height:100%;padding:0 5px;font-size:13px;font-weight:400;color:#1e1e2d;border:none;border-radius:4px}.input__close{position:relative;visibility:hidden;width:14px;height:14px;margin-right:4px;cursor:pointer;pointer-events:none;opacity:.6;background:none}.input__close:hover{opacity:1}.input__close::before,.input__close::after{position:absolute;top:0;right:0;left:0;width:2px;height:14px;margin:auto;content:"";background-color:#9aa0b9}.input__close::before{transform:rotate(45deg)}.input__close::after{transform:rotate(-45deg)}.input__nums{display:flex;align-items:center;height:100%}.input__num-btn{display:flex;justify-content:center;align-items:center;width:24px;height:100%;font-size:20px;cursor:pointer;user-select:none;border-left:1px solid #e2e5ec;background:none}.input__num-btn.disabled{opacity:.3}.input__num-btn svg{margin-right:0}.input-label{margin-bottom:5px}.input--with-icon{padding:0 40px 0 10px}.input__wrap:hover .input__close{visibility:visible;pointer-events:all}.label{--label-margin-bottom: 5px;--label-font-size: 13px;--label-color: #1e1e2d;--label-asterisk-color: red;--label-bold-font-weight: 500;--label-note-hint-margin-left: 4px;position:relative;display:inline-flex;align-items:center;width:100%;margin-bottom:var(--label-margin-bottom);font-size:var(--label-font-size);color:var(--label-color)}.label .label_text{width:100%;vertical-align:middle;white-space:normal;word-wrap:break-word}.label.isRequired .label_asterisk{color:var(--label-asterisk-color)}.label_bold{font-weight:var(--label-bold-font-weight)}.label_note,.label-hint{margin-left:var(--label-note-hint-margin-left)}:root{--time-range-input-width: 60px;--time-range-range-margin: 8px 0 13px;--time-range-range-margin-right: 16px}.time-range__input .form-input{width:var(--time-range-input-width)}.time-range__range{display:flex;justify-content:flex-start;align-items:center;margin:var(--time-range-range-margin)}.time-range__range>*:not(:last-child){margin-right:var(--time-range-range-margin-right)}:root{--spinner-opacity: 0.1;--spinner-background: #fff;--spinner-width: 100px;--spinner-height: 100px;--spinner-small-width: 30px;--spinner-small-height: 30px;--spinner-border-width: 8px;--spinner-border-color: #000;--spinner-animation-duration: 1.2s;--spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);--spinner-animation-delay-1: -0.45s;--spinner-animation-delay-2: -0.3s;--spinner-animation-delay-3: -0.15s}.loader-box{position:absolute;z-index:100;opacity:var(--spinner-opacity, 0.1);background:var(--spinner-background, #fff);top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:var(--spinner-width, 100px);height:var(--spinner-height, 100px)}.lds-ring.lds-ring_small{top:calc(50% - 15px);width:var(--spinner-small-width, 30px);height:var(--spinner-small-height, 30px)}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:calc(var(--spinner-width, 100px) - 16px);height:calc(var(--spinner-height, 100px) - 16px);margin:8px;border:var(--spinner-border-width, 8px) solid var(--spinner-border-color, #000);border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring var(--spinner-animation-duration, 1.2s) var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1)) infinite}.lds-ring_small div{top:-15%;left:-15%;width:100% !important;height:100% !important;border:calc(var(--spinner-border-width, 8px)/2) solid var(--spinner-border-color, #000) !important;border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0) !important}.lds-ring div:nth-child(1){animation-delay:var(--spinner-animation-delay-1, -0.45s)}.lds-ring div:nth-child(2){animation-delay:var(--spinner-animation-delay-2, -0.3s)}.lds-ring div:nth-child(3){animation-delay:var(--spinner-animation-delay-3, -0.15s)}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hint{position:relative;display:inline-block;font-size:0}.hint__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.hint__button{display:flex;cursor:pointer}.hint__button svg{width:16px;height:16px;margin-right:5px}.hint__button:hover,.hint__button_active{color:#6b81dd}.hint__button:hover svg,.hint__button_active svg{color:#6b81dd}.hint__text{position:absolute;z-index:1;min-width:80px;max-width:250px;padding:8px;font-size:10px;line-height:16px;color:#fff;border-radius:4px;background-color:#6b81dd}.hint__text a{text-decoration:underline;color:#fff}.hint__text::before{position:absolute;width:8.5px;height:8.5px;content:"";background-color:#6b81dd;transform:rotate(45deg)}.hint__text_bottom{top:26px;left:-4px}.hint__text_bottom::before{top:-4.25px;left:8px}.hint__text_centeredBottom{top:26px;left:50%;transform:translateX(-50%)}.hint__text_centeredBottom::before{top:-4.25px;left:calc(50% - 8px)}.hint__text_right{top:-4px;left:calc(100% + 8px)}.hint__text_right::before{top:8px;left:-4.25px}.hint__text_left{top:-4px;right:calc(100% + 8px);left:unset}.hint__text_left::before{top:8px;right:-4.25px}.hint__text_top{bottom:8px;left:-4px}.hint__text_top::before{bottom:-4.25px;left:8px}.hint__text_centeredTop{bottom:8px;left:50%;transform:translateX(-50%)}.hint__text_centeredTop::before{bottom:-4.25px;left:calc(50% - 8px)}.hint__icon.outlined{color:#9aa0b9}.hint__icon.filled{color:#fff}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label{--label-margin-bottom: 5px;--label-font-size: 13px;--label-color: #1e1e2d;--label-asterisk-color: red;--label-bold-font-weight: 500;--label-note-hint-margin-left: 4px;position:relative;display:inline-flex;align-items:center;width:100%;margin-bottom:var(--label-margin-bottom);font-size:var(--label-font-size);color:var(--label-color)}.label .label_text{width:100%;vertical-align:middle;white-space:normal;word-wrap:break-word}.label.isRequired .label_asterisk{color:var(--label-asterisk-color)}.label_bold{font-weight:var(--label-bold-font-weight)}.label_note,.label-hint{margin-left:var(--label-note-hint-margin-left)}:root{--spinner-opacity: 0.1;--spinner-background: #fff;--spinner-width: 100px;--spinner-height: 100px;--spinner-small-width: 30px;--spinner-small-height: 30px;--spinner-border-width: 8px;--spinner-border-color: #000;--spinner-animation-duration: 1.2s;--spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);--spinner-animation-delay-1: -0.45s;--spinner-animation-delay-2: -0.3s;--spinner-animation-delay-3: -0.15s}.loader-box{position:absolute;z-index:100;opacity:var(--spinner-opacity, 0.1);background:var(--spinner-background, #fff);top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:var(--spinner-width, 100px);height:var(--spinner-height, 100px)}.lds-ring.lds-ring_small{top:calc(50% - 15px);width:var(--spinner-small-width, 30px);height:var(--spinner-small-height, 30px)}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:calc(var(--spinner-width, 100px) - 16px);height:calc(var(--spinner-height, 100px) - 16px);margin:8px;border:var(--spinner-border-width, 8px) solid var(--spinner-border-color, #000);border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring var(--spinner-animation-duration, 1.2s) var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1)) infinite}.lds-ring_small div{top:-15%;left:-15%;width:100% !important;height:100% !important;border:calc(var(--spinner-border-width, 8px)/2) solid var(--spinner-border-color, #000) !important;border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0) !important}.lds-ring div:nth-child(1){animation-delay:var(--spinner-animation-delay-1, -0.45s)}.lds-ring div:nth-child(2){animation-delay:var(--spinner-animation-delay-2, -0.3s)}.lds-ring div:nth-child(3){animation-delay:var(--spinner-animation-delay-3, -0.15s)}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.button{position:relative;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:28px;padding:3px 10px;font-size:13px;line-height:20px;cursor:pointer;user-select:none;text-align:center;white-space:nowrap;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.button:disabled{pointer-events:none;opacity:.5}.button_warning{color:#fff;border:1px solid #f06d8d;background-color:#f06d8d}.button_warning:hover{filter:brightness(1.1)}.button_dark-outline{color:#1e1e2d;border:1px solid #bac2c9}.button_dark-outline:hover{background-color:#f2f2f8}.button_primary{color:#fff;border:1px solid #6b81dd;background-color:#6b81dd}.button_primary:hover{filter:brightness(1.1)}.button_secondary{color:#fff;border:1px solid #bac2c9;background-color:#bac2c9}.button_secondary:hover{filter:brightness(1.1)}.button_ellipse-apply{padding:8px 16px;font-family:Sarabun,sans-serif;font-size:16px;font-weight:500;font-style:normal;line-height:24px;letter-spacing:.1px;color:#fff;border-radius:40px;background:#1f7499}.button_ellipse-cancel{padding:8px 18px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:normal;font-style:normal;line-height:20px;letter-spacing:.2px;color:#1f7499;border-radius:32px}.button_link{color:#6b81dd;box-shadow:none}.button_link svg{display:none}.button_success{color:#fff;border:1px solid #7ac48c;background-color:#7ac48c}.button_success:hover{filter:brightness(1.1)}.button__text{display:flex;justify-content:center;align-items:center;width:100%;box-shadow:none}.button:active{filter:brightness(1.1)}.button__icon{width:auto;min-width:15px;height:25px}.button_icon-left .button__text{margin-left:5px}.button_icon-right .button__text{order:1;margin-right:5px;margin-left:0}.button_icon-right svg{order:2}.text-ellipsis{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.hint{position:relative;display:inline-block;font-size:0}.hint__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.hint__button{display:flex;cursor:pointer}.hint__button svg{width:16px;height:16px;margin-right:5px}.hint__button:hover,.hint__button_active{color:#6b81dd}.hint__button:hover svg,.hint__button_active svg{color:#6b81dd}.hint__text{position:absolute;z-index:1;min-width:80px;max-width:250px;padding:8px;font-size:10px;line-height:16px;color:#fff;border-radius:4px;background-color:#6b81dd}.hint__text a{text-decoration:underline;color:#fff}.hint__text::before{position:absolute;width:8.5px;height:8.5px;content:"";background-color:#6b81dd;transform:rotate(45deg)}.hint__text_bottom{top:26px;left:-4px}.hint__text_bottom::before{top:-4.25px;left:8px}.hint__text_centeredBottom{top:26px;left:50%;transform:translateX(-50%)}.hint__text_centeredBottom::before{top:-4.25px;left:calc(50% - 8px)}.hint__text_right{top:-4px;left:calc(100% + 8px)}.hint__text_right::before{top:8px;left:-4.25px}.hint__text_left{top:-4px;right:calc(100% + 8px);left:unset}.hint__text_left::before{top:8px;right:-4.25px}.hint__text_top{bottom:8px;left:-4px}.hint__text_top::before{bottom:-4.25px;left:8px}.hint__text_centeredTop{bottom:8px;left:50%;transform:translateX(-50%)}.hint__text_centeredTop::before{bottom:-4.25px;left:calc(50% - 8px)}.hint__icon.outlined{color:#9aa0b9}.hint__icon.filled{color:#fff}.td-user-box{--userbox-avatar-width: 24px;--userbox-avatar-height: 24px;--userbox-avatar-font-size: 16px;--userbox-avatar-font-weight: 400;--userbox-avatar-color: #fff;--userbox-avatar-border-radius: 30px;--userbox-user-data-padding-left: 8px;--userbox-user-data-font-family: sarabun;--userbox-user-data-font-size: 12px;--userbox-user-data-font-weight: 400;--userbox-user-data-line-height: 18px;--userbox-user-data-letter-spacing: 0.2px;--userbox-button-link-height: unset;--userbox-button-link-padding-left: 8px;--userbox-button-link-font-size: 14px;--userbox-button-link-font-weight: 400;--userbox-label-margin-bottom: 0;--userbox-label-margin-left: 8px;--userbox-label-font-size: 14px;--userbox-label-font-weight: 400;--userbox-label-color: #171d33;display:flex;justify-content:flex-start;align-items:center}.td-user-box__avatar{display:flex;justify-content:center;align-items:center;width:var(--userbox-avatar-width, 24px);height:var(--userbox-avatar-height, 24px);font-size:var(--userbox-avatar-font-size, 16px);font-weight:var(--userbox-avatar-font-weight, 400);user-select:none;color:var(--userbox-avatar-color, #fff);border-radius:var(--userbox-avatar-border-radius, 30px)}.td-user-box__user-data{display:flex;flex-direction:column}.td-user-box__user-data span{padding-left:var(--userbox-user-data-padding-left, 8px);font-family:var(--userbox-user-data-font-family, sarabun);font-size:var(--userbox-user-data-font-size, 12px);font-weight:var(--userbox-user-data-font-weight, 400);font-style:normal;line-height:var(--userbox-user-data-line-height, 18px);letter-spacing:var(--userbox-user-data-letter-spacing, 0.2px)}.td-user-box .button_link{height:var(--userbox-button-link-height, unset);padding-left:var(--userbox-button-link-padding-left, 8px);font-size:var(--userbox-button-link-font-size, 14px);font-weight:var(--userbox-button-link-font-weight, 400)}.td-user-box .label{margin-bottom:var(--userbox-label-margin-bottom, 0);margin-left:var(--userbox-label-margin-left, 8px);font-size:var(--userbox-label-font-size, 14px);font-weight:var(--userbox-label-font-weight, 400);color:var(--userbox-label-color, #171d33)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--user-contacts-margin-right: 5px;--user-contacts-icon-mode-width: 16px;--user-contacts-icon-mode-height: 16px;--user-contacts-icon-mode-margin-right: 8px}.user-contacts__email,.user-contacts__phone{margin-right:var(--user-contacts-margin-right)}.user-contacts__email_icon-mode,.user-contacts__phone_icon-mode{width:var(--user-contacts-icon-mode-width);height:var(--user-contacts-icon-mode-height);margin-right:var(--user-contacts-icon-mode-margin-right)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.variants-list-radio{--variants-list-radio--item-padding: 10px 16px;--variants-list-radio--item-border-radius: 6px;--variants-list-radio--margin-after-item: 2px;--variants-list-radio--item-background-color: #fff;--variants-list-radio--item-highlight-background-color: #f7f8fa;--variants-list-radio--item-with-borders-highlight-background-color: transparent;--variants-list-radio--disabled-item-highlight-background-color: transparent;--variants-list-radio--disabled-item-with-borders-highlight-background-color: #f7f8fa;--variants-list-radio--item-border-color: rgba(58, 72, 122, 0.15);--variants-list-radio--item-border-color-active: #1f7499;--variants-list-radio--radio-margin: 8px;--variants-list-radio--radio-diameter: 16px;--variants-list-radio--radio-mark-diameter: 8px;--variants-list-radio--radio-container-min-height: 20px;--variants-list-radio--radio-color: #a6aab4;--variants-list-radio--radio-color-active: var( --variants-list-radio--item-border-color-active );--variants-list-radio--label-font-family: sarabun;--variants-list-radio--label-font-size: 16px;--variants-list-radio--label-font-style: normal;--variants-list-radio--label-font-weight: 400;--variants-list-radio--label-line-height: 24px;--variants-list-radio--label-letter-spacing: 0.2px;--variants-list-radio--label-color: #171d33;--variants-list-radio--description-font-family: sarabun;--variants-list-radio--description-font-size: 14px;--variants-list-radio--description-font-style: normal;--variants-list-radio--description-font-weight: 400;--variants-list-radio--description-line-height: 20px;--variants-list-radio--description-letter-spacing: 0.2px;--variants-list-radio--description-color: #757f8c;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;width:100%;background-color:rgba(0,0,0,0)}.variants-list-radio__item{display:flex;flex-flow:row-reverse nowrap;justify-content:flex-start;align-items:stretch;box-sizing:border-box;width:100%;margin-bottom:var(--variants-list-radio--margin-after-item);padding:var(--variants-list-radio--item-padding);cursor:pointer;border-radius:var(--variants-list-radio--item-border-radius);background-color:var(--variants-list-radio--item-background-color)}.variants-list-radio__item:last-child{margin-bottom:0}.variants-list-radio__item.variants-list-radio__item_as-option{padding:0}.variants-list-radio__item-radio-container{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:border-box;width:var(--variants-list-radio--radio-diameter);min-height:var(--variants-list-radio--radio-container-min-height);margin-left:var(--variants-list-radio--radio-margin)}.variants-list-radio__item-radio{position:relative;box-sizing:border-box;width:var(--variants-list-radio--radio-diameter);height:var(--variants-list-radio--radio-diameter);border:1px solid var(--variants-list-radio--radio-color);border-radius:50%;background:#fff}.variants-list-radio__item-radio>input{display:none}.variants-list-radio__item-radio-mark{position:absolute;top:calc(50% - var(--variants-list-radio--radio-mark-diameter)/2);left:calc(50% - var(--variants-list-radio--radio-mark-diameter)/2);width:var(--variants-list-radio--radio-mark-diameter);height:var(--variants-list-radio--radio-mark-diameter);border-radius:50%;background:rgba(0,0,0,0)}.variants-list-radio__item-content{display:flex;overflow:hidden;flex-grow:1;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis}.variants-list-radio__item-content-wrapper{display:flex;overflow:hidden;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:border-box;width:fit-content;vertical-align:middle}.variants-list-radio__item-content-label,.variants-list-radio__item-content-description{overflow:hidden;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis}.variants-list-radio__item-content-label{font-family:var(--variants-list-radio--label-font-family);font-size:var(--variants-list-radio--label-font-size);font-weight:var(--variants-list-radio--label-font-weight);font-style:var(--variants-list-radio--label-font-style);line-height:var(--variants-list-radio--label-line-height);letter-spacing:var(--variants-list-radio--label-letter-spacing);color:var(--variants-list-radio--label-color)}.variants-list-radio__item-content-description{font-family:var(--variants-list-radio--description-font-family);font-size:var(--variants-list-radio--description-font-size);font-weight:var(--variants-list-radio--description-font-weight);font-style:var(--variants-list-radio--description-font-style);line-height:var(--variants-list-radio--description-line-height);letter-spacing:var(--variants-list-radio--description-letter-spacing);color:var(--variants-list-radio--description-color)}.variants-list-radio__item:hover .variants-list-radio__item-radio{border-color:var(--variants-list-radio--radio-color-active)}.variants-list-radio__item_active{background-color:var(--variants-list-radio--item-highlight-background-color)}.variants-list-radio__item_active .variants-list-radio__item-radio{border-color:var(--variants-list-radio--radio-color-active)}.variants-list-radio__item_active .variants-list-radio__item-radio-mark{background-color:var(--variants-list-radio--radio-color-active)}.variants-list-radio__item_active.variants-list-radio__item_as-option{background-color:var(--variants-list-radio--item-background-color)}.variants-list-radio__item_disabled{pointer-events:none;background-color:var(--variants-list-radio--item-background-color)}.variants-list-radio__item_disabled .variants-list-radio__item-radio{border-color:#a6aab4;background-color:#e8e9ec}.variants-list-radio__item_disabled.variants-list-radio__item_active{background-color:var(--variants-list-radio--disabled-item-highlight-background-color)}.variants-list-radio__item_disabled.variants-list-radio__item_active .variants-list-radio__item-radio-mark{background-color:#757f8c}.variants-list-radio__item_disabled.variants-list-radio__item_active.variants-list-radio__item_as-option .variants-list-radio__item-content-label{color:#3b414b}.variants-list-radio__item_disabled.variants-list-radio__item_as-option .variants-list-radio__item-content-label{color:#757f8c}.variants-list-radio_items-content-row .variants-list-radio__item{height:40px}.variants-list-radio_items-content-row .variants-list-radio__item-content{flex-flow:row nowrap;justify-content:flex-start;align-items:stretch}.variants-list-radio_items-content-row .variants-list-radio__item-content-wrapper:first-child{margin-right:4px}.variants-list-radio_items-content-row .variants-list-radio__item-content-wrapper:last-child{flex-grow:1;width:0;padding-top:2px}.variants-list-radio_items-content-col .variants-list-radio__item{height:fit-content}.variants-list-radio_items-content-col .variants-list-radio__item-content{flex-flow:column nowrap;justify-content:flex-start;align-items:stretch}.variants-list-radio_items-content-col .variants-list-radio__item-content-wrapper{width:100%}.variants-list-radio_radio-position-reverse .variants-list-radio__item{flex-flow:row nowrap}.variants-list-radio_radio-position-reverse .variants-list-radio__item-radio-container{margin-right:var(--variants-list-radio--radio-margin);margin-left:0}.variants-list-radio_with-borders .variants-list-radio__item{border:solid 1px var(--variants-list-radio--item-border-color)}.variants-list-radio_with-borders .variants-list-radio__item_active{border-color:var(--variants-list-radio--item-border-color-active);background-color:var(--variants-list-radio--item-with-borders-highlight-background-color)}.variants-list-radio_with-borders .variants-list-radio__item_disabled.variants-list-radio__item_active{border-color:var(--variants-list-radio--item-border-color);background-color:var(--variants-list-radio--disabled-item-with-borders-highlight-background-color)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.widget-pseudo-table{--row-height: 44px;--thead-height: 20px;--grid-template-columns: 1fr 1fr 1fr;border:1px solid #e2e5ec;border-radius:3px;background-color:#fff}.widget-pseudo-table__header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;height:var(--row-height);padding:12px 16px;border-bottom:1px solid #e2e5ec}.widget-pseudo-table__title-block,.widget-pseudo-table__right-header-content-block{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:fit-content;height:100%}.widget-pseudo-table__body{padding:8px 16px}.widget-pseudo-table__body_no-content{padding:0 16px}.widget-pseudo-table__thead{display:grid;grid-template-columns:var(--grid-template-columns);box-sizing:border-box;height:var(--thead-height)}.widget-pseudo-table__thead-cell{text-align:right;text-transform:uppercase}.widget-pseudo-table__thead-cell:first-of-type{text-align:left}.widget-pseudo-table__thead-cell_reqiured::after{margin-left:3px;content:"*";color:red}.widget-pseudo-table__row{display:grid;grid-template-columns:var(--grid-template-columns);box-sizing:border-box;height:var(--row-height);padding:8px 0;border-bottom:1px solid #ebeff2}.widget-pseudo-table__row:last-of-type{border-bottom:none}.widget-pseudo-table__cell{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.widget-pseudo-table__cell:first-of-type{justify-content:flex-start}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.widget-with-switchable-rows{--row-height: 44px;--thead-height: 20px;--grid-template-columns: 1fr 1fr 1fr;border:1px solid #e2e5ec;border-radius:3px;background-color:#fff}.widget-with-switchable-rows__header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;height:var(--row-height);padding:12px 16px;border-bottom:1px solid #e2e5ec}.widget-with-switchable-rows__title-block,.widget-with-switchable-rows__right-header-content-block{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:fit-content;height:100%}.widget-with-switchable-rows__body{padding:8px 16px}.widget-with-switchable-rows__body_no-content{padding:0 16px}.widget-with-switchable-rows__thead{display:grid;grid-template-columns:var(--grid-template-columns);box-sizing:border-box;height:var(--thead-height)}.widget-with-switchable-rows__thead-cell{text-align:right;text-transform:uppercase}.widget-with-switchable-rows__thead-cell:first-of-type{text-align:left}.widget-with-switchable-rows__thead-cell_reqiured::after{margin-left:3px;content:"*";color:red}.widget-with-switchable-rows__row{display:grid;grid-template-columns:var(--grid-template-columns);box-sizing:border-box;height:var(--row-height);padding:8px 0;border-bottom:1px solid #ebeff2}.widget-with-switchable-rows__row:last-of-type{border-bottom:none}.widget-with-switchable-rows__cell{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.widget-with-switchable-rows__cell:first-of-type{justify-content:flex-start}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.box{box-sizing:border-box;height:fit-content;border:1px solid #e1e8f1}.box--radii-none{border-radius:0}.box--radii-xs{border-radius:4px}.box--radii-s{border-radius:8px}.box--radii-m{border-radius:16px}.box--radii-l{border-radius:24px}.box--radii-xl{border-radius:32px}.box--padding-none{padding:0}.box--padding-xs{padding:4px}.box--padding-s{padding:8px}.box--padding-m{padding:16px}.box--padding-l{padding:24px}.box--padding-xl{padding:32px}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.status{--status-height: 20px;--status-padding: 0 8px;--status-font-size: 11px;--status-font-weight: 400;--status-border-radius: 15px;--status-number-font-size: 10px;--status-no-bg-font-size: 13px;--status-error-color: #ffff;--status-error-bg-color: #9aa0b9;--status-review-bg-color: #fce2e8;--status-processing-bg-color: #e2e6f8;--status-info-color: #1f7499;--status-info-bg-color: #cde1ff;--status-pending-color: #f59a2f;--status-outline-border-color: #d6d9e4;--status-disabled-color: #777;display:inline-flex;justify-content:center;align-items:center;height:var(--status-height, 20px);padding:var(--status-padding, 0 8px);font-size:var(--status-font-size, 11px);font-weight:var(--status-font-weight, 400);border-radius:var(--status-border-radius, 15px)}.status--number{display:flex;justify-content:center;align-items:center;height:var(--status-height, 20px);font-size:var(--status-number-font-size, 10px);border-radius:var(--status-border-radius, 15px)}.status--active,.status--approved{color:#00b031;background-color:#e4f3e8}.status--error{color:var(--status-error-color, white);background-color:var(--status-error-bg-color, #9aa0b9)}.status--review,.status--pause,.status--reject,.status--No,.status--declined,.status--blocked{color:#f06d8d;background-color:var(--status-review-bg-color, #fce2e8)}.status--processing{color:var(--status-error-bg-color, #9aa0b9);background-color:var(--status-processing-bg-color, #e2e6f8)}.status--new,.status--preApproved{color:#6b81dd;background-color:var(--status-processing-bg-color, #e2e6f8)}.status--pending,.status--primary,.status--warning{color:var(--status-pending-color, #f59a2f);background-color:#ffedc8}.status--info{color:var(--status-info-color, #1f7499);background-color:var(--status-info-bg-color, #cde1ff)}.status--number-active,.status--Yes{color:#00b031}.status--no-bg{font-size:var(--status-no-bg-font-size, 13px);background:none}.status--disabled{color:var(--status-disabled-color, #777);background-color:#e2e5ec}.status--outline{color:var(--status-info-color, #1f7499);border:1px solid var(--status-outline-border-color, #d6d9e4)}.state-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:16px}.state-icon svg{stroke:#656e7a;fill:#656e7a}.state-icon--done,.state-icon--active{background-color:#eaf2ff}.state-icon--done svg{stroke:#1f7499;fill:none}.state-icon--active svg{stroke:#000;fill:#000}.step-row{position:relative;display:flex;flex-direction:row;align-items:center;padding-left:26px}.step-row::after{position:absolute;left:-1px;width:2px;height:calc(100% + 16px);content:"";background-color:#e1e4eb}.step-row__state-point{position:absolute;z-index:2;left:-10px}.step-row__content{display:flex;flex-direction:column;row-gap:4px;width:100%}.step-row__title{display:flex;justify-content:space-between}.step-row__title-left{display:flex;align-items:center;column-gap:8px}.step-row__title-text{font-family:inherit;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.2px}.step-row__description{font-family:inherit;font-size:12px;font-weight:400;line-height:18px;letter-spacing:.2px;color:#656e7a}.step-row:first-child::after{bottom:-50%;height:100%}.step-row:last-child::after{bottom:50%;height:100%}.step-wrapper{display:flex;flex-direction:column;row-gap:16px;padding-top:8px;padding-bottom:8px}.step-wrapper .status--draft{color:var(--color-text-muted, #757f8c);background-color:#f0f1f4}.step-wrapper.step-wrapper-ghost,.step-wrapper.step-wrapper-card-active{padding:24px 16px}.step-wrapper.step-wrapper-ghost:has(.step-row--active) .step-row::after,.step-wrapper.step-wrapper-card-active:has(.step-row--active) .step-row::after{height:calc(100% + 30px)}.step-wrapper.step-wrapper-ghost .step-row.step-row--active:has(.custom-title-slot) .step-row__content,.step-wrapper.step-wrapper-card-active .step-row.step-row--active:has(.custom-title-slot) .step-row__content{row-gap:8px}.step-wrapper.step-wrapper-ghost .step-row.step-row--active:has(.custom-title-slot) .step-row__title,.step-wrapper.step-wrapper-card-active .step-row.step-row--active:has(.custom-title-slot) .step-row__title{row-gap:4px}.step-wrapper.step-wrapper-ghost .step-row.step-row--active:has(.custom-title-slot) .custom-title-slot,.step-wrapper.step-wrapper-card-active .step-row.step-row--active:has(.custom-title-slot) .custom-title-slot{font-family:inherit;font-size:18px;font-weight:700;font-style:normal;line-height:28px;text-align:right;letter-spacing:.1px;color:var(--color-text-success, #69a457)}.step-wrapper.step-wrapper-ghost .step-row--active,.step-wrapper.step-wrapper-card-active .step-row--active{--icon-width: 20px;--content-padding: 20px;--negative-offset: -20px;display:flex;align-items:center;align-self:stretch;gap:24px;margin-right:var(--negative-offset);margin-left:var(--negative-offset);padding:16px 20px 16px 10.5px;border-radius:6px;background:var(--white, #fff);box-shadow:0px 2px 8px 0px rgba(39,73,113,.15)}.step-wrapper.step-wrapper-ghost .step-row--active .step-row__state-point,.step-wrapper.step-wrapper-card-active .step-row--active .step-row__state-point{position:static;display:flex}.step-wrapper.step-wrapper-ghost .step-row--active::after,.step-wrapper.step-wrapper-card-active .step-row--active::after{content:none}
|
package/dist/form.cjs
CHANGED
|
@@ -11689,7 +11689,7 @@ var TagsDropdown = ({
|
|
|
11689
11689
|
const singleLevelOptions = options?.reduce(
|
|
11690
11690
|
(acc, item) => {
|
|
11691
11691
|
const checkUniqAndPush = (acc2, item2) => {
|
|
11692
|
-
const isExist = acc2?.findIndex(({ value }) => value === item2?.value);
|
|
11692
|
+
const isExist = acc2?.findIndex(({ value }) => String(value) === String(item2?.value));
|
|
11693
11693
|
if (isExist !== -1) {
|
|
11694
11694
|
acc2[isExist] = item2;
|
|
11695
11695
|
} else {
|
|
@@ -12015,7 +12015,11 @@ var TagsDropdown = ({
|
|
|
12015
12015
|
} else if (isMobile ? closeOnSelectMobile : closeOnSelect) {
|
|
12016
12016
|
setIsOpen(false);
|
|
12017
12017
|
}
|
|
12018
|
-
|
|
12018
|
+
if (inputRef?.current?.focus) {
|
|
12019
|
+
inputRef.current.focus();
|
|
12020
|
+
const len = inputRef.current?.value?.length ?? 0;
|
|
12021
|
+
inputRef.current.setSelectionRange(len, len);
|
|
12022
|
+
}
|
|
12019
12023
|
if (item.value && chosenOptions.includes(item.value)) {
|
|
12020
12024
|
deleteChosen(item.value);
|
|
12021
12025
|
return null;
|
|
@@ -12377,7 +12381,7 @@ var TagsDropdown = ({
|
|
|
12377
12381
|
TagList_default,
|
|
12378
12382
|
{
|
|
12379
12383
|
items: chosenOptions?.map((value, i) => {
|
|
12380
|
-
const tag = singleLevelOptions?.find((el) => el.value === value);
|
|
12384
|
+
const tag = singleLevelOptions?.find((el) => String(el.value) === String(value));
|
|
12381
12385
|
const label2 = isValuesInTags ? tag?.value : tag?.label || tag?.name || tag?.title;
|
|
12382
12386
|
return {
|
|
12383
12387
|
value,
|
|
@@ -12392,7 +12396,7 @@ var TagsDropdown = ({
|
|
|
12392
12396
|
}
|
|
12393
12397
|
)
|
|
12394
12398
|
) : chosenOptions?.map((value) => {
|
|
12395
|
-
const tag = singleLevelOptions?.find((el) => el.value === value);
|
|
12399
|
+
const tag = singleLevelOptions?.find((el) => String(el.value) === String(value));
|
|
12396
12400
|
const label2 = isValuesInTags ? tag?.value : tag?.label || tag?.name || tag?.title;
|
|
12397
12401
|
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
12398
12402
|
Tag_default,
|
|
@@ -12520,6 +12524,7 @@ var TagsDropdown = ({
|
|
|
12520
12524
|
}
|
|
12521
12525
|
getListContainer2()?.classList.remove("tags-dropdown__container--opened");
|
|
12522
12526
|
if (withSearchInputInList) setSearchValueInterceptor("");
|
|
12527
|
+
searchValueRef.current = "";
|
|
12523
12528
|
setListPos(null);
|
|
12524
12529
|
setSearchValue("");
|
|
12525
12530
|
}
|
|
@@ -12576,7 +12581,7 @@ var TagsDropdown = ({
|
|
|
12576
12581
|
}, [scrollTop, dropdownListRef?.current]);
|
|
12577
12582
|
(0, import_react60.useEffect)(() => {
|
|
12578
12583
|
if (isSearchable && useLiveSearch && (debouncedSearchTerm || isValueDeleted || isOpen)) {
|
|
12579
|
-
doLiveSearchRequest?.(debouncedSearchTerm);
|
|
12584
|
+
doLiveSearchRequest?.(searchValue ? debouncedSearchTerm : "");
|
|
12580
12585
|
}
|
|
12581
12586
|
}, [isOpen, debouncedSearchTerm, isValueDeleted]);
|
|
12582
12587
|
(0, import_react60.useEffect)(() => {
|