@1money/component-ui 0.0.21 → 0.0.23

package/.claude/settings.local.json

@@ -105,7 +105,16 @@
       "Bash(gh api *)",
       "Bash(cp /Users/wali/1Money/1money-react-ui/src/components/Loading/lottie-pure.json /Users/wali/1Money/1money-components-ui/src/components/Spinner/lottie-pure.json)",
       "Bash(cp /Users/wali/1Money/1money-react-ui/src/components/Loading/lottie-pattern.json /Users/wali/1Money/1money-components-ui/src/components/Spinner/lottie-pattern.json)",
-      "mcp__ide__getDiagnostics"
+      "mcp__ide__getDiagnostics",
+      "Bash(curl -s \"http://localhost:6205/iframe.html?id=components-proform--all-field-types&viewMode=story\")",
+      "Bash(git checkout *)",
+      "Bash(curl -s \"http://localhost:6205/iframe.html?id=components-proform--default&viewMode=story\")",
+      "Bash(node -e ' *)",
+      "Bash(curl -s \"http://localhost:6205/@fs/Users/derrick/Desktop/1money/1money-components-ui/src/components/ProForm/ProForm.stories.tsx\")",
+      "Bash(curl -s \"http://localhost:6205/@fs/Users/derrick/Desktop/1money/1money-components-ui/src/components/ProForm/ProFormGroup.tsx\")",
+      "Bash(curl -s \"http://localhost:6205/@fs/Users/derrick/Desktop/1money/1money-components-ui/src/components/Typography/index.ts\")",
+      "Bash(curl -s \"http://localhost:6205/@fs/Users/derrick/Desktop/1money/1money-components-ui/src/components/ProForm/index.ts\")",
+      "Bash(curl -s \"http://localhost:6205/@fs/Users/derrick/Desktop/1money/1money-components-ui/src/components/ProForm/ProForm.tsx\")"
     ]
   }
 }

package/es/components/Calendar/style/Calendar.css

@@ -1 +1 @@
-.om-component-ui-calendar-small input{height:var(--om-component-height-lg,44px)!important;line-height:18px!important}.om-component-ui-calendar.p-invalid input{color:var(--om-text-danger,#ae0000);box-shadow:none}.om-component-ui-calendar.p-invalid input,.om-component-ui-calendar.p-invalid input:hover{border-color:var(--om-border-danger,#ae0000)}.om-component-ui-calendar.om-component-ui-calendar-success input{color:var(--om-text-positive,#1f5800);border-color:var(--om-border-positive,#1f5800);box-shadow:none}.om-component-ui-calendar.om-component-ui-calendar-success input:hover{border-color:var(--om-border-positive,#1f5800)}.om-component-ui-calendar.p-calendar-disabled{cursor:not-allowed}.om-component-ui-calendar.p-calendar-disabled input{background-color:var(--om-bg-disabled,#f0f0f0);border-color:var(--om-border-disabled,#e3e4e4);opacity:1}.om-component-ui-calendar-filled.p-calendar-disabled input{background-color:var(--om-bg-default-secondary,#f8f8f8);border-color:var(--om-border-disabled,#e3e4e4)}.om-component-ui-calendar input{height:var(--om-component-height-3xl,56px);padding:var(--om-spacing-200,8px) var(--om-spacing-400,16px);color:var(--om-text-default,#131313);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);background-color:var(--om-bg-default-secondary,#f8f8f8);border:1px solid var(--om-border-default,#d1d2d2);border-radius:var(--om-radius-300,12px)}.om-component-ui-calendar input:hover{border-color:var(--om-border-brand,#073387)}.om-component-ui-calendar input::placeholder{color:var(--om-text-default-tertiary,#646465);font-weight:400;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-calendar.p-calendar:not(.p-calendar-disabled,.p-invalid,.om-component-ui-calendar-success).p-focus>.p-inputtext{padding:7px 15px;border-color:var(--om-border-brand,#073387);border-width:2px;box-shadow:none}.om-component-ui-calendar-panel{padding:var(--om-spacing-600,24px);background-color:var(--om-bg-default,#fff);border:1px solid var(--om-border-neutral-tertiary,#f8f8f8);border-radius:var(--om-radius-300,12px);box-shadow:var(--om-shadow-100,0 4px 8px rgba(65,91,130,.12))}.om-component-ui-calendar-panel .p-datepicker-buttonbar{padding:var(--om-spacing-200,8px) 0;border:none}.om-component-ui-calendar-panel .p-datepicker-buttonbar .p-button{padding:0 var(--om-spacing-400,16px);color:var(--om-text-default,#131313);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)}.om-component-ui-calendar-panel .p-datepicker-buttonbar .p-button:hover{color:var(--om-text-brand,#073387);background-color:inherit}.om-component-ui-calendar-panel .p-datepicker-buttonbar .p-button span{font-weight:500}.om-component-ui-calendar-panel .p-datepicker-group-container{gap:var(--om-spacing-600,24px)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group{display:flex;flex-direction:column;gap:var(--om-spacing-300,12px);padding:0!important;border:0!important}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header{padding:0;border:none}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title{display:inline-flex;gap:var(--om-spacing-100,4px);align-items:center}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title>*{font-size:var(--om-title-lg-font-size);font-family:var(--om-title-lg-font-family);line-height:var(--om-title-lg-line-height);letter-spacing:var(--om-title-lg-letter-spacing);font-weight:var(--om-title-lg-font-weight)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title>:hover{color:var(--om-text-brand,#073387)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-next:hover,.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-prev:hover{background-color:inherit}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-next:hover>i,.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-prev:hover>i{color:var(--om-icon-brand,#073387)!important}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container table{width:var(--content-width,280px);margin:0;table-layout:fixed;border-collapse:separate;border-spacing:0 var(--om-spacing-100,4px)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar thead tr th span{color:var(--om-text-default,#131313);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-strong-font-weight)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td{width:var(--om-component-height-md,40px)!important;height:var(--om-component-height-md,40px);padding:0!important}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td:first-child{border-radius:var(--om-radius-full,9999px) 0 0 var(--om-radius-full,9999px)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td:last-child{border-radius:0 var(--om-radius-full,9999px) var(--om-radius-full,9999px) 0}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span{width:var(--om-component-height-md,40px)!important;max-width:var(--om-component-height-md,40px)!important;height:var(--om-component-height-md,40px)!important;max-height:var(--om-component-height-md,40px)!important;margin:0!important;padding:0!important;color:var(--om-text-default,#131313);border:none;border-radius:var(--om-radius-full,9999px);box-shadow:none;font-size:var(--om-label-lg-font-size);font-family:var(--om-label-lg-font-family);line-height:var(--om-label-lg-line-height);letter-spacing:var(--om-label-lg-letter-spacing);font-weight:var(--om-label-lg-font-weight)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span.p-highlight{color:var(--om-text-on-neutral,#fff);background-color:var(--om-bg-brand,#073387);border-radius:var(--om-radius-full,9999px)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span.p-highlight:hover{color:var(--om-text-on-neutral,#fff);background-color:var(--om-bg-brand,#073387)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span.p-disabled{color:var(--om-text-disabled,#bbbdc1)!important}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar .p-datepicker-today span,.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span:hover{color:var(--om-text-brand,#073387);background-color:var(--om-bg-default,#fff)}.om-component-ui-calendar-panel .p-yearpicker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--om-spacing-400,16px);place-items:center center;text-align:center}.om-component-ui-calendar-panel .p-yearpicker .p-yearpicker-year{width:auto;font-size:var(--om-title-lg-font-size);font-family:var(--om-title-lg-font-family);line-height:var(--om-title-lg-line-height);letter-spacing:var(--om-title-lg-letter-spacing);font-weight:var(--om-title-lg-font-weight);border:none;box-shadow:none}.om-component-ui-calendar-panel .p-yearpicker .p-yearpicker-year.p-highlight,.om-component-ui-calendar-panel .p-yearpicker .p-yearpicker-year.p-highlight:hover{color:var(--om-text-on-neutral,#fff);background-color:var(--om-bg-brand,#073387)}.om-component-ui-calendar-panel .p-yearpicker .p-yearpicker-year:hover{color:var(--om-text-brand,#073387);background-color:var(--om-bg-default,#fff)}.om-component-ui-calendar-panel .p-monthpicker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--om-spacing-400,16px);place-items:center center;text-align:center}.om-component-ui-calendar-panel .p-monthpicker .p-monthpicker-month{width:auto;padding:var(--om-spacing-100,4px) var(--om-spacing-400,16px);font-size:var(--om-title-lg-font-size);font-family:var(--om-title-lg-font-family);line-height:var(--om-title-lg-line-height);letter-spacing:var(--om-title-lg-letter-spacing);font-weight:var(--om-title-lg-font-weight);border:none;box-shadow:none}.om-component-ui-calendar-panel .p-monthpicker .p-monthpicker-month.p-highlight,.om-component-ui-calendar-panel .p-monthpicker .p-monthpicker-month.p-highlight:hover{color:var(--om-text-on-neutral,#fff);background-color:var(--om-bg-brand,#073387)}.om-component-ui-calendar-panel .p-monthpicker .p-monthpicker-month:hover{color:var(--om-text-brand,#073387);background-color:var(--om-bg-default,#fff)}.om-component-ui-calendar-wrapper{display:inline-flex;flex-direction:column}.om-component-ui-calendar-label{margin-bottom:var(--om-spacing-200,8px);font-size:var(--om-label-lg-font-size);font-family:var(--om-label-lg-font-family);line-height:var(--om-label-lg-line-height);letter-spacing:var(--om-label-lg-letter-spacing);font-weight:var(--om-label-lg-font-weight)}.om-component-ui-calendar-label-required:after{margin-left:var(--om-spacing-100,4px);color:var(--om-text-danger,#ae0000);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);content:"*"}.om-component-ui-calendar-message{display:flex;gap:var(--om-spacing-100,4px);align-items:center;justify-content:flex-start;margin-top:var(--om-spacing-100,4px);color:var(--om-text-neutral-secondary,#9fa3a3);font-size:var(--om-body-sm-font-size);font-family:var(--om-body-sm-font-family);line-height:var(--om-body-sm-line-height);letter-spacing:var(--om-body-sm-letter-spacing);font-weight:var(--om-body-sm-font-weight);word-wrap:break-word;word-break:keep-all}.om-component-ui-calendar-message-success{color:var(--om-text-positive,#1f5800)}.om-component-ui-calendar-message-error{color:var(--om-text-danger,#ae0000)}.om-component-ui-calendar-p-start{position:relative;background-color:transparent!important;border-radius:0!important}.om-component-ui-calendar-p-start:after{position:absolute;top:0;right:0;z-index:0;width:50%;height:100%;background-color:var(--om-bg-brand-tertiary,#edf2f9);content:""}.om-component-ui-calendar-p-start .p-highlight{position:relative;z-index:1}.om-component-ui-calendar-p-start:last-child,.om-component-ui-calendar-p-start span{border-radius:var(--om-radius-full,9999px)!important}.om-component-ui-calendar-p-start span{color:var(--om-text-on-neutral,#fff)!important;background-color:var(--om-bg-brand,#073387)!important}.om-component-ui-calendar-p-end{position:relative;background-color:transparent!important;border-radius:0!important}.om-component-ui-calendar-p-end:after{position:absolute;top:0;left:0;z-index:0;width:50%;height:100%;background-color:var(--om-bg-brand-tertiary,#edf2f9);content:""}.om-component-ui-calendar-p-end .p-highlight{position:relative;z-index:1}.om-component-ui-calendar-p-end:first-child,.om-component-ui-calendar-p-end span{border-radius:var(--om-radius-full,9999px)!important}.om-component-ui-calendar-p-end span{color:var(--om-text-on-neutral,#fff)!important;background-color:var(--om-bg-brand,#073387)!important}.om-component-ui-calendar-p-range{color:var(--om-text-default,#131313)!important;background-color:var(--om-bg-brand-tertiary,#edf2f9)!important}.om-component-ui-calendar-p-range span.p-highlight{color:var(--om-text-default,#131313)!important;background-color:transparent!important}
+.om-component-ui-calendar-small input{height:var(--om-component-height-lg,44px)!important;line-height:18px!important}.om-component-ui-calendar.p-invalid input{color:var(--om-text-danger,#ae0000);box-shadow:none}.om-component-ui-calendar.p-invalid input,.om-component-ui-calendar.p-invalid input:hover{border-color:var(--om-border-danger,#ae0000)}.om-component-ui-calendar.om-component-ui-calendar-success input{color:var(--om-text-positive,#1f5800);border-color:var(--om-border-positive,#1f5800);box-shadow:none}.om-component-ui-calendar.om-component-ui-calendar-success input:hover{border-color:var(--om-border-positive,#1f5800)}.om-component-ui-calendar.p-calendar-disabled{cursor:not-allowed}.om-component-ui-calendar.p-calendar-disabled input{background-color:var(--om-bg-disabled,#f0f0f0);border-color:var(--om-border-disabled,#e3e4e4);opacity:1}.om-component-ui-calendar-filled.p-calendar-disabled input{background-color:var(--om-bg-default-secondary,#f8f8f8);border-color:var(--om-border-disabled,#e3e4e4)}.om-component-ui-calendar input{height:var(--om-component-height-3xl,56px);padding:var(--om-spacing-200,8px) var(--om-spacing-400,16px);color:var(--om-text-default,#131313);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);background-color:var(--om-bg-default-secondary,#f8f8f8);border:1px solid var(--om-border-default,#d1d2d2);border-radius:var(--om-radius-300,12px)}.om-component-ui-calendar input:hover{border-color:var(--om-border-brand,#073387)}.om-component-ui-calendar input::placeholder{color:var(--om-text-default-tertiary,#646465);font-weight:400;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-calendar.p-calendar:not(.p-calendar-disabled,.p-invalid,.om-component-ui-calendar-success).p-focus>.p-inputtext{padding:7px 15px;border-color:var(--om-border-brand,#073387);border-width:2px;box-shadow:none}.om-component-ui-calendar-panel{padding:var(--om-spacing-600,24px);background-color:var(--om-bg-default,#fff);border:1px solid var(--om-border-neutral-tertiary,#f8f8f8);border-radius:var(--om-radius-300,12px);box-shadow:var(--om-shadow-100,0 4px 8px rgba(65,91,130,.12))}.om-component-ui-calendar-panel .p-datepicker-buttonbar{padding:var(--om-spacing-200,8px) 0;border:none}.om-component-ui-calendar-panel .p-datepicker-buttonbar .p-button{padding:0 var(--om-spacing-400,16px);color:var(--om-text-default,#131313);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)}.om-component-ui-calendar-panel .p-datepicker-buttonbar .p-button:hover{color:var(--om-text-brand,#073387);background-color:inherit}.om-component-ui-calendar-panel .p-datepicker-buttonbar .p-button span{font-weight:500}.om-component-ui-calendar-panel .p-datepicker-group-container{gap:var(--om-spacing-600,24px)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group{display:flex;flex-direction:column;gap:var(--om-spacing-300,12px);padding:0!important;border:0!important}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header{padding:0;border:none}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title{display:inline-flex;gap:var(--om-spacing-100,4px);align-items:center}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title>*{font-size:var(--om-title-lg-font-size);font-family:var(--om-title-lg-font-family);line-height:var(--om-title-lg-line-height);letter-spacing:var(--om-title-lg-letter-spacing);font-weight:var(--om-title-lg-font-weight)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-title>:hover{color:var(--om-text-brand,#073387)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-next:hover,.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-prev:hover{background-color:inherit}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-next:hover>i,.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-header .p-datepicker-prev:hover>i{color:var(--om-icon-brand,#073387)!important}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container table{width:var(--content-width,280px);margin:0;table-layout:fixed;border-collapse:separate;border-spacing:0 var(--om-spacing-100,4px)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar thead tr th span{color:var(--om-text-default,#131313);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-strong-font-weight)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td{width:var(--om-component-height-md,40px)!important;height:var(--om-component-height-md,40px);padding:0!important}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td:first-child{border-radius:var(--om-radius-full,9999px) 0 0 var(--om-radius-full,9999px)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td:first-child.om-component-ui-calendar-p-end:after{background-color:#fff}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td:last-child{border-radius:0 var(--om-radius-full,9999px) var(--om-radius-full,9999px) 0}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td:last-child.om-component-ui-calendar-p-start:after{background-color:#fff}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span{width:var(--om-component-height-md,40px)!important;max-width:var(--om-component-height-md,40px)!important;height:var(--om-component-height-md,40px)!important;max-height:var(--om-component-height-md,40px)!important;margin:0!important;padding:0!important;color:var(--om-text-default,#131313);border:none;border-radius:var(--om-radius-full,9999px);box-shadow:none;font-size:var(--om-label-lg-font-size);font-family:var(--om-label-lg-font-family);line-height:var(--om-label-lg-line-height);letter-spacing:var(--om-label-lg-letter-spacing);font-weight:var(--om-label-lg-font-weight)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span.p-highlight{color:var(--om-text-on-neutral,#fff);background-color:var(--om-bg-brand,#073387);border-radius:var(--om-radius-full,9999px)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span.p-highlight:hover{color:var(--om-text-on-neutral,#fff);background-color:var(--om-bg-brand,#073387)}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span.p-disabled{color:var(--om-text-disabled,#bbbdc1)!important}.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar .p-datepicker-today span,.om-component-ui-calendar-panel .p-datepicker-group-container .p-datepicker-group .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span:hover{color:var(--om-text-brand,#073387);background-color:var(--om-bg-default,#fff)}.om-component-ui-calendar-panel .p-yearpicker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--om-spacing-400,16px);place-items:center center;text-align:center}.om-component-ui-calendar-panel .p-yearpicker .p-yearpicker-year{width:auto;font-size:var(--om-title-lg-font-size);font-family:var(--om-title-lg-font-family);line-height:var(--om-title-lg-line-height);letter-spacing:var(--om-title-lg-letter-spacing);font-weight:var(--om-title-lg-font-weight);border:none;box-shadow:none}.om-component-ui-calendar-panel .p-yearpicker .p-yearpicker-year.p-highlight,.om-component-ui-calendar-panel .p-yearpicker .p-yearpicker-year.p-highlight:hover{color:var(--om-text-on-neutral,#fff);background-color:var(--om-bg-brand,#073387)}.om-component-ui-calendar-panel .p-yearpicker .p-yearpicker-year:hover{color:var(--om-text-brand,#073387);background-color:var(--om-bg-default,#fff)}.om-component-ui-calendar-panel .p-monthpicker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--om-spacing-400,16px);place-items:center center;text-align:center}.om-component-ui-calendar-panel .p-monthpicker .p-monthpicker-month{width:auto;padding:var(--om-spacing-100,4px) var(--om-spacing-400,16px);font-size:var(--om-title-lg-font-size);font-family:var(--om-title-lg-font-family);line-height:var(--om-title-lg-line-height);letter-spacing:var(--om-title-lg-letter-spacing);font-weight:var(--om-title-lg-font-weight);border:none;box-shadow:none}.om-component-ui-calendar-panel .p-monthpicker .p-monthpicker-month.p-highlight,.om-component-ui-calendar-panel .p-monthpicker .p-monthpicker-month.p-highlight:hover{color:var(--om-text-on-neutral,#fff);background-color:var(--om-bg-brand,#073387)}.om-component-ui-calendar-panel .p-monthpicker .p-monthpicker-month:hover{color:var(--om-text-brand,#073387);background-color:var(--om-bg-default,#fff)}.om-component-ui-calendar-wrapper{display:inline-flex;flex-direction:column}.om-component-ui-calendar-label{margin-bottom:var(--om-spacing-200,8px);font-size:var(--om-label-lg-font-size);font-family:var(--om-label-lg-font-family);line-height:var(--om-label-lg-line-height);letter-spacing:var(--om-label-lg-letter-spacing);font-weight:var(--om-label-lg-font-weight)}.om-component-ui-calendar-label-required:after{margin-left:var(--om-spacing-100,4px);color:var(--om-text-danger,#ae0000);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);content:"*"}.om-component-ui-calendar-message{display:flex;gap:var(--om-spacing-100,4px);align-items:center;justify-content:flex-start;margin-top:var(--om-spacing-100,4px);color:var(--om-text-neutral-secondary,#9fa3a3);font-size:var(--om-body-sm-font-size);font-family:var(--om-body-sm-font-family);line-height:var(--om-body-sm-line-height);letter-spacing:var(--om-body-sm-letter-spacing);font-weight:var(--om-body-sm-font-weight);word-wrap:break-word;word-break:keep-all}.om-component-ui-calendar-message-success{color:var(--om-text-positive,#1f5800)}.om-component-ui-calendar-message-error{color:var(--om-text-danger,#ae0000)}.om-component-ui-calendar-p-start{position:relative;background-color:transparent!important;border-radius:0!important}.om-component-ui-calendar-p-start:after{position:absolute;top:0;right:0;z-index:0;width:50%;height:100%;background-color:var(--om-bg-brand-tertiary,#edf2f9);content:""}.om-component-ui-calendar-p-start .p-highlight{position:relative;z-index:1}.om-component-ui-calendar-p-start:last-child,.om-component-ui-calendar-p-start span{border-radius:var(--om-radius-full,9999px)!important}.om-component-ui-calendar-p-start span{color:var(--om-text-on-neutral,#fff)!important;background-color:var(--om-bg-brand,#073387)!important}.om-component-ui-calendar-p-end{position:relative;background-color:transparent!important;border-radius:0!important}.om-component-ui-calendar-p-end:after{position:absolute;top:0;left:0;z-index:0;width:50%;height:100%;background-color:var(--om-bg-brand-tertiary,#edf2f9);content:""}.om-component-ui-calendar-p-end .p-highlight{position:relative;z-index:1}.om-component-ui-calendar-p-end:first-child,.om-component-ui-calendar-p-end span{border-radius:var(--om-radius-full,9999px)!important}.om-component-ui-calendar-p-end span{color:var(--om-text-on-neutral,#fff)!important;background-color:var(--om-bg-brand,#073387)!important}.om-component-ui-calendar-p-range{color:var(--om-text-default,#131313)!important;background-color:var(--om-bg-brand-tertiary,#edf2f9)!important}.om-component-ui-calendar-p-range span.p-highlight{color:var(--om-text-default,#131313)!important;background-color:transparent!important}

package/es/components/Input/Input/Input.css

@@ -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)}
+.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)}