intelicoreact 2.0.15 → 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.
Files changed (91) hide show
  1. package/dist/css/accordion-table.css +1 -0
  2. package/dist/css/accordion-text.css +1 -0
  3. package/dist/css/accordion.css +1 -0
  4. package/dist/css/action-alert.css +1 -0
  5. package/dist/css/advanced-status.css +1 -0
  6. package/dist/css/advanced-tag.css +1 -0
  7. package/dist/css/alert.css +1 -0
  8. package/dist/css/arrow.css +1 -0
  9. package/dist/css/base.css +1 -0
  10. package/dist/css/box.css +1 -0
  11. package/dist/css/button.css +1 -0
  12. package/dist/css/buttons-bar.css +1 -0
  13. package/dist/css/calendar.css +1 -0
  14. package/dist/css/chart.css +1 -0
  15. package/dist/css/checkbox-input.css +1 -0
  16. package/dist/css/checkboxes-line.css +1 -0
  17. package/dist/css/circle-progress-bar.css +1 -0
  18. package/dist/css/date-time.css +1 -0
  19. package/dist/css/datepicker.css +1 -0
  20. package/dist/css/debug-container.css +1 -0
  21. package/dist/css/double-string.css +1 -0
  22. package/dist/css/dropdown-live-search.css +1 -0
  23. package/dist/css/dropdown.css +1 -0
  24. package/dist/css/file-loader-description.css +1 -0
  25. package/dist/css/file-loader-local-group.css +1 -0
  26. package/dist/css/file-loader-local.css +1 -0
  27. package/dist/css/file-loader.css +1 -0
  28. package/dist/css/form-element.css +1 -0
  29. package/dist/css/formatted-raw-ssn.css +1 -0
  30. package/dist/css/header.css +1 -0
  31. package/dist/css/hint.css +1 -0
  32. package/dist/css/input-address.css +1 -0
  33. package/dist/css/input-calendar.css +1 -0
  34. package/dist/css/input-color.css +1 -0
  35. package/dist/css/input-currency.css +1 -0
  36. package/dist/css/input-custom-fetch.css +1 -0
  37. package/dist/css/input-date-range.css +1 -0
  38. package/dist/css/input-link.css +1 -0
  39. package/dist/css/input-mask3.css +1 -0
  40. package/dist/css/input-password.css +1 -0
  41. package/dist/css/input-with-action.css +1 -0
  42. package/dist/css/input.css +1 -0
  43. package/dist/css/inputs-row.css +1 -0
  44. package/dist/css/label.css +1 -0
  45. package/dist/css/main-menu.css +1 -0
  46. package/dist/css/manifest.json +594 -0
  47. package/dist/css/mobile-calendar.css +1 -0
  48. package/dist/css/modal.css +1 -0
  49. package/dist/css/mono-accordion.css +1 -0
  50. package/dist/css/multi-select.css +1 -0
  51. package/dist/css/nav-line.css +1 -0
  52. package/dist/css/numeric-input.css +1 -0
  53. package/dist/css/page-title.css +1 -0
  54. package/dist/css/pie-chart.css +1 -0
  55. package/dist/css/progress-line.css +1 -0
  56. package/dist/css/radio-group-with-input.css +1 -0
  57. package/dist/css/radio-group.css +1 -0
  58. package/dist/css/radio-input.css +1 -0
  59. package/dist/css/radio-row-switcher.css +1 -0
  60. package/dist/css/range-calendar.css +1 -0
  61. package/dist/css/range-inputs.css +1 -0
  62. package/dist/css/range-list.css +1 -0
  63. package/dist/css/range-slider.css +1 -0
  64. package/dist/css/range-slider2.css +1 -0
  65. package/dist/css/spinner.css +1 -0
  66. package/dist/css/status.css +1 -0
  67. package/dist/css/switchable-row.css +1 -0
  68. package/dist/css/switcher-checkbox.css +1 -0
  69. package/dist/css/switcher-hide.css +1 -0
  70. package/dist/css/switcher-radio.css +1 -0
  71. package/dist/css/switcher-range-list.css +1 -0
  72. package/dist/css/switcher-range.css +1 -0
  73. package/dist/css/switcher-tags-dropdown.css +1 -0
  74. package/dist/css/switcher-textarea.css +1 -0
  75. package/dist/css/switcher.css +1 -0
  76. package/dist/css/table.css +1 -0
  77. package/dist/css/tag-list.css +1 -0
  78. package/dist/css/tag.css +1 -0
  79. package/dist/css/tags-dropdown.css +1 -0
  80. package/dist/css/text-switcher.css +1 -0
  81. package/dist/css/text.css +1 -0
  82. package/dist/css/textarea.css +1 -0
  83. package/dist/css/tiered-checkboxes.css +1 -0
  84. package/dist/css/time-range.css +1 -0
  85. package/dist/css/user-box.css +1 -0
  86. package/dist/css/user-contacts.css +1 -0
  87. package/dist/css/variants-list-radio.css +1 -0
  88. package/dist/css/widget-pseudo-table.css +1 -0
  89. package/dist/css/widget-with-switchable-rows.css +1 -0
  90. package/dist/css/wizard-stepper.css +1 -0
  91. package/package.json +2 -1
package/dist/css/accordion-table.css ADDED
@@ -0,0 +1 @@
1
+ .accordion-table{display:flex;overflow-x:auto;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;min-width:700px}.accordion-table__header{display:flex;flex-wrap:nowrap;width:100%;height:32px}.accordion-table__header-item{display:flex;align-items:center;padding:5px 10px;font-size:11px;font-weight:500;user-select:none;white-space:nowrap;text-transform:uppercase;color:#757f8c;background-color:#ebeff2}.accordion-table__header-item:first-child{padding-left:15px;border-top-left-radius:8px}.accordion-table__header-item:last-child{padding-right:15px;border-top-right-radius:8px}.accordion-table__header-item-sortable{cursor:pointer}.accordion-table__header-item-sortable:hover{color:#3b414b}.accordion-table__header-item-sortable svg{min-width:16px}.accordion-table__body{width:100%}.accordion-table__body-accordion:not(:first-child){border-top:1px solid #ebeff2}.accordion-table__body-accordion:last-child .mono-accordion__container{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.accordion-table__body-accordion--closed .mono-accordion__head{box-shadow:0 5px 8px hsla(0,0%,100%,.12) !important;transition:all .3s ease-out}.accordion-table__body-accordion--closed .mono-accordion__container{opacity:0;transition:all .3s ease-out}.accordion-table__body-accordion--closed:last-child .mono-accordion__head{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.accordion-table__tr{display:flex;width:100%}.accordion-table__tr:last-child .accordion-table__td{border:none}.accordion-table__td{padding:11.5px 0;font-size:14px;font-weight:400;white-space:nowrap;border-bottom:1px solid #ebeff2}.accordion-table__td:first-child{margin-left:50px}.accordion-table__td:last-child{margin-right:15px}.accordion-table__td:not(:first-child,:last-child){padding-right:20px}.accordion-table__td--name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.accordion-table__accordion-label-box{display:flex;justify-content:space-between;align-items:center}.accordion-table__accordion-label-wrapper{width:100%;max-height:19px}.accordion-table__accordion-label-wrapper .accordion-table__tr{justify-content:flex-end;background-color:unset !important}.accordion-table__accordion-label-wrapper .accordion-table__td:first-child{margin-left:0}.accordion-table__accordion-label-wrapper .accordion-table__td:last-child{margin-right:0}.accordion-table__statistics-td{padding:15px 0;font-size:14px;font-weight:400;white-space:nowrap}.accordion-table__statistics-td:not(:last-child){display:flex;align-items:center;padding-right:53px}.accordion-table__statistics-td-value{overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis}.accordion-table__statistics-td-value-wrapper{display:flex;min-width:0}.accordion-table__tr-promo-wrapper{margin-right:15px;margin-left:50px}.accordion-table__tr-promo-wrapper:last-child{border-bottom:1px solid #ebeff2}.accordion-table__tr-with-promo{flex-direction:column}.accordion-table__tr-with-promo .accordion-table__td{padding:15px 0 8px;border-bottom:none}.accordion-table__tr-with-promo:last-child .accordion-table__tr-promo-wrapper{border-bottom:none}.accordion-table__tr-promo{display:flex;align-items:center;width:fit-content;min-height:16px;margin-bottom:10px;padding:4px 8px;font-size:12px;font-weight:400;line-height:18px;letter-spacing:.2px;color:#3b414b;border:1px solid #ffce9f;border-radius:8px;background-color:#fff4e5}.accordion-table__tr-promo svg{min-width:16px;max-width:16px;min-height:16px;max-height:16px;margin-right:8px}.accordion-table__tr-promo-disclosure{border:none;background-color:#e8e9ec}.accordion-table__status-icon{margin-top:2px;margin-right:5px;color:#fa564c}.accordion-table .tr-promo-icon{color:#ff7d00}.accordion-table .tr-promo-label{margin-right:8px;font-weight:600;color:#ff7d00}.accordion-table .accordion-label-box__label{margin-left:15px;user-select:none;white-space:nowrap}.accordion-table .accordion-label-box__icon{min-width:15px;max-width:15px;min-height:16px;max-height:16px;color:#757f8c;transition:all .2s ease-out}.accordion-table .accordion-label-box__icon--open{transform:rotate(180deg)}.accordion-table .accordion-label-box__status{font-size:12px;font-weight:400;white-space:nowrap}.accordion-table .mono-accordion__head{position:relative;z-index:2;padding:14.5px 15px 14.5px 20px;background-color:#fff;box-shadow:0 5px 8px rgba(39,73,113,.12)}.accordion-table .mono-accordion__container{position:relative;flex-direction:row;background-color:#fff}.accordion-table .mono-accordion__content-wrapper{width:100%;padding:0}: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}
package/dist/css/accordion-text.css ADDED
@@ -0,0 +1 @@
1
+ .accordion-text{position:relative;overflow:hidden;box-sizing:border-box;height:25px;padding:4px 24px 4px 8px;font-size:12px;font-weight:400;line-height:18px;cursor:pointer;border-radius:4px;background-color:rgba(48,57,91,.05)}.accordion-text--open{height:fit-content;max-height:100%}.accordion-text__body{overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.accordion-text__body--trim-text>*{overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.accordion-text--open .accordion-text__body{overflow:visible;white-space:normal;text-overflow:clip}.accordion-text__toggle{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;width:16px;height:16px;margin:4px;padding:2px;pointer-events:none;color:#a0a4b0}
package/dist/css/accordion.css ADDED
@@ -0,0 +1 @@
1
+ :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.accordion{--color-border: #E2E5EC;--color-gray-gentel: #f2f2f8;--color-text: #1e1e2d;--accordion-title-font-size: 13px;--accordion-title-box-height: 20px;--accordion-title-box-padding: 10px 15px;--accordion-content-font-size: 13px;--accordion-content-padding: 10px 15px;--accordion-content-item-padding: 7.5px 20px;--accordion-content-item-color: #1e1e2d}.accordion--item{border:1px solid var(--color-border, #E2E5EC)}.accordion--item:not(:first-child){border-top:none}.accordion--title-box{display:flex;justify-content:space-between;align-items:center;height:var(--accordion-title-box-height, 20px);padding:var(--accordion-title-box-padding, 10px 15px);cursor:pointer}.accordion--title-box:hover{background-color:var(--color-gray-gentel, #f2f2f8)}.accordion--title{font-size:var(--accordion-title-font-size, 13px);user-select:none;color:var(--color-text, #1e1e2d)}.accordion--title-chevron{min-width:16px;min-height:16px;cursor:pointer;transition:all .2s ease-out}.accordion--title-chevron-open{transition:all .2s ease-out;transform:rotate(90deg)}.accordion--content{display:flex;overflow:hidden;flex-direction:column;justify-content:center;align-items:flex-start;max-height:1000px;font-size:var(--accordion-content-font-size, 13px);opacity:0;background:#fff;transition:all .25s ease-out}.accordion--content scrollbar{-moz-appearance:none !important}.accordion--content scrollbarbutton{-moz-appearance:none !important}.accordion--content thumb{-moz-appearance:none !important}.accordion--content scrollcorner{-moz-appearance:none !important;resize:both}.accordion--content::-webkit-scrollbar{width:8px}.accordion--content::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#52aeff}.accordion--content::-webkit-scrollbar-thumb:hover{background:#3e62ff}.accordion--content::-webkit-scrollbar:horizontal{height:8px}.accordion--content::-webkit-scrollbar-track:horizontal{background:#f4f6ff}.accordion--content::-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)}.accordion--content::-webkit-scrollbar-thumb:horizontal:hover{background:#9aa0b9;border:2px solid rgba(0,0,0,0);background-clip:padding-box}.accordion--content-is-open{padding:var(--accordion-content-padding, 10px 15px);opacity:1;transition:all .25s ease-out}.accordion--content-item{width:calc(100% - 40px);padding:var(--accordion-content-item-padding, 7.5px 20px)}.accordion--content-item a{font-size:var(--accordion-content-font-size, 13px);font-weight:300;color:var(--accordion-content-item-color, #1e1e2d)}: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)}
package/dist/css/action-alert.css ADDED
@@ -0,0 +1 @@
1
+ .action-alert{--action-alert-height: 20px;--action-alert-padding: 10px 8px;--action-alert-font-size: 13px;--action-alert-font-weight: 400;--action-alert-color: #1e1e2d;--action-alert-border-radius: 4px;--action-alert-bg-color: #ebeff2;--action-alert-time-color: #9aa0b9;--action-alert-pending-bg-color: #ffedc8;--action-alert-reject-bg-color: #fce2e8;--action-alert-confirm-bg-color: #e4f3e8;display:flex;justify-content:space-between;align-items:center;height:var(--action-alert-height);padding:var(--action-alert-padding);font-size:var(--action-alert-font-size);font-weight:var(--action-alert-font-weight);color:var(--action-alert-color);border-radius:var(--action-alert-border-radius);background-color:var(--action-alert-bg-color)}.action-alert__time{margin-right:8px;color:var(--action-alert-time-color)}.action-alert--pending{background-color:var(--action-alert-pending-bg-color)}.action-alert--reject{background-color:var(--action-alert-reject-bg-color)}.action-alert--confirm{background-color:var(--action-alert-confirm-bg-color)}.action-alert__message-box,.action-alert__message{display:flex}.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}
package/dist/css/advanced-status.css ADDED
@@ -0,0 +1 @@
1
+ :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.advanced-status{--advanced-status-min-height: 28px;--advanced-status-min-width: 58px;--advanced-status-padding: 0 14px;--advanced-status-font-size: 13px;--advanced-status-font-weight: 400;--advanced-status-line-height: 20px;--advanced-status-color-primary: #6b81dd;--advanced-status-color-off: #1e1e2d;--advanced-status-border-color: #6b81dd;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%}.advanced-status__switcher{height:fit-content;min-height:var(--advanced-status-min-height);border:none}.advanced-status__switcher .text-switcher__btn{position:relative;z-index:2;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;min-width:var(--advanced-status-min-width);height:100%;padding:var(--advanced-status-padding);font-size:var(--advanced-status-font-size);font-weight:var(--advanced-status-font-weight);font-style:normal;line-height:var(--advanced-status-line-height);cursor:pointer;text-align:center;white-space:nowrap;text-transform:capitalize;color:var(--advanced-status-color-primary);background-color:rgba(0,0,0,0)}.advanced-status__switcher .text-switcher__btn_off{color:var(--advanced-status-color-off)}.advanced-status__switcher .text-switcher__slider{border:1px solid var(--advanced-status-border-color);background-color:rgba(0,0,0,0)}.advanced-status_undefined .advanced-status__switcher,.advanced-status_disabled .advanced-status__switcher{cursor:auto;pointer-events:none}.advanced-status_undefined .text-switcher__slider{border:none}.advanced-status__status{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;margin-left:5px}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.text-switcher{position:relative;display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(2, 1fr);box-sizing:border-box;padding:2px;font-size:12px;font-weight:300;font-style:normal;border:2px solid #fce2e8;border-radius:26px;background:#fff}.text-switcher__btn{position:relative;z-index:2;min-width:58px;height:100%;padding:0 14px;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;cursor:pointer;white-space:nowrap;text-transform:uppercase;color:#00b031}.text-switcher__btn_off{color:#f06d8d}.text-switcher__slider{position:absolute;z-index:0;top:0;bottom:0;left:0;width:50%;border-radius:28px;background-color:#e4f3e8;transition:left .3s ease,background-color .3s ease}.text-switcher__slider_inactive{left:50%;background-color:#fce2e8}.text-switcher_active{border-color:#e4f3e8}.text-switcher_disabled{pointer-events:none;opacity:.7}.text-switcher_unsetted{filter:grayscale(1)}.text-switcher_unsetted .text-switcher__btn{color:#a6acb1 !important}: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)}
package/dist/css/advanced-tag.css ADDED
@@ -0,0 +1 @@
1
+ :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)}}.advanced-tags{position:relative;display:inline-flex;justify-content:center;align-items:center;height:24px;margin-top:2.5px;margin-right:4px;margin-bottom:2.5px;padding:2px 8px;font-size:10px;border-radius:2px;background-color:#e2e5ec}.advanced-tags--error{background-color:#fce2e8}.advanced-tags--warning-icon{min-width:16px;min-height:16px;font-size:17px;color:#f06d8d}.advanced-tags--warning-icon-wrapper{display:flex;cursor:pointer}.advanced-tags__warn-text{position:absolute;z-index:2;min-width:80px;max-width:270px;padding:8px;font-size:10px;line-height:16px;color:#fff;border-radius:4px;background-color:#6b81dd}.advanced-tags__warn-text::before{position:absolute;width:8.5px;height:8.5px;content:"";background-color:#6b81dd;transform:rotate(45deg)}.advanced-tags__warn-text--warnLeft{top:30px;left:4px}.advanced-tags__warn-text--warnLeft::before{top:-4px;left:8px}.advanced-tags__warn-text--warnLeft--to-top{top:-50px}.advanced-tags__warn-text--warnRight{top:30px}.advanced-tags__warn-text--warnRight::before{top:-4px;right:10px}.advanced-tags__warn-text--warnRight--to-top{top:-50px}.advanced-tags--showMore{cursor:pointer;user-select:none;background-color:#ffedc8}.advanced-tags__counter{position:relative;width:fit-content;margin-right:-8px;padding:0 8px;text-align:center}.advanced-tags__counter::after{position:absolute;top:-4px;left:0;width:2px;height:27px;content:"";opacity:.2;background-color:#9aa0b9}.advanced-tags__counter--null{opacity:.7;color:#9aa0b9}.advanced-tags__counter--bold{font-family:Roboto,sans-serif;font-size:11px;font-weight:700;color:#1e1e2d}.advanced-tags svg{min-width:16px;max-width:16px;min-height:16px;max-height:16px}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.tag{--tag-height: 22px;--tag-margin-right: 4px;--tag-padding: 0 6px;--tag-border-radius: 3px;--tag-background-color: #e2e5ec;--tag-label-font-size: 11px;--tag-label-color: #1e1e2d;--tag-button-width: 16px;--tag-button-height: 16px;--tag-button-margin-left: 8px;--tag-button-opacity: 0.3;--tag-button-color: #1e1e2d;--tag-warn-background-color: #fce2e8;--tag-warn-label-color: #b9002c;--tag-warn-hint-top: 30px;--tag-warn-hint-left: 2px;--tag-warn-hint-min-width: 80px;--tag-warn-hint-max-width: 270px;--tag-warn-hint-padding: 8px;--tag-warn-hint-font-size: 10px;--tag-warn-hint-line-height: 16px;--tag-warn-hint-color: #fff;--tag-warn-hint-background-color: #6b81dd;--tag-warn-hint-border-radius: 4px;--tag-warn-hint-before-top: -4px;--tag-warn-hint-before-width: 8.5px;--tag-warn-hint-before-height: 8.5px;--tag-warn-hint-before-background-color: #6b81dd;--tag-popup-z-index: 9999;--tag-popup-min-width: 200px;--tag-popup-min-height: 60px;--tag-popup-padding: 8px;--tag-popup-border-radius: 4px;--tag-popup-background: #ffffff;--tag-popup-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);--tag-popup-before-top: -6px;--tag-popup-before-right: 15px;--tag-popup-before-width: 12px;--tag-popup-before-height: 12px;--tag-popup-before-background: #ffffff;position:relative;display:inline-flex;align-items:center;height:var(--tag-height, 22px);margin-right:var(--tag-margin-right, 4px);padding:var(--tag-padding);cursor:pointer;user-select:none;vertical-align:middle;white-space:nowrap;border-radius:var(--tag-border-radius, 3px);background-color:var(--tag-background-color, #e2e5ec)}.tag__label{font-size:var(--tag-label-font-size, 11px);color:var(--tag-label-color, #1e1e2d)}.tag__button{display:flex;justify-content:center;align-items:center;width:var(--tag-button-width, 16px);height:var(--tag-button-height, 16px);margin-left:var(--tag-button-margin-left, 8px);cursor:pointer;opacity:var(--tag-button-opacity, 0.3);color:var(--tag-button-color, #1e1e2d)}.tag-warn{background-color:var(--tag-warn-background-color, #fce2e8)}.tag-warn .tag__label{color:var(--tag-warn-label-color, #b9002c)}.tag__warn-hint{position:absolute;z-index:2;top:var(--tag-warn-hint-top, 30px);left:var(--tag-warn-hint-left, 2px);min-width:var(--tag-warn-hint-min-width, 80px);max-width:var(--tag-warn-hint-max-width, 270px);padding:var(--tag-warn-hint-padding, 8px);font-size:var(--tag-warn-hint-font-size, 10px);line-height:var(--tag-warn-hint-line-height, 16px);color:var(--tag-warn-hint-color, #fff);border-radius:var(--tag-warn-hint-border-radius, 4px);background-color:var(--tag-warn-hint-background-color, #6b81dd)}.tag__warn-hint::before{position:absolute;top:var(--tag-warn-hint-before-top, -4px);width:var(--tag-warn-hint-before-width, 8.5px);height:var(--tag-warn-hint-before-height, 8.5px);content:"";background-color:var(--tag-warn-hint-before-background-color, #6b81dd);transform:rotate(45deg)}.tag svg{min-width:var(--tag-button-width, 16px);max-width:var(--tag-button-width, 16px);min-height:var(--tag-button-height, 16px);max-height:var(--tag-button-height, 16px)}.tag__popup{position:absolute;z-index:var(--tag-popup-z-index, 9999);box-sizing:border-box;width:fit-content;min-width:var(--tag-popup-min-width, 200px);min-height:var(--tag-popup-min-height, 60px);padding:var(--tag-popup-padding, 8px);border-radius:var(--tag-popup-border-radius, 4px);background:var(--tag-popup-background, #ffffff);box-shadow:var(--tag-popup-box-shadow, 0px 4px 25px 0px rgba(0, 0, 0, 0.25))}.tag__popup:before{position:absolute;top:var(--tag-popup-before-top, -6px);right:var(--tag-popup-before-right, 15px);width:var(--tag-popup-before-width, 12px);height:var(--tag-popup-before-height, 12px);content:"";background:var(--tag-popup-before-background, #ffffff);transform:rotate(45deg)}
package/dist/css/alert.css ADDED
@@ -0,0 +1 @@
1
+ :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)}}.alert{position:relative;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;padding:15px;font-size:13px;border-top-right-radius:5px;border-bottom-right-radius:5px}.alert--loading .loader-box{opacity:.2}.alert--error{color:#f06d8d;border-left:2px solid #f06d8d;background-color:#fce2e8}.alert--warning{color:#f59a2f;border-left:2px solid #f59a2f;background-color:#ffedc8}.alert--success{color:#00b031;border-left:2px solid #00b031;background-color:#e4f3e8}.alert--info{color:#6b81dd;border-left:2px solid #6b81dd;background-color:#e2e6f8}.alert__close-btn{display:flex;justify-content:flex-end;align-self:flex-start;min-width:15px;margin-left:10px;cursor:pointer;user-select:none}.alert--title{height:37px;font-size:13px;font-weight:400;text-transform:uppercase;color:#1e1e2d;border-radius:4px;background-color:#ebeff2}.alert--title .alert__close-btn{display:none}.alert__icon-text-box svg{margin-right:10px}.alert svg{align-self:flex-start;width:16px;min-width:16px;height:16px}.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}
package/dist/css/arrow.css ADDED
@@ -0,0 +1 @@
1
+ .arrow{width:24px;height:24px}.arrow_disabled{pointer-events:none;opacity:.5}.arrow>svg{width:100%;height:100%;pointer-events:none}
package/dist/css/base.css ADDED
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}[class^=container],[class^=layout]{width:100%;padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto}.container-fluid{max-width:100% !important}.row{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.row.no-gutters{margin-right:0;margin-left:0}.row.no-gutters .col,.row.no-gutters [class*=col-]{padding-left:0;padding-right:0}.col,[class*=col-]{box-sizing:border-box;max-width:100%;padding-left:16px;padding-right:16px}.col{flex-basis:0;flex-grow:1}.col-auto{flex:0 0 auto;width:auto}.col-12{flex-basis:100%}.col-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.col-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.col-9{flex-basis:75%;max-width:75%}.col-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.col-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.col-6{flex-basis:50%;max-width:50%}.col-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.col-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.col-3{flex-basis:25%;max-width:25%}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.col-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.offset-11{margin-left:91.6666666667%}.offset-10{margin-left:83.3333333333%}.offset-9{margin-left:75%}.offset-8{margin-left:66.6666666667%}.offset-7{margin-left:58.3333333333%}.offset-6{margin-left:50%}.offset-5{margin-left:41.6666666667%}.offset-4{margin-left:33.3333333333%}.offset-3{margin-left:25%}.offset-2{margin-left:16.6666666667%}.offset-1{margin-left:8.3333333333%}.order-first{order:-1}.order-last{order:9999}@media(min-width: 576px){.container{max-width:540px}.row-sm{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.row-sm.no-gutters{margin-right:0;margin-left:0}.row-sm.no-gutters .col-sm,.row-sm.no-gutters [class*=col-sm]{padding-left:0;padding-right:0}.col-sm,[class*=col-sm]{box-sizing:border-box;max-width:100%}.col-sm{flex-basis:0;flex-grow:1}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-12{flex-basis:100%}.col-sm-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.col-sm-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.col-sm-9{flex-basis:75%;max-width:75%}.col-sm-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.col-sm-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.col-sm-6{flex-basis:50%;max-width:50%}.col-sm-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.col-sm-3{flex-basis:25%;max-width:25%}.col-sm-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.col-sm-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-9{margin-left:75%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-6{margin-left:50%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-3{margin-left:25%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-1{margin-left:8.3333333333%}.order-sm-first{order:-1}.order-sm-last{order:9999}}@media(min-width: 769px){.container{max-width:720px}.row-md{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.row-md.no-gutters{margin-right:0;margin-left:0}.row-md.no-gutters .col-md,.row-md.no-gutters [class*=col-md]{padding-left:0;padding-right:0}.col-md,[class*=col-md]{box-sizing:border-box;max-width:100%}.col-md{flex-basis:0;flex-grow:1}.col-md-auto{flex:0 0 auto;width:auto}.col-md-12{flex-basis:100%}.col-md-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.col-md-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.col-md-9{flex-basis:75%;max-width:75%}.col-md-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.col-md-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.col-md-6{flex-basis:50%;max-width:50%}.col-md-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.col-md-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.col-md-3{flex-basis:25%;max-width:25%}.col-md-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.col-md-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.offset-md-11{margin-left:91.6666666667%}.offset-md-10{margin-left:83.3333333333%}.offset-md-9{margin-left:75%}.offset-md-8{margin-left:66.6666666667%}.offset-md-7{margin-left:58.3333333333%}.offset-md-6{margin-left:50%}.offset-md-5{margin-left:41.6666666667%}.offset-md-4{margin-left:33.3333333333%}.offset-md-3{margin-left:25%}.offset-md-2{margin-left:16.6666666667%}.offset-md-1{margin-left:8.3333333333%}.order-md-first{order:-1}.order-md-last{order:9999}}@media(min-width: 992px){.container{max-width:960px}.row-lg{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.row-lg.no-gutters{margin-right:0;margin-left:0}.row-lg.no-gutters .col-lg,.row-lg.no-gutters [class*=col-lg]{padding-left:0;padding-right:0}.col-lg,[class*=col-lg]{box-sizing:border-box;max-width:100%}.col-lg{flex-basis:0;flex-grow:1}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-12{flex-basis:100%}.col-lg-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.col-lg-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.col-lg-9{flex-basis:75%;max-width:75%}.col-lg-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.col-lg-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.col-lg-6{flex-basis:50%;max-width:50%}.col-lg-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.col-lg-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.col-lg-3{flex-basis:25%;max-width:25%}.col-lg-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.col-lg-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.offset-lg-11{margin-left:91.6666666667%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-9{margin-left:75%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-6{margin-left:50%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-3{margin-left:25%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-1{margin-left:8.3333333333%}.order-lg-first{order:-1}.order-lg-last{order:9999}}@media(min-width: 1280px){.container{max-width:1220px}.row-xl{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.row-xl.no-gutters{margin-right:0;margin-left:0}.row-xl.no-gutters .col-xl,.row-xl.no-gutters [class*=col-xl]{padding-left:0;padding-right:0}.col-xl,[class*=col-xl]{box-sizing:border-box;max-width:100%}.col-xl{flex-basis:0;flex-grow:1}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-12{flex-basis:100%}.col-xl-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.col-xl-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.col-xl-9{flex-basis:75%;max-width:75%}.col-xl-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.col-xl-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.col-xl-6{flex-basis:50%;max-width:50%}.col-xl-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.col-xl-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.col-xl-3{flex-basis:25%;max-width:25%}.col-xl-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.col-xl-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.offset-xl-11{margin-left:91.6666666667%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-9{margin-left:75%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-6{margin-left:50%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-3{margin-left:25%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-1{margin-left:8.3333333333%}.order-xl-first{order:-1}.order-xl-last{order:9999}}body{margin:0;overflow-x:hidden}.rel{position:relative}.container,.layout{box-sizing:border-box}.container.box,.layout.box{padding-left:32px;padding-right:32px}.container.tiles.box,.layout.tiles.box{padding-top:16px;padding-bottom:16px}.container.tiles>.row>.col,.container.tiles>.row>[class*=col-],.layout.tiles>.row>.col,.layout.tiles>.row>[class*=col-]{padding-top:16px;padding-bottom:16px}.container .col.tile,.container [class*=col-].tile,.layout .col.tile,.layout [class*=col-].tile{margin:0;padding-top:16px;padding-bottom:16px}.container.sm,.layout.sm{padding-left:16px;padding-right:16px}.container.sm .row,.layout.sm .row{margin-left:-8px;margin-right:-8px}.container.sm .row .col,.container.sm .row [class*=col-],.layout.sm .row .col,.layout.sm .row [class*=col-]{padding-left:8px;padding-right:8px}.container.sm.tiles,.layout.sm.tiles{padding-top:8px;padding-bottom:8px}.container.sm.tiles>.row>.col,.container.sm.tiles>.row>[class*=col-],.layout.sm.tiles>.row>.col,.layout.sm.tiles>.row>[class*=col-]{padding-top:8px;padding-bottom:8px}.container.sm .col.tile,.container.sm [class*=col-].tile,.layout.sm .col.tile,.layout.sm [class*=col-].tile{padding-top:8px;padding-bottom:8px}.container.no-padding,.container.zero,.layout.no-padding,.layout.zero{padding:0}.container .col.no-tile,.container .no-tile,.layout .col.no-tile,.layout .no-tile{padding-top:0 !important;padding-bottom:0 !important}.col-5pct,.col-20items{flex-basis:5%;max-width:5%}.col-10pct,.col-10items{flex-basis:10%;max-width:10%}.col-20pct,.col-5items{flex-basis:20%;max-width:20%}.col-8items{flex-basis:12.5%;max-width:12.5%}.display{height:100vh;width:100vw}.wrap{display:flex;flex-wrap:wrap}.df{display:flex}.dfc{display:flex;flex-direction:column}.dfc-jc{display:flex;flex-direction:column;justify-content:center}.j7{display:flex;justify-content:flex-start;align-items:flex-start}.j8{display:flex;justify-content:center;align-items:flex-start}.j9{display:flex;justify-content:flex-end;align-items:flex-start}.j79{display:flex;justify-content:space-between;align-items:flex-start}.j789{display:flex;justify-content:space-around;align-items:flex-start}.j4{display:flex;justify-content:flex-start;align-items:center}.j6{display:flex;justify-content:flex-end;align-items:center}.j46{display:flex;justify-content:space-between;align-items:center}.j456{display:flex;justify-content:space-around;align-items:center}.j5{display:flex;justify-content:center;align-items:center}.j1{display:flex;justify-content:flex-start;align-items:flex-end}.j11{display:flex;justify-content:flex-start;align-items:baseline}.j2{display:flex;justify-content:center;align-items:flex-end}.j3{display:flex;justify-content:flex-end;align-items:flex-end}.j13{display:flex;justify-content:space-between;align-items:flex-end}.j123{display:flex;justify-content:space-around;align-items:flex-end}.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0{margin-left:0}.m2{margin:2px}.mt2{margin-top:2px}.mr2{margin-right:2px}.mb2{margin-bottom:2px}.ml2{margin-left:2px}.m3{margin:3px}.mt3{margin-top:3px}.mr3{margin-right:3px}.mb3{margin-bottom:3px}.ml3{margin-left:3px}.m5{margin:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.ml5{margin-left:5px}.mt8{margin-top:8px}.ml8{margin-left:8px}.mr8{margin-right:8px}.mb8{margin-bottom:8px}.mtb8{margin:8px 0}.mtb10{margin:10px 0}.m10{margin:10px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.m15{margin:15px}.mt15{margin-top:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.ml15{margin-left:15px}.mt16{margin-top:16px}.m20{margin:20px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.mtb20{margin-top:20px;margin-bottom:20px}.m25{margin:25px}.mt25{margin-top:25px !important}.mr25{margin-right:25px}.mb25{margin-bottom:25px}.ml25{margin-left:25px}.m30{margin:30px}.mt30{margin-top:30px}.mr30{margin-right:30px}.mb30{margin-bottom:30px}.ml30{margin-left:30px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.my-auto{margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto}.p0{padding:0}.pt0{padding-top:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pl0{padding-left:0}.p4{padding:4px}.p5{padding:5px}.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.pl5{padding-left:5px}.ptb6,.cell-align_top .listItems-table__cell{padding-top:6px;padding-bottom:6px}.pt7{padding-top:7px}.plr10{padding-left:10px !important;padding-right:10px !important}.plr15{padding-left:15px !important;padding-right:15px !important}.plr20{padding-left:20px !important;padding-right:20px !important}.plr30{padding-left:30px !important;padding-right:30px !important}.plr75{padding-left:7.5px;padding-right:7.5px}.pl9{padding-left:9px}.p10{padding:10px}.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px}.p15{padding:15px}.pt15{padding-top:15px}.pr15{padding-right:15px}.pb15{padding-bottom:15px}.pl15{padding-left:15px}.plr15{padding-left:15px;padding-right:15px}.plr16{padding-left:16px;padding-right:16px}.p25{padding:25px}.pt25{padding-top:25px}.pr25{padding-right:25px}.pb25{padding-bottom:25px}.pl25{padding-left:25px}.p30{padding:30px}.pt30{padding-top:30px}.pr30{padding-right:30px}.pb30{padding-bottom:30px}.pl30{padding-left:30px}.pb50{padding-bottom:50px}.gap8{gap:8px}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:.375rem .75rem;font-size:1rem;line-height:1.5rem;border-radius:.25rem;cursor:pointer}.btn:hover{filter:brightness(1.1)}.btn-primary{background-color:#707000;border-color:#707000;color:#fff}.btn-primary:active{background-color:#6e85a2;border-color:#738dae}.btn-default{background-color:rgba(0,0,0,0)}.btn-outline-primary{color:#3f4d67;border-color:#3f4d67}.btn-outline-primary:active{background-color:#6e85a2;border-color:#738dae}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.border{border:1px solid #e2e5ec}.border-top{border-top:1px solid #e2e5ec}.border-top-none{border-top:none}.border-bottom{border-bottom:1px solid #e2e5ec}.border-bottom-none{border-bottom:none}.border-left-none{border-left:none}.bold{font-weight:500}.strong{font-weight:700}.text-align-right{text-align:right}.text-decoration-none{text-decoration:none}.form-group{margin-bottom:0;display:flex;flex-direction:column;justify-content:space-between}.form-group .form-control{margin:10px;padding:5px;min-height:30px;width:100%;border-radius:5px}.form-control--toggler{border:none;padding-left:0;padding-right:0;height:auto;background-color:inherit}.input-toggler-box{display:flex;align-items:flex-start;margin-bottom:0;margin-top:5px}.input-toggler{cursor:pointer;font-size:20px;line-height:22px;margin-right:10px;color:#999}.input-toggler.ftl-toggle-on{color:#007a1d}.input-box{display:flex;margin-top:10px;margin-bottom:10px}.input-box .input{padding:5px;min-height:40px;width:100%;border-radius:4px;border:1px solid;box-sizing:border-box}.input-box .input:focus{outline:none;border-color:#00b7ff}.inputError{color:red}.no-wrap,.text-nowrap{white-space:nowrap}.flex-nowrap{display:flex;flex-wrap:nowrap}.no-user-select{user-select:none}.fieldError{font-size:12px;color:red}.avatar{max-width:50px;max-height:50px;border-radius:25px;margin-right:10px}svg{max-width:100%;max-height:100%}.inactive{pointer-events:none;opacity:.3}.hidden{display:none}.w100{width:100% !important}.w75{width:75%}.w50{width:50%}.w33{width:33.3333%}.w25{width:25%}.min-h500{min-height:500px}.disabled{pointer-events:none;user-select:none;cursor:default;opacity:.5}.noBackground{background:none}.no-shadow{box-shadow:none}.scrollable-table-box{width:100%;overflow-x:auto;overflow-y:visible;font-size:12px}.table{display:table;margin:0;font-size:12px}.table--inline{display:inline-table}.table__row{width:100%;display:table-row}.table__row:not(:first-child) .table__cell{border-top:1px solid #e2e5ec}.table__row:not(:first-child) .table__cell_min-height{min-height:15px}.table__cell{display:table-cell;vertical-align:middle;padding:14px 15px;background-color:#fff;font-size:13px;font-weight:300}.table__cell:first-child{padding-left:15px}.table__cell:last-child{padding-right:15px;text-align:right}.table__cell--th{font-weight:bold;font-size:12px}.table--bordered .table__cell{border-left:1px solid #e2e5ec}.table--bordered .table__cell:last-child{border-right:1px solid #e2e5ec}.thead-decorate .table__row:first-child{background-color:#ebeff2;height:42px}.cell-align_top .listItems-table__cell{vertical-align:top}.cell-align_middle .listItems-table__cell{vertical-align:middle}.bg--white{background:#fff}.bg--success{background-color:#007a1d}.bg--error{background-color:#8d0a00}.bg--warn{background-color:#ffb74d}.bg--cherokee{background-color:#fbdd9e}.bg--yellow{background-color:#ff0}.bg--pause,.bg--disabled{background-color:#999}.bg--sky{background-color:#2196f3}.bg--sky-deep{background-color:#006ff3}.bg--sky-light{background-color:#ecf8ff}.bg--sky-gentle{background-color:#ecf8ff}.bg--purple{background-color:#3949ab}.bg--sea{background-color:#00bcd4}.bg--light-pinky{background-color:#f9f2f4}.bg--wisp-pinky{background-color:#fce2e8}.bg--color--panache{background-color:#e4f3e8}.bg--lavr{background-color:#e9f3f5}.bg--creme{background-color:#fdfdf6}.bg--warning{background-color:#ff8a65}.bg--slate{background-color:#78909c}.bg--gray-gentel{background-color:#f8f8fa}.bg--froly{background-color:#f06d8d}.bg--sandy-beach{background-color:#ffedc8}.bg--wisp-pinky{background-color:#fce2e8}.border--success{border-color:#007a1d}.border--sky{border-color:#2196f3}.border--danger{border-color:#8d0a00}.border--gray-dark{border-color:#333}.color--white{color:#fff}.color--primary{color:#6b81dd}.color--froly{color:#f06d8d}.color--text{color:#1e1e2d}.color--gray-gull{color:#9aa0b9}.color--dark{color:#000}.color--sea-buckthorn{color:#f59a2f}.color--success{color:#007a1d}.color--de-york{color:#78c58d}.color--green-dark{color:#00695c}.color--green-haze{color:#00b031}.color--error{color:#8d0a00}.color--light-red{color:#cf0e00}.color--danger{color:#8d0a00}.color--warning{color:#ff8a65}.color--warn{color:#ffb74d}.color--pause,.color--disabled{color:#999}.color--sky{color:#2196f3}.color--sky-deep{color:#006ff3}.color--sky-light{color:#ecf8ff}.color--purple{color:#3949ab}.color--sea{color:#00bcd4}.color--light-pinky{color:#f9f2f4}.color--eggplant{color:#6a1ba7}.color--gray-dark{color:#333}.color--brown{color:#6d4c41}.color--gray-gentel{color:#f8f8fa}.color--skype{color:#33c5f1}.color--fb{color:#4489ca}.color--viber{color:#af55a3}.color--icq{color:#24b802}.color--aim{color:#d04c2d}.i-color--skype{color:#33c5f1 !important}.i-color--fb{color:#4489ca !important}.i-color--viber{color:#af55a3 !important}.i-color--icq{color:#24b802 !important}.i-color--aim{color:#d04c2d !important}.pointer{cursor:pointer}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}body{margin:0;font-family:Roboto,sans-serif}input{margin:0;font-family:inherit;outline:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;appearance:none}input[type=number]{appearance:textfield}button{padding:0;font-family:inherit;border:none;outline:none;background:none}button:not(:disabled){cursor:pointer}.main__wrap{display:flex}
package/dist/css/box.css ADDED
@@ -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}
package/dist/css/button.css ADDED
@@ -0,0 +1 @@
1
+ .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}
package/dist/css/buttons-bar.css ADDED
@@ -0,0 +1 @@
1
+ .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}.button-bar{display:flex;justify-content:center;align-items:center;width:100%;margin:15px}
package/dist/css/calendar.css ADDED
@@ -0,0 +1 @@
1
+ .calendar{display:flex;flex-direction:column;width:260px;min-height:195px;margin-top:4px;padding:5px 0;user-select:none;border:1px solid #e2e5ec;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}.calendar-header{display:flex;justify-content:center;align-items:center;box-sizing:border-box}.calendar-header__title{display:flex}.calendar-header__title-month{margin-right:5px}.calendar-header__title-year{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;box-sizing:border-box;width:45px;height:100%;padding:0 5px;cursor:pointer}.calendar-header__title-year:hover:not(.calendar-header__title-year_change-mode){text-decoration:underline}.calendar-header__title-year.calendar-header__title-year_change-mode{height:24px;padding:0 3px;border-width:1px;border-style:solid;border-color:inherit;border-radius:var(--border-radius)}.calendar-header__title-year-change-input{display:inline;box-sizing:border-box;width:100%;margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;border:none;outline:none}.calendar-header__prev,.calendar-header__next{display:flex;height:auto;cursor:pointer}.calendar__week{display:flex}.calendar__day{flex-grow:1;flex-basis:0;margin:1px 0;padding:1px 6px;font-size:13px;line-height:20px;user-select:none;text-align:center}.calendar__day--clickable{cursor:pointer}.calendar__day--clickable:hover{background:#e2e6f8}.calendar__day--disabled{cursor:default;pointer-events:none;color:#9aa0b9}.calendar__day--disabled:hover{background:inherit}.calendar__day--range-end,.calendar__day--selected{color:#fff;border-radius:4px;background:#6b81dd}.calendar__day--range-end:hover,.calendar__day--selected:hover{background:#6b81dd}.calendar__day--range-inside{background:#e2e6f8}.calendar__day--prev-range-end{border-radius:4px;background:#e2e5ec}.calendar__day--prev-range-inside{background:#f7f8fa}.calendar__day--title{font-size:10px;font-weight:normal;color:#9aa0b9}.calendar__day--title:hover{background:inherit}.calendar-dropdown{display:flex;overflow:hidden;align-items:center;box-sizing:border-box;width:100%;height:28px;padding-left:9px;font-weight:400;cursor:pointer;user-select:none;border:1px solid #e2e5ec;border-radius:3px;background-color:#fff;appearance:none}.calendar-placeholder{width:100%;height:16px;padding:0 15px 0 0;font-size:13px;font-weight:400;text-overflow:ellipsis;border:none;background:none}
package/dist/css/chart.css ADDED
@@ -0,0 +1 @@
1
+ .chart{position:relative;box-sizing:border-box;height:fit-content;padding:24px}.chart__header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.chart__header_only-switcher{justify-content:flex-end}.chart__description{display:flex;flex-grow:1;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;padding-left:24px}.chart__type-switcher{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;width:fit-content;height:fit-content}.chart__type-switcher-icon{margin-right:8px}.chart__type-switcher-icon:last-child{margin-right:0}.chart_icon-mode{width:fit-content;padding:0}.chart_icon-mode .chart__header{margin-bottom:0}.chart__type-switcher-icon{overflow:hidden;width:24px;height:24px;cursor:pointer}.chart__type-switcher-icon svg{width:100%;height:100%}.chart__type-switcher-icon_active svg rect{fill:#1f7499}.chart__type-switcher-icon_active svg path{stroke:#fff}
package/dist/css/checkbox-input.css ADDED
@@ -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%)}
package/dist/css/checkboxes-line.css ADDED
@@ -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%)}.checkboxes-line{--checkboxes-line-margin-right: 10px;--checkboxes-line-margin-bottom: 10px;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}.checkboxes-line__checkbox-input{width:fit-content;margin-right:var(--checkboxes-line-margin-right)}.checkboxes-line__checkbox-input:last-of-type{margin-right:0}.checkboxes-line_column{flex-flow:column wrap;align-items:flex-start}.checkboxes-line_column .checkboxes-line__checkbox-input{margin-right:0;margin-bottom:var(--checkboxes-line-margin-bottom)}.checkboxes-line_column .checkboxes-line__checkbox-input:last-of-type{margin-bottom:0}
package/dist/css/circle-progress-bar.css ADDED
@@ -0,0 +1 @@
1
+ .limit-progress-bar{position:relative;display:flex;flex-direction:column-reverse;width:124px;min-height:124px;border-radius:50%;background-color:rgba(0,0,0,0)}.limit-progress-bar__progress{border-radius:50%;transform:rotate(-90deg)}.limit-progress-bar--reverse .limit-progress-bar__progress{transform:rotate(-90deg) scaleY(-1)}.limit-progress-bar__progress>circle{fill:none;transition:stroke-dashoffset .8s;transform:translate(3px, 3px);stroke-linecap:round}.limit-progress-bar__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%}
package/dist/css/date-time.css ADDED
@@ -0,0 +1 @@
1
+ :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.date-time{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.date-time__date,.date-time__time{font-weight:normal}.date-time_color--pause{color:#999}
package/dist/css/datepicker.css ADDED
@@ -0,0 +1 @@
1
+ :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.dropdown{position:relative;display:flex;overflow:hidden;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;border:1px solid #e2e5ec;border-radius:4px;background:#fff}.dropdown--focused{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.dropdown--with-custom-trigger{border:none !important;background:none !important;filter:none !important}.dropdown--with-actions{border-top-right-radius:0;border-bottom-right-radius:0}.dropdown__actions{display:flex;overflow:hidden;justify-content:center;align-items:center;align-self:stretch;box-sizing:border-box;min-width:56px;border-radius:0px 2px 2px 0px}.dropdown__actions-item{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:4px;box-sizing:border-box;min-width:28px;height:100%;padding:4px;cursor:pointer;border-left:1px solid var(--Border-Input, #e2e5ec);background:var(--Background-Light-action, #f4f6ff)}.dropdown__actions svg{width:16px;height:16px;color:#1e1e2d}.dropdown__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.dropdown__trigger{position:relative;display:block;align-items:center;box-sizing:border-box;width:100%;height:28px;font-weight:400;cursor:pointer;text-align:left;border:none !important;filter:none}.dropdown__trigger .text{overflow:hidden;max-width:calc(100% - 5px);padding:0 16px 0 8px;white-space:nowrap;text-overflow:ellipsis}.dropdown__trigger.error{border-color:#f06d8d}.dropdown__trigger.placeholder .text{opacity:.7}.dropdown__trigger input{box-sizing:border-box}.dropdown__input{width:100%;height:16px;padding:0 16px 0 8px;font-weight:400;text-overflow:ellipsis;border:none;background:none}.dropdown__list{position:relative;z-index:6;top:100%;overflow-y:auto;box-sizing:border-box;min-width:100%;max-height:320px;padding:4px 0}.dropdown__list-wrapper{position:relative;z-index:6;top:100%;box-sizing:border-box;margin-top:4px;border:1px solid #e2e5ec;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}.dropdown__list-header{display:none}.dropdown__list::-webkit-scrollbar{width:4px}.dropdown__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.dropdown__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.dropdown__list-top{top:auto;bottom:calc(100% + 4px);box-shadow:0 -3px 10px rgba(0,0,0,.15)}.dropdown__list-item{position:relative;display:flex;overflow:hidden;align-items:center;width:100%;min-height:24px;padding:0 20px 0 30px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;white-space:nowrap;color:#1e1e2d;border:none;background:rgba(0,0,0,0)}.dropdown__list-item-label{text-align:left;white-space:wrap}.dropdown__list-item-description{margin-left:4px;color:#757f8c}.dropdown__list-item--modal{position:relative;width:100%;font-size:14px;line-height:20px;text-align:left;letter-spacing:.2px;color:#1f7499}.dropdown__list-item--modal::after{position:absolute;bottom:-2px;width:300%;height:1px;content:"";background-color:#e8e9ec;transform:translateX(-50%)}.dropdown__list-item--no-options{box-sizing:border-box}.dropdown__list-item:hover,.dropdown__list-item_active{background:#f2f2f8}.dropdown__list-item_disabled{pointer-events:none;opacity:.3}.dropdown__list-item-postfix{margin-left:4px}.dropdown__list--with-label{top:45px}.dropdown__arrow{position:absolute;top:50%;right:4px;display:flex;align-items:center;width:16px;height:16px;transform:translate(0, -50%)}.dropdown__arrow svg{width:16px;height:16px}.dropdown__active-icon{position:absolute;top:0;bottom:0;left:9px;display:none;align-items:center;margin:auto}.dropdown__active-icon_active{display:flex}.dropdown__active-icon_active svg{width:16px;height:16px}.dropdown-group{margin-top:10px}.dropdown-group__name{margin-bottom:6px;margin-left:17px;font-size:10px;text-transform:uppercase;color:#9aa0b9}.dropdown-label{margin-bottom:4px}.dropdown__error{position:absolute;top:50px;left:2px;display:block;font-size:10px;color:#f06d8d}.dropdown__footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:30px;padding:4px 32px 6px;background:#f8fbff}.dropdown.disabled{pointer-events:none;opacity:.5}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(max-width: 768px),screen and (max-width: 1024px)and (orientation: landscape){.dropdown-mobile .dropdown__arrow{top:50% !important;right:16px !important;width:16px;height:16px;text-align:center;transform:translateY(-50%) rotate(90deg) !important}.dropdown-mobile .dropdown__arrow svg.mobile-icon{position:relative !important;top:5px !important;right:unset !important;display:flex;height:12px}.dropdown-mobile .dropdown__container{overflow:hidden !important}.dropdown-mobile .dropdown__container--opened{position:fixed;top:0 !important;left:0 !important;width:100dvw;height:100dvh;max-height:100dvh;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.dropdown-mobile .dropdown__container-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;box-sizing:border-box;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;animation-name:slideup;animation-duration:.4s}.dropdown-mobile .dropdown__list{top:0;padding:16px !important}.dropdown-mobile .dropdown__list-wrapper{position:sticky;bottom:0;overflow:hidden;box-sizing:border-box;max-height:500px;border-radius:24px !important}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow::after{position:absolute;z-index:6;bottom:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-wrapper--fixed-height{height:500px !important}.dropdown-mobile .dropdown__list-header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.dropdown-mobile .dropdown__list-header-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:24px}.dropdown-mobile .dropdown__list-header-row:first-child{padding-right:50px}.dropdown-mobile .dropdown__list-header-row .input__wrap{display:flex;align-items:center;width:100%;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.dropdown-mobile .dropdown__list-header-row .input__wrap input{background:unset !important}.dropdown-mobile .dropdown__list-header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.dropdown-mobile .dropdown__list-header-row .input__close::before,.dropdown-mobile .dropdown__list-header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.dropdown-mobile .dropdown__list-header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.dropdown-mobile .dropdown__list-header-with-shadow::after{position:absolute;z-index:10;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.dropdown-mobile .dropdown__list-header-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-close-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.dropdown-mobile .dropdown__list-close-icon svg{width:16px;height:16px;color:#a0a4b0}.dropdown-mobile .dropdown-group{margin:0 0 4px}.dropdown-mobile .dropdown-group:last-child{margin-bottom:16px}.dropdown-mobile .dropdown-group__name{margin:0 0 8px;padding:10px 0px 6px;font-size:11px;border-bottom:1px solid rgba(58,72,122,.15)}.dropdown-mobile .dropdown__list-item{display:flex;justify-content:space-between;height:auto !important;padding:10px 8px !important;line-height:24px}.dropdown-mobile .dropdown__list-item-label{white-space:wrap !important}.dropdown-mobile .dropdown__list-item-label span.bg--yellow{font-weight:600;background-color:unset !important}.dropdown-mobile .dropdown__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}.dropdown-mobile .dropdown__footer{position:absolute;z-index:4;bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;height:unset;padding:0;border:none;background:none}.dropdown-mobile .dropdown__footer-with-shadow::after{position:absolute;top:-15px;bottom:0;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__footer-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__footer button{box-sizing:border-box;width:100%;padding:8px 16px}}.dropdown-loader-box{position:absolute;z-index:100;opacity:.1;background:#fff;top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:100px;height:100px}.lds-ring.lds-ring_little{width:20px;height:20px}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:84px;height:84px;margin:8px;border:8px solid #000;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite}.lds-ring_little div{width:20px;height:20px}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.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}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.radio-input{display:inline-flex;align-items:center;cursor:pointer}.radio-input_disabled .radio-input__input{cursor:auto;pointer-events:none;opacity:.3}.radio-input:hover .radio-input__input{background-color:#e2e5ec}.radio-input__input{position:relative;width:14px;min-width:14px;height:14px;min-height:14px;border:1px solid #a6acb1;border-radius:50%;background-color:#fff}.radio-input__mark{position:absolute;z-index:1;inset:0;display:none;width:10px;height:10px;margin:auto;border-radius:50%;background-color:#6b81dd}.radio-input .radio-input__radio:checked~.radio-input__mark{display:block}.radio-input__radio{position:absolute;width:0;height:0;opacity:0}.radio-input__label{margin-left:5px;font-size:13px;font-weight:400;user-select:none}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.switcher__button{display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;cursor:pointer;color:inherit}.switcher_disabled{pointer-events:none;opacity:.5}.switcher__button-content{box-sizing:border-box;width:26px;min-width:26px;height:16px;padding:1px;border-radius:8px;background-color:rgba(166,172,177,.5)}.switcher__button-content_active{background-color:#6b81dd}.switcher__button-content_active .switcher__ball{transform:translateX(calc(100% - 4px))}.switcher__ball{width:14px;height:14px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.5);transition:transform .2s ease}.switcher__label{margin-left:4px;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:24px;user-select:none;text-align:left;color:inherit}.switcher__label_bold{font-weight:500}.switcher__wrap{display:inline-flex;align-items:center}.switcher__hint{margin-left:5px}.switcher__hint .hint__button svg{width:16px;min-width:16px}: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}
package/dist/css/debug-container.css ADDED
@@ -0,0 +1 @@
1
+ .debug-container{position:fixed;z-index:999;top:0;left:0;box-sizing:border-box;width:100%;color:#fff;background-color:rgba(0,0,0,.8)}.debug-container__body{padding:8px 16px}.debug-container__toggler{position:absolute;bottom:0;left:0;padding:4px 16px;border-radius:0 0 4px;background-color:rgba(0,0,0,.8);transform:translateY(100%)}.debug-container__toggler svg{width:16px;height:16px;color:#fff}.debug-container h5,.debug-container pre{margin:0;margin-bottom:8px}
package/dist/css/double-string.css ADDED
@@ -0,0 +1 @@
1
+ .double-string{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}.double-string__value,.double-string__description,.double-string__sub-description{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;color:inherit}.double-string__value{overflow:hidden;max-width:100%;margin:0 0 4px;white-space:nowrap;text-overflow:ellipsis}.double-string__description{margin:0;color:#9aa0b9}.double-string__sub-description{margin:0;color:#9aa0b9}.double-string--value-opened{white-space:unset;text-overflow:unset}.double-string__hide-mode-icon{width:16px;height:16px;margin-left:4px;cursor:pointer;pointer-events:all;color:#6b81dd}
package/dist/css/dropdown-live-search.css ADDED
@@ -0,0 +1 @@
1
+ :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.dropdown-live-search{position:relative;display:inline-flex;flex-direction:column;width:100%;border-radius:7px}.dropdown-live-search__trigger{position:relative;display:block;align-items:center;box-sizing:border-box;width:100%;height:28px;font-weight:400;cursor:pointer;text-align:left;border:1px solid #e2e5ec;border-radius:3px;background:#fff}.dropdown-live-search__trigger .text{display:block;overflow:hidden;max-width:calc(100% - 5px);padding:0 16px 0 8px;white-space:nowrap;text-overflow:ellipsis}.dropdown-live-search__trigger.error{border-color:#f06d8d}.dropdown-live-search__trigger.placeholder .text{opacity:.7}.dropdown-live-search--focused .dropdown-live-search__trigger{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.dropdown-live-search__input{box-sizing:border-box;width:100%;height:100%;padding:0 16px 0 8px;font-weight:400;text-overflow:ellipsis;border:none;background:none}.dropdown-live-search__list{position:relative;z-index:6;top:100%;overflow-y:auto;box-sizing:border-box;min-width:100%;max-height:320px;padding:5px 0;border:1px solid #e2e5ec;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}.dropdown-live-search__list::-webkit-scrollbar{width:4px}.dropdown-live-search__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.dropdown-live-search__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.dropdown-live-search__list-top{top:auto !important;bottom:calc(100% + 4px)}.dropdown-live-search__list-item{position:relative;display:flex;overflow:hidden;align-items:center;width:100%;height:24px;padding:0 20px 0 30px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;white-space:nowrap;color:#1e1e2d;border:none;background:rgba(0,0,0,0)}.dropdown-live-search__list-item--modal{position:relative;width:100%;font-size:14px;line-height:20px;text-align:left;letter-spacing:.2px;color:#1f7499}.dropdown-live-search__list-item--modal::after{position:absolute;bottom:-2px;width:300%;height:1px;content:"";background-color:#e8e9ec;transform:translateX(-50%)}.dropdown-live-search__list-item--no-options{box-sizing:border-box;padding-left:8px}.dropdown-live-search__list-item:hover,.dropdown-live-search__list-item_active{background:#f2f2f8}.dropdown-live-search__list-item_disabled{pointer-events:none;opacity:.3}.dropdown-live-search__list-item-postfix{margin-left:5px}.dropdown-live-search__list-item p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-live-search__list--with-label{top:45px}.dropdown-live-search__arrow{position:absolute;top:50%;right:4px;display:flex;align-items:center;width:16px;height:16px;transform:translate(0, -50%)}.dropdown-live-search__arrow svg{width:16px;height:16px}.dropdown-live-search__active-icon{position:absolute;top:0;bottom:0;left:9px;display:none;align-items:center;margin:auto}.dropdown-live-search__active-icon_active{display:flex}.dropdown-live-search__active-icon_active svg{width:16px;height:16px}.dropdown-live-search__container{position:absolute;z-index:99999;top:30px;display:block;box-sizing:border-box;background-color:#fff}.dropdown-live-search.disabled{pointer-events:none;opacity:.5}.dropdown-live-search-mobile .dropdown-live-search__arrow{top:50%;display:flex;justify-content:center;align-items:center;transform:rotate(90deg) translateX(-50%)}.dropdown-live-search-mobile .dropdown-live-search__arrow svg{width:12px;height:12px;color:#9aa0b9}.dropdown-live-search-mobile .dropdown-live-search__container-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;width:100dvw;height:100dvh;max-height:100dvh;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.dropdown-live-search-mobile .dropdown-live-search__list-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;box-sizing:border-box;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;animation-name:slideup;animation-duration:.4s}.dropdown-live-search-mobile .dropdown-live-search__container{--spacing: vars.$spacing-s;position:absolute;z-index:auto;top:auto;bottom:var(--spacing);overflow:hidden;box-sizing:border-box;width:calc(100% - 2*var(--spacing));max-height:500px;margin:0;border-radius:24px !important}.dropdown-live-search-mobile .dropdown-live-search__container--with-bottom-shadow::after{position:absolute;z-index:6;bottom:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-live-search-mobile .dropdown-live-search__container--with-bottom-shadow-hidden::after{opacity:0}.dropdown-live-search-mobile .dropdown-live-search__container--fixed-height{height:500px !important}.dropdown-live-search-mobile .dropdown-live-search__list{max-height:500px;padding:0 16px 16px !important;box-shadow:none}.dropdown-live-search-mobile .dropdown-live-search__list-header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.dropdown-live-search-mobile .dropdown-live-search__list-header-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:24px}.dropdown-live-search-mobile .dropdown-live-search__list-header-row:first-child{padding-right:50px}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__wrap{display:flex;align-items:center;width:100%;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__wrap input{background:unset !important}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__close::before,.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.dropdown-live-search-mobile .dropdown-live-search__list-header-with-shadow::after{position:absolute;z-index:10;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.dropdown-live-search-mobile .dropdown-live-search__list-header-with-shadow-hidden::after{opacity:0}.dropdown-live-search-mobile .dropdown-live-search__list-header .dropdown-live-search__input{display:flex;align-items:center;width:100%;height:28px;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.dropdown-live-search-mobile .dropdown-live-search__list-header .dropdown-live-search__input input{background:unset !important}.dropdown-live-search-mobile .dropdown-live-search__list-close-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.dropdown-live-search-mobile .dropdown-live-search__list-close-icon svg{width:16px;height:16px;color:#a0a4b0}.dropdown-live-search-mobile .dropdown-live-search__list-item{display:flex;justify-content:space-between;height:auto !important;padding:10px 8px !important;line-height:24px}.dropdown-live-search-mobile .dropdown-live-search__list-item p{margin:0}.dropdown-live-search-mobile .dropdown-live-search__list-item-label{white-space:wrap !important}.dropdown-live-search-mobile .dropdown-live-search__list-item-label span.bg--yellow{font-weight:600;background-color:unset !important}.dropdown-live-search-mobile .dropdown-live-search__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.radio-input{display:inline-flex;align-items:center;cursor:pointer}.radio-input_disabled .radio-input__input{cursor:auto;pointer-events:none;opacity:.3}.radio-input:hover .radio-input__input{background-color:#e2e5ec}.radio-input__input{position:relative;width:14px;min-width:14px;height:14px;min-height:14px;border:1px solid #a6acb1;border-radius:50%;background-color:#fff}.radio-input__mark{position:absolute;z-index:1;inset:0;display:none;width:10px;height:10px;margin:auto;border-radius:50%;background-color:#6b81dd}.radio-input .radio-input__radio:checked~.radio-input__mark{display:block}.radio-input__radio{position:absolute;width:0;height:0;opacity:0}.radio-input__label{margin-left:5px;font-size:13px;font-weight:400;user-select:none}: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)}}
package/dist/css/dropdown.css ADDED
@@ -0,0 +1 @@
1
+ :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.dropdown{position:relative;display:flex;overflow:hidden;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;border:1px solid #e2e5ec;border-radius:4px;background:#fff}.dropdown--focused{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.dropdown--with-custom-trigger{border:none !important;background:none !important;filter:none !important}.dropdown--with-actions{border-top-right-radius:0;border-bottom-right-radius:0}.dropdown__actions{display:flex;overflow:hidden;justify-content:center;align-items:center;align-self:stretch;box-sizing:border-box;min-width:56px;border-radius:0px 2px 2px 0px}.dropdown__actions-item{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:4px;box-sizing:border-box;min-width:28px;height:100%;padding:4px;cursor:pointer;border-left:1px solid var(--Border-Input, #e2e5ec);background:var(--Background-Light-action, #f4f6ff)}.dropdown__actions svg{width:16px;height:16px;color:#1e1e2d}.dropdown__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.dropdown__trigger{position:relative;display:block;align-items:center;box-sizing:border-box;width:100%;height:28px;font-weight:400;cursor:pointer;text-align:left;border:none !important;filter:none}.dropdown__trigger .text{overflow:hidden;max-width:calc(100% - 5px);padding:0 16px 0 8px;white-space:nowrap;text-overflow:ellipsis}.dropdown__trigger.error{border-color:#f06d8d}.dropdown__trigger.placeholder .text{opacity:.7}.dropdown__trigger input{box-sizing:border-box}.dropdown__input{width:100%;height:16px;padding:0 16px 0 8px;font-weight:400;text-overflow:ellipsis;border:none;background:none}.dropdown__list{position:relative;z-index:6;top:100%;overflow-y:auto;box-sizing:border-box;min-width:100%;max-height:320px;padding:4px 0}.dropdown__list-wrapper{position:relative;z-index:6;top:100%;box-sizing:border-box;margin-top:4px;border:1px solid #e2e5ec;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}.dropdown__list-header{display:none}.dropdown__list::-webkit-scrollbar{width:4px}.dropdown__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.dropdown__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.dropdown__list-top{top:auto;bottom:calc(100% + 4px);box-shadow:0 -3px 10px rgba(0,0,0,.15)}.dropdown__list-item{position:relative;display:flex;overflow:hidden;align-items:center;width:100%;min-height:24px;padding:0 20px 0 30px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;white-space:nowrap;color:#1e1e2d;border:none;background:rgba(0,0,0,0)}.dropdown__list-item-label{text-align:left;white-space:wrap}.dropdown__list-item-description{margin-left:4px;color:#757f8c}.dropdown__list-item--modal{position:relative;width:100%;font-size:14px;line-height:20px;text-align:left;letter-spacing:.2px;color:#1f7499}.dropdown__list-item--modal::after{position:absolute;bottom:-2px;width:300%;height:1px;content:"";background-color:#e8e9ec;transform:translateX(-50%)}.dropdown__list-item--no-options{box-sizing:border-box}.dropdown__list-item:hover,.dropdown__list-item_active{background:#f2f2f8}.dropdown__list-item_disabled{pointer-events:none;opacity:.3}.dropdown__list-item-postfix{margin-left:4px}.dropdown__list--with-label{top:45px}.dropdown__arrow{position:absolute;top:50%;right:4px;display:flex;align-items:center;width:16px;height:16px;transform:translate(0, -50%)}.dropdown__arrow svg{width:16px;height:16px}.dropdown__active-icon{position:absolute;top:0;bottom:0;left:9px;display:none;align-items:center;margin:auto}.dropdown__active-icon_active{display:flex}.dropdown__active-icon_active svg{width:16px;height:16px}.dropdown-group{margin-top:10px}.dropdown-group__name{margin-bottom:6px;margin-left:17px;font-size:10px;text-transform:uppercase;color:#9aa0b9}.dropdown-label{margin-bottom:4px}.dropdown__error{position:absolute;top:50px;left:2px;display:block;font-size:10px;color:#f06d8d}.dropdown__footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:30px;padding:4px 32px 6px;background:#f8fbff}.dropdown.disabled{pointer-events:none;opacity:.5}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(max-width: 768px),screen and (max-width: 1024px)and (orientation: landscape){.dropdown-mobile .dropdown__arrow{top:50% !important;right:16px !important;width:16px;height:16px;text-align:center;transform:translateY(-50%) rotate(90deg) !important}.dropdown-mobile .dropdown__arrow svg.mobile-icon{position:relative !important;top:5px !important;right:unset !important;display:flex;height:12px}.dropdown-mobile .dropdown__container{overflow:hidden !important}.dropdown-mobile .dropdown__container--opened{position:fixed;top:0 !important;left:0 !important;width:100dvw;height:100dvh;max-height:100dvh;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.dropdown-mobile .dropdown__container-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;box-sizing:border-box;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;animation-name:slideup;animation-duration:.4s}.dropdown-mobile .dropdown__list{top:0;padding:16px !important}.dropdown-mobile .dropdown__list-wrapper{position:sticky;bottom:0;overflow:hidden;box-sizing:border-box;max-height:500px;border-radius:24px !important}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow::after{position:absolute;z-index:6;bottom:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-wrapper--fixed-height{height:500px !important}.dropdown-mobile .dropdown__list-header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.dropdown-mobile .dropdown__list-header-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:24px}.dropdown-mobile .dropdown__list-header-row:first-child{padding-right:50px}.dropdown-mobile .dropdown__list-header-row .input__wrap{display:flex;align-items:center;width:100%;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.dropdown-mobile .dropdown__list-header-row .input__wrap input{background:unset !important}.dropdown-mobile .dropdown__list-header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.dropdown-mobile .dropdown__list-header-row .input__close::before,.dropdown-mobile .dropdown__list-header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.dropdown-mobile .dropdown__list-header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.dropdown-mobile .dropdown__list-header-with-shadow::after{position:absolute;z-index:10;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.dropdown-mobile .dropdown__list-header-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-close-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.dropdown-mobile .dropdown__list-close-icon svg{width:16px;height:16px;color:#a0a4b0}.dropdown-mobile .dropdown-group{margin:0 0 4px}.dropdown-mobile .dropdown-group:last-child{margin-bottom:16px}.dropdown-mobile .dropdown-group__name{margin:0 0 8px;padding:10px 0px 6px;font-size:11px;border-bottom:1px solid rgba(58,72,122,.15)}.dropdown-mobile .dropdown__list-item{display:flex;justify-content:space-between;height:auto !important;padding:10px 8px !important;line-height:24px}.dropdown-mobile .dropdown__list-item-label{white-space:wrap !important}.dropdown-mobile .dropdown__list-item-label span.bg--yellow{font-weight:600;background-color:unset !important}.dropdown-mobile .dropdown__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}.dropdown-mobile .dropdown__footer{position:absolute;z-index:4;bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;height:unset;padding:0;border:none;background:none}.dropdown-mobile .dropdown__footer-with-shadow::after{position:absolute;top:-15px;bottom:0;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__footer-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__footer button{box-sizing:border-box;width:100%;padding:8px 16px}}.dropdown-loader-box{position:absolute;z-index:100;opacity:.1;background:#fff;top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:100px;height:100px}.lds-ring.lds-ring_little{width:20px;height:20px}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:84px;height:84px;margin:8px;border:8px solid #000;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite}.lds-ring_little div{width:20px;height:20px}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.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}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.radio-input{display:inline-flex;align-items:center;cursor:pointer}.radio-input_disabled .radio-input__input{cursor:auto;pointer-events:none;opacity:.3}.radio-input:hover .radio-input__input{background-color:#e2e5ec}.radio-input__input{position:relative;width:14px;min-width:14px;height:14px;min-height:14px;border:1px solid #a6acb1;border-radius:50%;background-color:#fff}.radio-input__mark{position:absolute;z-index:1;inset:0;display:none;width:10px;height:10px;margin:auto;border-radius:50%;background-color:#6b81dd}.radio-input .radio-input__radio:checked~.radio-input__mark{display:block}.radio-input__radio{position:absolute;width:0;height:0;opacity:0}.radio-input__label{margin-left:5px;font-size:13px;font-weight:400;user-select:none}: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)}}
package/dist/css/file-loader-description.css ADDED
@@ -0,0 +1 @@
1
+ .file-loader-description{display:flex;flex-direction:column;justify-content:center;row-gap:8px}.file-loader-description__title{font-family:Sarabun;font-size:14px;font-weight:600;font-style:normal;line-height:20px;letter-spacing:.2px;color:var(--color-text-subtle, #171d33)}.file-loader-description__accordion{overflow:hidden}.file-loader-description__file-descr{font-family:Sarabun;font-size:12px;font-weight:400;font-style:normal;line-height:18px;letter-spacing:.2px;color:var(--color-text-muted, #656e7a)}.file-loader-description__list-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;column-gap:8px}.file-loader-description__list-bullet{min-width:6px;min-height:6px;margin-top:7px;border-radius:50%;background:var(--color-text-body, #171d33)}.file-loader-description__accordion-title{font-family:Sarabun;font-size:12px;font-weight:400;font-style:normal;line-height:18px;letter-spacing:.2px;text-overflow:ellipsis;color:var(--color-text-body, #171d33)}.file-loader-description__list{display:flex;flex-direction:column;row-gap:8px}.file-loader-description__list--with-description{padding:8px;border:1px solid var(--Black-gray-light-Divider, rgba(58, 72, 122, 0.15));border-radius:8px}.file-loader-description__list-description{font-family:Sarabun;font-size:12px;font-weight:400;font-style:normal;line-height:18px;letter-spacing:.2px;color:var(--color-text-muted, #656e7a)}.file-loader-description__list-title{font-family:Sarabun;font-size:12px;font-weight:500;font-style:normal;line-height:18px;letter-spacing:.2px;color:#171d33}.file-loader-description__list-descr{font-family:Sarabun;font-size:12px;font-weight:400;font-style:normal;line-height:18px;letter-spacing:.2px;color:var(--color-text-subtle, #171d33)}.file-loader-local{position:relative;display:flex;align-items:center;box-sizing:border-box;min-height:50px;border:1px dashed var(--Black-gray-light-Divider, rgba(58, 72, 122, 0.15));border-radius:8px;background-color:#fff}.file-loader-local--with-file{border:unset;box-shadow:0px 2px 8px rgba(39,73,113,.15)}.file-loader-local_outer-error{border:1px solid #fa564c}.file-loader-local__top-label{margin-bottom:16px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.2px}.file-loader-local__top-label-extension{color:#757f8c}.file-loader-local__file-input{position:absolute;z-index:-10;width:.1px;height:.1px;opacity:0}.file-loader-local__label-box{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;max-height:50px;padding:15px 18px 15px 16px;font-family:Sarabun;font-size:14px;font-weight:400;line-height:20px;color:#1f7499}.file-loader-local__label-box--upload-trigger{cursor:pointer}.file-loader-local__upload-icon{min-width:16px;max-width:16px;min-height:16px;max-height:16px;margin-right:8px;color:#a0a4b0;transform:rotate(180deg);stroke-width:1.5px}.file-loader-local__trash-icon{min-width:16px;max-width:16px;min-height:16px;max-height:16px;cursor:pointer;color:#f06d8d}.file-loader-local__label-wrapper{overflow:hidden;flex-grow:1;margin-right:8px;white-space:nowrap;text-overflow:ellipsis}.file-loader-local__label{display:flex;flex-direction:column;width:100%}.file-loader-local__label-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-word}.file-loader-local__label-filled{color:#171d33}.file-loader-local__error{font-size:12px;color:#f06d8d}.file-loader-local--required{color:#f06d8d}.file-loader-local--optional{color:#757f8c}.accordion-text{position:relative;overflow:hidden;box-sizing:border-box;height:25px;padding:4px 24px 4px 8px;font-size:12px;font-weight:400;line-height:18px;cursor:pointer;border-radius:4px;background-color:rgba(48,57,91,.05)}.accordion-text--open{height:fit-content;max-height:100%}.accordion-text__body{overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.accordion-text__body--trim-text>*{overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.accordion-text--open .accordion-text__body{overflow:visible;white-space:normal;text-overflow:clip}.accordion-text__toggle{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;width:16px;height:16px;margin:4px;padding:2px;pointer-events:none;color:#a0a4b0}
package/dist/css/file-loader-local-group.css ADDED
@@ -0,0 +1 @@
1
+ .file-loader-local-groups{display:flex;flex-direction:column;row-gap:16px}.file-loader-local-groups__item{display:flex;flex-direction:column;gap:8px}.file-group:not(:first-child){margin-top:24px}.file-loader-local{position:relative;display:flex;align-items:center;box-sizing:border-box;min-height:50px;border:1px dashed var(--Black-gray-light-Divider, rgba(58, 72, 122, 0.15));border-radius:8px;background-color:#fff}.file-loader-local--with-file{border:unset;box-shadow:0px 2px 8px rgba(39,73,113,.15)}.file-loader-local_outer-error{border:1px solid #fa564c}.file-loader-local__top-label{margin-bottom:16px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.2px}.file-loader-local__top-label-extension{color:#757f8c}.file-loader-local__file-input{position:absolute;z-index:-10;width:.1px;height:.1px;opacity:0}.file-loader-local__label-box{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;max-height:50px;padding:15px 18px 15px 16px;font-family:Sarabun;font-size:14px;font-weight:400;line-height:20px;color:#1f7499}.file-loader-local__label-box--upload-trigger{cursor:pointer}.file-loader-local__upload-icon{min-width:16px;max-width:16px;min-height:16px;max-height:16px;margin-right:8px;color:#a0a4b0;transform:rotate(180deg);stroke-width:1.5px}.file-loader-local__trash-icon{min-width:16px;max-width:16px;min-height:16px;max-height:16px;cursor:pointer;color:#f06d8d}.file-loader-local__label-wrapper{overflow:hidden;flex-grow:1;margin-right:8px;white-space:nowrap;text-overflow:ellipsis}.file-loader-local__label{display:flex;flex-direction:column;width:100%}.file-loader-local__label-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-word}.file-loader-local__label-filled{color:#171d33}.file-loader-local__error{font-size:12px;color:#f06d8d}.file-loader-local--required{color:#f06d8d}.file-loader-local--optional{color:#757f8c}: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)}}.alert{position:relative;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;padding:15px;font-size:13px;border-top-right-radius:5px;border-bottom-right-radius:5px}.alert--loading .loader-box{opacity:.2}.alert--error{color:#f06d8d;border-left:2px solid #f06d8d;background-color:#fce2e8}.alert--warning{color:#f59a2f;border-left:2px solid #f59a2f;background-color:#ffedc8}.alert--success{color:#00b031;border-left:2px solid #00b031;background-color:#e4f3e8}.alert--info{color:#6b81dd;border-left:2px solid #6b81dd;background-color:#e2e6f8}.alert__close-btn{display:flex;justify-content:flex-end;align-self:flex-start;min-width:15px;margin-left:10px;cursor:pointer;user-select:none}.alert--title{height:37px;font-size:13px;font-weight:400;text-transform:uppercase;color:#1e1e2d;border-radius:4px;background-color:#ebeff2}.alert--title .alert__close-btn{display:none}.alert__icon-text-box svg{margin-right:10px}.alert svg{align-self:flex-start;width:16px;min-width:16px;height:16px}.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}
package/dist/css/file-loader-local.css ADDED
@@ -0,0 +1 @@
1
+ .file-loader-local{position:relative;display:flex;align-items:center;box-sizing:border-box;min-height:50px;border:1px dashed var(--Black-gray-light-Divider, rgba(58, 72, 122, 0.15));border-radius:8px;background-color:#fff}.file-loader-local--with-file{border:unset;box-shadow:0px 2px 8px rgba(39,73,113,.15)}.file-loader-local_outer-error{border:1px solid #fa564c}.file-loader-local__top-label{margin-bottom:16px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.2px}.file-loader-local__top-label-extension{color:#757f8c}.file-loader-local__file-input{position:absolute;z-index:-10;width:.1px;height:.1px;opacity:0}.file-loader-local__label-box{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;max-height:50px;padding:15px 18px 15px 16px;font-family:Sarabun;font-size:14px;font-weight:400;line-height:20px;color:#1f7499}.file-loader-local__label-box--upload-trigger{cursor:pointer}.file-loader-local__upload-icon{min-width:16px;max-width:16px;min-height:16px;max-height:16px;margin-right:8px;color:#a0a4b0;transform:rotate(180deg);stroke-width:1.5px}.file-loader-local__trash-icon{min-width:16px;max-width:16px;min-height:16px;max-height:16px;cursor:pointer;color:#f06d8d}.file-loader-local__label-wrapper{overflow:hidden;flex-grow:1;margin-right:8px;white-space:nowrap;text-overflow:ellipsis}.file-loader-local__label{display:flex;flex-direction:column;width:100%}.file-loader-local__label-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-word}.file-loader-local__label-filled{color:#171d33}.file-loader-local__error{font-size:12px;color:#f06d8d}.file-loader-local--required{color:#f06d8d}.file-loader-local--optional{color:#757f8c}
package/dist/css/file-loader.css ADDED
@@ -0,0 +1 @@
1
+ .file-loader{position:relative;display:flex;overflow:hidden;flex-flow:row nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:28px;padding:4px 6px 4px 5px;border:1px solid #e2e5ec;border-radius:3px;background-color:#fff}.file-loader_hover{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.file-loader_load-zone{padding:0}.file-loader_load-content{pointer-events:none}.file-loader_load-content .file-loader__input-label{opacity:.5}.file-loader__value-link{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;width:calc(100% - 16px);height:100%;font-size:13px;font-weight:400;font-style:normal;line-height:20px;text-decoration:none;color:#166ead;outline:none}.file-loader__value-link svg{width:16px;height:16px;color:#9aa0b9}.file-loader__value-name{overflow:hidden;width:calc(100% - 20px);margin-left:4px;white-space:nowrap;text-overflow:ellipsis}.file-loader__value-link_icon-after .file-loader__value-name{margin-right:4px;margin-left:0}.file-loader__delete-value-button{width:16px;min-width:16px;height:16px;min-height:16px;cursor:pointer}.file-loader__delete-value-button svg{width:auto;height:100%;color:#f06d8d}.file-loader__icon-block{position:absolute;top:calc(50% - 8px);left:5px;width:16px;height:16px;pointer-events:none;color:#9aa0b9}.file-loader__icon-block svg{width:auto;height:100%}.file-loader__input-label{overflow:hidden;box-sizing:border-box;width:100%;height:100%;padding:4px 6px 4px 25px;font-size:13px;font-weight:300;font-style:normal;line-height:20px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;color:#1e1e2d}.file-loader__input-label_no-icon{padding-left:5px}.file-loader__input{display:none}.file-loader .loader-box{opacity:.2}.file-loader .loader-box .lds-ring.lds-ring_small{top:calc(50% - 10px);width:20px;height:20px}.file-loader .loader-box .lds-ring.lds-ring_small div{top:0;left:0;margin:0;border-width:2px !important}.file-loader_error{border-color:#f06d8d}.file-loader_disabled{pointer-events:none;opacity:.5}
package/dist/css/form-element.css ADDED
@@ -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)}}.alert{position:relative;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;padding:15px;font-size:13px;border-top-right-radius:5px;border-bottom-right-radius:5px}.alert--loading .loader-box{opacity:.2}.alert--error{color:#f06d8d;border-left:2px solid #f06d8d;background-color:#fce2e8}.alert--warning{color:#f59a2f;border-left:2px solid #f59a2f;background-color:#ffedc8}.alert--success{color:#00b031;border-left:2px solid #00b031;background-color:#e4f3e8}.alert--info{color:#6b81dd;border-left:2px solid #6b81dd;background-color:#e2e6f8}.alert__close-btn{display:flex;justify-content:flex-end;align-self:flex-start;min-width:15px;margin-left:10px;cursor:pointer;user-select:none}.alert--title{height:37px;font-size:13px;font-weight:400;text-transform:uppercase;color:#1e1e2d;border-radius:4px;background-color:#ebeff2}.alert--title .alert__close-btn{display:none}.alert__icon-text-box svg{margin-right:10px}.alert svg{align-self:flex-start;width:16px;min-width:16px;height:16px}.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}.form-element{position:relative}.form-element__alert{margin-top:5px;border-left:none;border-radius:5px}.form-element__error{position:static;display:block;margin-top:2px;margin-bottom:-15px;margin-left:1px;font-size:10px;color:#f06d8d}.form-element__error--with-alert{margin-bottom:0}
package/dist/css/formatted-raw-ssn.css ADDED
@@ -0,0 +1 @@
1
+ .formatted-raw-ssn{position:relative}.formatted-raw-ssn .input-classic__wrap input,.formatted-raw-ssn .input__wrap input{padding:0 38px 0 10px;font-family:Sarabun;font-size:16px;font-weight:400;font-style:normal;line-height:24px;letter-spacing:.2px;color:var(--color-text-body, #171d33)}.formatted-raw-ssn-postfix{position:absolute;top:1px;right:1px;display:flex;align-items:center;box-sizing:border-box;width:80%;height:calc(100% - 2px);padding:7px;font-family:Sarabun;font-size:16px;font-weight:400;font-style:normal;line-height:24px;cursor:text;letter-spacing:.2px;color:var(--color-text-body, #171d33);border-left:1px solid var(--color-border-input, #e1e8f1);border-radius:0px 5px 5px 0px;background:var(--color-background-form, #f7f8fa)}.formatted-raw-ssn-eye-holder{position:absolute;top:25%;right:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;cursor:pointer;transform:translateY(-25%)}.formatted-raw-ssn-icon{cursor:pointer;color:#a6aab4}.unselectable{-webkit-touch-callout:none;user-select:none}.input-mask3_wrapper{position:relative;display:block;width:100%;outline:none}.input-mask3_wrapper .input-mask{position:relative;display:inline-flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;padding:8px;cursor:text;border:1px solid #e2e5ec;border-radius:4px;background-color:#fff}.input-mask3_wrapper .input-mask_input{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;padding:8px;font-size:16px;color:#333;border:none;outline:none;background:rgba(0,0,0,0)}.input-mask3_wrapper .input-mask_focus{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.input-mask3_wrapper .input-mask_error,.input-mask3_wrapper .input-mask_blink-error{border-color:#dd6b6b;filter:drop-shadow(0 0 4px rgba(255, 93, 93, 0.5))}.input-mask3_wrapper .input-mask_icon{position:relative;width:16px;height:16px}.input-mask3_wrapper .input-mask_icon--left{margin-right:4px}.input-mask3_wrapper .input-mask_icon--right{right:0;margin-left:4px}.input-mask3_wrapper .input-mask_hint{display:flex;align-items:center;text-align:center}.input-mask3_wrapper .input-mask_hint .hint__text_right{top:50%;left:24px;transform:translateY(-50%)}.input-mask3_wrapper .input-mask_hint .hint__text_right::before{top:calc(50% - 4px);left:-3px}.input-mask3_wrapper .input-mask_hint .hint__text_left{top:50%;right:32px;transform:translateY(-50%)}.input-mask3_wrapper .input-mask_hint .hint__text_left::before{top:calc(50% - 4px);right:-3px}.input-mask3_wrapper .input-mask_hint--left{margin-right:4px}.input-mask3_wrapper .input-mask_hint--right{right:0;margin-left:4px}.input-mask3_wrapper .input-mask_clear{position:relative;z-index:9;width:16px;height:16px;cursor:pointer !important}.input-mask3_wrapper .input-mask_value{position:relative;display:flex;align-items:center;width:100%;outline:none}.input-mask3_wrapper .input-mask_value_item{display:inline-flex;width:unset;min-width:0;margin:0;padding:0;font-size:16px;border:none;outline:none}.input-mask3_wrapper .input-mask_value_item_mask-char{color:#9c9c9c}.input-mask3_wrapper .input-mask_value_item_value-char{opacity:0}.input-mask3_wrapper .input-mask_value_item_spec-char{text-align:center}.input-mask3_wrapper .input-mask_value_item--hidden{visibility:hidden}.input-mask3_wrapper .input-mask_error-text{margin-top:8px;font-size:12px;color:#d35252}.input-mask3_wrapper .lds-ring.lds-ring_small{top:calc(50% - 18px)}.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}: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}
package/dist/css/header.css ADDED
@@ -0,0 +1 @@
1
+ .header{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:11.5px 24px;box-shadow:0 4px 16px rgba(31,116,153,.15)}.header--user-name{overflow:hidden;max-width:150px;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.header--user-status{font-size:10px;color:#9aa0b9}.header--user-ava{overflow:hidden;width:30px;height:30px;margin-right:8px;text-align:center;border-radius:20px}.header--user-ava img{width:30px}.header--chevron-icon:hover{cursor:pointer}.header--bell{position:relative;display:flex;width:16px;min-width:16px;max-width:16px;height:16px;margin-right:22px;cursor:pointer}.header--bell-notification-icon{position:absolute;top:-3px;right:-6px;width:7px;height:7px;content:"";border-radius:15px;background-color:#f06d8d}.header__hint .hint__button{color:#6b81dd}.header__hint .hint__button .hint__label{margin-left:5px}.user-menu__dropdown{position:absolute;z-index:50;top:100%;width:100%;padding:10px 0;border:1px solid #e2e5ec;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}.user-menu__item{padding:5px 15px;cursor:pointer}.user-menu__item:hover{background:#e2e5ec}.user-menu{position:relative}: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}
package/dist/css/hint.css ADDED
@@ -0,0 +1 @@
1
+ :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}
package/dist/css/input-address.css ADDED
@@ -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}: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}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.input-address{position:relative;width:100%}.input-address--error .input__wrap{border-color:#fa564c !important}.input-address__clear-query{position:absolute;top:50%;right:4px;display:flex;visibility:hidden;cursor:pointer;transform:translateY(-50%)}.input-address__alert{position:absolute;top:50%;right:8px;display:flex;visibility:hidden;cursor:pointer;transform:translateY(-50%)}.input-address__alert--visible{visibility:visible}.input-address__alert svg{width:16px;height:16px;color:#fa564c}.input-address__input-wrapper:hover .input-address__clear-query,.input-address__clear-query--input-focused{visibility:visible}.input-address__list{position:absolute;z-index:999;overflow-y:auto;box-sizing:border-box;width:100%;max-height:100px;margin-top:8px;border:1px solid #e2e5ec;border-radius:4px;background-color:#fff}.input-address__list--loader,.input-address__list--no-items{position:relative;box-sizing:border-box;padding:4px 8px}.input-address__list--loader{opacity:.5}.input-address__list--no-items{opacity:.8}.input-address__list--item{position:relative;box-sizing:border-box;padding:4px 8px;cursor:pointer}.input-address__list--item:hover,.input-address__list--item-hightlighted{background:#f0f1f4}@media(max-width: 768px){.input-address__list{position:relative;z-index:1;overflow-y:auto;box-sizing:border-box;max-height:100%;margin:0;padding:0 16px 40px;border:unset;border-radius:unset;background-color:unset}.input-address__list--no-items{font-family:Sarabun;font-size:16px;font-weight:400;font-style:normal;line-height:24px;letter-spacing:.2px;color:#757f8c}.input-address__list--item{display:flex;align-items:center;align-self:stretch;gap:16px;padding:10px 8px;font-family:Sarabun;font-size:16px;font-weight:400;font-style:normal;line-height:24px;letter-spacing:.2px;color:var(--Black-black, #171d33);border-radius:6px}.input-address__list--item:hover{background:none}.input-address__list--item:focus{background:#f0f1f4}.input-address__list--item-custom{flex-direction:column;align-items:flex-start;gap:4px;padding-right:32px;font-family:Sarabun;font-size:14px;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.2px;border-bottom:1px solid rgba(58,72,122,.15);border-radius:0}.input-address__list--item-custom svg{position:absolute;top:50%;right:8px;width:16px;height:16px;color:#a0a4b0;transform:translateY(-50%)}.input-address__list--item-custom span{font-family:Sarabun;font-size:12px;font-weight:400;font-style:normal;line-height:18px;letter-spacing:.2px;color:#757f8c}.input-address__list--with-bottom-shadow::after{position:absolute;z-index:6;bottom:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.input-address__list--with-bottom-shadow-hidden::after{opacity:0}.input-address__list-overlay{position:fixed;z-index:999;top:0 !important;left:0 !important;width:100dvw;height:100dvh;max-height:100dvh;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.input-address__list-wrapper{position:absolute;z-index:2;top:auto;bottom:0;box-sizing:border-box;width:calc(100% - 16px);height:500px;max-height:500px;margin:0 8px 8px;padding-bottom:40px;border-radius:24px;background:#fff;box-shadow:0px 24px 50px -10px rgba(0,0,0,.25);animation-name:slideup;animation-duration:.4s}.input-address__list-header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.input-address__list-header-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:24px}.input-address__list-header-row:first-child{padding-right:50px}.input-address__list-header-row .input__wrap{display:flex;align-items:center;width:100%;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.input-address__list-header-row .input__wrap input{background:unset !important}.input-address__list-header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.input-address__list-header-row .input__close::before,.input-address__list-header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.input-address__list-header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.input-address__list-header-with-shadow::after{position:absolute;z-index:10;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.input-address__list-header-with-shadow-hidden::after{opacity:0}.input-address__list-header .input-address__input-wrapper{width:100%}.input-address__list-close-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.input-address__list-close-icon svg{width:16px;height:16px;color:#a0a4b0}.input-address__input-wrapper{position:relative}.input-address__input-wrapper .input__wrap{display:flex;justify-content:flex-end;align-items:center;align-self:stretch;gap:8px;box-sizing:border-box;height:40px;padding:0px 40px 0px 8px;border:1px solid var(--Form-Input-Border, #e1e8f1);border-radius:6px;background:var(--Black-BG-color, #f8fbff)}.input-address__input-wrapper .input__wrap input{box-sizing:border-box;height:100%;padding:8px 0}.input-address__clear-query{right:8px;display:flex;justify-content:center;align-items:center;gap:10px;box-sizing:border-box;width:24px;height:24px;padding:4px;border-radius:2px;background:var(--BG-gray-box, #f0f1f4)}}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
package/dist/css/input-calendar.css ADDED
@@ -0,0 +1 @@
1
+ .calendar{display:flex;flex-direction:column;width:260px;min-height:195px;margin-top:4px;padding:5px 0;user-select:none;border:1px solid #e2e5ec;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}.calendar-header{display:flex;justify-content:center;align-items:center;box-sizing:border-box}.calendar-header__title{display:flex}.calendar-header__title-month{margin-right:5px}.calendar-header__title-year{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;box-sizing:border-box;width:45px;height:100%;padding:0 5px;cursor:pointer}.calendar-header__title-year:hover:not(.calendar-header__title-year_change-mode){text-decoration:underline}.calendar-header__title-year.calendar-header__title-year_change-mode{height:24px;padding:0 3px;border-width:1px;border-style:solid;border-color:inherit;border-radius:var(--border-radius)}.calendar-header__title-year-change-input{display:inline;box-sizing:border-box;width:100%;margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;border:none;outline:none}.calendar-header__prev,.calendar-header__next{display:flex;height:auto;cursor:pointer}.calendar__week{display:flex}.calendar__day{flex-grow:1;flex-basis:0;margin:1px 0;padding:1px 6px;font-size:13px;line-height:20px;user-select:none;text-align:center}.calendar__day--clickable{cursor:pointer}.calendar__day--clickable:hover{background:#e2e6f8}.calendar__day--disabled{cursor:default;pointer-events:none;color:#9aa0b9}.calendar__day--disabled:hover{background:inherit}.calendar__day--range-end,.calendar__day--selected{color:#fff;border-radius:4px;background:#6b81dd}.calendar__day--range-end:hover,.calendar__day--selected:hover{background:#6b81dd}.calendar__day--range-inside{background:#e2e6f8}.calendar__day--prev-range-end{border-radius:4px;background:#e2e5ec}.calendar__day--prev-range-inside{background:#f7f8fa}.calendar__day--title{font-size:10px;font-weight:normal;color:#9aa0b9}.calendar__day--title:hover{background:inherit}.calendar-dropdown{display:flex;overflow:hidden;align-items:center;box-sizing:border-box;width:100%;height:28px;padding-left:9px;font-weight:400;cursor:pointer;user-select:none;border:1px solid #e2e5ec;border-radius:3px;background-color:#fff;appearance:none}.calendar-placeholder{width:100%;height:16px;padding:0 15px 0 0;font-size:13px;font-weight:400;text-overflow:ellipsis;border:none;background:none}.calendar-container{position:relative;min-width:200px}.calendar-container_disabled{pointer-events:none;opacity:.5}.calendar-container .calendar{position:absolute;z-index:9;top:100%;padding:10px 16px;border:1px solid var(--border-color)}.calendar-container .calendar_list-top{top:auto;bottom:calc(100% + 4px);box-shadow:0 -3px 15px rgba(0,0,0,.15)}
package/dist/css/input-color.css ADDED
@@ -0,0 +1 @@
1
+ .inputColor{position:relative}.inputColor__color-block{position:absolute;z-index:1;top:50%;left:5px;min-width:16px;max-width:16px;min-height:16px;max-height:16px;transform:translateY(-50%)}.inputColor .input{padding-left:25px}.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}: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)}}
package/dist/css/input-currency.css ADDED
@@ -0,0 +1 @@
1
+ .input-currency{box-sizing:border-box;height:40px;max-height:40px;padding:0 16px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.2px;border:1px solid #e1e8f1;border-radius:6px;background:#f8fbff}
package/dist/css/input-custom-fetch.css ADDED
@@ -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}: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}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.input-custom-fetch{position:relative;width:100%}.input-custom-fetch--error .input__wrap{border-color:#fa564c !important}.input-custom-fetch--disabled{pointer-events:none;opacity:.6}.input-custom-fetch__clear-query{position:absolute;top:50%;right:4px;display:flex;visibility:hidden;cursor:pointer;transform:translateY(-50%)}.input-custom-fetch__alert{position:absolute;top:50%;right:8px;display:flex;visibility:hidden;cursor:pointer;transform:translateY(-50%)}.input-custom-fetch__alert--visible{visibility:visible}.input-custom-fetch__alert svg{width:16px;height:16px;color:#fa564c}.input-custom-fetch__input-wrapper:hover .input-custom-fetch__clear-query,.input-custom-fetch__clear-query--input-focused{visibility:visible}.input-custom-fetch__list{position:absolute;z-index:999;overflow-y:auto;box-sizing:border-box;width:100%;max-height:100px;margin-top:8px;border:1px solid #e2e5ec;border-radius:4px;background-color:#fff}.input-custom-fetch__list--loader,.input-custom-fetch__list--no-items{position:relative;box-sizing:border-box;padding:4px 8px}.input-custom-fetch__list--loader{opacity:.5}.input-custom-fetch__list--no-items{opacity:.8}.input-custom-fetch__list--item{position:relative;box-sizing:border-box;padding:4px 8px;cursor:pointer}.input-custom-fetch__list--item:hover,.input-custom-fetch__list--item-hightlighted{background:#f0f1f4}@media(max-width: 768px){.input-custom-fetch__list{position:relative;z-index:1;overflow-y:auto;box-sizing:border-box;max-height:100%;margin:0;padding:0 16px 40px;border:unset;border-radius:unset;background-color:unset;box-shadow:none}.input-custom-fetch__list--no-items{font-family:Sarabun;font-size:16px;font-weight:400;font-style:normal;line-height:24px;letter-spacing:.2px;color:#757f8c}.input-custom-fetch__list--item{display:flex;align-items:center;align-self:stretch;gap:16px;padding:10px 8px;font-family:Sarabun;font-size:16px;font-weight:400;font-style:normal;line-height:24px;letter-spacing:.2px;color:var(--Black-black, #171d33);border-radius:6px}.input-custom-fetch__list--item:hover{background:none}.input-custom-fetch__list--item:focus{background:#f0f1f4}.input-custom-fetch__list--item-custom{flex-direction:column;align-items:flex-start;gap:4px;padding-right:32px;font-family:Sarabun;font-size:14px;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.2px;border-bottom:1px solid rgba(58,72,122,.15);border-radius:0}.input-custom-fetch__list--item-custom svg{position:absolute;top:50%;right:8px;width:16px;height:16px;color:#a0a4b0;transform:translateY(-50%)}.input-custom-fetch__list--item-custom span{font-family:Sarabun;font-size:12px;font-weight:400;font-style:normal;line-height:18px;letter-spacing:.2px;color:#757f8c}.input-custom-fetch__list--with-bottom-shadow::after{position:absolute;z-index:6;bottom:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.input-custom-fetch__list--with-bottom-shadow-hidden::after{opacity:0}.input-custom-fetch__list-overlay{position:fixed;z-index:999;top:0 !important;left:0 !important;width:100dvw;height:100dvh;max-height:100dvh;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.input-custom-fetch__list-wrapper{position:absolute;z-index:2;top:auto;bottom:0;box-sizing:border-box;width:calc(100% - 16px);height:500px;max-height:500px;margin:0 8px 8px;padding-bottom:40px;border-radius:24px;background:#fff;box-shadow:0px 24px 50px -10px rgba(0,0,0,.25);animation-name:slideup;animation-duration:.4s}.input-custom-fetch__list-header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.input-custom-fetch__list-header-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:24px}.input-custom-fetch__list-header-row:first-child{padding-right:50px}.input-custom-fetch__list-header-row .input__wrap{display:flex;align-items:center;width:100%;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.input-custom-fetch__list-header-row .input__wrap input{background:unset !important}.input-custom-fetch__list-header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.input-custom-fetch__list-header-row .input__close::before,.input-custom-fetch__list-header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.input-custom-fetch__list-header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.input-custom-fetch__list-header-with-shadow::after{position:absolute;z-index:10;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.input-custom-fetch__list-header-with-shadow-hidden::after{opacity:0}.input-custom-fetch__list-header .input-custom-fetch__input-wrapper{width:100%}.input-custom-fetch__list-close-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.input-custom-fetch__list-close-icon svg{width:16px;height:16px;color:#a0a4b0}.input-custom-fetch__input-wrapper{position:relative}.input-custom-fetch__input-wrapper .input__wrap{display:flex;justify-content:flex-end;align-items:center;align-self:stretch;gap:8px;box-sizing:border-box;height:40px;padding:0px 40px 0px 8px;border:1px solid var(--Form-Input-Border, #e1e8f1);border-radius:6px;background:var(--Black-BG-color, #f8fbff)}.input-custom-fetch__input-wrapper .input__wrap input{box-sizing:border-box;height:100%;padding:8px 0}.input-custom-fetch__clear-query{right:8px;display:flex;justify-content:center;align-items:center;gap:10px;box-sizing:border-box;width:24px;height:24px;padding:4px;border-radius:2px;background:var(--BG-gray-box, #f0f1f4)}}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}