@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.
- package/dist/styles/address.css +1 -1
- package/dist/styles/button.css +7 -1
- package/dist/styles/checkout-page.css +1 -1
- package/dist/styles/custom-info.css +1 -1
- package/dist/styles/fee.css +1 -1
- package/dist/styles/fxp-payment.css +1 -1
- package/dist/styles/global.css +1 -1044
- package/dist/styles/input.css +1 -1
- package/dist/styles/loading.css +1 -1
- package/dist/styles/order-summary.css +1 -1
- package/dist/styles/payment.css +1 -1
- package/dist/styles/paypal-modal.css +13 -1
- package/dist/styles/phone-input.css +1 -1
- package/dist/styles/select-list.css +1 -1
- package/dist/styles/select.css +1 -1
- package/dist/styles/stripe-payment.css +1 -1
- package/dist/styles/theme.css +1 -1
- package/package.json +1 -1
package/dist/styles/input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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-input-wrapper{--itx-input-border-width: var(--itx-border-width);--itx-input-border-color: var(--itx-border-color);--itx-input-color: var(--itx-primary-color);--itx-input-invalid-color: var(--itx-invalid-color);--itx-input-invalid-border-color: var(--itx-invalid-border-color);--itx-input-label-color: var(--itx-label-color);--itx-input-border-radius: var(--itx-border-radius);--itx-input-focus-border-color: var(--itx-border-active-color);--itx-input-height: var(--itx-form-item-height);--itx-input-width: var(--itx-form-item-width);position: relative;width: 100%}.booster-scope .itx-input-inner{position: relative;display: flex;align-items: center;width:var(--itx-input-width);height:var(--itx-input-height)}.booster-scope .itx-input-inner .itx-input{display: block;height: 100%;width: 100%;padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem;outline: 2px solid transparent;outline-offset: 2px;border-radius:var(--itx-input-border-radius);border:var(--itx-input-border-width) solid var(--itx-input-border-color);min-width:0;font-size:var(--itx-font-size-base);color:var(--itx-input-color)}.booster-scope .itx-input-inner .itx-input:focus{border-color:var(--itx-input-focus-border-color)}.booster-scope .itx-input-inner .itx-input:not(:-moz-placeholder){padding-top: 1.625rem;padding-bottom: 0.375rem}.booster-scope .itx-input-inner .itx-input:not(:placeholder-shown), .booster-scope .itx-input-inner .itx-input:focus{padding-top: 1.625rem;padding-bottom: 0.375rem}.booster-scope .itx-input-inner .itx-input::-moz-placeholder{color: transparent}.booster-scope .itx-input-inner .itx-input::placeholder{color: transparent}.booster-scope .itx-input-inner .itx-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-input-inner .itx-input:not(:placeholder-shown)~label, .booster-scope .itx-input-inner .itx-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-input-inner .itx-input-suffix{pointer-events: none;position: absolute;right: 1em;top: 50%;display: flex;--tw-translate-y: -50%;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));align-items: center;font-size: 1em}.booster-scope .itx-input-inner .itx-input-label{pointer-events: none;position: absolute;top: 0px;left: 0px;z-index: 2;height: 100%;transform-origin: 0 0;border-width: 1px;border-color: transparent;padding-top: 1rem;padding-bottom: 1rem;padding-left: 0.75rem;padding-right: 0.75rem;transition-property: transform;transition-duration: 100ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);color:var(--itx-input-label-color)}.booster-scope .itx-invalid{color:var(--itx-input-invalid-color) !important}.booster-scope .itx-input.itx-invalid{border-color:var(--itx-input-invalid-border-color) !important}.booster-scope .itx-input.itx-invalid:focus{border-color:var(--itx-input-invalid-border-color) !important}
|
package/dist/styles/loading.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.itx-full-loading{position:fixed;inset:
|
|
1
|
+
.booster-scope .itx-full-loading{position:fixed;inset:0px;z-index:50;display:flex;align-items:center;justify-content:center}.booster-scope .itx-full-loading .itx-full-loading-backdrop{position:absolute;inset:0px;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity:0.5;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.booster-scope .itx-full-loading .itx-full-loading-content{position:relative;z-index:10;margin-left:1rem;margin-right:1rem;display:flex;max-width:24rem;flex-direction:column;align-items:center;justify-content:center;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:2rem;--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner{position:relative;margin-bottom:1.5rem}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner .itx-full-loading-content-spinner-circle{height:4rem;width:4rem;border-radius:9999px;border-width:4px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner .itx-full-loading-content-spinner-circle-inner{position:absolute;top:0px;left:0px;height:4rem;width:4rem}@keyframes spin{to{transform:rotate(360deg)}}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner .itx-full-loading-content-spinner-circle-inner{animation:spin 1s linear infinite;border-radius:9999px;border-width:4px;--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));border-top-color:transparent}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner .itx-full-loading-content-spinner-circle-center{position:absolute;top:50%;left:50%;height:0.5rem;width:0.5rem;--tw-translate-x:-50%;--tw-translate-y:-50%;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));border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-message{text-align:center}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-message h3{margin-bottom:0.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-message p{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-description{text-align:center;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots{margin-top:1.5rem;display:flex}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots .itx-full-loading-content-dot{height:0.5rem;width:0.5rem}@keyframes bounce{0%, 100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots .itx-full-loading-content-dot{animation:bounce 1s infinite;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots .itx-full-loading-content-dot:nth-child(2){animation-delay:100ms}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots .itx-full-loading-content-dot:nth-child(3){animation-delay:200ms}
|
|
@@ -1 +1 @@
|
|
|
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-order-summary{--order-summary-width: 100%;--saving-text-color: rgb(25, 135, 84);--quantity-badge-color: rgb(108,117,125);--subscription-text-color: rgb(163,174,184);--old-price-text-color: rgb(108,117,125);--text-size: var(--itx-font-size-sm);font-size:var(--text-size)}.booster-scope .itx-order-summary .order-summary-wrapper{padding-left: 1rem;padding-right: 1rem;width:var(--order-summary-width);border:var(--itx-border-width) solid var(--itx-border-color);border-radius:var(--itx-border-radius)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving{max-height: 0px;overflow: hidden;transition-property: max-height;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving .content{display: flex;align-items: center;justify-content: space-between;padding-top: 1rem;padding-bottom: 1rem;font-weight: 500;color:var(--saving-text-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving.drawer-open{max-height: 55px;border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener{display: flex;cursor: pointer;align-items: center;justify-content: space-between;padding-top: 1rem;padding-bottom: 1rem;transition-property: transform;transition-duration: 500ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener.drawer-open{border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener .opener-title{display: flex;align-items: center;justify-content: center}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener .opener-price{text-align: right;font-weight: 700}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content{display: flex;max-height: 0px;flex-direction: column;gap: 0.25rem;overflow: hidden;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 500ms}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content.drawer-open{max-height: 57rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list{display: flex;width: 100%;flex-direction: column;align-items: center;gap: 1rem;padding-top: 1rem;padding-bottom: 1rem;border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list>div{display: flex;width: 100%;align-items: center;justify-content: space-between;gap: 1rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container{position: relative}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container>img{height: 4rem;width: 4rem;-o-object-fit: cover;object-fit: cover;border-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container .product-image-badge{position: absolute;top: 0px;left: 100%;display: inline-block;--tw-translate-x: -50%;--tw-translate-y: -50%;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));border-radius: 50rem;padding-left: 0.6em;padding-right: 0.6em;padding-top: 0.2em;padding-bottom: 0.2em;vertical-align: baseline;font-size: 0.75rem;line-height: 1rem;--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1));background-color:var(--quantity-badge-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container{flex: 1 1 0%}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container .product-title-text{font-weight: 500}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container .product-title-subtitle{font-size: 0.75rem;line-height: 1rem;font-weight: 300;--tw-text-opacity: 1;color: rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-price-container{display: flex;flex-direction: column;justify-content: center;text-align: right}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-price-container .product-old-price{text-align: end;font-size: 0.75rem;line-height: 1rem;text-decoration-line: line-through;color:var(--old-price-text-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .subtotal-container{display: flex;flex-direction: column;padding-top: 0.75rem;padding-bottom: 0.75rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .total-container{padding-bottom: 0.75rem;font-weight: 500}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .order-item{display: flex;align-items: center;justify-content: space-between}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .subtotal-container{display: flex;flex-direction: column;gap: 0.25rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .order-saving{margin-bottom: 0.75rem;color:var(--saving-text-color)}.booster-scope .itx-order-summary .subscription-subtotal{margin-top: 0.5rem;display: flex;align-items: center;justify-content: space-between;font-size: 0.875rem;color:var(--subscription-text-color)}.booster-scope .itx-order-summary .subscription-subtotal .subtotal{padding-left: 1rem}.booster-scope .itx-order-summary .subscription-subtotal .text{display: flex;flex-direction: column;justify-content: flex-end;padding-right: 1rem;text-align: right}.booster-scope .itx-order-summary .hidden{display:none}.booster-scope .itx-order-summary .mask{height: 1rem;width: 3rem}@keyframes pulse{50%{opacity: .5}}.booster-scope .itx-order-summary .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))}
|
package/dist/styles/payment.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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-cc-payment{margin-bottom: 1rem;display: flex;width: 100%;flex-direction: column;gap:var(--itx-form-item-gap)}.booster-scope .itx-cc-payment .wrapper{display: flex;flex-direction: column}@media (min-width: 768px){.booster-scope .itx-cc-payment .wrapper{flex-direction: row}}.booster-scope .itx-cc-payment .wrapper{gap:var(--itx-form-item-gap)}.booster-scope .itx-accordion{width: 100%}.booster-scope .itx-accordion .accordion-panel{position: relative;width: 100%;border:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-accordion .accordion-panel:first-child{border-top-left-radius:var(--itx-border-radius);border-top-right-radius:var(--itx-border-radius)}.booster-scope .itx-accordion .accordion-panel:last-child{border-bottom-left-radius:var(--itx-border-radius);border-bottom-right-radius:var(--itx-border-radius)}.booster-scope .itx-accordion .accordion-panel:not(:last-child){border-bottom:none}.booster-scope .itx-accordion .accordion-panel .accordion-checkbox{position: absolute;top: 1.25rem;left: 1.25rem;margin-right: 1.25rem;height: 1rem;width: 1rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 9999px;border:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-accordion .accordion-panel .accordion-checkbox:checked{border-width:calc(var(--itx-border-width)*4);border-color:var(--itx-border-active-color)}.booster-scope .itx-accordion .accordion-panel .accordion-checkbox:checked~.accordion-content{grid-template-rows: 1fr;overflow: hidden}.booster-scope .itx-accordion .accordion-panel .accordion-item{display: flex;width: 100%;align-items: center;padding-top: 1rem;padding-bottom: 1rem;padding-left: 1.25rem;padding-right: 1.25rem;background-color:rgba(0,0,0,0);background-image:none;border:none}.booster-scope .itx-accordion .accordion-panel .accordion-item label{display: flex;width: 100%;cursor: pointer;align-items: center;justify-content: space-between}.booster-scope .itx-accordion .accordion-panel .accordion-item .accordion-item-title{position: relative;left: 2rem}.booster-scope .itx-accordion .accordion-panel .accordion-item .accordion-item-icons{display: flex;align-items: center;gap: 0.5rem}.booster-scope .itx-accordion .accordion-panel .accordion-item .accordion-item-icons .accordion-item-icon{height: 1.6rem}.booster-scope .itx-accordion .accordion-panel .accordion-content{display: grid;grid-template-rows: 0fr;overflow: hidden;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms;transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}.booster-scope .itx-accordion .accordion-panel .accordion-content .accordion-content-inner{display: flex;flex-direction: column;gap: 1rem;overflow: hidden;padding-left: 1.25rem;padding-right: 1.25rem}.booster-scope .itx-payment-head{display: flex;width: 100%;align-items: center;justify-content: space-between}.booster-scope .itx-payment-head .itx-payment-head-title{position: relative;left: 2rem}.booster-scope .itx-payment-head .itx-payment-head-icons{display: flex;align-items: center;gap: 0.5rem}.booster-scope .itx-payment-head .itx-payment-head-icons .accordion-item-icon{height: 1.6rem}.booster-scope .itx-ach-payment{margin-bottom: 1rem}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper{margin-top: 1rem}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper{display: flex}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item{position: relative;flex: 1 1 0%}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-input{position: absolute;z-index: -10}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label{position: relative;display: flex;align-items: center;justify-content: center;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));padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem;vertical-align: 2px;font-weight: 500;--tw-text-opacity: 1;color: rgb(222 226 230 / var(--tw-text-opacity, 1))}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-l{border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-right-width: 0px}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-l.active{border-right-width: 1px;--tw-border-opacity: 1;border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity, 1))}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-r{border-top-left-radius: 0px;border-bottom-left-radius: 0px;border-left-width: 0px}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-r.active{border-left-width: 1px;--tw-border-opacity: 1;border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity, 1))}.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper{margin-top: 1rem;margin-bottom: 1rem;display: flex;flex-direction: column;gap: 1rem}@media (min-width: 1024px){.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper{flex-direction: row}}.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item1{width: 100%}@media (min-width: 1024px){.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item1{width: 50%}}.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item2{width: 100%}@media (min-width: 1024px){.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item2{width: 50%}}.booster-scope .itx-paypal-payment{margin-top: 1rem;margin-bottom: 1rem;text-align: center}.booster-scope .itx-paypal-payment .itx-paypal-payment-bg{margin-bottom: 1rem;display: flex;justify-content: center}
|
|
@@ -1 +1,13 @@
|
|
|
1
|
-
.itx-paypal-modal{position:fixed;top:
|
|
1
|
+
.booster-scope .itx-paypal-modal {position: fixed;top: 0px;left: 0px;z-index: 1055;display: flex;height: 100%;width: 100%;align-items: center;justify-content: center;overflow: hidden
|
|
2
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper {margin: 1.75rem;display: flex;align-items: center
|
|
3
|
+
}@media (min-width: 640px) {.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper {max-width: 500px
|
|
4
|
+
}
|
|
5
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content {display: flex;width: 100%;flex-direction: column;gap: 2rem;border-radius: 0.5rem;border-width: 1px;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));padding: 1rem
|
|
6
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-header {margin-bottom: 1rem;display: flex;align-items: center;justify-content: space-between
|
|
7
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons {display: flex;flex-direction: column;gap: 0.75rem
|
|
8
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .confirm-button {display: flex;cursor: pointer;align-items: center;justify-content: center;gap: 0.5rem;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(255 193 7 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(255 193 7 / var(--tw-bg-opacity, 1));padding-top: .375rem;padding-bottom: .375rem;padding-left: .75rem;padding-right: .75rem
|
|
9
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .confirm-button:hover {--tw-border-opacity: 1;border-color: rgb(236 178 19 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(236 178 19 / var(--tw-bg-opacity, 1))
|
|
10
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .confirm-button:active {--tw-border-opacity: 1;border-color: rgb(236 178 19 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(236 178 19 / var(--tw-bg-opacity, 1))
|
|
11
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .close-button {cursor: pointer;border-radius: 0.375rem;--tw-bg-opacity: 1;background-color: rgb(108 117 125 / var(--tw-bg-opacity, 1));padding-top: .375rem;padding-bottom: .375rem;padding-left: .75rem;padding-right: .75rem;--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1))
|
|
12
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .close-button:hover {--tw-bg-opacity: 1;background-color: rgb(92 99 106 / var(--tw-bg-opacity, 1))
|
|
13
|
+
}
|
|
@@ -1 +1 @@
|
|
|
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-phone-input-wrapper{--itx-phone-input-height: var(--itx-form-item-height);--itx-phone-input-width: var(--itx-form-item-width);display: flex;align-items: stretch;font-size:var(--itx-font-size-base)}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region{position: relative;height:var(--itx-phone-input-height)}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-trigger{display: flex;height: 100%;cursor: pointer;align-items: center;--tw-bg-opacity: 1;background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));padding-top: 1rem;padding-bottom: 1rem;padding-left: 1.5rem;padding-right: 1.5rem;text-align: center;border-top-left-radius:var(--itx-border-radius);border-bottom-left-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color);border-right:none}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-trigger img{margin-right: 0.5rem;aspect-ratio: 50/29;width: 1.25rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown{position: absolute;top: 100%;left: 0px;right: 0px;z-index: 10;border-bottom-right-radius: 0.375rem;border-bottom-left-radius: 0.375rem;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-height:200px;overflow-y:auto;border:var(--itx-border-width) solid var(--itx-border-color);border-top:none}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option{display: flex;cursor: pointer;align-items: center;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 0.75rem;padding-right: 0.75rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option:hover{--tw-bg-opacity: 1;background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option.selected{--tw-bg-opacity: 1;background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option img{margin-right: 0.5rem;aspect-ratio: 50/29;width: 1.25rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option span{font-size: 0.875rem;line-height: 1.25rem;color:var(--itx-primary-color)}.booster-scope .itx-phone-input-wrapper.has-prefix .itx-phone-input-prefix{display: block}.booster-scope .itx-phone-input-wrapper.has-prefix .itx-phone-input{padding-left: 2.75rem;border-left-top-radius:0;border-left-bottom-radius:0}.booster-scope .itx-phone-input-wrapper .itx-phone-input-prefix{position: absolute;bottom: 0px;left: calc(.75rem - 2px);display: none;width: 2.5rem;height:var(--itx-phone-input-height)}.booster-scope .itx-phone-input-wrapper .itx-phone-input-prefix input{height: 100%;width: 100%;border-style: none;background-color: transparent;padding-top: 1.625rem;padding-bottom: .375rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input{border-top-left-radius:0;border-bottom-left-radius:0}
|
|
@@ -1 +1 @@
|
|
|
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-radio-list{--itx-radio-list-border-width: var(--itx-border-width);--itx-radio-list-border-color: var(--itx-border-color);--itx-radio-list-color: var(--itx-primary-color);--itx-radio-list-border-radius: var(--itx-border-radius);--itx-radio-list-active-color: var(--itx-border-active-color);display: flex;flex-direction: column}.booster-scope .itx-radio-list .itx-radio-list-item{font-size:var(--itx-font-size-base);color:var(--itx-radio-list-color);border:var(--itx-radio-list-border-width) solid var(--itx-radio-list-border-color);display: inline-flex;cursor: pointer;align-items: center;gap: 0.5rem;--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}.booster-scope .itx-radio-list .itx-radio-list-item:first-child{border-bottom:none;border-top-left-radius:var(--itx-radio-list-border-radius);border-top-right-radius:var(--itx-radio-list-border-radius)}.booster-scope .itx-radio-list .itx-radio-list-item:last-child{border-bottom-left-radius:var(--itx-radio-list-border-radius);border-bottom-right-radius:var(--itx-radio-list-border-radius)}.booster-scope .itx-radio-list .itx-radio-list-item>input{height: 1rem;width: 1rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 9999px;border:var(--itx-radio-list-border-width) solid var(--itx-radio-list-border-color)}.booster-scope .itx-radio-list .itx-radio-list-item.itx-radio-list-item--active>input{border-color:var(--itx-radio-list-active-color);border-width:calc(var(--itx-radio-list-border-width)*4)}
|
package/dist/styles/select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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-select-wrapper{--itx-select-border-width: var(--itx-border-width);--itx-select-border-color: var(--itx-border-color);--itx-select-color: var(--itx-primary-color);--itx-select-border-radius: var(--itx-border-radius);--itx-select-label-color: var(--itx-label-color);--itx-select-invalid-color: var(--itx-invalid-color);--itx-select-invalid-border-color: var(--itx-invalid-border-color);--itx-select-focus-border-color: var(--itx-border-active-color);--itx-select-height: var(--itx-form-item-height);--itx-select-width: var(--itx-form-item-width);position: relative;width: 100%}.booster-scope .itx-select-wrapper .itx-select-inner{position: relative;display: flex;align-items: center;width:var(--itx-select-width);height:var(--itx-select-height)}.booster-scope .itx-select-wrapper .itx-select-inner .itx-select{display: block;height: 100%;width: 100%;padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1.4rem;padding-bottom: 0.625rem;outline: 2px solid transparent;outline-offset: 2px;border:var(--itx-select-border-width) solid var(--itx-select-border-color);border-radius:var(--itx-select-border-radius);min-width:0;font-size:var(--itx-font-size-base);color:var(--itx-select-color);appearance:none;-webkit-appearance:none;-moz-appearance:none}.booster-scope .itx-select-wrapper .itx-select-inner .itx-select:focus{border-color:var(--itx-select-focus-border-color)}.booster-scope .itx-select-wrapper .itx-select-suffix{pointer-events: none;position: absolute;right: 1em;top: 50%;display: flex;align-items: center;font-size: 1em;transform:translateY(-50%)}.booster-scope .itx-select-wrapper .itx-select-label{pointer-events: none;position: absolute;top: 0px;left: 0px;z-index: 2;padding-top: 1rem;padding-bottom: 1rem;padding-left: 0.75rem;padding-right: 0.75rem;transform:translateX(-0.15rem) translateY(-0.7rem) scale(0.85);color:var(--itx-select-label-color)}.booster-scope .itx-select-invalid{color:var(--itx-select-invalid-color);border-color:var(--itx-select-invalid-border-color)}.booster-scope .itx-select.invalid{border-color:var(--itx-select-invalid-border-color);color:var(--itx-select-invalid-color)}
|
|
@@ -1 +1 @@
|
|
|
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-stripe-element-cc{margin-bottom: 1rem}.booster-scope .itx-stripe-payment-loading{height: 1rem;width: 100%}@keyframes pulse{50%{opacity: .5}}.booster-scope .itx-stripe-payment-loading{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))}
|
package/dist/styles/theme.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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}
|