hiver-ui-kit-extended 1.0.0-beta.14 → 1.0.0-beta.15

package/dist/hiver-ui-kit-extended.css

@@ -1,4 +1,118 @@
-@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap";/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap";/* Base styles */
+.icon-button {
+  background: transparent;
+  border: none;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 150ms ease;
+  cursor: pointer;
+}
+
+.icon-button:hover {
+  background-color: var(--color-slate-surface-subtle); /* #f8fafc */
+}
+
+.icon-button:disabled {
+  opacity: 0.5;
+  pointer-events: none;
+  cursor: not-allowed;
+}
+
+.icon-button__icon-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* Variant: outlined */
+.icon-button--outlined {
+  background-color: var(--color-slate-surface-white); /* #fff */
+  border: 1px solid var(--color-slate-border-light); /* #e2e8f0 */
+}
+
+.icon-button--outlined:hover {
+  background-color: var(--color-slate-surface-subtle); /* #f8fafc */
+}
+
+/* Variant: text (no background/border) */
+.icon-button--text {
+  background: transparent;
+  border: none;
+}
+
+.icon-button--text:hover {
+  background-color: var(--color-slate-surface-subtle); /* #f8fafc */
+}
+
+/* Variant: rounded */
+.icon-button--rounded {
+  border-radius: 50%;
+}
+
+/* Variant: raised */
+.icon-button--raised {
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.icon-button--raised:hover {
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+}
+
+/* Size: sm */
+.icon-button--sm {
+  padding: 4px;
+  width: 24px;
+  height: 24px;
+}
+
+.icon-button--sm .icon-button__icon-wrapper,
+.icon-button--sm .icon-button__icon {
+  width: 12px;
+  height: 12px;
+}
+
+/* Size: md (default) */
+.icon-button--md {
+  padding: 6px;
+  width: 28px;
+  height: 28px;
+}
+
+.icon-button--md .icon-button__icon-wrapper,
+.icon-button--md .icon-button__icon {
+  width: 14px;
+  height: 14px;
+}
+
+/* Size: lg */
+.icon-button--lg {
+  padding: 8px;
+  width: 36px;
+  height: 36px;
+}
+
+.icon-button--lg .icon-button__icon-wrapper,
+.icon-button--lg .icon-button__icon {
+  width: 18px;
+  height: 18px;
+}
+
+/* Size: xl */
+.icon-button--xl {
+  padding: 10px;
+  width: 44px;
+  height: 44px;
+}
+
+.icon-button--xl .icon-button__icon-wrapper,
+.icon-button--xl .icon-button__icon {
+  width: 22px;
+  height: 22px;
+}
+
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-gray-50:oklch(98.5% .002 247.839);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.top-\[calc\(50\%\+8px\)\]{top:calc(50% + 8px)}.left-\[calc\(50\%\+8px\)\]{left:calc(50% + 8px)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-6{height:calc(var(--spacing)*6)}.h-full{height:100%}.h-screen{height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-6{width:calc(var(--spacing)*6)}.w-\[100px\]{width:100px}.w-\[380px\]{width:380px}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing)*0)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-8{gap:calc(var(--spacing)*8)}.gap-12{gap:calc(var(--spacing)*12)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-clip{overflow:clip}.rounded{border-radius:.25rem}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[var\(--slate-border-light\,\#e2e8f0\)\]{border-color:var(--slate-border-light,#e2e8f0)}.border-blue-400{border-color:var(--color-blue-400)}.border-green-400{border-color:var(--color-green-400)}.border-red-400{border-color:var(--color-red-400)}.border-white{border-color:var(--color-white)}.bg-\[\#5398cf\]{background-color:#5398cf}.bg-\[\#64758b\]{background-color:#64758b}.bg-\[\#ac80b7\]{background-color:#ac80b7}.bg-\[\#d04b4f\]{background-color:#d04b4f}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-8{padding:calc(var(--spacing)*8)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.text-center{text-align:center}.font-\[\"Hanken_Grotesk\"\,sans-serif\],.font-\[\'Hanken_Grotesk\'\,sans-serif\]{font-family:Hanken Grotesk,sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.\!break-words{overflow-wrap:break-word!important}.text-\[\#276cf0\]{color:#276cf0}.text-\[\#64758b\]{color:#64758b}.text-\[\#334155\]{color:#334155}.text-\[var\(--color-slate-text-subtle\,\#64758b\)\]{color:var(--color-slate-text-subtle,#64758b)}.text-\[var\(--slate-text-subtle\,\#64758b\)\]{color:var(--slate-text-subtle,#64758b)}.text-blue-700{color:var(--color-blue-700)}.text-green-700{color:var(--color-green-700)}.text-red-500{color:var(--color-red-500)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-blue-500{--tw-ring-color:var(--color-blue-500)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}}}.omni-textfield{flex-direction:column;gap:4px;display:flex}.omni-textfield-label{color:var(--color-slate-text-subtle,#64758b);margin:0;font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:400;line-height:20px}.omni-textfield-label-required:after{content:" *";color:var(--Error-Text-Default,#e42525)}.omni-textfield-label-error{color:var(--Error-Text-Default,#e42525)}.omni-textfield-helper{color:var(--color-slate-text-subtle,#64758b);margin:0;font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:400;line-height:20px}.omni-textfield-helper-error{color:var(--Error-Text-Default,#e42525)}.omni-iconfield,.omni-iconfield.p-icon-field{align-items:center;gap:8px;width:100%;display:flex;position:relative}.omni-iconfield .p-input-icon-left,.omni-iconfield .p-input-icon-right,.omni-iconfield .p-inputicon{color:var(--color-slate-icons-active);z-index:1;pointer-events:none;justify-content:center;align-items:center;transition:color .15s;display:flex;position:absolute;left:12px}.omni-iconfield .p-input-icon-right,.omni-iconfield .p-inputicon[data-pc-section=right]{left:auto;right:8px}.omni-iconfield .p-input-icon-left i,.omni-iconfield .p-input-icon-right i,.omni-iconfield .p-inputicon i{justify-content:center;align-items:center;width:1rem;height:1rem;font-size:1rem;display:flex}.omni-iconfield .p-input-icon-left svg,.omni-iconfield .p-input-icon-right svg,.omni-iconfield .p-inputicon svg{width:16px;height:16px;color:var(--color-slate-icons-active);flex-shrink:0;display:block}.omni-iconfield .p-input-icon-left>*,.omni-iconfield .p-input-icon-right>*,.omni-iconfield .p-inputicon>*{justify-content:center;align-items:center;display:flex}.omni-iconfield .p-input-icon-left,.omni-iconfield .p-input-icon-right,.omni-iconfield .p-inputicon{color:var(--color-slate-icons-active)}.omni-iconfield .p-input-icon-left svg,.omni-iconfield .p-input-icon-right svg,.omni-iconfield .p-inputicon svg{color:inherit}.omni-iconfield .p-input-icon-left svg path,.omni-iconfield .p-input-icon-right svg path,.omni-iconfield .p-inputicon svg path{stroke:currentColor}.omni-iconfield .p-inputtext{width:100%;min-height:40px;color:var(--color-slate-text-body,#334155);background-color:var(--color-slate-surface-white,#fff);border:1.5px solid var(--color-slate-border-light,#e2e8f0);box-sizing:border-box;border-radius:6px;outline:none;align-items:center;padding:10px 8px;font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:400;line-height:20px;transition:all .15s;display:flex}.omni-iconfield .p-inputtext::placeholder{color:var(--Slate-Text-Subtle,#64758b);font-family:Hanken Grotesk;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.omni-iconfield .p-input-icon-left~.p-inputtext,.omni-iconfield .p-inputicon[data-pc-section=left]~.p-inputtext,.omni-iconfield.p-icon-field-left .p-inputtext{padding-left:36px}.omni-iconfield .p-inputtext.omni-textfield-small{min-height:32px;padding:6px 8px;font-size:14px;line-height:20px}.omni-iconfield .p-input-icon-left~.p-inputtext.omni-textfield-small,.omni-iconfield .p-inputicon[data-pc-section=left]~.p-inputtext.omni-textfield-small,.omni-iconfield.p-icon-field-left .p-inputtext.omni-textfield-small{padding-left:32px}.omni-iconfield:has(.omni-textfield-small) .p-inputicon{left:8px}.omni-iconfield:has(.omni-textfield-small) .p-inputicon[data-pc-section=right]{left:auto;right:8px}.omni-textfield-input{width:100%;min-height:40px;color:var(--color-slate-text-body,#334155);background-color:var(--color-slate-surface-white,#fff);border:1.5px solid var(--color-slate-border-light,#e2e8f0);box-sizing:border-box;border-radius:6px;outline:none;align-items:center;padding:10px 8px;font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:400;line-height:20px;transition:all .15s;display:flex}.omni-textfield-input::placeholder{color:var(--Slate-Text-Subtle,#64758b);font-family:Hanken Grotesk;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.omni-textfield-input.omni-textfield-small{min-height:32px;padding:6px 8px;font-size:14px;line-height:20px}.omni-textfield-input:focus{border-color:var(--color-primary-surface-lighter,#7ea8f6);box-shadow:none}.omni-textfield-input:hover:not(:disabled):not(:focus){border-color:var(--color-slate-border-default,#cbd5e1)}.omni-textfield-input:disabled{background-color:var(--color-slate-surface-disabled,#f1f5f9);color:var(--color-slate-text-disabled,#94a3b8);cursor:not-allowed;opacity:1;border:none}.omni-textfield-input.omni-textfield-error{border:1.5px solid var(--Error-Border-Default,#e42525);background:var(--Slate-Surface-White,#fff);border-radius:6px}.omni-textfield-input.omni-textfield-error:focus{border-color:var(--Error-Border-Default,#e42525);box-shadow:none}.omni-iconfield .p-input-icon-right~.p-inputtext,.omni-iconfield .p-inputtext~.p-input-icon-right,.omni-iconfield .p-inputtext~.p-inputicon[data-pc-section=right],.omni-iconfield.p-icon-field-right .p-inputtext{padding-right:36px}.omni-iconfield .p-inputtext:focus{border-color:var(--color-primary-surface-lighter,#7ea8f6);box-shadow:none}.omni-iconfield .p-inputtext:focus~.p-input-icon-left,.omni-iconfield .p-inputtext:focus~.p-input-icon-right,.omni-iconfield .p-inputtext:focus~.p-inputicon,.omni-iconfield .p-input-icon-left~.p-inputtext:focus~.p-input-icon-left,.omni-iconfield:has(.p-inputtext:focus) .p-inputicon{color:var(--color-primary-text-default)}.omni-iconfield .p-inputtext:hover:not(:disabled):not(:focus){border-color:var(--color-slate-border-default)}.omni-iconfield .p-inputtext:disabled{background-color:var(--color-slate-surface-disabled,#f1f5f9);color:var(--color-slate-text-disabled,#94a3b8);cursor:not-allowed;opacity:1;border:none}.omni-iconfield .p-inputtext:disabled~.p-input-icon-left,.omni-iconfield .p-inputtext:disabled~.p-input-icon-right,.omni-iconfield .p-inputtext:disabled~.p-inputicon,.omni-iconfield .p-input-icon-left~.p-inputtext:disabled~.p-input-icon-left,.omni-iconfield:has(.p-inputtext:disabled) .p-inputicon{color:var(--color-slate-icons-disabled)}.omni-iconfield .p-inputnumber{width:100%}.omni-iconfield .p-inputnumber .p-inputtext{width:100%;min-height:40px;color:var(--color-slate-text-body,#334155);background-color:var(--color-slate-surface-white,#fff);border:1.5px solid var(--color-slate-border-light,#e2e8f0);box-sizing:border-box;border-radius:6px;outline:none;align-items:center;padding:10px 8px;font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:400;line-height:20px;transition:all .15s;display:flex}.omni-iconfield .p-inputnumber .p-input-icon-left~.p-inputtext{padding-left:36px}.omni-iconfield .p-inputnumber .p-inputtext:focus{border-color:var(--color-primary-surface-lighter,#7ea8f6);box-shadow:none}.omni-iconfield .p-inputnumber .p-inputtext:hover:not(:disabled):not(:focus){border-color:var(--color-slate-border-default)}.omni-iconfield .p-inputnumber .p-inputtext:disabled{background-color:var(--color-slate-surface-disabled,#f1f5f9);color:var(--color-slate-text-disabled,#94a3b8);cursor:not-allowed;opacity:1;border:none}.omni-iconfield .p-password{width:100%}.omni-iconfield .p-password .p-inputtext{width:100%;min-height:40px;color:var(--color-slate-text-body,#334155);background-color:var(--color-slate-surface-white,#fff);border:1.5px solid var(--color-slate-border-light,#e2e8f0);box-sizing:border-box;border-radius:6px;outline:none;align-items:center;padding:10px 8px;font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:400;line-height:20px;transition:all .15s;display:flex}.omni-iconfield .p-password .p-input-icon-left~.p-inputtext{padding-left:36px}.omni-iconfield .p-password .p-inputtext:focus{border-color:var(--color-primary-surface-lighter,#7ea8f6);box-shadow:none}.omni-iconfield .p-password .p-inputtext:hover:not(:disabled):not(:focus){border-color:var(--color-slate-border-default)}.omni-iconfield .p-password .p-inputtext:disabled{background-color:var(--color-slate-surface-disabled,#f1f5f9);color:var(--color-slate-text-disabled,#94a3b8);cursor:not-allowed;opacity:1;border:none}.omni-iconfield .p-password{position:relative}.omni-iconfield .p-password .p-password-toggle-icon{color:var(--color-slate-icons-active);cursor:pointer;z-index:1;justify-content:center;align-items:center;width:16px;height:16px;transition:color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.omni-iconfield .p-password .p-password-toggle-icon:hover{color:var(--color-slate-icons-active)}.omni-iconfield .p-password .p-inputtext{padding-right:36px}.omni-iconfield.p-error .p-inputtext,.omni-iconfield.p-error .p-inputnumber .p-inputtext,.omni-iconfield.p-error .p-password .p-inputtext,.omni-iconfield .p-inputtext.omni-textfield-error{border:1.5px solid var(--Error-Border-Default,#e42525);background:var(--Slate-Surface-White,#fff);border-radius:6px}.omni-iconfield.p-error .p-inputtext:focus,.omni-iconfield.p-error .p-inputnumber .p-inputtext:focus,.omni-iconfield.p-error .p-password .p-inputtext:focus,.omni-iconfield .p-inputtext.omni-textfield-error:focus{border-color:var(--Error-Border-Default,#e42525);box-shadow:none}.omni-iconfield.p-success .p-inputtext,.omni-iconfield.p-success .p-inputnumber .p-inputtext,.omni-iconfield.p-success .p-password .p-inputtext{border-color:var(--color-success-border-default,#10b981)}.omni-iconfield.p-success .p-inputtext:focus,.omni-iconfield.p-success .p-inputnumber .p-inputtext:focus,.omni-iconfield.p-success .p-password .p-inputtext:focus{border-color:var(--color-success-border-default,#10b981);box-shadow:none}.hui-iconfield{align-items:center;width:100%;display:flex;position:relative}.hui-iconfield .hui-input-icon{color:var(--color-slate-icons-active);z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.hui-iconfield-left .hui-input-icon{left:12px}.hui-iconfield-right .hui-input-icon{right:12px}.hui-iconfield .hui-input-icon img,.hui-iconfield .hui-input-icon svg{width:16px;height:16px;display:block}.hui-iconfield-left input{padding-left:36px!important}.hui-iconfield-right input{padding-right:36px!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}
 
 /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hiver-ui-kit-extended",
-  "version": "1.0.0-beta.14",
+  "version": "1.0.0-beta.15",
   "type": "module",
   "main": "./dist/env.prime.js",
   "module": "./dist/env.prime.js",