@1money/component-ui 0.0.22 → 0.0.23
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.
|
@@ -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:none;border-radius:var(--om-radius-300,12px);box-shadow:inset 0 0 0 1px var(--om-border-default,#d1d2d2);transition:box-shadow .2s ease,background-color .2s ease}.om-component-ui-input-control:hover{box-shadow:inset 0 0 0 1px var(--om-border-default-tertiary,#404042)}.om-component-ui-input-control:focus-within{box-shadow:inset 0 0 0 2px 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{box-shadow:inset 0 0 0 1px var(--om-border-danger,#ae0000)}.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{box-shadow:inset 0 0 0 1px var(--om-border-warning,#db8600)}.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{box-shadow:inset 0 0 0 1px var(--om-border-positive,#1f5800)}.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);box-shadow:none}.om-component-ui-input-disabled .om-component-ui-input-control{background-color:var(--om-bg-disabled,#f0f0f0);box-shadow:inset 0 0 0 1px 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
|
+
.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:none;border-radius:var(--om-radius-300,12px);box-shadow:inset 0 0 0 1px var(--om-border-default,#d1d2d2);transition:box-shadow .2s ease,background-color .2s ease}.om-component-ui-input-control:hover{box-shadow:inset 0 0 0 1px var(--om-border-default-tertiary,#404042)}.om-component-ui-input-control:focus-within{box-shadow:inset 0 0 0 2px 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;flex-shrink:0;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{box-shadow:inset 0 0 0 1px var(--om-border-danger,#ae0000)}.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{box-shadow:inset 0 0 0 1px var(--om-border-warning,#db8600)}.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{box-shadow:inset 0 0 0 1px var(--om-border-positive,#1f5800)}.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);box-shadow:none}.om-component-ui-input-disabled .om-component-ui-input-control{background-color:var(--om-bg-disabled,#f0f0f0);box-shadow:inset 0 0 0 1px var(--om-border-default,#d1d2d2);cursor:not-allowed}.om-component-ui-input-disabled .om-component-ui-input-field{color:var(--om-text-disabled,#bbbdc1)}
|