@intercartx/booster-core 0.0.1-beta.5 → 0.0.1-beta.6
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/README.md +379 -1
- package/dist/styles/global.css +1044 -1
- package/dist/styles/input.css +1 -1
- package/dist/styles/phone-input.css +1 -1
- package/package.json +3 -1
package/dist/styles/input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color
|
|
1
|
+
:root{--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))}.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))}.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--itx-font-size-base:1rem;--itx-font-size-sm:0.875rem;--itx-primary-color
|
|
1
|
+
:root{--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}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@intercartx/booster-core",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
3
|
+
"version": "0.0.1-beta.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -32,6 +32,8 @@
|
|
|
32
32
|
"autoprefixer": "^10.4.17",
|
|
33
33
|
"chokidar-cli": "^3.0.0",
|
|
34
34
|
"postcss": "^8.4.38",
|
|
35
|
+
"postcss-cli": "^11.0.1",
|
|
36
|
+
"postcss-prefixwrap": "^1.57.0",
|
|
35
37
|
"sass": "^1.89.2",
|
|
36
38
|
"tailwindcss": "^3.4.17",
|
|
37
39
|
"typescript": "^5.0.0"
|