@1money/react-ui 0.5.0-alpha.2 → 0.5.0-alpha.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.cursor/rules/react-component-lib.mdc +30 -0
- package/es/components/Badge/style/Badge.css +1 -1
- package/es/components/Badge/style/Badge.scss +4 -4
- package/es/components/Button/style/Button.css +1 -1
- package/es/components/Button/style/Button.scss +1 -0
- package/es/components/Clipboard/Clipboard.js +11 -6
- package/es/components/Clipboard/interface.d.ts +1 -0
- package/es/components/Clipboard/style/Clipboard.css +1 -1
- package/es/components/Clipboard/style/Clipboard.scss +10 -13
- package/es/components/Icons/Icons.d.ts +114 -26
- package/es/components/Icons/Icons.js +123 -10
- package/es/components/Icons/Illustrations.d.ts +14 -0
- package/es/components/Icons/Illustrations.js +644 -0
- package/es/components/Icons/Logo.d.ts +22 -0
- package/es/components/Icons/Logo.js +110 -0
- package/es/components/Icons/Old.d.ts +37 -0
- package/es/components/Icons/Old.js +233 -0
- package/es/components/Icons/SVGs.d.ts +180 -58
- package/es/components/Icons/SVGs.js +1447 -300
- package/es/components/Icons/Wrapper.js +5 -2
- package/es/components/Icons/interface.d.ts +2 -0
- package/es/components/Icons/style/Icons.css +1 -1
- package/es/components/Icons/style/Icons.scss +2 -2
- package/es/components/Input/Input.js +5 -5
- package/es/components/Input/style/Input.css +1 -1
- package/es/components/Input/style/Input.scss +20 -6
- package/es/components/Loading/Loading.js +13 -12
- package/es/components/Select/style/Select.css +1 -1
- package/es/components/Select/style/Select.scss +1 -0
- package/es/components/Typography/style/Typography.css +1 -1
- package/es/components/Typography/style/Typography.scss +5 -1
- package/es/index.css +1 -1
- package/es/index.d.ts +1 -1
- package/lib/components/Badge/style/Badge.css +1 -1
- package/lib/components/Badge/style/Badge.scss +4 -4
- package/lib/components/Button/style/Button.css +1 -1
- package/lib/components/Button/style/Button.scss +1 -0
- package/lib/components/Clipboard/Clipboard.js +11 -6
- package/lib/components/Clipboard/interface.d.ts +1 -0
- package/lib/components/Clipboard/style/Clipboard.css +1 -1
- package/lib/components/Clipboard/style/Clipboard.scss +10 -13
- package/lib/components/Icons/Icons.d.ts +114 -26
- package/lib/components/Icons/Icons.js +131 -23
- package/lib/components/Icons/Illustrations.d.ts +14 -0
- package/lib/components/Icons/Illustrations.js +651 -0
- package/lib/components/Icons/Logo.d.ts +22 -0
- package/lib/components/Icons/Logo.js +117 -0
- package/lib/components/Icons/Old.d.ts +37 -0
- package/lib/components/Icons/Old.js +240 -0
- package/lib/components/Icons/SVGs.d.ts +180 -58
- package/lib/components/Icons/SVGs.js +1448 -301
- package/lib/components/Icons/Wrapper.js +5 -2
- package/lib/components/Icons/interface.d.ts +2 -0
- package/lib/components/Icons/style/Icons.css +1 -1
- package/lib/components/Icons/style/Icons.scss +2 -2
- package/lib/components/Input/Input.js +5 -5
- package/lib/components/Input/style/Input.css +1 -1
- package/lib/components/Input/style/Input.scss +20 -6
- package/lib/components/Loading/Loading.js +14 -13
- package/lib/components/Select/style/Select.css +1 -1
- package/lib/components/Select/style/Select.scss +1 -0
- package/lib/components/Typography/style/Typography.css +1 -1
- package/lib/components/Typography/style/Typography.scss +5 -1
- package/lib/index.css +1 -1
- package/lib/index.d.ts +1 -1
- package/package.json +3 -1
package/es/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.om-react-ui-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;font-weight:500;font-size:12px;line-height:108%;border-radius:12px}.om-react-ui-badge-neutral{color:#131313;background-color:#e3e4e4}.om-react-ui-badge-warning{color:#131313;background-color:#f4c600}.om-react-ui-badge-negative{color:#fff;background-color:#ae0000}.om-react-ui-badge-success{color:#fff;background-color:#1f5800}.om-react-ui-badge-recommend{color:#fff;background-color:#3d7cf5}.om-react-ui-badge-black{color:#fff;background-color:#131313}.om-react-ui-calendar.p-invalid input{border-color:#cc1461;box-shadow:none}.om-react-ui-calendar.p-invalid input:hover{border-color:#cc1461}.om-react-ui-calendar input{padding:10px 16px;color:#000;font-size:14px;border-radius:6px}.om-react-ui-calendar input:hover{border-color:#3d73f2}.om-react-ui-calendar input::placeholder{color:#6b7280;font-weight:400;font-size:14px}.om-react-ui-calendar-rounded input{border-radius:20px}.om-react-ui-calendar.p-calendar:not(.p-calendar-disabled,.p-invalid).p-focus>.p-inputtext{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.om-react-ui-calendar-panel .p-datepicker-buttonbar .p-button{color:#3b82f6}.om-react-ui-calendar-wrapper{display:inline-flex;flex-direction:column}.om-react-ui-calendar-label{display:inline-block;margin-bottom:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px;word-wrap:break-word;word-break:break-all}.om-react-ui-calendar-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.om-react-ui-button{display:inline-flex;align-items:center;justify-content:center;padding:16px;font-weight:500;font-size:16px;line-height:20px;border-radius:16px;box-shadow:none}.om-react-ui-button-medium{padding:12px;font-size:14px;line-height:16px;border-radius:12px}.om-react-ui-button-small{max-height:32px;padding:12px;font-size:12px;line-height:8px;border-radius:12px}.om-react-ui-button.p-disabled{cursor:not-allowed}.om-react-ui-button.p-button-rounded{border-radius:36px}.om-react-ui-button-loading-icon{width:20px!important;height:20px!important;margin-right:8px}.om-react-ui-button-loading-icon-medium{width:16px!important;height:16px!important}.om-react-ui-button-loading-icon-small{width:14px!important;height:14px!important}.om-react-ui-button-loading-icon-primary svg circle{stroke:#fefefe!important}.om-react-ui-button-loading-icon-secondary svg circle{stroke:#073387!important}.om-react-ui-button-loading-icon-grey svg circle{stroke:#9fa3a3!important}.om-react-ui-button-loading-icon-black svg circle{stroke:#fefefe!important}.om-react-ui-button-loading-icon-white svg circle{stroke:#9fa3a3!important}.om-react-ui-button-primary{color:#fefefe;background-color:#073387;border:none}.om-react-ui-button-primary:hover{background-color:#052561}.om-react-ui-button-primary-active{background-color:#03163a}.om-react-ui-button-primary.p-disabled{opacity:.3}.om-react-ui-button-secondary{color:#073387;background-color:#dde6f4;border:none}.om-react-ui-button-secondary:hover{background-color:#c1d0eb}.om-react-ui-button-secondary-active{background-color:#a4bbe1}.om-react-ui-button-secondary.p-disabled{opacity:.4}.om-react-ui-button-grey{color:#131313;background-color:#f0f0f0;border:none}.om-react-ui-button-grey:hover{background-color:#e3e4e4}.om-react-ui-button-grey-active{background-color:#d1d2d2}.om-react-ui-button-grey.p-disabled{color:#9fa3a3;background-color:#f0f0f0}.om-react-ui-button-black{color:#fefefe;background-color:#131313;border:none}.om-react-ui-button-black:hover{background-color:#404042}.om-react-ui-button-black-active{background-color:#646465}.om-react-ui-button-black.p-disabled{background-color:#d1d2d2}.om-react-ui-button-white{color:#131313;background-color:#fefefe;border:none}.om-react-ui-button-white:hover{background-color:#f0f0f0}.om-react-ui-button-white-active{background-color:#d1d2d2}.om-react-ui-button-white.p-disabled{color:#9fa3a3;background-color:#fefefe}.om-react-ui-button-primary.p-button-loading.p-disabled{color:#fff;background-color:#142d66}.om-react-ui-button-secondary.p-button-loading.p-disabled{color:#000;background-color:#e5efff}.om-react-ui-button-primary-landing{background-color:#073387}.om-react-ui-button-primary-landing,.om-react-ui-button-secondary-landing{padding:10px 16px;font-weight:500;font-size:16px;line-height:26px;border:none;border-radius:8px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.om-react-ui-button-secondary-landing{color:#000;background-color:#fff}.om-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.om-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.om-react-ui-checkbox-inner label{margin-left:10px;font-weight:500;font-size:14px;font-style:normal;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.om-react-ui-checkbox-inner.ckb-sm .p-checkbox{width:16px;height:16px}.om-react-ui-checkbox-inner.ckb-sm .p-checkbox .p-checkbox-box{width:16px;height:16px;border:1px solid #9fa3a3;border-radius:4px}.om-react-ui-checkbox-inner.ckb-sm .p-checkbox .p-checkbox-box i{color:#fff;font-size:10px}.om-react-ui-checkbox-inner.ckb-sm label{font-size:12px;line-height:20px}.om-react-ui-checkbox-inner.ckb-md .p-checkbox{width:20px;height:20px}.om-react-ui-checkbox-inner.ckb-md .p-checkbox .p-checkbox-box{width:20px;height:20px;border:1px solid #9fa3a3;border-radius:4px}.om-react-ui-checkbox-inner.ckb-md .p-checkbox .p-checkbox-box i{color:#fff;font-size:14px}.om-react-ui-checkbox-inner.ckb-md label{font-size:14px;line-height:24px}.om-react-ui-checkbox-inner.ckb-lg .p-checkbox{width:24px;height:24px}.om-react-ui-checkbox-inner.ckb-lg .p-checkbox .p-checkbox-box{width:24px;height:24px;border:1px solid #9fa3a3;border-radius:6px}.om-react-ui-checkbox-inner.ckb-lg .p-checkbox .p-checkbox-box i{color:#fff;font-size:14px}.om-react-ui-checkbox-inner.ckb-lg label{font-size:14px;line-height:28px}.om-react-ui-checkbox-inner .p-checkbox:not(.p-disabled,.p-invalid):has(.p-checkbox-input:hover) .p-checkbox-box{background-color:#f0f0f0;border-color:#131313}.om-react-ui-checkbox-inner .p-checkbox:not(.p-disabled,.p-invalid):has(.p-checkbox-input:hover):has(.p-checkbox-input:checked) .p-checkbox-box,.om-react-ui-checkbox-inner .p-checkbox:not(.p-disabled,.p-invalid):has(.p-checkbox-input:hover):has(.p-checkbox-input:indeterminate) .p-checkbox-box,.om-react-ui-checkbox-inner .p-checkbox:not(.p-disabled,.p-invalid):has(.p-checkbox-input:hover):has(.p-checkbox-input[value=false]) .p-checkbox-box{background-color:#052561;border-color:#052561}.om-react-ui-checkbox-inner .p-checkbox:not(.p-disabled,.p-invalid):has(.p-checkbox-input:focus) .p-checkbox-box{border:2px solid #073387;box-shadow:none}.om-react-ui-checkbox-inner .p-checkbox:not(.p-disabled,.p-invalid):has(.p-checkbox-input:focus):has(.p-checkbox-input:checked) .p-checkbox-box{background-color:#03163a;border-color:#03163a}.om-react-ui-checkbox-inner .p-checkbox.p-invalid .p-checkbox-box{border:1px solid #ae0000}.om-react-ui-checkbox-inner .p-checkbox.p-highlight .p-checkbox-box{background-color:#073387;border-color:#073387}.om-react-ui-checkbox-inner .p-checkbox.p-highlight.p-invalid .p-checkbox-box{background-color:#ae0000;border-color:#ae0000}.om-react-ui-checkbox-inner .p-checkbox.p-disabled .p-checkbox-box{background-color:#f0f0f0;border-color:#d1d2d2}.om-react-ui-checkbox-inner .p-checkbox.p-disabled .p-checkbox-box>i{color:#9fa3a3!important}.om-react-ui-checkbox-inner .p-checkbox.p-disabled:has(.p-checkbox-input:checked) .p-checkbox-box,.om-react-ui-checkbox-inner .p-checkbox.p-disabled:has(.p-checkbox-input:indeterminate) .p-checkbox-box,.om-react-ui-checkbox-inner .p-checkbox.p-disabled:has(.p-checkbox-input[value=false]) .p-checkbox-box{background-color:#e3e4e4;border-color:#e3e4e4}.om-react-ui-clipboard{display:flex;flex-direction:column;gap:8px}.om-react-ui-clipboard-label{margin-left:8px;font-weight:400;font-size:14px;line-height:20px}.om-react-ui-clipboard-content{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;padding:10px 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:8px}.om-react-ui-clipboard-content-text{display:inline-block;font-weight:300;font-size:14px;line-height:20px;word-wrap:break-word;word-break:break-all}.om-react-ui-clipboard-content-icon{flex-shrink:0;cursor:pointer}.om-react-ui-collapse{font-family:inherit;background-color:#fff}.om-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important;border-bottom:.5px solid #000}.om-react-ui-collapse>.p-accordion-tab:last-of-type{border-bottom:none}.om-react-ui-collapse>.p-accordion-tab .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible{box-shadow:none}.om-react-ui-collapse>.p-accordion-tab-active{padding-bottom:28px}.om-react-ui-collapse-item:not(.om-react-ui-collapse-item-content){cursor:pointer}.p-accordion-tab-active>.om-react-ui-collapse-item:not(.om-react-ui-collapse-item-content)>a{padding:28px 0 16px}.om-react-ui-collapse-item:not(.om-react-ui-collapse-item-content)>a{display:inline-flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;width:100%;padding:28px 0;color:#000;font-weight:400;font-size:20px;font-style:normal;line-height:28px;background-color:inherit;border:none}.om-react-ui-collapse-item:not(.om-react-ui-collapse-item-content)>a .p-accordion-header-text{margin-left:0!important;font-weight:inherit;font-size:inherit;line-height:inherit}.om-react-ui-collapse-item-content{font-weight:400;font-size:16px;font-style:normal;line-height:28px}.om-react-ui-collapse-item-content>.p-accordion-content{padding:0;color:#000;border:none}.om-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.om-react-ui-collapse-icon{display:inline-block;width:24px;height:24px;transition:transform .1s ease-in-out}.om-react-ui-collapse-icon-collapse{transform:rotate(180deg)}@media (width < 1024px){.om-react-ui-collapse-item:not(.om-react-ui-collapse-item-content)>a{padding:24px 0;font-size:16px}.om-react-ui-collapse-item-content{line-height:24px}}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-accept{color:#fff;background-color:#faaa48;border:none;box-shadow:none}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-accept:hover{background-color:#e58918}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-reject{color:#404040;box-shadow:none}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-reject:hover{background-color:transparent}.om-react-ui-drawer .p-sidebar-icons{display:flex;align-items:center;justify-content:space-between;width:100%}.om-react-ui-drawer .p-sidebar-close{width:36px;height:36px;border:none;border-radius:0}.om-react-ui-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#fff;border:1px solid #e3e3e3;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.06)}.om-react-ui-icons [fill=none]{fill:currentcolor}.om-react-ui-icons [stroke=none]{stroke:currentcolor}.om-react-ui-icons-logo-with-words{display:inline-flex;align-items:center}.om-react-ui-icons-logo-with-words svg:last-child{padding-left:5%}.om-react-ui-icons-logo-with-words-with-network svg:nth-child(2),.om-react-ui-icons-logo-with-words-with-network svg:nth-child(3){padding-left:2.5%}.om-react-ui-input{display:inline-flex;width:100%}.om-react-ui-input-small{font-size:14px;line-height:20px}.om-react-ui-input-mask,.om-react-ui-input-password input,.om-react-ui-input-text,.om-react-ui-input-textarea,.om-react-ui-input>input{height:52px;padding:0;color:#131313;font-weight:400;font-size:16px;font-family:inherit;font-style:normal;line-height:22px;background-color:inherit;border:none;border-radius:0;transition:none}.om-react-ui-input-mask-small,.om-react-ui-input-password input-small,.om-react-ui-input-text-small,.om-react-ui-input-textarea-small,.om-react-ui-input>input-small{height:40px;font-size:14px;line-height:20px}.om-react-ui-input-mask.p-invalid,.om-react-ui-input-password input.p-invalid,.om-react-ui-input-text.p-invalid,.om-react-ui-input-textarea.p-invalid,.om-react-ui-input>input.p-invalid{color:#ae0000;box-shadow:none}.om-react-ui-input-mask.p-disabled,.om-react-ui-input-password input.p-disabled,.om-react-ui-input-text.p-disabled,.om-react-ui-input-textarea.p-disabled,.om-react-ui-input>input.p-disabled{color:#9fa3a3}.om-react-ui-input-mask::placeholder,.om-react-ui-input-password input::placeholder,.om-react-ui-input-text::placeholder,.om-react-ui-input-textarea::placeholder,.om-react-ui-input>input::placeholder{color:#646465;font-weight:400}.om-react-ui-input-password .p-icon-field{width:100%;border:inherit;border-radius:inherit}.om-react-ui-input-password .p-input-icon{display:inline-flex;align-items:center;margin-top:0;transform:translateY(-50%);cursor:pointer}.om-react-ui-input-otp{background-color:inherit;border:none}.om-react-ui-input-otp .p-inputtext:enabled:hover:not(.p-invalid){border-color:#131313}.om-react-ui-input-otp .p-inputotp{gap:16px}.om-react-ui-input-otp-small input{width:42px!important;height:44px!important;padding:8px 12px!important;font-size:14px!important}.om-react-ui-input-otp input{width:48px;height:50px;padding:12px 16px;color:inherit;font-weight:600;font-size:16px;background-color:#f8f8f8;border:.5px solid #e3e4e4;border-radius:8px}.om-react-ui-input-otp input.p-invalid{color:#ae0000;border-color:#ae0000;box-shadow:none}.om-react-ui-input-otp input:hover{border-color:#131313}.om-react-ui-input .p-inputtext:enabled:focus:not(.p-invalid,.om-react-ui-input-success),.om-react-ui-input.p-inputtext:enabled:focus:not(.p-invalid,.om-react-ui-input-success){border-color:#073387;border-width:2px;box-shadow:none}.om-react-ui-input.p-invalid{color:#ae0000;border-color:#ae0000;box-shadow:none}.om-react-ui-input.p-invalid input{border-color:inherit!important;box-shadow:inherit!important}.om-react-ui-input-success{color:#1f5800;box-shadow:none}.om-react-ui-input-success input{color:inherit}.om-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.om-react-ui-input-inner{display:inline-flex;align-items:center;width:100%;cursor:text}.om-react-ui-input-inner-small{height:44px!important;padding:12px 16px!important}.om-react-ui-input-inner-small:has(.om-react-ui-input-textarea){height:auto!important}.om-react-ui-input-inner-success{border-color:#1f5800!important}.om-react-ui-input-inner-invalid{border-color:#ae0000!important}.om-react-ui-input-inner-disabled{background-color:#f0f0f0!important;border-color:#d1d2d2!important}.om-react-ui-input-inner:not(:has(.om-react-ui-input-otp)){height:56px;padding:8px 16px;background-color:#f8f8f8;border:1px solid #e3e4e4;border-radius:12px}.om-react-ui-input-inner:not(:has(.om-react-ui-input-otp)):hover:not(:has(.p-invalid),:has(.p-disabled)){border-color:#131313}.om-react-ui-input-inner:has(.om-react-ui-input-textarea){position:relative;height:auto;padding:2px}.om-react-ui-input-inner:has(.om-react-ui-input-textarea) textarea{min-width:310px;min-height:120px;padding:12px 16px}.om-react-ui-input-inner:has(.om-react-ui-input-textarea) .om-react-ui-input-textarea-count{position:absolute;right:16px;bottom:12px;color:#9fa3a3;font-weight:400;font-size:12px;line-height:140%}.om-react-ui-input-inner:focus-within:not(.om-react-ui-input-inner-invalid,.om-react-ui-input-inner-success){border-color:#073387;border-width:2px}.om-react-ui-input-addons{padding:10px;color:gray;font-weight:400;font-size:14px;font-style:normal;line-height:20px;background-color:#fafafc;border-top:1px solid #e0e2ee;border-bottom:1px solid #e0e2ee;border-left:1px solid #e0e2ee;border-top-left-radius:6px;border-bottom-left-radius:6px}.om-react-ui-input-label{display:inline-block;margin-bottom:8px;font-weight:600;font-size:16px;font-style:normal;line-height:18px;word-wrap:break-word;word-break:break-all}.om-react-ui-input-label-required:after{margin-left:4px;color:#ae0000;font-size:16px;font-style:normal;line-height:120%;content:"*"}.om-react-ui-input-message{display:inline-block;margin-top:4px;color:#646465;font-weight:400;font-size:12px;font-style:normal;line-height:17px;word-wrap:break-word;word-break:break-all}.om-react-ui-input-message-success{color:#1f5800}.om-react-ui-input-message-error{color:#ae0000}.om-react-ui-input-prefix{margin-right:8px}.om-react-ui-input-suffix{margin-left:8px}.om-react-ui-input-addons+.om-react-ui-input{background-color:#fff;border-top-left-radius:0;border-bottom-left-radius:0}.om-react-ui-loading{display:block;width:150px}.om-react-ui-menu{width:auto;padding:10px 0;border:1px solid #e0e2ee;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.om-react-ui-menu.p-menu .p-submenu-header:empty{display:none}.om-react-ui-menu.p-menu .p-menuitem{background-color:#fff}.om-react-ui-menu.p-menu .p-menuitem:hover{background-color:#fafafc}.om-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link{padding:10px 20px}.om-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text{color:#000;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.om-react-ui-message{align-items:start;justify-content:start;padding:10px;border-radius:6px}.om-react-ui-message .p-icon{width:14px;height:14px}.om-react-ui-message .p-inline-message-text{font-weight:400;font-size:14px;line-height:normal}.om-react-ui-message.p-inline-message-error{color:#ff5757;background-color:hsla(2,100%,95%,.7)}.om-react-ui-modal{display:block}.om-react-ui-popup{display:block}.om-react-ui-progress{width:100%}.om-react-ui-progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:conic-gradient(var(--fill-color) 0 var(--progress),var(--trail-color) var(--progress) var(--last));border-radius:50%}.om-react-ui-progress-ring *{position:relative;z-index:1}.om-react-ui-progress-ring:before{position:absolute;width:calc(var(--size) - var(--stroke) * 2);height:calc(var(--size) - var(--stroke) * 2);line-height:calc(var(--size) - var(--stroke) * 2);text-align:center;background-color:var(--bg-color);border-radius:50%;content:"";inset:var(--stroke)}.om-react-ui-progress-bar{width:100%;height:100%;background-color:var(--trail-color)}.om-react-ui-progress-bar .p-progressbar-value{background-color:var(--fill-color)}.om-react-ui-progress-bar .p-progressbar-value .p-progressbar-label{color:var(--label-color)}.om-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.om-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.om-react-ui-radiogroup-inner label{margin-left:8px;font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.om-react-ui-radiogroup-inner.rd-sm .p-radiobutton{width:16px;height:16px}.om-react-ui-radiogroup-inner.rd-sm .p-radiobutton>.p-radiobutton-box{width:16px;height:16px;border:1px solid #9fa3a3;border-radius:50%}.om-react-ui-radiogroup-inner.rd-sm .p-radiobutton-icon{width:9px;height:9px}.om-react-ui-radiogroup-inner.rd-sm label{font-size:12px;line-height:20px}.om-react-ui-radiogroup-inner.rd-md .p-radiobutton{width:20px;height:20px}.om-react-ui-radiogroup-inner.rd-md .p-radiobutton>.p-radiobutton-box{width:20px;height:20px;border:1px solid #9fa3a3;border-radius:50%}.om-react-ui-radiogroup-inner.rd-md .p-radiobutton-icon{width:12px;height:12px}.om-react-ui-radiogroup-inner.rd-md label{font-size:14px;line-height:24px}.om-react-ui-radiogroup-inner.rd-lg .p-radiobutton{width:24px;height:24px}.om-react-ui-radiogroup-inner.rd-lg .p-radiobutton>.p-radiobutton-box{width:24px;height:24px;border:1px solid #9fa3a3;border-radius:50%}.om-react-ui-radiogroup-inner.rd-lg .p-radiobutton-icon{width:15px;height:15px}.om-react-ui-radiogroup-inner.rd-lg label{font-size:14px;line-height:28px}.om-react-ui-radiogroup-inner .p-radiobutton:not(.p-disabled,.p-invalid):has(.p-radiobutton-input:hover) .p-radiobutton-box{border-color:#131313}.om-react-ui-radiogroup-inner .p-radiobutton:not(.p-disabled,.p-invalid):has(.p-radiobutton-input:hover):has(.p-radiobutton-input:checked) .p-radiobutton-box{background-color:#052561;border-color:#052561}.om-react-ui-radiogroup-inner .p-radiobutton:not(.p-disabled,.p-invalid):has(.p-radiobutton-input:focus) .p-radiobutton-box{border:2px solid #073387;box-shadow:none}.om-react-ui-radiogroup-inner .p-radiobutton:not(.p-disabled,.p-invalid):has(.p-radiobutton-input:focus) .p-radiobutton-box .p-radiobutton-icon{background-color:#fff}.om-react-ui-radiogroup-inner .p-radiobutton:not(.p-disabled,.p-invalid):has(.p-radiobutton-input:focus) .p-radiobutton-box:has(.p-radiobutton-input:checked){background-color:#03163a}.om-react-ui-radiogroup-inner .p-radiobutton.p-invalid .p-radiobutton-box{border-color:#ae0000}.om-react-ui-radiogroup-inner .p-radiobutton.p-highlight .p-radiobutton-box{background-color:#073387;border-color:#073387}.om-react-ui-radiogroup-inner .p-radiobutton.p-highlight.p-invalid .p-radiobutton-box{background-color:#ae0000;border-color:#ae0000}.om-react-ui-radiogroup-inner .p-radiobutton.p-disabled .p-radiobutton-box{background-color:#f0f0f0;border-color:#d1d2d2}.om-react-ui-radiogroup-inner .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon{background-color:#9fa3a3}.om-react-ui-radiogroup-inner .p-radiobutton.p-disabled:has(.p-radiobutton-input:checked) .p-radiobutton-box{background-color:#f0f0f0;border:0}.om-react-ui-select{display:inline-flex;height:56px;padding:8px 16px;background-color:#f8f8f8;border:1px solid #e3e4e4;border-radius:12px;transition:none}.om-react-ui-select-small{height:44px;line-height:20px}.om-react-ui-select-small .p-dropdown-label,.om-react-ui-select-small .p-multiselect-label{font-size:14px!important}.om-react-ui-select.p-invalid{border-color:#ae0000;box-shadow:none}.om-react-ui-select.p-invalid .p-dropdown-label,.om-react-ui-select.p-invalid .p-multiselect-label{color:#ae0000}.om-react-ui-select.p-disabled{background-color:#f0f0f0;border-color:#d1d2d2}.om-react-ui-select.p-disabled .p-dropdown-label,.om-react-ui-select.p-disabled .p-multiselect-label{color:#9fa3a3}.om-react-ui-select-success:not(.p-disabled,.p-invalid){border-color:#1f5800}.om-react-ui-select-success:not(.p-disabled,.p-invalid) .p-dropdown-label,.om-react-ui-select-success:not(.p-disabled,.p-invalid) .p-multiselect-label{color:#1f5800!important}.om-react-ui-select .p-dropdown-label,.om-react-ui-select .p-multiselect-label{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 8px 0 0;color:#131313;font-weight:400;font-size:16px;line-height:140%;transition:none}.om-react-ui-select .p-dropdown-label .p-multiselect-token,.om-react-ui-select .p-multiselect-label .p-multiselect-token{margin-right:0;background-color:#dde6f4}.om-react-ui-select .p-dropdown-label .p-multiselect-token .p-multiselect-token-label,.om-react-ui-select .p-multiselect-label .p-multiselect-token .p-multiselect-token-label{color:#131313}.om-react-ui-select .p-multiselect-label-container{display:flex;align-items:center}.om-react-ui-select .p-multiselect-label .p-multiselect-token{height:28px}.om-react-ui-select .p-multiselect-label,.om-react-ui-select>.p-placeholder{color:#646465;font-weight:400;font-size:16px;font-style:normal;line-height:140%}.om-react-ui-select .p-dropdown-trigger,.om-react-ui-select .p-multiselect-trigger{width:auto}.om-react-ui-select.p-multiselect{padding:6px 10.5px}.om-react-ui-select.p-dropdown:not(.p-disabled,.p-invalid).p-focus,.om-react-ui-select.p-multiselect:not(.p-disabled,.p-invalid).p-focus{border-color:#073387;border-width:2px;box-shadow:none}.om-react-ui-select.p-dropdown:not(.p-disabled,.p-invalid):hover,.om-react-ui-select.p-multiselect:not(.p-disabled,.p-invalid):hover{border-color:#131313}.om-react-ui-select-panel{padding:8px;border-radius:8px;box-shadow:0 4px 8px 0 rgba(65,91,130,.12)}.om-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.om-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{background-color:#f8f8f8}.om-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight .om-react-ui-select-panel-item i,.om-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus .om-react-ui-select-panel-item i{display:inline-block}.om-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight,.p-disabled).p-focus{background-color:#f8f8f8}.om-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#131313;font-weight:400;font-size:16px;font-style:normal;line-height:140%;border-radius:8px}.om-react-ui-select-panel.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background-color:#dde6f4}.om-react-ui-select-panel .p-multiselect-item .p-multiselect-checkbox .p-checkbox.p-highlight .p-checkbox-box{background-color:#073387}.om-react-ui-select-panel .p-dropdown-filter.p-inputtext{padding:10px 16px;font-size:14px}.om-react-ui-select-panel .p-dropdown-filter.p-inputtext:enabled:focus:not(.p-invalid){border-color:#073387;box-shadow:0 0 0 2px #dde6f4}.om-react-ui-select-panel .p-dropdown-filter.p-inputtext:hover{border-color:#073387}.om-react-ui-select-panel .p-dropdown-filter-icon{right:1rem}.om-react-ui-select-panel .p-dropdown-item-label{width:100%}.om-react-ui-select-panel-item{display:inline-flex;align-items:center;justify-content:space-between;width:100%}.om-react-ui-select-panel-item i{display:none;color:#073387;font-size:16px}.om-react-ui-select-show svg{transform:rotate(180deg)}.om-react-ui-select-wrapper{display:inline-flex;flex-direction:column;width:100%}.om-react-ui-select-label{margin-bottom:8px;font-weight:600;font-size:16px;font-style:normal;line-height:108%}.om-react-ui-select-label-required:after{margin-left:4px;color:#ae0000;font-size:16px;font-style:normal;line-height:120%;content:"*"}.om-react-ui-select-message{display:inline-block;margin-top:4px;color:#646465;font-weight:400;font-size:12px;font-style:normal;line-height:17px;word-wrap:break-word;word-break:break-all}.om-react-ui-select-message-success{color:#1f5800}.om-react-ui-select-message-error{color:#ae0000}.om-react-ui-spinner{display:block}.om-react-ui-sidebar{height:100vh;padding:0 8px;border-right:1px solid #f2f2f2!important}.om-react-ui-sidebar-expand-icon-open{transform:rotate(180deg)}.om-react-ui-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root>ul{display:flex;flex-direction:column;gap:16px}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{padding:0;padding:16px;color:#404040;font-weight:700;font-size:14px;line-height:14px;border-radius:8px}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover .ps-menu-icon{color:inherit}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{width:16px;min-width:16px;height:16px;margin-right:16px;color:gray;line-height:16px}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active{color:#3d73f2;background-color:#e5efff}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active .ps-menu-icon{color:inherit}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content{background-color:#f9fafb;border-radius:8px}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content.ps-open{padding:8px 0}.om-react-ui-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 16px 16px}.om-react-ui-sidebar-logo{height:100%;padding:16px 0;cursor:pointer}.om-react-ui-sidebar-collapse,.om-react-ui-sidebar-logo{display:inline-flex;align-items:center;justify-content:center}.om-react-ui-sidebar-collapse{width:24px;height:24px}.om-react-ui-sidebar-collapse-icon{cursor:pointer}.om-react-ui-sidebar-footer{display:inline-flex;align-items:center;margin-top:auto;padding:16px;border-radius:8px;cursor:pointer}.om-react-ui-sidebar-footer-logout{display:inline-flex;width:16px;height:16px;margin-right:16px;color:gray}.om-react-ui-sidebar-footer:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.om-react-ui-sidebar-footer:hover .om-react-ui-sidebar-footer-logout{color:#3d73f2}.om-react-ui-sidebar-footer-logout-text{font-weight:700;font-size:14px;line-height:14px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{margin-left:8px}.om-react-ui-sidebar.ps-collapsed .om-react-ui-sidebar-header{padding-left:22px}.om-react-ui-sidebar.ps-collapsed .om-react-ui-sidebar-footer{padding-left:24px}.om-react-ui-sidebar.ps-collapsed .om-react-ui-sidebar-footer-logout-text{display:none}.om-react-ui-switch{display:inline-flex}.om-react-ui-switch.p-inputswitch.p-highlight .p-inputswitch-slider{background-color:#142d66;box-shadow:none}.om-react-ui-switch.p-togglebutton.p-highlight .p-button{background-color:#142d66;box-shadow:0 0 0 2px #abc4ff}.om-react-ui-toast{display:block}.om-react-ui-tab{position:relative}.om-react-ui-tab:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#f2f2f2;content:""}.om-react-ui-tab .p-tabmenu{padding-bottom:2px}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav{background-color:transparent}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:gray;font-size:14px;background-color:transparent;border-color:transparent}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{background-color:transparent;border-color:#e0e2ee}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#3d73f2;background-color:transparent;border-color:#3d73f2}.om-react-ui-typography-display{color:#131313;font-weight:500;font-family:var(--font-aeonik),Aeonik;line-height:108%}.om-react-ui-typography-display-xl{font-size:64px;letter-spacing:-.25px}.om-react-ui-typography-display-l{font-size:52px;letter-spacing:-.25px}.om-react-ui-typography-display-m{font-size:45px}.om-react-ui-typography-display-s{font-size:36px}.om-react-ui-typography-headline{color:#131313;font-weight:500;font-family:var(--font-aeonik),Aeonik;line-height:108%}.om-react-ui-typography-headline-l{font-size:32px}.om-react-ui-typography-headline-m{font-size:28px}.om-react-ui-typography-headline-s{font-size:24px}.om-react-ui-typography-headline-xs{font-size:18px}.om-react-ui-typography-title{color:#131313;font-weight:500;font-family:var(--font-inter),Inter;line-height:108%}.om-react-ui-typography-title-bold{font-weight:700}.om-react-ui-typography-title-l{font-size:18px}.om-react-ui-typography-title-m{font-size:16px}.om-react-ui-typography-title-s{font-size:14px}.om-react-ui-typography-body{color:#131313;font-weight:400;font-family:var(--font-inter),Inter;line-height:140%}.om-react-ui-typography-body-bold{font-weight:700}.om-react-ui-typography-body-l{font-size:16px}.om-react-ui-typography-body-m{font-size:14px}.om-react-ui-typography-body-s{font-size:12px}.om-react-ui-typography-link{color:#131313;font-weight:500;font-family:var(--font-inter),Inter;line-height:140%;cursor:pointer;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.om-react-ui-typography-link-m{font-size:14px}.om-react-ui-typography-link-s{font-size:12px}.om-react-ui-typography-label{color:#131313;font-weight:500;font-family:var(--font-inter),Inter;line-height:108%}.om-react-ui-typography-label-bold{font-weight:600}.om-react-ui-typography-label-xl{font-size:18px}.om-react-ui-typography-label-l{font-size:16px}.om-react-ui-typography-label-m{font-size:14px}.om-react-ui-typography-label-s{font-size:12px}.om-react-ui-typography-label-xs{font-size:10px}.om-react-ui-upload-btn{color:#fff;font-weight:700;font-size:14px;background-color:#142d66;border-color:transparent;border-radius:8px;box-shadow:none}.om-react-ui-upload-btn>svg{width:12px;height:12px}
|
|
1
|
+
.om-react-ui-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;font-weight:500;font-size:12px;line-height:108%;border-radius:12px}.om-react-ui-badge-neutral{color:#131313;background-color:#e3e4e4}.om-react-ui-badge-warning{color:#131313;background-color:#f4c600}.om-react-ui-badge-negative{color:#fefefe;background-color:#ae0000}.om-react-ui-badge-success{color:#fefefe;background-color:#1f5800}.om-react-ui-badge-recommend{color:#fefefe;background-color:#3d7cf5}.om-react-ui-badge-black{color:#fefefe;background-color:#131313}.om-react-ui-button{display:inline-flex;align-items:center;justify-content:center;padding:16px;font-weight:500;font-size:16px;line-height:20px;border-radius:16px;box-shadow:none}.om-react-ui-button-medium{padding:12px;font-size:14px;line-height:16px;border-radius:12px}.om-react-ui-button-small{max-height:32px;padding:12px;font-size:12px;line-height:8px;border-radius:12px}.om-react-ui-button.p-disabled{cursor:not-allowed}.om-react-ui-button.p-button-rounded{border-radius:36px}.om-react-ui-button-loading-icon{width:20px!important;height:20px!important;margin-right:8px;margin-left:0}.om-react-ui-button-loading-icon-medium{width:16px!important;height:16px!important}.om-react-ui-button-loading-icon-small{width:14px!important;height:14px!important}.om-react-ui-button-loading-icon-primary svg circle{stroke:#fefefe!important}.om-react-ui-button-loading-icon-secondary svg circle{stroke:#073387!important}.om-react-ui-button-loading-icon-grey svg circle{stroke:#9fa3a3!important}.om-react-ui-button-loading-icon-black svg circle{stroke:#fefefe!important}.om-react-ui-button-loading-icon-white svg circle{stroke:#9fa3a3!important}.om-react-ui-button-primary{color:#fefefe;background-color:#073387;border:none}.om-react-ui-button-primary:hover{background-color:#052561}.om-react-ui-button-primary-active{background-color:#03163a}.om-react-ui-button-primary.p-disabled{opacity:.3}.om-react-ui-button-secondary{color:#073387;background-color:#dde6f4;border:none}.om-react-ui-button-secondary:hover{background-color:#c1d0eb}.om-react-ui-button-secondary-active{background-color:#a4bbe1}.om-react-ui-button-secondary.p-disabled{opacity:.4}.om-react-ui-button-grey{color:#131313;background-color:#f0f0f0;border:none}.om-react-ui-button-grey:hover{background-color:#e3e4e4}.om-react-ui-button-grey-active{background-color:#d1d2d2}.om-react-ui-button-grey.p-disabled{color:#9fa3a3;background-color:#f0f0f0}.om-react-ui-button-black{color:#fefefe;background-color:#131313;border:none}.om-react-ui-button-black:hover{background-color:#404042}.om-react-ui-button-black-active{background-color:#646465}.om-react-ui-button-black.p-disabled{background-color:#d1d2d2}.om-react-ui-button-white{color:#131313;background-color:#fefefe;border:none}.om-react-ui-button-white:hover{background-color:#f0f0f0}.om-react-ui-button-white-active{background-color:#d1d2d2}.om-react-ui-button-white.p-disabled{color:#9fa3a3;background-color:#fefefe}.om-react-ui-button-primary.p-button-loading.p-disabled{color:#fff;background-color:#142d66}.om-react-ui-button-secondary.p-button-loading.p-disabled{color:#000;background-color:#e5efff}.om-react-ui-button-primary-landing{background-color:#073387}.om-react-ui-button-primary-landing,.om-react-ui-button-secondary-landing{padding:10px 16px;font-weight:500;font-size:16px;line-height:26px;border:none;border-radius:8px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.om-react-ui-button-secondary-landing{color:#000;background-color:#fff}.om-react-ui-calendar.p-invalid input{border-color:#cc1461;box-shadow:none}.om-react-ui-calendar.p-invalid input:hover{border-color:#cc1461}.om-react-ui-calendar input{padding:10px 16px;color:#000;font-size:14px;border-radius:6px}.om-react-ui-calendar input:hover{border-color:#3d73f2}.om-react-ui-calendar input::placeholder{color:#6b7280;font-weight:400;font-size:14px}.om-react-ui-calendar-rounded input{border-radius:20px}.om-react-ui-calendar.p-calendar:not(.p-calendar-disabled,.p-invalid).p-focus>.p-inputtext{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.om-react-ui-calendar-panel .p-datepicker-buttonbar .p-button{color:#3b82f6}.om-react-ui-calendar-wrapper{display:inline-flex;flex-direction:column}.om-react-ui-calendar-label{display:inline-block;margin-bottom:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px;word-wrap:break-word;word-break:break-all}.om-react-ui-calendar-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.om-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.om-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.om-react-ui-checkbox-inner label{margin-left:10px;font-weight:500;font-size:14px;font-style:normal;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.om-react-ui-checkbox-inner.ckb-sm .p-checkbox{width:16px;height:16px}.om-react-ui-checkbox-inner.ckb-sm .p-checkbox .p-checkbox-box{width:16px;height:16px;border:1px solid #9fa3a3;border-radius:4px}.om-react-ui-checkbox-inner.ckb-sm .p-checkbox .p-checkbox-box i{color:#fff;font-size:10px}.om-react-ui-checkbox-inner.ckb-sm label{font-size:12px;line-height:20px}.om-react-ui-checkbox-inner.ckb-md .p-checkbox{width:20px;height:20px}.om-react-ui-checkbox-inner.ckb-md .p-checkbox .p-checkbox-box{width:20px;height:20px;border:1px solid #9fa3a3;border-radius:4px}.om-react-ui-checkbox-inner.ckb-md .p-checkbox .p-checkbox-box i{color:#fff;font-size:14px}.om-react-ui-checkbox-inner.ckb-md label{font-size:14px;line-height:24px}.om-react-ui-checkbox-inner.ckb-lg .p-checkbox{width:24px;height:24px}.om-react-ui-checkbox-inner.ckb-lg .p-checkbox .p-checkbox-box{width:24px;height:24px;border:1px solid #9fa3a3;border-radius:6px}.om-react-ui-checkbox-inner.ckb-lg .p-checkbox .p-checkbox-box i{color:#fff;font-size:14px}.om-react-ui-checkbox-inner.ckb-lg label{font-size:14px;line-height:28px}.om-react-ui-checkbox-inner .p-checkbox:not(.p-disabled,.p-invalid):has(.p-checkbox-input:hover) .p-checkbox-box{background-color:#f0f0f0;border-color:#131313}.om-react-ui-checkbox-inner .p-checkbox:not(.p-disabled,.p-invalid):has(.p-checkbox-input:hover):has(.p-checkbox-input:checked) .p-checkbox-box,.om-react-ui-checkbox-inner .p-checkbox:not(.p-disabled,.p-invalid):has(.p-checkbox-input:hover):has(.p-checkbox-input:indeterminate) .p-checkbox-box,.om-react-ui-checkbox-inner .p-checkbox:not(.p-disabled,.p-invalid):has(.p-checkbox-input:hover):has(.p-checkbox-input[value=false]) .p-checkbox-box{background-color:#052561;border-color:#052561}.om-react-ui-checkbox-inner .p-checkbox:not(.p-disabled,.p-invalid):has(.p-checkbox-input:focus) .p-checkbox-box{border:2px solid #073387;box-shadow:none}.om-react-ui-checkbox-inner .p-checkbox:not(.p-disabled,.p-invalid):has(.p-checkbox-input:focus):has(.p-checkbox-input:checked) .p-checkbox-box{background-color:#03163a;border-color:#03163a}.om-react-ui-checkbox-inner .p-checkbox.p-invalid .p-checkbox-box{border:1px solid #ae0000}.om-react-ui-checkbox-inner .p-checkbox.p-highlight .p-checkbox-box{background-color:#073387;border-color:#073387}.om-react-ui-checkbox-inner .p-checkbox.p-highlight.p-invalid .p-checkbox-box{background-color:#ae0000;border-color:#ae0000}.om-react-ui-checkbox-inner .p-checkbox.p-disabled .p-checkbox-box{background-color:#f0f0f0;border-color:#d1d2d2}.om-react-ui-checkbox-inner .p-checkbox.p-disabled .p-checkbox-box>i{color:#9fa3a3!important}.om-react-ui-checkbox-inner .p-checkbox.p-disabled:has(.p-checkbox-input:checked) .p-checkbox-box,.om-react-ui-checkbox-inner .p-checkbox.p-disabled:has(.p-checkbox-input:indeterminate) .p-checkbox-box,.om-react-ui-checkbox-inner .p-checkbox.p-disabled:has(.p-checkbox-input[value=false]) .p-checkbox-box{background-color:#e3e4e4;border-color:#e3e4e4}.om-react-ui-clipboard{display:flex;flex-direction:column}.om-react-ui-clipboard-label{margin-bottom:8px}.om-react-ui-clipboard-content{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:space-between;padding:8px 16px;background-color:#f8f8f8;border:1px solid #e3e4e4;border-radius:12px}.om-react-ui-clipboard-content-text{display:inline-block;margin:0;color:#646465!important;word-wrap:break-word;word-break:break-all}.om-react-ui-clipboard-content-icon{flex-shrink:0;cursor:pointer}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-accept{color:#fff;background-color:#faaa48;border:none;box-shadow:none}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-accept:hover{background-color:#e58918}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-reject{color:#404040;box-shadow:none}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-reject:hover{background-color:transparent}.om-react-ui-collapse{font-family:inherit;background-color:#fff}.om-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important;border-bottom:.5px solid #000}.om-react-ui-collapse>.p-accordion-tab:last-of-type{border-bottom:none}.om-react-ui-collapse>.p-accordion-tab .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible{box-shadow:none}.om-react-ui-collapse>.p-accordion-tab-active{padding-bottom:28px}.om-react-ui-collapse-item:not(.om-react-ui-collapse-item-content){cursor:pointer}.p-accordion-tab-active>.om-react-ui-collapse-item:not(.om-react-ui-collapse-item-content)>a{padding:28px 0 16px}.om-react-ui-collapse-item:not(.om-react-ui-collapse-item-content)>a{display:inline-flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;width:100%;padding:28px 0;color:#000;font-weight:400;font-size:20px;font-style:normal;line-height:28px;background-color:inherit;border:none}.om-react-ui-collapse-item:not(.om-react-ui-collapse-item-content)>a .p-accordion-header-text{margin-left:0!important;font-weight:inherit;font-size:inherit;line-height:inherit}.om-react-ui-collapse-item-content{font-weight:400;font-size:16px;font-style:normal;line-height:28px}.om-react-ui-collapse-item-content>.p-accordion-content{padding:0;color:#000;border:none}.om-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.om-react-ui-collapse-icon{display:inline-block;width:24px;height:24px;transition:transform .1s ease-in-out}.om-react-ui-collapse-icon-collapse{transform:rotate(180deg)}@media (width < 1024px){.om-react-ui-collapse-item:not(.om-react-ui-collapse-item-content)>a{padding:24px 0;font-size:16px}.om-react-ui-collapse-item-content{line-height:24px}}.om-react-ui-drawer .p-sidebar-icons{display:flex;align-items:center;justify-content:space-between;width:100%}.om-react-ui-drawer .p-sidebar-close{width:36px;height:36px;border:none;border-radius:0}.om-react-ui-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#fff;border:1px solid #e3e3e3;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.06)}.om-react-ui-icons [fill=none][stroke=none]{fill:currentcolor}.om-react-ui-icons [stroke=none]:not([stroke-width="0"]){stroke:currentcolor}.om-react-ui-icons-logo-with-words{display:inline-flex;align-items:center}.om-react-ui-icons-logo-with-words svg:last-child{padding-left:5%}.om-react-ui-icons-logo-with-words-with-network svg:nth-child(2),.om-react-ui-icons-logo-with-words-with-network svg:nth-child(3){padding-left:2.5%}.om-react-ui-input{display:inline-flex;width:100%}.om-react-ui-input-small{font-size:14px;line-height:20px}.om-react-ui-input-mask,.om-react-ui-input-password input,.om-react-ui-input-text,.om-react-ui-input-textarea,.om-react-ui-input>input{height:52px;padding:0;color:#131313;font-weight:400;font-size:16px;font-family:inherit;font-style:normal;line-height:22px;background-color:inherit;border:none;border-radius:0;transition:none}.om-react-ui-input-mask-small,.om-react-ui-input-password input-small,.om-react-ui-input-text-small,.om-react-ui-input-textarea-small,.om-react-ui-input>input-small{height:40px;font-size:14px;line-height:20px}.om-react-ui-input-mask.p-invalid,.om-react-ui-input-password input.p-invalid,.om-react-ui-input-text.p-invalid,.om-react-ui-input-textarea.p-invalid,.om-react-ui-input>input.p-invalid{color:#ae0000;box-shadow:none}.om-react-ui-input-mask.p-disabled,.om-react-ui-input-password input.p-disabled,.om-react-ui-input-text.p-disabled,.om-react-ui-input-textarea.p-disabled,.om-react-ui-input>input.p-disabled{color:#9fa3a3}.om-react-ui-input-mask::placeholder,.om-react-ui-input-password input::placeholder,.om-react-ui-input-text::placeholder,.om-react-ui-input-textarea::placeholder,.om-react-ui-input>input::placeholder{color:#646465;font-weight:400}.om-react-ui-input-password .p-icon-field{width:100%;border:inherit;border-radius:inherit}.om-react-ui-input-password .p-input-icon{right:0;display:inline-flex;align-items:center;margin-top:0;transform:translateY(-50%);cursor:pointer}.om-react-ui-input-otp{background-color:inherit;border:none}.om-react-ui-input-otp .p-inputtext:enabled:hover:not(.p-invalid){border-color:#131313}.om-react-ui-input-otp .p-inputotp{gap:8px}.om-react-ui-input-otp-small input{width:42px!important;height:44px!important;padding:8px 12px!important;font-size:14px!important}.om-react-ui-input-otp input{width:54px;height:56px;padding:12px 16px;color:inherit;font-weight:600;font-size:16px;background-color:#f8f8f8;border:.5px solid #e3e4e4;border-radius:8px}.om-react-ui-input-otp input.p-invalid{color:#ae0000;border-color:#ae0000;border-width:2px;box-shadow:none}.om-react-ui-input-otp input.p-filled:not([value=""]){border-color:#073387;border-width:2px}.om-react-ui-input-otp input:hover{border-color:#131313}.om-react-ui-input .p-inputtext:enabled:focus:not(.p-invalid,.om-react-ui-input-success),.om-react-ui-input.p-inputtext:enabled:focus:not(.p-invalid,.om-react-ui-input-success){border-color:#073387;border-width:2px;box-shadow:none}.om-react-ui-input.p-invalid{color:#ae0000;border-color:#ae0000;box-shadow:none}.om-react-ui-input.p-invalid input{border-color:inherit!important;box-shadow:inherit!important}.om-react-ui-input-success{color:#1f5800;box-shadow:none}.om-react-ui-input-success input{color:inherit}.om-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.om-react-ui-input-inner{display:inline-flex;align-items:center;width:100%;cursor:text}.om-react-ui-input-inner-small{height:44px!important;padding:12px 16px!important}.om-react-ui-input-inner-small:has(.om-react-ui-input-textarea){height:auto!important}.om-react-ui-input-inner-small:has(.om-react-ui-input-otp){padding:0!important}.om-react-ui-input-inner-success{border-color:#1f5800!important}.om-react-ui-input-inner-invalid{border-color:#ae0000!important}.om-react-ui-input-inner-disabled{background-color:#f0f0f0!important;border-color:#d1d2d2!important}.om-react-ui-input-inner:not(:has(.om-react-ui-input-otp)){height:56px;padding:8px 16px;background-color:#f8f8f8;border:1px solid #e3e4e4;border-radius:12px}.om-react-ui-input-inner:not(:has(.om-react-ui-input-otp)):hover:not(:has(.p-invalid),:has(.p-disabled)){border-color:#131313}.om-react-ui-input-inner:has(.om-react-ui-input-textarea){position:relative;height:auto;padding:2px}.om-react-ui-input-inner:has(.om-react-ui-input-textarea) textarea{min-width:310px;min-height:120px;padding:12px 16px}.om-react-ui-input-inner:has(.om-react-ui-input-textarea) .om-react-ui-input-textarea-count{position:absolute;right:16px;bottom:12px;color:#9fa3a3;font-weight:400;font-size:12px;line-height:140%}.om-react-ui-input-inner:focus-within:not(.om-react-ui-input-inner-invalid,.om-react-ui-input-inner-success):not(:has(.om-react-ui-input-otp)){border-color:#073387;border-width:2px}.om-react-ui-input-addons{padding:10px;color:gray;font-weight:400;font-size:14px;font-style:normal;line-height:20px;background-color:#fafafc;border-top:1px solid #e0e2ee;border-bottom:1px solid #e0e2ee;border-left:1px solid #e0e2ee;border-top-left-radius:6px;border-bottom-left-radius:6px}.om-react-ui-input-label{display:inline-block;margin-bottom:8px;font-weight:600;font-size:16px;font-style:normal;line-height:18px;word-wrap:break-word;word-break:break-all}.om-react-ui-input-label-required:after{margin-left:4px;color:#ae0000;font-size:16px;font-style:normal;line-height:120%;content:"*"}.om-react-ui-input-message{display:inline-block;margin-top:4px;color:#646465;font-weight:400;font-size:12px;font-style:normal;line-height:17px;word-wrap:break-word;word-break:break-all}.om-react-ui-input-message-success{color:#1f5800}.om-react-ui-input-message-error{color:#ae0000}.om-react-ui-input-prefix{margin-right:8px}.om-react-ui-input-suffix{margin-left:8px}.om-react-ui-input-addons+.om-react-ui-input{background-color:#fff;border-top-left-radius:0;border-bottom-left-radius:0}.om-react-ui-loading{display:block;width:150px}.om-react-ui-message{align-items:start;justify-content:start;padding:10px;border-radius:6px}.om-react-ui-message .p-icon{width:14px;height:14px}.om-react-ui-message .p-inline-message-text{font-weight:400;font-size:14px;line-height:normal}.om-react-ui-message.p-inline-message-error{color:#ff5757;background-color:hsla(2,100%,95%,.7)}.om-react-ui-menu{width:auto;padding:10px 0;border:1px solid #e0e2ee;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.om-react-ui-menu.p-menu .p-submenu-header:empty{display:none}.om-react-ui-menu.p-menu .p-menuitem{background-color:#fff}.om-react-ui-menu.p-menu .p-menuitem:hover{background-color:#fafafc}.om-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link{padding:10px 20px}.om-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text{color:#000;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.om-react-ui-popup{display:block}.om-react-ui-modal{display:block}.om-react-ui-progress{width:100%}.om-react-ui-progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:conic-gradient(var(--fill-color) 0 var(--progress),var(--trail-color) var(--progress) var(--last));border-radius:50%}.om-react-ui-progress-ring *{position:relative;z-index:1}.om-react-ui-progress-ring:before{position:absolute;width:calc(var(--size) - var(--stroke) * 2);height:calc(var(--size) - var(--stroke) * 2);line-height:calc(var(--size) - var(--stroke) * 2);text-align:center;background-color:var(--bg-color);border-radius:50%;content:"";inset:var(--stroke)}.om-react-ui-progress-bar{width:100%;height:100%;background-color:var(--trail-color)}.om-react-ui-progress-bar .p-progressbar-value{background-color:var(--fill-color)}.om-react-ui-progress-bar .p-progressbar-value .p-progressbar-label{color:var(--label-color)}.om-react-ui-select{display:inline-flex;height:56px;padding:8px 16px;background-color:#f8f8f8;border:1px solid #e3e4e4;border-radius:12px;transition:none}.om-react-ui-select-small{height:44px;line-height:20px}.om-react-ui-select-small .p-dropdown-label,.om-react-ui-select-small .p-multiselect-label{font-size:14px!important}.om-react-ui-select.p-invalid{border-color:#ae0000;box-shadow:none}.om-react-ui-select.p-invalid .p-dropdown-label,.om-react-ui-select.p-invalid .p-multiselect-label{color:#ae0000}.om-react-ui-select.p-disabled{background-color:#f0f0f0;border-color:#d1d2d2}.om-react-ui-select.p-disabled .p-dropdown-label,.om-react-ui-select.p-disabled .p-multiselect-label{color:#9fa3a3}.om-react-ui-select-success:not(.p-disabled,.p-invalid){border-color:#1f5800}.om-react-ui-select-success:not(.p-disabled,.p-invalid) .p-dropdown-label,.om-react-ui-select-success:not(.p-disabled,.p-invalid) .p-multiselect-label{color:#1f5800!important}.om-react-ui-select .p-dropdown-label,.om-react-ui-select .p-multiselect-label{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 8px 0 0;color:#131313;font-weight:400;font-size:16px;line-height:140%;transition:none}.om-react-ui-select .p-dropdown-label .p-multiselect-token,.om-react-ui-select .p-multiselect-label .p-multiselect-token{margin-right:0;background-color:#dde6f4}.om-react-ui-select .p-dropdown-label .p-multiselect-token .p-multiselect-token-label,.om-react-ui-select .p-multiselect-label .p-multiselect-token .p-multiselect-token-label{color:#131313}.om-react-ui-select .p-multiselect-label-container{display:flex;align-items:center}.om-react-ui-select .p-multiselect-label .p-multiselect-token{height:28px}.om-react-ui-select .p-multiselect-label,.om-react-ui-select>.p-placeholder{color:#646465;font-weight:400;font-size:16px;font-style:normal;line-height:140%}.om-react-ui-select .p-dropdown-trigger,.om-react-ui-select .p-multiselect-trigger{width:auto}.om-react-ui-select.p-multiselect{padding:6px 10.5px}.om-react-ui-select.p-dropdown:not(.p-disabled,.p-invalid).p-focus,.om-react-ui-select.p-multiselect:not(.p-disabled,.p-invalid).p-focus{border-color:#073387;border-width:2px;box-shadow:none}.om-react-ui-select.p-dropdown:not(.p-disabled,.p-invalid):hover,.om-react-ui-select.p-multiselect:not(.p-disabled,.p-invalid):hover{border-color:#131313}.om-react-ui-select-panel{padding:8px;background-color:#fefefe;border-radius:8px;box-shadow:0 4px 8px 0 rgba(65,91,130,.12)}.om-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.om-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{background-color:#f8f8f8}.om-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight .om-react-ui-select-panel-item i,.om-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus .om-react-ui-select-panel-item i{display:inline-block}.om-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight,.p-disabled).p-focus{background-color:#f8f8f8}.om-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#131313;font-weight:400;font-size:16px;font-style:normal;line-height:140%;border-radius:8px}.om-react-ui-select-panel.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background-color:#dde6f4}.om-react-ui-select-panel .p-multiselect-item .p-multiselect-checkbox .p-checkbox.p-highlight .p-checkbox-box{background-color:#073387}.om-react-ui-select-panel .p-dropdown-filter.p-inputtext{padding:10px 16px;font-size:14px}.om-react-ui-select-panel .p-dropdown-filter.p-inputtext:enabled:focus:not(.p-invalid){border-color:#073387;box-shadow:0 0 0 2px #dde6f4}.om-react-ui-select-panel .p-dropdown-filter.p-inputtext:hover{border-color:#073387}.om-react-ui-select-panel .p-dropdown-filter-icon{right:1rem}.om-react-ui-select-panel .p-dropdown-item-label{width:100%}.om-react-ui-select-panel-item{display:inline-flex;align-items:center;justify-content:space-between;width:100%}.om-react-ui-select-panel-item i{display:none;color:#073387;font-size:16px}.om-react-ui-select-show svg{transform:rotate(180deg)}.om-react-ui-select-wrapper{display:inline-flex;flex-direction:column;width:100%}.om-react-ui-select-label{margin-bottom:8px;font-weight:600;font-size:16px;font-style:normal;line-height:108%}.om-react-ui-select-label-required:after{margin-left:4px;color:#ae0000;font-size:16px;font-style:normal;line-height:120%;content:"*"}.om-react-ui-select-message{display:inline-block;margin-top:4px;color:#646465;font-weight:400;font-size:12px;font-style:normal;line-height:17px;word-wrap:break-word;word-break:break-all}.om-react-ui-select-message-success{color:#1f5800}.om-react-ui-select-message-error{color:#ae0000}.om-react-ui-sidebar{height:100vh;padding:0 8px;border-right:1px solid #f2f2f2!important}.om-react-ui-sidebar-expand-icon-open{transform:rotate(180deg)}.om-react-ui-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root>ul{display:flex;flex-direction:column;gap:16px}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{padding:0;padding:16px;color:#404040;font-weight:700;font-size:14px;line-height:14px;border-radius:8px}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover .ps-menu-icon{color:inherit}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{width:16px;min-width:16px;height:16px;margin-right:16px;color:gray;line-height:16px}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active{color:#3d73f2;background-color:#e5efff}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active .ps-menu-icon{color:inherit}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content{background-color:#f9fafb;border-radius:8px}.om-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content.ps-open{padding:8px 0}.om-react-ui-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 16px 16px}.om-react-ui-sidebar-logo{height:100%;padding:16px 0;cursor:pointer}.om-react-ui-sidebar-collapse,.om-react-ui-sidebar-logo{display:inline-flex;align-items:center;justify-content:center}.om-react-ui-sidebar-collapse{width:24px;height:24px}.om-react-ui-sidebar-collapse-icon{cursor:pointer}.om-react-ui-sidebar-footer{display:inline-flex;align-items:center;margin-top:auto;padding:16px;border-radius:8px;cursor:pointer}.om-react-ui-sidebar-footer-logout{display:inline-flex;width:16px;height:16px;margin-right:16px;color:gray}.om-react-ui-sidebar-footer:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.om-react-ui-sidebar-footer:hover .om-react-ui-sidebar-footer-logout{color:#3d73f2}.om-react-ui-sidebar-footer-logout-text{font-weight:700;font-size:14px;line-height:14px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{margin-left:8px}.om-react-ui-sidebar.ps-collapsed .om-react-ui-sidebar-header{padding-left:22px}.om-react-ui-sidebar.ps-collapsed .om-react-ui-sidebar-footer{padding-left:24px}.om-react-ui-sidebar.ps-collapsed .om-react-ui-sidebar-footer-logout-text{display:none}.om-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.om-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.om-react-ui-radiogroup-inner label{margin-left:8px;font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.om-react-ui-radiogroup-inner.rd-sm .p-radiobutton{width:16px;height:16px}.om-react-ui-radiogroup-inner.rd-sm .p-radiobutton>.p-radiobutton-box{width:16px;height:16px;border:1px solid #9fa3a3;border-radius:50%}.om-react-ui-radiogroup-inner.rd-sm .p-radiobutton-icon{width:9px;height:9px}.om-react-ui-radiogroup-inner.rd-sm label{font-size:12px;line-height:20px}.om-react-ui-radiogroup-inner.rd-md .p-radiobutton{width:20px;height:20px}.om-react-ui-radiogroup-inner.rd-md .p-radiobutton>.p-radiobutton-box{width:20px;height:20px;border:1px solid #9fa3a3;border-radius:50%}.om-react-ui-radiogroup-inner.rd-md .p-radiobutton-icon{width:12px;height:12px}.om-react-ui-radiogroup-inner.rd-md label{font-size:14px;line-height:24px}.om-react-ui-radiogroup-inner.rd-lg .p-radiobutton{width:24px;height:24px}.om-react-ui-radiogroup-inner.rd-lg .p-radiobutton>.p-radiobutton-box{width:24px;height:24px;border:1px solid #9fa3a3;border-radius:50%}.om-react-ui-radiogroup-inner.rd-lg .p-radiobutton-icon{width:15px;height:15px}.om-react-ui-radiogroup-inner.rd-lg label{font-size:14px;line-height:28px}.om-react-ui-radiogroup-inner .p-radiobutton:not(.p-disabled,.p-invalid):has(.p-radiobutton-input:hover) .p-radiobutton-box{border-color:#131313}.om-react-ui-radiogroup-inner .p-radiobutton:not(.p-disabled,.p-invalid):has(.p-radiobutton-input:hover):has(.p-radiobutton-input:checked) .p-radiobutton-box{background-color:#052561;border-color:#052561}.om-react-ui-radiogroup-inner .p-radiobutton:not(.p-disabled,.p-invalid):has(.p-radiobutton-input:focus) .p-radiobutton-box{border:2px solid #073387;box-shadow:none}.om-react-ui-radiogroup-inner .p-radiobutton:not(.p-disabled,.p-invalid):has(.p-radiobutton-input:focus) .p-radiobutton-box .p-radiobutton-icon{background-color:#fff}.om-react-ui-radiogroup-inner .p-radiobutton:not(.p-disabled,.p-invalid):has(.p-radiobutton-input:focus) .p-radiobutton-box:has(.p-radiobutton-input:checked){background-color:#03163a}.om-react-ui-radiogroup-inner .p-radiobutton.p-invalid .p-radiobutton-box{border-color:#ae0000}.om-react-ui-radiogroup-inner .p-radiobutton.p-highlight .p-radiobutton-box{background-color:#073387;border-color:#073387}.om-react-ui-radiogroup-inner .p-radiobutton.p-highlight.p-invalid .p-radiobutton-box{background-color:#ae0000;border-color:#ae0000}.om-react-ui-radiogroup-inner .p-radiobutton.p-disabled .p-radiobutton-box{background-color:#f0f0f0;border-color:#d1d2d2}.om-react-ui-radiogroup-inner .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon{background-color:#9fa3a3}.om-react-ui-radiogroup-inner .p-radiobutton.p-disabled:has(.p-radiobutton-input:checked) .p-radiobutton-box{background-color:#f0f0f0;border:0}.om-react-ui-spinner{display:block}.om-react-ui-switch{display:inline-flex}.om-react-ui-switch.p-inputswitch.p-highlight .p-inputswitch-slider{background-color:#142d66;box-shadow:none}.om-react-ui-switch.p-togglebutton.p-highlight .p-button{background-color:#142d66;box-shadow:0 0 0 2px #abc4ff}.om-react-ui-tab{position:relative}.om-react-ui-tab:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#f2f2f2;content:""}.om-react-ui-tab .p-tabmenu{padding-bottom:2px}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav{background-color:transparent}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:gray;font-size:14px;background-color:transparent;border-color:transparent}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{background-color:transparent;border-color:#e0e2ee}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#3d73f2;background-color:transparent;border-color:#3d73f2}.om-react-ui-toast{display:block}.om-react-ui-upload-btn{color:#fff;font-weight:700;font-size:14px;background-color:#142d66;border-color:transparent;border-radius:8px;box-shadow:none}.om-react-ui-upload-btn>svg{width:12px;height:12px}.om-react-ui-typography-display{margin:0;color:#131313;font-weight:500;font-family:var(--font-aeonik),Aeonik;line-height:108%}.om-react-ui-typography-display-xl{font-size:64px;letter-spacing:-.25px}.om-react-ui-typography-display-l{font-size:52px;letter-spacing:-.25px}.om-react-ui-typography-display-m{font-size:45px}.om-react-ui-typography-display-s{font-size:36px}.om-react-ui-typography-headline{margin:0;color:#131313;font-weight:500;font-family:var(--font-aeonik),Aeonik;line-height:108%}.om-react-ui-typography-headline-l{font-size:32px}.om-react-ui-typography-headline-m{font-size:28px}.om-react-ui-typography-headline-s{font-size:24px}.om-react-ui-typography-headline-xs{font-size:18px}.om-react-ui-typography-title{margin:0;color:#131313;font-weight:500;font-family:var(--font-inter),Inter;line-height:108%}.om-react-ui-typography-title-bold{font-weight:700}.om-react-ui-typography-title-l{font-size:18px}.om-react-ui-typography-title-m{font-size:16px}.om-react-ui-typography-title-s{font-size:14px}.om-react-ui-typography-body{margin:0;color:#131313;font-weight:400;font-family:var(--font-inter),Inter;line-height:140%}.om-react-ui-typography-body-bold{font-weight:500}.om-react-ui-typography-body-l{font-size:16px}.om-react-ui-typography-body-m{font-size:14px}.om-react-ui-typography-body-s{font-size:12px}.om-react-ui-typography-link{color:#131313;font-weight:500;font-family:var(--font-inter),Inter;line-height:140%;cursor:pointer;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.om-react-ui-typography-link-m{font-size:14px}.om-react-ui-typography-link-s{font-size:12px}.om-react-ui-typography-label{color:#131313;font-weight:500;font-family:var(--font-inter),Inter;line-height:108%}.om-react-ui-typography-label-bold{font-weight:600}.om-react-ui-typography-label-xl{font-size:18px}.om-react-ui-typography-label-l{font-size:16px}.om-react-ui-typography-label-m{font-size:14px}.om-react-ui-typography-label-s{font-size:12px}.om-react-ui-typography-label-xs{font-size:10px}
|
package/es/index.d.ts
CHANGED
|
@@ -43,7 +43,7 @@ declare const _default: {
|
|
|
43
43
|
Spinner: import("react").FC<import("./components/Spinner").SpinnerProps>;
|
|
44
44
|
Switch: import("react").FC<import("react").PropsWithChildren<import("./components/Switch").SwitchProps>>;
|
|
45
45
|
Toast: import("react").ForwardRefExoticComponent<import("./components/Toast").ToastProps & import("react").RefAttributes<import("primereact/toast").Toast>>;
|
|
46
|
-
Icons: import("react").FC<import("./components/Icons/Icons").LogoWithWordsProps | (import("./components/Icons").IconsProps & {
|
|
46
|
+
Icons: import("react").FC<import("./components/Icons/Icons").LogoWithWordsProps | import("./components/Icons/Icons").IllustrationsProps | (import("./components/Icons").IconsProps & {
|
|
47
47
|
name: import("./components/Icons").IconName;
|
|
48
48
|
})>;
|
|
49
49
|
IconWrapper: import("react").FC<import("react").PropsWithChildren<import("./components/Icons").IconWrapperProps>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.om-react-ui-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;font-weight:500;font-size:12px;line-height:108%;border-radius:12px}.om-react-ui-badge-neutral{color:#131313;background-color:#e3e4e4}.om-react-ui-badge-warning{color:#131313;background-color:#f4c600}.om-react-ui-badge-negative{color:#
|
|
1
|
+
.om-react-ui-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;font-weight:500;font-size:12px;line-height:108%;border-radius:12px}.om-react-ui-badge-neutral{color:#131313;background-color:#e3e4e4}.om-react-ui-badge-warning{color:#131313;background-color:#f4c600}.om-react-ui-badge-negative{color:#fefefe;background-color:#ae0000}.om-react-ui-badge-success{color:#fefefe;background-color:#1f5800}.om-react-ui-badge-recommend{color:#fefefe;background-color:#3d7cf5}.om-react-ui-badge-black{color:#fefefe;background-color:#131313}
|
|
@@ -24,22 +24,22 @@ $component: 'badge';
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
&-negative {
|
|
27
|
-
color: $color-white;
|
|
27
|
+
color: $color-primary-white;
|
|
28
28
|
background-color: $color-negative;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
&-success {
|
|
32
|
-
color: $color-white;
|
|
32
|
+
color: $color-primary-white;
|
|
33
33
|
background-color: $color-success;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
&-recommend {
|
|
37
|
-
color: $color-white;
|
|
37
|
+
color: $color-primary-white;
|
|
38
38
|
background-color: $color-info;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
&-black {
|
|
42
|
-
color: $color-white;
|
|
42
|
+
color: $color-primary-white;
|
|
43
43
|
background-color: $color-primary-black;
|
|
44
44
|
}
|
|
45
45
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.om-react-ui-button{display:inline-flex;align-items:center;justify-content:center;padding:16px;font-weight:500;font-size:16px;line-height:20px;border-radius:16px;box-shadow:none}.om-react-ui-button-medium{padding:12px;font-size:14px;line-height:16px;border-radius:12px}.om-react-ui-button-small{max-height:32px;padding:12px;font-size:12px;line-height:8px;border-radius:12px}.om-react-ui-button.p-disabled{cursor:not-allowed}.om-react-ui-button.p-button-rounded{border-radius:36px}.om-react-ui-button-loading-icon{width:20px!important;height:20px!important;margin-right:8px}.om-react-ui-button-loading-icon-medium{width:16px!important;height:16px!important}.om-react-ui-button-loading-icon-small{width:14px!important;height:14px!important}.om-react-ui-button-loading-icon-primary svg circle{stroke:#fefefe!important}.om-react-ui-button-loading-icon-secondary svg circle{stroke:#073387!important}.om-react-ui-button-loading-icon-grey svg circle{stroke:#9fa3a3!important}.om-react-ui-button-loading-icon-black svg circle{stroke:#fefefe!important}.om-react-ui-button-loading-icon-white svg circle{stroke:#9fa3a3!important}.om-react-ui-button-primary{color:#fefefe;background-color:#073387;border:none}.om-react-ui-button-primary:hover{background-color:#052561}.om-react-ui-button-primary-active{background-color:#03163a}.om-react-ui-button-primary.p-disabled{opacity:.3}.om-react-ui-button-secondary{color:#073387;background-color:#dde6f4;border:none}.om-react-ui-button-secondary:hover{background-color:#c1d0eb}.om-react-ui-button-secondary-active{background-color:#a4bbe1}.om-react-ui-button-secondary.p-disabled{opacity:.4}.om-react-ui-button-grey{color:#131313;background-color:#f0f0f0;border:none}.om-react-ui-button-grey:hover{background-color:#e3e4e4}.om-react-ui-button-grey-active{background-color:#d1d2d2}.om-react-ui-button-grey.p-disabled{color:#9fa3a3;background-color:#f0f0f0}.om-react-ui-button-black{color:#fefefe;background-color:#131313;border:none}.om-react-ui-button-black:hover{background-color:#404042}.om-react-ui-button-black-active{background-color:#646465}.om-react-ui-button-black.p-disabled{background-color:#d1d2d2}.om-react-ui-button-white{color:#131313;background-color:#fefefe;border:none}.om-react-ui-button-white:hover{background-color:#f0f0f0}.om-react-ui-button-white-active{background-color:#d1d2d2}.om-react-ui-button-white.p-disabled{color:#9fa3a3;background-color:#fefefe}.om-react-ui-button-primary.p-button-loading.p-disabled{color:#fff;background-color:#142d66}.om-react-ui-button-secondary.p-button-loading.p-disabled{color:#000;background-color:#e5efff}.om-react-ui-button-primary-landing{background-color:#073387}.om-react-ui-button-primary-landing,.om-react-ui-button-secondary-landing{padding:10px 16px;font-weight:500;font-size:16px;line-height:26px;border:none;border-radius:8px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.om-react-ui-button-secondary-landing{color:#000;background-color:#fff}
|
|
1
|
+
.om-react-ui-button{display:inline-flex;align-items:center;justify-content:center;padding:16px;font-weight:500;font-size:16px;line-height:20px;border-radius:16px;box-shadow:none}.om-react-ui-button-medium{padding:12px;font-size:14px;line-height:16px;border-radius:12px}.om-react-ui-button-small{max-height:32px;padding:12px;font-size:12px;line-height:8px;border-radius:12px}.om-react-ui-button.p-disabled{cursor:not-allowed}.om-react-ui-button.p-button-rounded{border-radius:36px}.om-react-ui-button-loading-icon{width:20px!important;height:20px!important;margin-right:8px;margin-left:0}.om-react-ui-button-loading-icon-medium{width:16px!important;height:16px!important}.om-react-ui-button-loading-icon-small{width:14px!important;height:14px!important}.om-react-ui-button-loading-icon-primary svg circle{stroke:#fefefe!important}.om-react-ui-button-loading-icon-secondary svg circle{stroke:#073387!important}.om-react-ui-button-loading-icon-grey svg circle{stroke:#9fa3a3!important}.om-react-ui-button-loading-icon-black svg circle{stroke:#fefefe!important}.om-react-ui-button-loading-icon-white svg circle{stroke:#9fa3a3!important}.om-react-ui-button-primary{color:#fefefe;background-color:#073387;border:none}.om-react-ui-button-primary:hover{background-color:#052561}.om-react-ui-button-primary-active{background-color:#03163a}.om-react-ui-button-primary.p-disabled{opacity:.3}.om-react-ui-button-secondary{color:#073387;background-color:#dde6f4;border:none}.om-react-ui-button-secondary:hover{background-color:#c1d0eb}.om-react-ui-button-secondary-active{background-color:#a4bbe1}.om-react-ui-button-secondary.p-disabled{opacity:.4}.om-react-ui-button-grey{color:#131313;background-color:#f0f0f0;border:none}.om-react-ui-button-grey:hover{background-color:#e3e4e4}.om-react-ui-button-grey-active{background-color:#d1d2d2}.om-react-ui-button-grey.p-disabled{color:#9fa3a3;background-color:#f0f0f0}.om-react-ui-button-black{color:#fefefe;background-color:#131313;border:none}.om-react-ui-button-black:hover{background-color:#404042}.om-react-ui-button-black-active{background-color:#646465}.om-react-ui-button-black.p-disabled{background-color:#d1d2d2}.om-react-ui-button-white{color:#131313;background-color:#fefefe;border:none}.om-react-ui-button-white:hover{background-color:#f0f0f0}.om-react-ui-button-white-active{background-color:#d1d2d2}.om-react-ui-button-white.p-disabled{color:#9fa3a3;background-color:#fefefe}.om-react-ui-button-primary.p-button-loading.p-disabled{color:#fff;background-color:#142d66}.om-react-ui-button-secondary.p-button-loading.p-disabled{color:#000;background-color:#e5efff}.om-react-ui-button-primary-landing{background-color:#073387}.om-react-ui-button-primary-landing,.om-react-ui-button-secondary-landing{padding:10px 16px;font-weight:500;font-size:16px;line-height:26px;border:none;border-radius:8px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.om-react-ui-button-secondary-landing{color:#000;background-color:#fff}
|
|
@@ -9,11 +9,13 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _clipboard = _interopRequireDefault(require("../../utils/clipboard"));
|
|
11
11
|
var _Icons = _interopRequireDefault(require("../Icons"));
|
|
12
|
+
var _Typography = _interopRequireDefault(require("../Typography"));
|
|
12
13
|
var _classnames = _interopRequireDefault(require("../../utils/classnames"));
|
|
13
14
|
var Clipboard = exports.Clipboard = function Clipboard(props) {
|
|
14
15
|
var content = props.content,
|
|
15
16
|
className = props.className,
|
|
16
17
|
label = props.label,
|
|
18
|
+
labelCls = props.labelCls,
|
|
17
19
|
onSuccess = props.onSuccess,
|
|
18
20
|
onError = props.onError,
|
|
19
21
|
_props$prefixCls = props.prefixCls,
|
|
@@ -30,18 +32,21 @@ var Clipboard = exports.Clipboard = function Clipboard(props) {
|
|
|
30
32
|
};
|
|
31
33
|
return (0, _jsxRuntime.jsxs)("div", {
|
|
32
34
|
className: classes(void 0, className),
|
|
33
|
-
children: [(0, _jsxRuntime.jsx)("
|
|
34
|
-
|
|
35
|
+
children: [(0, _jsxRuntime.jsx)(_Typography["default"].Label, {
|
|
36
|
+
bold: true,
|
|
37
|
+
size: 'l',
|
|
38
|
+
className: classes('label', labelCls),
|
|
35
39
|
children: label
|
|
36
40
|
}), (0, _jsxRuntime.jsxs)("div", {
|
|
37
41
|
className: classes('content'),
|
|
38
|
-
children: [(0, _jsxRuntime.jsx)("
|
|
42
|
+
children: [(0, _jsxRuntime.jsx)(_Typography["default"].Body, {
|
|
43
|
+
size: 'l',
|
|
39
44
|
className: classes('content-text'),
|
|
40
45
|
children: content
|
|
41
46
|
}), (0, _jsxRuntime.jsx)(_Icons["default"], {
|
|
42
|
-
name: '
|
|
47
|
+
name: 'copy',
|
|
43
48
|
size: 20,
|
|
44
|
-
color: '#
|
|
49
|
+
color: '#131313',
|
|
45
50
|
className: classes('content-icon'),
|
|
46
51
|
onClick: onCopy
|
|
47
52
|
})]
|
|
@@ -49,4 +54,4 @@ var Clipboard = exports.Clipboard = function Clipboard(props) {
|
|
|
49
54
|
});
|
|
50
55
|
};
|
|
51
56
|
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(Clipboard);
|
|
52
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2xpcGJvYXJkL0NsaXBib2FyZC5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2xpcGJvYXJkL0NsaXBib2FyZC50c3giXSwibmFtZXMiOlsiX2pzeFJ1bnRpbWUiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX2NsaXBib2FyZCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfSWNvbnMiLCJfVHlwb2dyYXBoeSIsIl9jbGFzc25hbWVzIiwiQ2xpcGJvYXJkIiwiZXhwb3J0cyIsInByb3BzIiwiY29udGVudCIsImNsYXNzTmFtZSIsImxhYmVsIiwibGFiZWxDbHMiLCJvblN1Y2Nlc3MiLCJvbkVycm9yIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsImNsYXNzZXMiLCJjbGFzc25hbWVzIiwib25Db3B5IiwiY2xpcGJvYXJkIiwic3VjY2VlZGVkIiwiRXJyb3IiLCJfanN4cyIsImNoaWxkcmVuIiwiX2pzeCIsIlR5cG9ncmFwaHkiLCJMYWJlbCIsImJvbGQiLCJzaXplIiwiQm9keSIsIkljb25zIiwibmFtZSIsImNvbG9yIiwib25DbGljayIsIl9kZWZhdWx0IiwibWVtbyJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0FBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFVBQUEsR0FBQUMsc0JBQUEsQ0FBQUgsT0FBQTtBQUNBLElBQUFJLE1BQUEsR0FBQUQsc0JBQUEsQ0FBQUgsT0FBQTtBQUNBLElBQUFLLFdBQUEsR0FBQUYsc0JBQUEsQ0FBQUgsT0FBQTtBQUNBLElBQUFNLFdBQUEsR0FBQUgsc0JBQUEsQ0FBQUgsT0FBQTtBQUtPLElBQU1PLFNBQVMsR0FBQUMsT0FBQSxDQUFBRCxTQUFBLEdBQXVCLFNBQWhDQSxTQUFTQSxDQUF1QkUsS0FBSyxFQUFHO0VBQ25ELElBQVFDLE9BQU8sR0FBOEVELEtBQUssQ0FBMUZDLE9BQU87SUFBRUMsU0FBUyxHQUFtRUYsS0FBSyxDQUFqRkUsU0FBUztJQUFFQyxLQUFLLEdBQTRESCxLQUFLLENBQXRFRyxLQUFLO0lBQUVDLFFBQVEsR0FBa0RKLEtBQUssQ0FBL0RJLFFBQVE7SUFBRUMsU0FBUyxHQUF1Q0wsS0FBSyxDQUFyREssU0FBUztJQUFFQyxPQUFPLEdBQThCTixLQUFLLENBQTFDTSxPQUFPO0lBQUFDLGdCQUFBLEdBQThCUCxLQUFLLENBQWpDUSxTQUFTO0lBQVRBLFNBQVMsR0FBQUQsZ0JBQUEsY0FBRyxXQUFXLEdBQUFBLGdCQUFBO0VBQ3hGLElBQU1FLE9BQU8sR0FBRyxJQUFBQyxzQkFBVSxFQUFDRixTQUFTLENBQUM7RUFDckMsSUFBTUcsTUFBTSxHQUFHLFNBQVRBLE1BQU1BLENBQUEsRUFBUTtJQUNsQixJQUFBQyxxQkFBUyxFQUFDWCxPQUFpQixFQUFFLFVBQUNZLFNBQWtCLEVBQUk7TUFDbEQsSUFBSUEsU0FBUyxFQUFFO1FBQ2JSLFNBQVMsS0FBQSxJQUFBLElBQVRBLFNBQVMsS0FBQSxLQUFBLENBQUEsR0FBQSxLQUFBLENBQUEsR0FBVEEsU0FBUyxDQUFHSixPQUFpQixDQUFDO01BQ2hDLENBQUMsTUFBTTtRQUNMSyxPQUFPLEtBQUEsSUFBQSxJQUFQQSxPQUFPLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQVBBLE9BQU8sQ0FBRyxJQUFJUSxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUM7TUFDckM7SUFDRixDQUFDLENBQUM7RUFDSixDQUFDO0VBQ0QsT0FDRSxJQUFBQyxnQkFBQSxFQUFBLEtBQUEsRUFBQTtJQUNFYixTQUFTLEVBQUVPLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRVAsU0FBUyxDQUFDO0lBQUFjLFFBQUEsRUFBQSxDQUVyQyxJQUFBQyxlQUFBLEVBQUNDLHNCQUFVLENBQUNDLEtBQUssRUFBQTtNQUFDQyxJQUFJLEVBQUEsSUFBQTtNQUFDQyxJQUFJLEVBQUMsR0FBRztNQUFDbkIsU0FBUyxFQUFFTyxPQUFPLENBQUMsT0FBTyxFQUFFTCxRQUFRLENBQUM7TUFBQVksUUFBQSxFQUFHYjtJQUFLLENBQUEsQ0FBb0IsRUFDakcsSUFBQVksZ0JBQUEsRUFBQSxLQUFBLEVBQUE7TUFBS2IsU0FBUyxFQUFFTyxPQUFPLENBQUMsU0FBUyxDQUFDO01BQUFPLFFBQUEsRUFBQSxDQUNoQyxJQUFBQyxlQUFBLEVBQUNDLHNCQUFVLENBQUNJLElBQUksRUFBQTtRQUFDRCxJQUFJLEVBQUMsR0FBRztRQUFDbkIsU0FBUyxFQUFFTyxPQUFPLENBQUMsY0FBYyxDQUFDO1FBQUFPLFFBQUEsRUFBSWY7TUFBTyxDQUFBLENBQW9CLEVBQzNGLElBQUFnQixlQUFBLEVBQUNNLGlCQUFLLEVBQUE7UUFBQ0MsSUFBSSxFQUFDLE1BQU07UUFBQ0gsSUFBSSxFQUFFLEVBQUU7UUFBRUksS0FBSyxFQUFDLFNBQVM7UUFBQ3ZCLFNBQVMsRUFBRU8sT0FBTyxDQUFDLGNBQWMsQ0FBQztRQUFFaUIsT0FBTyxFQUFFZjtNQUFNLENBQUEsQ0FBSTtJQUFBLENBQUEsQ0FDaEc7RUFBQSxDQUFBLENBQ0Y7QUFFVixDQUFDO0FBQUMsSUFBQWdCLFFBQUEsR0FBQTVCLE9BQUEsMkJBRWEsSUFBQTZCLFdBQUksRUFBQzlCLFNBQVMsQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL0NsaXBib2FyZC9DbGlwYm9hcmQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBjbGlwYm9hcmQgZnJvbSAnLi4vLi4vdXRpbHMvY2xpcGJvYXJkJztcbmltcG9ydCBJY29ucyBmcm9tICcuLi9JY29ucyc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuZXhwb3J0IGNvbnN0IENsaXBib2FyZCA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7IGNvbnRlbnQsIGNsYXNzTmFtZSwgbGFiZWwsIGxhYmVsQ2xzLCBvblN1Y2Nlc3MsIG9uRXJyb3IsIHByZWZpeENscyA9ICdjbGlwYm9hcmQnIH0gPSBwcm9wcztcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIGNvbnN0IG9uQ29weSA9ICgpID0+IHtcbiAgICAgICAgY2xpcGJvYXJkKGNvbnRlbnQsIChzdWNjZWVkZWQpID0+IHtcbiAgICAgICAgICAgIGlmIChzdWNjZWVkZWQpIHtcbiAgICAgICAgICAgICAgICBvblN1Y2Nlc3MgPT09IG51bGwgfHwgb25TdWNjZXNzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblN1Y2Nlc3MoY29udGVudCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICBvbkVycm9yID09PSBudWxsIHx8IG9uRXJyb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uRXJyb3IobmV3IEVycm9yKCdDb3B5IGZhaWxlZCcpKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfTtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKHZvaWQgMCwgY2xhc3NOYW1lKSwgY2hpbGRyZW46IFtfanN4KFR5cG9ncmFwaHkuTGFiZWwsIHsgYm9sZDogdHJ1ZSwgc2l6ZTogJ2wnLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2xhYmVsJywgbGFiZWxDbHMpLCBjaGlsZHJlbjogbGFiZWwgfSksIF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdjb250ZW50JyksIGNoaWxkcmVuOiBbX2pzeChUeXBvZ3JhcGh5LkJvZHksIHsgc2l6ZTogJ2wnLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2NvbnRlbnQtdGV4dCcpLCBjaGlsZHJlbjogY29udGVudCB9KSwgX2pzeChJY29ucywgeyBuYW1lOiAnY29weScsIHNpemU6IDIwLCBjb2xvcjogJyMxMzEzMTMnLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2NvbnRlbnQtaWNvbicpLCBvbkNsaWNrOiBvbkNvcHkgfSldIH0pXSB9KSk7XG59O1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhDbGlwYm9hcmQpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.om-react-ui-clipboard{display:flex;flex-direction:column
|
|
1
|
+
.om-react-ui-clipboard{display:flex;flex-direction:column}.om-react-ui-clipboard-label{margin-bottom:8px}.om-react-ui-clipboard-content{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:space-between;padding:8px 16px;background-color:#f8f8f8;border:1px solid #e3e4e4;border-radius:12px}.om-react-ui-clipboard-content-text{display:inline-block;margin:0;color:#646465!important;word-wrap:break-word;word-break:break-all}.om-react-ui-clipboard-content-icon{flex-shrink:0;cursor:pointer}
|
|
@@ -5,31 +5,28 @@ $component: 'clipboard';
|
|
|
5
5
|
.#{$prefix}-#{$component} {
|
|
6
6
|
display: flex;
|
|
7
7
|
flex-direction: column;
|
|
8
|
-
gap: 8px;
|
|
9
8
|
|
|
10
9
|
&-label {
|
|
11
|
-
margin-
|
|
12
|
-
font-weight: 400;
|
|
13
|
-
font-size: 14px;
|
|
14
|
-
line-height: 20px;
|
|
10
|
+
margin-bottom: 8px;
|
|
15
11
|
}
|
|
16
12
|
|
|
17
13
|
&-content {
|
|
18
14
|
display: flex;
|
|
19
15
|
flex-direction: row;
|
|
20
|
-
gap:
|
|
16
|
+
gap: 8px;
|
|
21
17
|
align-items: center;
|
|
22
18
|
justify-content: space-between;
|
|
23
|
-
padding:
|
|
24
|
-
background-color:
|
|
25
|
-
border:
|
|
26
|
-
border-
|
|
19
|
+
padding: 8px 16px;
|
|
20
|
+
background-color: $color-grey-light;
|
|
21
|
+
border-color: $color-grey-deep;
|
|
22
|
+
border-style: solid;
|
|
23
|
+
border-width: 1px;
|
|
24
|
+
border-radius: 12px;
|
|
27
25
|
|
|
28
26
|
&-text {
|
|
29
27
|
display: inline-block;
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
line-height: 20px;
|
|
28
|
+
margin: 0;
|
|
29
|
+
color: $color-grey-midnight !important;
|
|
33
30
|
word-wrap: break-word;
|
|
34
31
|
word-break: break-all;
|
|
35
32
|
}
|
|
@@ -1,29 +1,26 @@
|
|
|
1
1
|
import type { FC } from 'react';
|
|
2
2
|
import type { IconsProps, IconWrapperProps } from './interface';
|
|
3
|
+
import type { LogoWithWordsCustomProps } from './Logo';
|
|
4
|
+
import type { IllustrationsCustomProps } from './Illustrations';
|
|
3
5
|
declare const IconList: {
|
|
6
|
+
readonly illusChecked: FC<IconWrapperProps & IllustrationsCustomProps>;
|
|
7
|
+
readonly illusEmailError: FC<IconWrapperProps & IllustrationsCustomProps>;
|
|
8
|
+
readonly illusLinkExpired: FC<IconWrapperProps & IllustrationsCustomProps>;
|
|
9
|
+
readonly illus2FA: FC<IconWrapperProps & IllustrationsCustomProps>;
|
|
10
|
+
readonly illusLocked: FC<IconWrapperProps & IllustrationsCustomProps>;
|
|
11
|
+
readonly illusError: FC<IconWrapperProps & IllustrationsCustomProps>;
|
|
12
|
+
readonly illusRegoinNotSupported: FC<IconWrapperProps & IllustrationsCustomProps>;
|
|
13
|
+
readonly illusIDCard: FC<IconWrapperProps & IllustrationsCustomProps>;
|
|
14
|
+
readonly illusVerification: FC<IconWrapperProps & IllustrationsCustomProps>;
|
|
4
15
|
readonly logo: FC<IconWrapperProps>;
|
|
5
16
|
readonly logoWord: FC<IconWrapperProps>;
|
|
6
17
|
readonly logoNetwork: FC<IconWrapperProps>;
|
|
7
|
-
readonly logoWithWords: FC<IconWrapperProps &
|
|
8
|
-
logoColor?: string;
|
|
9
|
-
logoCls?: string;
|
|
10
|
-
wordColor?: string;
|
|
11
|
-
wordCls?: string;
|
|
12
|
-
networkLogo?: boolean;
|
|
13
|
-
networkCls?: string;
|
|
14
|
-
networkColor?: string;
|
|
15
|
-
}>;
|
|
16
|
-
readonly minus: FC<IconWrapperProps>;
|
|
17
|
-
readonly add: FC<IconWrapperProps>;
|
|
18
|
+
readonly logoWithWords: FC<IconWrapperProps & LogoWithWordsCustomProps>;
|
|
18
19
|
readonly burger: FC<IconWrapperProps>;
|
|
19
20
|
readonly return: FC<IconWrapperProps>;
|
|
20
21
|
readonly close: FC<IconWrapperProps>;
|
|
21
22
|
readonly arrow: FC<IconWrapperProps>;
|
|
22
|
-
readonly dropDown: FC<IconWrapperProps>;
|
|
23
|
-
readonly eyeClose: FC<IconWrapperProps>;
|
|
24
|
-
readonly eyeOn: FC<IconWrapperProps>;
|
|
25
23
|
readonly circle: FC<IconWrapperProps>;
|
|
26
|
-
readonly check: FC<IconWrapperProps>;
|
|
27
24
|
readonly times: FC<IconWrapperProps>;
|
|
28
25
|
readonly doubleCheck: FC<IconWrapperProps>;
|
|
29
26
|
readonly checkCircle: FC<IconWrapperProps>;
|
|
@@ -31,25 +28,116 @@ declare const IconList: {
|
|
|
31
28
|
readonly content: FC<IconWrapperProps>;
|
|
32
29
|
readonly locked: FC<IconWrapperProps>;
|
|
33
30
|
readonly exclamation: FC<IconWrapperProps>;
|
|
34
|
-
readonly arrowUp: FC<IconWrapperProps>;
|
|
35
31
|
readonly arrowLink: FC<IconWrapperProps>;
|
|
36
32
|
readonly union: FC<IconWrapperProps>;
|
|
33
|
+
readonly eyeClose: FC<IconWrapperProps>;
|
|
34
|
+
readonly eyeOn: FC<IconWrapperProps>;
|
|
35
|
+
readonly deposit: FC<IconWrapperProps>;
|
|
36
|
+
readonly withdrawal: FC<IconWrapperProps>;
|
|
37
|
+
readonly conversion: FC<IconWrapperProps>;
|
|
38
|
+
readonly mintToken: FC<IconWrapperProps>;
|
|
39
|
+
readonly burnToken: FC<IconWrapperProps>;
|
|
40
|
+
readonly accountLocked: FC<IconWrapperProps>;
|
|
41
|
+
readonly pending: FC<IconWrapperProps>;
|
|
42
|
+
readonly success: FC<IconWrapperProps>;
|
|
43
|
+
readonly fail: FC<IconWrapperProps>;
|
|
44
|
+
readonly error: FC<IconWrapperProps>;
|
|
45
|
+
readonly statusSuccess: FC<IconWrapperProps>;
|
|
46
|
+
readonly statusFail: FC<IconWrapperProps>;
|
|
47
|
+
readonly dashboard: FC<IconWrapperProps>;
|
|
48
|
+
readonly digitalAsset: FC<IconWrapperProps>;
|
|
49
|
+
readonly addressBook: FC<IconWrapperProps>;
|
|
50
|
+
readonly linkedBankAccounts: FC<IconWrapperProps>;
|
|
51
|
+
readonly ach: FC<IconWrapperProps>;
|
|
52
|
+
readonly wire: FC<IconWrapperProps>;
|
|
53
|
+
readonly account: FC<IconWrapperProps>;
|
|
54
|
+
readonly profile: FC<IconWrapperProps>;
|
|
55
|
+
readonly security: FC<IconWrapperProps>;
|
|
56
|
+
readonly logout: FC<IconWrapperProps>;
|
|
57
|
+
readonly portfolio: FC<IconWrapperProps>;
|
|
58
|
+
readonly home: FC<IconWrapperProps>;
|
|
59
|
+
readonly convert: FC<IconWrapperProps>;
|
|
60
|
+
readonly withdraw: FC<IconWrapperProps>;
|
|
61
|
+
readonly send: FC<IconWrapperProps>;
|
|
62
|
+
readonly menuDeposit: FC<IconWrapperProps>;
|
|
63
|
+
readonly company: FC<IconWrapperProps>;
|
|
64
|
+
readonly parties: FC<IconWrapperProps>;
|
|
65
|
+
readonly transactions: FC<IconWrapperProps>;
|
|
66
|
+
readonly arrowUp: FC<IconWrapperProps>;
|
|
67
|
+
readonly arrowDown: FC<IconWrapperProps>;
|
|
68
|
+
readonly arrowLeft: FC<IconWrapperProps>;
|
|
69
|
+
readonly arrowRight: FC<IconWrapperProps>;
|
|
70
|
+
readonly add: FC<IconWrapperProps>;
|
|
71
|
+
readonly minus: FC<IconWrapperProps>;
|
|
72
|
+
readonly cross: FC<IconWrapperProps>;
|
|
73
|
+
readonly more: FC<IconWrapperProps>;
|
|
74
|
+
readonly dropDown: FC<IconWrapperProps>;
|
|
75
|
+
readonly dropDownUp: FC<IconWrapperProps>;
|
|
76
|
+
readonly collapse: FC<IconWrapperProps>;
|
|
77
|
+
readonly extend: FC<IconWrapperProps>;
|
|
78
|
+
readonly spinner: FC<IconWrapperProps>;
|
|
79
|
+
readonly check: FC<IconWrapperProps>;
|
|
80
|
+
readonly remove: FC<IconWrapperProps>;
|
|
81
|
+
readonly info: FC<IconWrapperProps>;
|
|
82
|
+
readonly notifications: FC<IconWrapperProps>;
|
|
83
|
+
readonly favorite: FC<IconWrapperProps>;
|
|
84
|
+
readonly transferHistory: FC<IconWrapperProps>;
|
|
85
|
+
readonly support: FC<IconWrapperProps>;
|
|
86
|
+
readonly help: FC<IconWrapperProps>;
|
|
87
|
+
readonly language: FC<IconWrapperProps>;
|
|
88
|
+
readonly share: FC<IconWrapperProps>;
|
|
89
|
+
readonly products: FC<IconWrapperProps>;
|
|
90
|
+
readonly hub: FC<IconWrapperProps>;
|
|
91
|
+
readonly systemSecurity: FC<IconWrapperProps>;
|
|
92
|
+
readonly fees: FC<IconWrapperProps>;
|
|
93
|
+
readonly settings: FC<IconWrapperProps>;
|
|
94
|
+
readonly id: FC<IconWrapperProps>;
|
|
95
|
+
readonly viewBalance: FC<IconWrapperProps>;
|
|
96
|
+
readonly hideBalance: FC<IconWrapperProps>;
|
|
97
|
+
readonly privacy: FC<IconWrapperProps>;
|
|
98
|
+
readonly card: FC<IconWrapperProps>;
|
|
99
|
+
readonly coin: FC<IconWrapperProps>;
|
|
100
|
+
readonly wallet: FC<IconWrapperProps>;
|
|
101
|
+
readonly email: FC<IconWrapperProps>;
|
|
102
|
+
readonly rewards: FC<IconWrapperProps>;
|
|
103
|
+
readonly time: FC<IconWrapperProps>;
|
|
104
|
+
readonly location: FC<IconWrapperProps>;
|
|
105
|
+
readonly calendar: FC<IconWrapperProps>;
|
|
106
|
+
readonly securityCheck: FC<IconWrapperProps>;
|
|
107
|
+
readonly devices: FC<IconWrapperProps>;
|
|
108
|
+
readonly images: FC<IconWrapperProps>;
|
|
109
|
+
readonly bank: FC<IconWrapperProps>;
|
|
110
|
+
readonly coins: FC<IconWrapperProps>;
|
|
111
|
+
readonly earn: FC<IconWrapperProps>;
|
|
112
|
+
readonly scan: FC<IconWrapperProps>;
|
|
113
|
+
readonly search: FC<IconWrapperProps>;
|
|
114
|
+
readonly maintenance: FC<IconWrapperProps>;
|
|
115
|
+
readonly editFile: FC<IconWrapperProps>;
|
|
116
|
+
readonly document: FC<IconWrapperProps>;
|
|
117
|
+
readonly upload: FC<IconWrapperProps>;
|
|
118
|
+
readonly gift: FC<IconWrapperProps>;
|
|
119
|
+
readonly filter: FC<IconWrapperProps>;
|
|
120
|
+
readonly expand: FC<IconWrapperProps>;
|
|
121
|
+
readonly systemCollapse: FC<IconWrapperProps>;
|
|
122
|
+
readonly refresh: FC<IconWrapperProps>;
|
|
123
|
+
readonly transfer: FC<IconWrapperProps>;
|
|
124
|
+
readonly link: FC<IconWrapperProps>;
|
|
125
|
+
readonly save: FC<IconWrapperProps>;
|
|
126
|
+
readonly like: FC<IconWrapperProps>;
|
|
127
|
+
readonly dislike: FC<IconWrapperProps>;
|
|
128
|
+
readonly copy: FC<IconWrapperProps>;
|
|
37
129
|
};
|
|
38
130
|
export type IconName = keyof typeof IconList;
|
|
39
|
-
export interface LogoWithWordsProps extends IconsProps {
|
|
131
|
+
export interface LogoWithWordsProps extends IconsProps, LogoWithWordsCustomProps {
|
|
40
132
|
name: 'logoWithWords';
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
logoColor?: string;
|
|
45
|
-
wordColor?: string;
|
|
46
|
-
networkColor?: string;
|
|
47
|
-
networkLogo?: boolean;
|
|
133
|
+
}
|
|
134
|
+
export interface IllustrationsProps extends IconsProps, IllustrationsCustomProps {
|
|
135
|
+
name: 'illusLocked' | 'illusChecked' | 'illusError';
|
|
48
136
|
}
|
|
49
137
|
export declare const Icons: FC<(IconsProps & {
|
|
50
138
|
name: IconName;
|
|
51
|
-
}) | LogoWithWordsProps>;
|
|
52
|
-
declare const _default: import("react").NamedExoticComponent<LogoWithWordsProps | (IconsProps & {
|
|
139
|
+
}) | LogoWithWordsProps | IllustrationsProps>;
|
|
140
|
+
declare const _default: import("react").NamedExoticComponent<LogoWithWordsProps | IllustrationsProps | (IconsProps & {
|
|
53
141
|
name: IconName;
|
|
54
142
|
})>;
|
|
55
143
|
export default _default;
|