@1money/component-ui 0.0.7 → 0.0.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/es/components/Input/Input/Input.css +1 -1
- package/es/components/Input/OTP/OTP.css +1 -1
- package/es/components/Input/TextArea/TextArea.css +1 -1
- package/es/index.css +1 -1
- package/lib/components/Input/Input/Input.css +1 -1
- package/lib/components/Input/OTP/OTP.css +1 -1
- package/lib/components/Input/TextArea/TextArea.css +1 -1
- package/lib/index.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.om-component-ui-input-control{display:flex;gap:var(--om-spacing-200,8px);align-items:center;box-sizing:border-box;width:100%;height:var(--om-component-height-3xl,56px);padding:0 var(--om-spacing-400,16px);background-color:var(--om-bg-default-secondary,#f8f8f8);border:1px solid var(--om-border-default,#d1d2d2);border-radius:var(--om-radius-300,12px);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.om-component-ui-input-control:hover{border-color:var(--om-border-default-tertiary,#404042)}.om-component-ui-input-control:focus-within{border-color:var(--om-border-brand,#073387);box-shadow:0 0 0 1px var(--om-border-brand,#073387)}.om-component-ui-input-control-disabled{cursor:not-allowed}.om-component-ui-input-field{font-size:var(--om-body-lg-font-size);font-family:var(--om-body-lg-font-family);line-height:var(--om-body-lg-line-height);letter-spacing:var(--om-body-lg-letter-spacing);font-weight:var(--om-body-lg-font-weight);flex:1 1 auto;width:100%;color:var(--om-text-default,#131313);background:transparent;border:none;outline:none}.om-component-ui-input-field::placeholder{color:var(--om-text-neutral-secondary,#9fa3a3)}.om-component-ui-input-field:not(:-moz-placeholder-shown){font-weight:500}.om-component-ui-input-field:not(:placeholder-shown){font-weight:500}.om-component-ui-input-prefix,.om-component-ui-input-suffix{display:inline-flex;gap:var(--om-spacing-200,8px);align-items:center;color:var(--om-text-default-tertiary,#646465)}.om-component-ui-input-action{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--om-icon-default-tertiary,#646465);background:transparent;border:none;cursor:pointer}.om-component-ui-input-action:disabled{color:var(--om-icon-disabled,#d1d2d2);cursor:not-allowed}.om-component-ui-input-small .om-component-ui-input-control{height:var(--om-component-height-lg,44px);padding:0 var(--om-spacing-400,16px);border-radius:var(--om-radius-200,8px)}.om-component-ui-input-small .om-component-ui-input-field{font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-font-weight)}.om-component-ui-input-error .om-component-ui-input-control,.om-component-ui-input-error .om-component-ui-input-control:focus-within,.om-component-ui-input-error .om-component-ui-input-control:hover{border-color:var(--om-border-danger,#ae0000);box-shadow:
|
|
1
|
+
.om-component-ui-input-control{display:flex;gap:var(--om-spacing-200,8px);align-items:center;box-sizing:border-box;width:100%;height:var(--om-component-height-3xl,56px);padding:0 var(--om-spacing-400,16px);background-color:var(--om-bg-default-secondary,#f8f8f8);border:1px solid var(--om-border-default,#d1d2d2);border-radius:var(--om-radius-300,12px);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.om-component-ui-input-control:hover{border-color:var(--om-border-default-tertiary,#404042)}.om-component-ui-input-control:focus-within{border-color:var(--om-border-brand,#073387);box-shadow:0 0 0 1px var(--om-border-brand,#073387)}.om-component-ui-input-control-disabled{cursor:not-allowed}.om-component-ui-input-field{font-size:var(--om-body-lg-font-size);font-family:var(--om-body-lg-font-family);line-height:var(--om-body-lg-line-height);letter-spacing:var(--om-body-lg-letter-spacing);font-weight:var(--om-body-lg-font-weight);flex:1 1 auto;width:100%;color:var(--om-text-default,#131313);background:transparent;border:none;outline:none}.om-component-ui-input-field::placeholder{color:var(--om-text-neutral-secondary,#9fa3a3)}.om-component-ui-input-field:not(:-moz-placeholder-shown){font-weight:500}.om-component-ui-input-field:not(:placeholder-shown){font-weight:500}.om-component-ui-input-prefix,.om-component-ui-input-suffix{display:inline-flex;gap:var(--om-spacing-200,8px);align-items:center;color:var(--om-text-default-tertiary,#646465)}.om-component-ui-input-action{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--om-icon-default-tertiary,#646465);background:transparent;border:none;cursor:pointer}.om-component-ui-input-action:disabled{color:var(--om-icon-disabled,#d1d2d2);cursor:not-allowed}.om-component-ui-input-small .om-component-ui-input-control{height:var(--om-component-height-lg,44px);padding:0 var(--om-spacing-400,16px);border-radius:var(--om-radius-200,8px)}.om-component-ui-input-small .om-component-ui-input-field{font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-font-weight)}.om-component-ui-input-error .om-component-ui-input-control,.om-component-ui-input-error .om-component-ui-input-control:focus-within,.om-component-ui-input-error .om-component-ui-input-control:hover{border-color:var(--om-border-danger,#ae0000);box-shadow:none}.om-component-ui-input-warning .om-component-ui-input-control,.om-component-ui-input-warning .om-component-ui-input-control:focus-within,.om-component-ui-input-warning .om-component-ui-input-control:hover{border-color:var(--om-border-warning,#db8600);box-shadow:none}.om-component-ui-input-success .om-component-ui-input-control,.om-component-ui-input-success .om-component-ui-input-control:focus-within,.om-component-ui-input-success .om-component-ui-input-control:hover{border-color:var(--om-border-positive,#1f5800);box-shadow:none}.om-component-ui-input-readonly .om-component-ui-input-control,.om-component-ui-input-readonly .om-component-ui-input-control:focus-within,.om-component-ui-input-readonly .om-component-ui-input-control:hover{background-color:var(--om-bg-neutral-tertiary,#f0f0f0);border-color:transparent;box-shadow:none}.om-component-ui-input-disabled .om-component-ui-input-control{background-color:var(--om-bg-disabled,#f0f0f0);border-color:var(--om-border-default,#d1d2d2);cursor:not-allowed}.om-component-ui-input-disabled .om-component-ui-input-field{color:var(--om-text-disabled,#bbbdc1)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.om-component-ui-input-otp{display:flex;gap:var(--om-spacing-200,8px)}.om-component-ui-input-otp-cell{font-size:var(--om-body-lg-font-size);font-family:var(--om-body-lg-font-family);line-height:var(--om-body-lg-line-height);letter-spacing:var(--om-body-lg-letter-spacing);font-weight:var(--om-body-lg-font-weight);width:54px;height:var(--om-component-height-3xl,56px);color:var(--om-text-default,#131313);font-weight:500;text-align:center;background-color:var(--om-bg-default-secondary,#f8f8f8);border:1px solid var(--om-border-default,#d1d2d2);border-radius:var(--om-radius-300,12px);outline:none}.om-component-ui-input-otp-cell:hover:not(:disabled){border-color:var(--om-border-default-tertiary,#404042)}.om-component-ui-input-error .om-component-ui-input-otp-cell:hover:not(:disabled){border-color:var(--om-border-danger,#ae0000)}.om-component-ui-input-warning .om-component-ui-input-otp-cell:hover:not(:disabled){border-color:var(--om-border-warning,#db8600)}.om-component-ui-input-success .om-component-ui-input-otp-cell:hover:not(:disabled){border-color:var(--om-border-positive,#1f5800)}.om-component-ui-input-otp-cell:focus{border-color:var(--om-border-brand,#073387);box-shadow:0 0 0 1px var(--om-border-brand,#073387)}.om-component-ui-input-small .om-component-ui-input-otp-cell{width:var(--om-component-height-lg,44px);height:var(--om-component-height-lg,44px);border-radius:var(--om-radius-200,8px)}.om-component-ui-input-error .om-component-ui-input-otp-cell{color:var(--om-text-danger,#ae0000);border-color:var(--om-border-danger,#ae0000);box-shadow:
|
|
1
|
+
.om-component-ui-input-otp{display:flex;gap:var(--om-spacing-200,8px)}.om-component-ui-input-otp-cell{font-size:var(--om-body-lg-font-size);font-family:var(--om-body-lg-font-family);line-height:var(--om-body-lg-line-height);letter-spacing:var(--om-body-lg-letter-spacing);font-weight:var(--om-body-lg-font-weight);width:54px;height:var(--om-component-height-3xl,56px);color:var(--om-text-default,#131313);font-weight:500;text-align:center;background-color:var(--om-bg-default-secondary,#f8f8f8);border:1px solid var(--om-border-default,#d1d2d2);border-radius:var(--om-radius-300,12px);outline:none}.om-component-ui-input-otp-cell:hover:not(:disabled){border-color:var(--om-border-default-tertiary,#404042)}.om-component-ui-input-error .om-component-ui-input-otp-cell:hover:not(:disabled){border-color:var(--om-border-danger,#ae0000)}.om-component-ui-input-warning .om-component-ui-input-otp-cell:hover:not(:disabled){border-color:var(--om-border-warning,#db8600)}.om-component-ui-input-success .om-component-ui-input-otp-cell:hover:not(:disabled){border-color:var(--om-border-positive,#1f5800)}.om-component-ui-input-otp-cell:focus{border-color:var(--om-border-brand,#073387);box-shadow:0 0 0 1px var(--om-border-brand,#073387)}.om-component-ui-input-small .om-component-ui-input-otp-cell{width:var(--om-component-height-lg,44px);height:var(--om-component-height-lg,44px);border-radius:var(--om-radius-200,8px)}.om-component-ui-input-error .om-component-ui-input-otp-cell{color:var(--om-text-danger,#ae0000);border-color:var(--om-border-danger,#ae0000);box-shadow:none}.om-component-ui-input-warning .om-component-ui-input-otp-cell{border-color:var(--om-border-warning,#db8600)}.om-component-ui-input-success .om-component-ui-input-otp-cell{border-color:var(--om-border-positive,#1f5800)}.om-component-ui-input-disabled .om-component-ui-input-otp-cell{color:var(--om-text-disabled,#bbbdc1);background-color:var(--om-bg-disabled,#f0f0f0);border-color:var(--om-border-default,#d1d2d2);cursor:not-allowed}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.om-component-ui-input-textarea-wrapper{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px);align-items:stretch;width:100%;min-height:120px;padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);background-color:var(--om-bg-default-secondary,#f8f8f8);border:1px solid var(--om-border-default,#d1d2d2);border-radius:var(--om-radius-300,12px);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.om-component-ui-input-textarea-wrapper:hover{border-color:var(--om-border-default-tertiary,#404042)}.om-component-ui-input-textarea-wrapper:focus-within{border-color:var(--om-border-brand,#073387);box-shadow:0 0 0 1px var(--om-border-brand,#073387)}.om-component-ui-input-textarea{font-size:var(--om-body-lg-font-size);font-family:var(--om-body-lg-font-family);line-height:var(--om-body-lg-line-height);letter-spacing:var(--om-body-lg-letter-spacing);font-weight:var(--om-body-lg-font-weight);flex:1 1 auto;width:100%;color:var(--om-text-default,#131313);background:transparent;border:none;outline:none;resize:none}.om-component-ui-input-textarea::placeholder{color:var(--om-text-neutral-secondary,#9fa3a3)}.om-component-ui-input-textarea:not(:-moz-placeholder-shown){font-weight:500}.om-component-ui-input-textarea:not(:placeholder-shown){font-weight:500}.om-component-ui-input-count{text-align:right}.om-component-ui-input-small .om-component-ui-input-textarea-wrapper{min-height:var(--om-component-height-lg,44px);padding:var(--om-spacing-200,8px);border-radius:var(--om-radius-200,8px)}.om-component-ui-input-error .om-component-ui-input-textarea-wrapper{border-color:var(--om-border-danger,#ae0000);box-shadow:
|
|
1
|
+
.om-component-ui-input-textarea-wrapper{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px);align-items:stretch;width:100%;min-height:120px;padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);background-color:var(--om-bg-default-secondary,#f8f8f8);border:1px solid var(--om-border-default,#d1d2d2);border-radius:var(--om-radius-300,12px);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.om-component-ui-input-textarea-wrapper:hover{border-color:var(--om-border-default-tertiary,#404042)}.om-component-ui-input-textarea-wrapper:focus-within{border-color:var(--om-border-brand,#073387);box-shadow:0 0 0 1px var(--om-border-brand,#073387)}.om-component-ui-input-textarea{font-size:var(--om-body-lg-font-size);font-family:var(--om-body-lg-font-family);line-height:var(--om-body-lg-line-height);letter-spacing:var(--om-body-lg-letter-spacing);font-weight:var(--om-body-lg-font-weight);flex:1 1 auto;width:100%;color:var(--om-text-default,#131313);background:transparent;border:none;outline:none;resize:none}.om-component-ui-input-textarea::placeholder{color:var(--om-text-neutral-secondary,#9fa3a3)}.om-component-ui-input-textarea:not(:-moz-placeholder-shown){font-weight:500}.om-component-ui-input-textarea:not(:placeholder-shown){font-weight:500}.om-component-ui-input-count{text-align:right}.om-component-ui-input-small .om-component-ui-input-textarea-wrapper{min-height:var(--om-component-height-lg,44px);padding:var(--om-spacing-200,8px);border-radius:var(--om-radius-200,8px)}.om-component-ui-input-error .om-component-ui-input-textarea-wrapper{border-color:var(--om-border-danger,#ae0000);box-shadow:none}.om-component-ui-input-warning .om-component-ui-input-textarea-wrapper{border-color:var(--om-border-warning,#db8600)}.om-component-ui-input-success .om-component-ui-input-textarea-wrapper{border-color:var(--om-border-positive,#1f5800)}.om-component-ui-input-disabled .om-component-ui-input-textarea-wrapper{background-color:var(--om-bg-disabled,#f0f0f0);border-color:var(--om-border-default,#d1d2d2);cursor:not-allowed}.om-component-ui-input-disabled .om-component-ui-input-textarea{color:var(--om-text-disabled,#bbbdc1)}
|