@intercartx/booster-core 0.0.1-beta.6 → 0.0.1-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/styles/address.css +1 -1
  2. package/dist/styles/button.css +7 -1
  3. package/dist/styles/checkout-page.css +1 -1
  4. package/dist/styles/custom-info.css +1 -1
  5. package/dist/styles/fee.css +1 -1
  6. package/dist/styles/fxp-payment.css +1 -1
  7. package/dist/styles/global.css +1 -1044
  8. package/dist/styles/input.css +1 -1
  9. package/dist/styles/loading.css +1 -1
  10. package/dist/styles/order-summary.css +1 -1
  11. package/dist/styles/payment.css +1 -1
  12. package/dist/styles/paypal-modal.css +13 -1
  13. package/dist/styles/phone-input.css +1 -1
  14. package/dist/styles/select-list.css +1 -1
  15. package/dist/styles/select.css +1 -1
  16. package/dist/styles/stripe-payment.css +1 -1
  17. package/dist/styles/theme.css +1 -1
  18. package/package.json +1 -1
package/dist/styles/address.css CHANGED
@@ -1 +1 @@
1
- :root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color:#212529;--itx-label-color:rgba(33,37,41,.65);--itx-border-color:#dee2e6;--itx-invalid-border-color:#dc3545;--itx-invalid-color:#dc3545;--itx-border-active-color:#86b7fe;--itx-border-radius:0.375rem;--itx-border-width:1px;--itx-form-item-height:calc(3.5rem + 2px);--itx-form-item-width:100%;--itx-form-item-gap:0.5rem}.itx-address{display:flex;width:100%;flex-direction:column;gap:var(--itx-form-item-gap)}.itx-address-suggestion{--itx-suggestion-border-width:var(--itx-border-width);--itx-suggestion-border-color:var(--itx-border-color);--itx-suggestion-border-radius:var(--itx-border-radius);position:relative;font-size:var(--itx-font-size-base)}.itx-address-suggestion .zoomer{position:absolute;top:1rem;right:1rem;height:1.5rem;width:1.5rem;color:rgba(33,37,41,.65)}.itx-address-suggestion .itx-address-suggestion-panel{position:absolute;top:4rem;z-index:20;width:100%;color:rgba(33,37,41,.65)}.itx-address-suggestion .itx-address-suggestion-panel ul{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:var(--itx-suggestion-border-radius);border:var(--itx-suggestion-border-width) solid var(--itx-suggestion-border-color)}.itx-address-suggestion .itx-address-suggestion-panel .suggestion-header{display:flex;height:3rem;align-items:center;justify-content:space-between;border-bottom-width:0;padding:.5rem 1rem;font-size:var(--itx-font-size-sm)}.itx-address-suggestion .itx-address-suggestion-panel .suggestion-header .close{height:1rem;width:1rem;cursor:pointer}.itx-address-suggestion .itx-address-suggestion-panel .suggestion{cursor:pointer;border-top-width:0;border-bottom-width:0;padding:.5rem 1rem}.itx-address-suggestion .itx-address-suggestion-panel .suggestion:hover{--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity,1))}.itx-address-suggestion .itx-address-suggestion-panel .suggestion-powered-by{--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity,1));padding:.5rem 1rem}.itx-address-suggestion .itx-address-suggestion-panel .suggestion-powered-by .powered-by-google{display:flex;height:1.25rem;width:8rem;fill:#6c757d}.address-row,.itx-multi-regions{display:grid;gap:var(--itx-form-item-gap)}
1
+ .booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-address{display: flex;width: 100%;flex-direction: column;gap:var(--itx-form-item-gap)}.booster-scope .itx-address-suggestion{--itx-suggestion-border-width: var(--itx-border-width);--itx-suggestion-border-color: var(--itx-border-color);--itx-suggestion-border-radius: var(--itx-border-radius);position: relative;font-size:var(--itx-font-size-base)}.booster-scope .itx-address-suggestion .zoomer{position: absolute;top: 1rem;right: 1rem;height: 1.5rem;width: 1.5rem;color: rgba(33,37,41,0.65)}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel{position: absolute;top: 4rem;z-index: 20;width: 100%;color: rgba(33,37,41,0.65)}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel ul{display: flex;flex-direction: column;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));border-radius:var(--itx-suggestion-border-radius);border:var(--itx-suggestion-border-width) solid var(--itx-suggestion-border-color)}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion-header{display: flex;height: 3rem;align-items: center;justify-content: space-between;border-bottom-width: 0px;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 1rem;padding-right: 1rem;font-size:var(--itx-font-size-sm)}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion-header .close{height: 1rem;width: 1rem;cursor: pointer}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion{cursor: pointer;border-top-width: 0px;border-bottom-width: 0px;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 1rem;padding-right: 1rem}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion:hover{--tw-bg-opacity: 1;background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1))}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion-powered-by{--tw-bg-opacity: 1;background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 1rem;padding-right: 1rem}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion-powered-by .powered-by-google{display: flex;height: 1.25rem;width: 8rem;fill: #6c757d}.booster-scope .itx-multi-regions, .booster-scope .address-row{display: grid;gap:var(--itx-form-item-gap)}
package/dist/styles/button.css CHANGED
@@ -1 +1,7 @@
1
- .itx-btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem .75rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px}.itx-btn-loading{display:flex;cursor:not-allowed;align-items:center;gap:.5rem}.itx-btn-loading .itx-btn-loading-default{display:inline-block;height:1em;width:1em}@keyframes spin{to{transform:rotate(1turn)}}.itx-btn-loading .itx-btn-loading-default{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-top-color:transparent}
1
+ .booster-scope .itx-btn {display: inline-flex;cursor: pointer;align-items: center;justify-content: center;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem;font-size: 1rem;line-height: 1.5rem;--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity, 1));outline: 2px solid transparent;outline-offset: 2px
2
+ }.booster-scope .itx-btn-loading {display: flex;cursor: not-allowed;align-items: center;gap: 0.5rem
3
+ }.booster-scope .itx-btn-loading .itx-btn-loading-default {display: inline-block;height: 1em;width: 1em
4
+ }@keyframes spin {to {transform: rotate(360deg)
5
+ }
6
+ }.booster-scope .itx-btn-loading .itx-btn-loading-default {animation: spin 1s linear infinite;border-radius: 9999px;border-width: 2px;--tw-border-opacity: 1;border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));border-top-color: transparent
7
+ }
package/dist/styles/checkout-page.css CHANGED
@@ -1 +1 @@
1
- :root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color:#212529;--itx-label-color:rgba(33,37,41,.65);--itx-border-color:#dee2e6;--itx-invalid-border-color:#dc3545;--itx-invalid-color:#dc3545;--itx-border-active-color:#86b7fe;--itx-border-radius:0.375rem;--itx-border-width:1px;--itx-form-item-height:calc(3.5rem + 2px);--itx-form-item-width:100%;--itx-form-item-gap:0.5rem}.itx-checkout-page{--left-side-width:50rem;--right-side-width:36rem;--wrapper-padding:calc(50vw - 43rem);--flex-left:52;--flex-right:48}.itx-checkout-page .main{grid-template-areas:". main order-summary";display:flex;flex-direction:column}@media (min-width:768px){.itx-checkout-page .main{display:grid;grid-template-columns:0fr 5fr 4fr}}@media (min-width:1280px){.itx-checkout-page .main{grid-template-columns:var(--wrapper-padding) var(--left-side-width) 1fr}}.itx-checkout-page .left-side{grid-area:main;flex:1 1 0%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.itx-checkout-page .left-side .left-side-wrapper{margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:3rem;padding-left:1rem;padding-right:1rem}@media (min-width:768px){.itx-checkout-page .left-side .left-side-wrapper{margin-right:0;padding-left:3rem;padding-right:3rem}}.itx-checkout-page .right-side{grid-area:order-summary;grid-template-columns:auto;border-left-width:0}@media (min-width:768px){.itx-checkout-page .right-side{display:grid;border-left-width:1px}}@media (min-width:1280px){.itx-checkout-page .right-side{grid-template-columns:var(--right-side-width)}}.itx-checkout-page .right-side{background-color:#fafafa}.itx-checkout-page .right-side .right-side-wrapper{margin-left:auto;margin-right:auto;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(222 226 230/var(--tw-border-opacity,1));padding:3rem 1rem 1rem}@media (min-width:768px){.itx-checkout-page .right-side .right-side-wrapper{margin-left:0;margin-right:0;border-top-width:0;padding:3rem}}.itx-checkout-page .title{margin-bottom:1.8rem;font-size:1.25rem;line-height:1.75rem;font-weight:500}
1
+ .booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-checkout-page{--left-side-width: 50rem;--right-side-width: 36rem;--wrapper-padding: calc((100vw - 50rem - 36rem) / 2);--flex-left: 52;--flex-right: 48}.booster-scope .itx-checkout-page .main{display: flex;flex-direction: column}@media (min-width: 1280px){.booster-scope .itx-checkout-page .main{flex-direction: row}}.booster-scope .itx-checkout-page .left-side{flex: var(--flex-left);--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))}.booster-scope .itx-checkout-page .left-side .left-side-wrapper{margin-left: auto;margin-right: auto;display: flex;flex-direction: column;gap: 3rem;padding-left: 1rem;padding-right: 1rem}@media (min-width: 768px){.booster-scope .itx-checkout-page .left-side .left-side-wrapper{margin-right: 0px;padding-left: 3rem;padding-right: 3rem}}.booster-scope .itx-checkout-page .right-side{flex: var(--flex-right);border-left-width: 0px}@media (min-width: 1280px){.booster-scope .itx-checkout-page .right-side{border-left-width: 1px}}.booster-scope .itx-checkout-page .right-side{background-color:#fafafa}.booster-scope .itx-checkout-page .right-side .right-side-wrapper{margin-left: auto;margin-right: auto;max-width: auto;border-top-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));padding: 1rem;padding-top: 3rem}@media (min-width: 768px){.booster-scope .itx-checkout-page .right-side .right-side-wrapper{margin-left: 0px;margin-right: 0px;border-top-width: 0px;padding: 3rem}}@media (min-width: 1280px){.booster-scope .itx-checkout-page .right-side .right-side-wrapper{max-width: var(--right-side-width)}}.booster-scope .itx-checkout-page .title{margin-bottom:1.8rem;font-size:1.25rem;line-height:1.75rem;font-weight:500}
package/dist/styles/custom-info.css CHANGED
@@ -1 +1 @@
1
- :root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color:#212529;--itx-label-color:rgba(33,37,41,.65);--itx-border-color:#dee2e6;--itx-invalid-border-color:#dc3545;--itx-invalid-color:#dc3545;--itx-border-active-color:#86b7fe;--itx-border-radius:0.375rem;--itx-border-width:1px;--itx-form-item-height:calc(3.5rem + 2px);--itx-form-item-width:100%;--itx-form-item-gap:0.5rem}.itx-custom-info{width:100%;gap:var(--itx-form-item-gap)}.itx-custom-info,.itx-custom-info .name-wrapper{display:flex;flex-direction:column}@media (min-width:768px){.itx-custom-info .name-wrapper{flex-direction:row}}.itx-custom-info .name-wrapper{gap:var(--itx-form-item-gap)}
1
+ .booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-custom-info{display: flex;width: 100%;flex-direction: column;gap:var(--itx-form-item-gap)}.booster-scope .itx-custom-info .name-wrapper{display: flex;flex-direction: column}@media (min-width: 768px){.booster-scope .itx-custom-info .name-wrapper{flex-direction: row}}.booster-scope .itx-custom-info .name-wrapper{gap:var(--itx-form-item-gap)}
package/dist/styles/fee.css CHANGED
@@ -1 +1 @@
1
- :root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color:#212529;--itx-label-color:rgba(33,37,41,.65);--itx-border-color:#dee2e6;--itx-invalid-border-color:#dc3545;--itx-invalid-color:#dc3545;--itx-border-active-color:#86b7fe;--itx-border-radius:0.375rem;--itx-border-width:1px;--itx-form-item-height:calc(3.5rem + 2px);--itx-form-item-width:100%;--itx-form-item-gap:0.5rem}.itx-shipping-methods{display:flex;width:100%;flex-direction:column}.itx-shipping-methods .itx-shipping-method-option{display:flex;width:100%;align-items:center;justify-content:space-between}.itx-add-tip{--fixed-option-bg:#edf4ff}.itx-add-tip .tip-wrapper{position:relative}.itx-add-tip .tip-wrapper>label{display:flex;width:100%;cursor:pointer;align-items:center;border-top-left-radius:.375rem;border-top-right-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(222 226 230/var(--tw-border-opacity,1));padding:1rem 1.25rem;transition-property:all;transition-delay:.2s;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.itx-add-tip .tip-wrapper>label .label-content{position:relative;left:1.75rem}.itx-add-tip .tip-wrapper .checkbox{position:absolute;top:1.25rem;left:1.25rem;margin-right:1.25rem;box-sizing:border-box;height:1rem;width:1rem;cursor:pointer;border-width:1px;--tw-border-opacity:1;border-color:rgb(222 226 230/var(--tw-border-opacity,1))}.itx-add-tip .tip-wrapper .checkbox:not(:checked)~label{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.itx-add-tip .tip-wrapper .checkbox:not(:checked)~.card{border-bottom-width:0}.itx-add-tip .tip-wrapper .checkbox:checked~.card{grid-template-rows:1fr}.itx-add-tip .tip-wrapper .card{display:grid;grid-template-rows:0fr;overflow:hidden;border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;border-width:0 1px 1px;transition-property:grid;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.itx-add-tip .tip-wrapper .card .card-content{display:flex;flex-direction:column;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1));padding-left:1.25rem;padding-right:1.25rem}.itx-add-tip .tip-wrapper .card .thanks{margin-top:1rem;margin-bottom:1rem}.itx-add-tip .tip-wrapper .fixed-tip-wrapper{border-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color);margin-top:1rem;margin-bottom:1rem;display:flex;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip{flex:1 1 0%;padding:.75rem}.itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip:not(:first-child){border-left-width:1px}.itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active{border-color:var(--itx-border-active-color);background-color:var(--fixed-option-bg);position:relative}.itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active:after{border:var(--itx-border-width) solid var(--itx-border-active-color);position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;display:block;--tw-content:"";content:var(--tw-content)}.itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active:first-child:after{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active:last-child:after{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip .fixed-tip-item{display:flex;flex-direction:column;align-items:center}.itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip .fixed-tip-item .fixed-tip-value{text-align:center;color:rgba(33,37,41,.65)}.itx-add-tip .tip-wrapper .custom-tip-wrapper{position:relative;display:flex;align-items:stretch;gap:1rem}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip{position:relative;display:flex;flex:1 1 0%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(222 226 230/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip:has(input:focus){border:var(--itx-border-width) solid var(--itx-border-active-color);transform:translateZ(0)}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip .custom-tip-prefix{visibility:hidden;position:absolute;bottom:0;left:calc(.75rem - 2px);display:flex;height:100%;width:2.5rem;align-items:center;padding-top:1.625rem;padding-bottom:.625rem;padding-left:.15rem}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input{height:calc(3.5rem + 2px);width:100%;border-radius:.375rem;border-style:none;padding:1rem .75rem;outline:2px solid transparent;outline-offset:2px}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-moz-placeholder{color:transparent}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::placeholder{color:transparent}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:-moz-placeholder){padding-top:1.625rem;padding-bottom:.625rem;padding-left:2.25rem}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem;padding-left:2.25rem}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:-moz-placeholder)~.custom-tip-prefix{visibility:visible}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:placeholder-shown)~.custom-tip-prefix{visibility:visible}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:focus{padding-top:1.625rem;padding-bottom:.625rem;padding-left:2.25rem;--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity,1))}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:focus~.custom-tip-prefix{visibility:visible}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:-moz-placeholder)~label{--tw-translate-y:-0.35rem;--tw-translate-x:0.15rem;--tw-scale-x:0.85;--tw-scale-y:0.85;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:focus~label,.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:placeholder-shown)~label{--tw-translate-y:-0.35rem;--tw-translate-x:0.15rem;--tw-scale-x:0.85;--tw-scale-y:0.85;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-webkit-inner-spin-button,.itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-webkit-outer-spin-button{-webkit-appearance:none}.itx-add-tip .tip-wrapper .custom-tip-wrapper label{position:absolute;top:0;left:0;z-index:2;height:100%;transform-origin:0 0;padding:1rem .75rem;color:rgba(33,37,41,.65);transition-property:transform;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.itx-add-tip .tip-wrapper .custom-tip-wrapper .operate-btn{margin-right:2px;display:flex;align-items:center}.itx-add-tip .tip-wrapper .custom-tip-wrapper .operate-btn button{display:inline-flex;align-items:center;padding:.75rem;font-size:1.25rem;line-height:1.75rem;color:rgba(33,37,41,.65)}.itx-add-tip .tip-wrapper .custom-tip-wrapper .update-tip{position:relative;cursor:default;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(222 226 230/var(--tw-border-opacity,1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity:1;color:rgb(170 170 170/var(--tw-text-opacity,1))}.itx-add-tip .tip-wrapper .custom-tip-wrapper .update-tip .tip-loading{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:.375rem;--tw-border-opacity:1;border-color:rgb(0 111 251/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(0 111 251/var(--tw-bg-opacity,1))}.itx-add-tip .tip-wrapper .custom-tip-wrapper .active.update-tip{cursor:pointer;--tw-border-opacity:1;border-color:rgb(0 111 251/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(0 111 251/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.itx-add-tip .tip-wrapper .custom-tip-wrapper .active.update-tip:hover{--tw-border-opacity:1;border-color:rgb(50 134 247/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(50 134 247/var(--tw-bg-opacity,1))}
1
+ .booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-shipping-methods{display: flex;width: 100%;flex-direction: column}.booster-scope .itx-shipping-methods .itx-shipping-method-option{display: flex;width: 100%;align-items: center;justify-content: space-between}.booster-scope .itx-add-tip{--fixed-option-bg: #EDF4FF}.booster-scope .itx-add-tip .tip-wrapper{position: relative}.booster-scope .itx-add-tip .tip-wrapper>label{display: flex;width: 100%;cursor: pointer;align-items: center;border-top-left-radius: 0.375rem;border-top-right-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));padding-top: 1rem;padding-bottom: 1rem;padding-left: 1.25rem;padding-right: 1.25rem;transition-property: all;transition-delay: 200ms;transition-duration: 100ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .itx-add-tip .tip-wrapper>label .label-content{position: relative;left: 1.75rem}.booster-scope .itx-add-tip .tip-wrapper .checkbox{position: absolute;top: 1.25rem;left: 1.25rem;margin-right: 1.25rem;box-sizing: border-box;height: 1rem;width: 1rem;cursor: pointer;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .checkbox:not(:checked)~label{border-bottom-right-radius: 0.375rem;border-bottom-left-radius: 0.375rem}.booster-scope .itx-add-tip .tip-wrapper .checkbox:not(:checked)~.card{border-bottom-width: 0px}.booster-scope .itx-add-tip .tip-wrapper .checkbox:checked~.card{grid-template-rows: 1fr}.booster-scope .itx-add-tip .tip-wrapper .card{display: grid;grid-template-rows: 0fr;overflow: hidden;border-bottom-right-radius: 0.375rem;border-bottom-left-radius: 0.375rem;border-width: 1px;border-top-width: 0px;transition-property: grid;transition-duration: 300ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .itx-add-tip .tip-wrapper .card .card-content{display: flex;flex-direction: column;overflow: hidden;--tw-bg-opacity: 1;background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));padding-left: 1.25rem;padding-right: 1.25rem}.booster-scope .itx-add-tip .tip-wrapper .card .thanks{margin-top: 1rem;margin-bottom: 1rem}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper{border-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color);margin-top: 1rem;margin-bottom: 1rem;display: flex;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip{flex: 1 1 0%;padding: 0.75rem}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip:not(:first-child){border-left-width: 1px}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active{border-color:var(--itx-border-active-color);background-color:var(--fixed-option-bg);position: relative}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active::after{border:var(--itx-border-width) solid var(--itx-border-active-color);position: absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;display: block;--tw-content: "";content: var(--tw-content)}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active:first-child::after{border-top-left-radius: 0.375rem;border-bottom-left-radius: 0.375rem}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active:last-child::after{border-top-right-radius: 0.375rem;border-bottom-right-radius: 0.375rem}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip .fixed-tip-item{display: flex;flex-direction: column;align-items: center}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip .fixed-tip-item .fixed-tip-value{text-align: center;color: rgb(33 37 41 / 0.65)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper{position: relative;display: flex;align-items: stretch;gap: 1rem}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip{position: relative;display: flex;flex: 1 1 0%;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip:has(input:focus){border:var(--itx-border-width) solid var(--itx-border-active-color);transform:translateZ(0)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip .custom-tip-prefix{visibility: hidden;position: absolute;bottom: 0px;left: calc(.75rem - 2px);display: flex;height: 100%;width: 2.5rem;align-items: center;padding-top: 1.625rem;padding-bottom: .625rem;padding-left: .15rem}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input{height: calc(3.5rem + 2px);width: 100%;border-radius: 0.375rem;border-style: none;padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem;outline: 2px solid transparent;outline-offset: 2px}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-moz-placeholder{color: transparent}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::placeholder{color: transparent}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:-moz-placeholder){padding-top: 1.625rem;padding-bottom: 0.625rem;padding-left: 2.25rem}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:placeholder-shown){padding-top: 1.625rem;padding-bottom: 0.625rem;padding-left: 2.25rem}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:-moz-placeholder)~.custom-tip-prefix{visibility: visible}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:placeholder-shown)~.custom-tip-prefix{visibility: visible}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:focus{padding-top: 1.625rem;padding-bottom: .625rem;padding-left: 2.25rem;--tw-text-opacity: 1;color: rgb(33 37 41 / var(--tw-text-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:focus~.custom-tip-prefix{visibility: visible}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:-moz-placeholder)~label{--tw-translate-y: -0.35rem;--tw-translate-x: 0.15rem;--tw-scale-x: 0.85;--tw-scale-y: 0.85;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(0.15rem, -0.35rem) scale(0.85)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:placeholder-shown)~label, .booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:focus~label{--tw-translate-y: -0.35rem;--tw-translate-x: 0.15rem;--tw-scale-x: 0.85;--tw-scale-y: 0.85;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(0.15rem, -0.35rem) scale(0.85)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-webkit-outer-spin-button, .booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-webkit-inner-spin-button{-webkit-appearance:none}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper label{position: absolute;top: 0px;left: 0px;z-index: 2;height: 100%;transform-origin: 0 0;padding-top: 1rem;padding-bottom: 1rem;padding-left: 0.75rem;padding-right: 0.75rem;color: rgb(33 37 41 / 0.65);transition-property: transform;transition-duration: 100ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .operate-btn{margin-right: 2px;display: flex;align-items: center}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .operate-btn button{display: inline-flex;align-items: center;padding: 0.75rem;font-size: 1.25rem;line-height: 1.75rem;color: rgb(33 37 41 / 0.65)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .update-tip{position: relative;cursor: default;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));padding-left: 1rem;padding-right: 1rem;padding-top: 0.5rem;padding-bottom: 0.5rem;font-weight: 500;--tw-text-opacity: 1;color: rgb(170 170 170 / var(--tw-text-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .update-tip .tip-loading{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;border-radius: 0.375rem;--tw-border-opacity: 1;border-color: rgb(0 111 251 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(0 111 251 / var(--tw-bg-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .active.update-tip{cursor: pointer;--tw-border-opacity: 1;border-color: rgb(0 111 251 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(0 111 251 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .active.update-tip:hover{--tw-border-opacity: 1;border-color: rgb(50 134 247 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(50 134 247 / var(--tw-bg-opacity, 1))}
package/dist/styles/fxp-payment.css CHANGED
@@ -1 +1 @@
1
- :root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color:#212529;--itx-label-color:rgba(33,37,41,.65);--itx-border-color:#dee2e6;--itx-invalid-border-color:#dc3545;--itx-invalid-color:#dc3545;--itx-border-active-color:#86b7fe;--itx-border-radius:0.375rem;--itx-border-width:1px;--itx-form-item-height:calc(3.5rem + 2px);--itx-form-item-width:100%;--itx-form-item-gap:0.5rem}.itx-fxp-payment-loading .mask{height:1rem;width:100%}@keyframes pulse{50%{opacity:.5}}.itx-fxp-payment-loading .mask{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}
1
+ .booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-fxp-payment-loading .mask{height: 1rem;width: 100%}@keyframes pulse{50%{opacity: .5}}.booster-scope .itx-fxp-payment-loading .mask{animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;border-radius: 0.25rem;--tw-bg-opacity: 1;background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))}