bianic-ui 1.0.0-beta.22 → 1.0.0-beta.24

package/dist/cjs/index.js

@@ -1545,9 +1545,9 @@ function TextInput(_a) {
         descColor = 'text-bia-red';
     var bottomBorderColor = 'hover:border-b-bia-blue focus:border-b-bia-blue';
     if (!disabled && isExistValidation && isValid)
-        bottomBorderColor = 'border-b-bia-green';
+        bottomBorderColor = 'hover:border-b-bia-green';
     if (!disabled && isExistValidation && !isValid)
-        bottomBorderColor = 'border-b-bia-red';
+        bottomBorderColor = 'hover:border-b-bia-red focus:border-b-bia-red';
     var iconElement = null;
     if (!disabled && isExistValidation)
         iconElement = React.createElement(ValidationIcon, { isValid: isValid, iconSize: iconSize });
@@ -2642,11 +2642,15 @@ Tooltip.defaultProps = {
 Tooltip.defaultProps = {};
 
 function ScrollbarSimulation() {
-    return (React.createElement("div", { className: "w-64 aspect-square overflow-y-auto p-5 text-justify" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin porta ac augue ac porta. Nunc ac pretium odio. Integer auctor viverra malesuada. Nullam id consectetur orci. Praesent lobortis enim fermentum lacus convallis, vitae vestibulum lorem accumsan. Donec ac magna tristique, fermentum nulla at, faucibus magna. Nulla facilisi. Ut vehicula pulvinar nulla vitae suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus pulvinar, dolor a fringilla eleifend, metus arcu condimentum nisl, ut ultricies massa elit nec urna. Nam aliquam vestibulum ullamcorper. Aliquam ac ex sapien. Nam in interdum metus. Cras fringilla est nisl, ut pharetra sapien placerat non. Sed finibus elementum ipsum id interdum. Proin condimentum consequat tortor, ac aliquam urna. Donec tincidunt nunc eu est tristique aliquam. In a enim sit amet turpis sodales cursus. Donec in hendrerit odio. Vestibulum pretium, lectus nec vehicula iaculis, velit nisl laoreet enim, eget iaculis nibh neque et risus. Morbi aliquam malesuada mi in rhoncus."));
+    return (React.createElement("div", { className: "flex gap-5" },
+        React.createElement("div", { className: "w-64 aspect-square overflow-y-auto p-5 text-justify" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin porta ac augue ac porta. Nunc ac pretium odio. Integer auctor viverra malesuada. Nullam id consectetur orci. Praesent lobortis enim fermentum lacus convallis, vitae vestibulum lorem accumsan. Donec ac magna tristique, fermentum nulla at, faucibus magna. Nulla facilisi. Ut vehicula pulvinar nulla vitae suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus pulvinar, dolor a fringilla eleifend, metus arcu condimentum nisl, ut ultricies massa elit nec urna. Nam aliquam vestibulum ullamcorper. Aliquam ac ex sapien. Nam in interdum metus. Cras fringilla est nisl, ut pharetra sapien placerat non. Sed finibus elementum ipsum id interdum. Proin condimentum consequat tortor, ac aliquam urna. Donec tincidunt nunc eu est tristique aliquam. In a enim sit amet turpis sodales cursus. Donec in hendrerit odio. Vestibulum pretium, lectus nec vehicula iaculis, velit nisl laoreet enim, eget iaculis nibh neque et risus. Morbi aliquam malesuada mi in rhoncus."),
+        React.createElement("div", { className: "h-64 aspect-square overflow-x-auto overflow-y-clip p-5 text-justify" }, "Loremipsumdolorsitamet,consecteturadipiscingelit.Proinportaac augueacporta.Nuncacpretiumodio.Integerauctorviverramalesuada. Nullamidconsecteturorci.Praesentlobortisenimfermentumlacus convallis,vitaevestibulumloremaccumsan.Donecacmagnatristique, fermentumnullaat,faucibusmagna.Nullafacilisi.Utvehiculapulvinar nullavitaesuscipit.Vestibulumanteipsumprimisinfaucibusorci luctusetultricesposuerecubiliacurae;Vivamuspulvinar,dolora fringillaeleifend,metusarcucondimentumnisl,utultriciesmassaelit necurna.Namaliquamvestibulumullamcorper.Aliquamacexsapien.Nam in interdum metus. Cras fringilla est nisl, ut pharetra sapien placerat non. Sed finibus elementum ipsum id interdum. Proin condimentum consequat tortor, ac aliquam urna. Donec tincidunt nunc eu est tristique aliquam. In a enim sit amet turpis sodales cursus. Donec in hendrerit odio. Vestibulum pretium, lectus nec vehicula iaculis, velit nisl laoreet enim, eget iaculis nibh neque et risus. Morbi aliquam malesuada mi in rhoncus.")));
 }
 
 function HiddenScrollbarSimulation() {
-    return (React.createElement("div", { className: "w-64 aspect-square overflow-y-auto p-5 scrollbar-hidden text-justify" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin porta ac augue ac porta. Nunc ac pretium odio. Integer auctor viverra malesuada. Nullam id consectetur orci. Praesent lobortis enim fermentum lacus convallis, vitae vestibulum lorem accumsan. Donec ac magna tristique, fermentum nulla at, faucibus magna. Nulla facilisi. Ut vehicula pulvinar nulla vitae suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus pulvinar, dolor a fringilla eleifend, metus arcu condimentum nisl, ut ultricies massa elit nec urna. Nam aliquam vestibulum ullamcorper. Aliquam ac ex sapien. Nam in interdum metus. Cras fringilla est nisl, ut pharetra sapien placerat non. Sed finibus elementum ipsum id interdum. Proin condimentum consequat tortor, ac aliquam urna. Donec tincidunt nunc eu est tristique aliquam. In a enim sit amet turpis sodales cursus. Donec in hendrerit odio. Vestibulum pretium, lectus nec vehicula iaculis, velit nisl laoreet enim, eget iaculis nibh neque et risus. Morbi aliquam malesuada mi in rhoncus."));
+    return (React.createElement("div", { className: "flex gap-5" },
+        React.createElement("div", { className: "w-64 aspect-square overflow-y-auto p-5 scrollbar-hidden text-justify" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin porta ac augue ac porta. Nunc ac pretium odio. Integer auctor viverra malesuada. Nullam id consectetur orci. Praesent lobortis enim fermentum lacus convallis, vitae vestibulum lorem accumsan. Donec ac magna tristique, fermentum nulla at, faucibus magna. Nulla facilisi. Ut vehicula pulvinar nulla vitae suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus pulvinar, dolor a fringilla eleifend, metus arcu condimentum nisl, ut ultricies massa elit nec urna. Nam aliquam vestibulum ullamcorper. Aliquam ac ex sapien. Nam in interdum metus. Cras fringilla est nisl, ut pharetra sapien placerat non. Sed finibus elementum ipsum id interdum. Proin condimentum consequat tortor, ac aliquam urna. Donec tincidunt nunc eu est tristique aliquam. In a enim sit amet turpis sodales cursus. Donec in hendrerit odio. Vestibulum pretium, lectus nec vehicula iaculis, velit nisl laoreet enim, eget iaculis nibh neque et risus. Morbi aliquam malesuada mi in rhoncus."),
+        React.createElement("div", { className: "h-64 aspect-square overflow-x-auto overflow-y-clip p-5 scrollbar-hidden text-justify" }, "Loremipsumdolorsitamet,consecteturadipiscingelit.Proinportaac augueacporta.Nuncacpretiumodio.Integerauctorviverramalesuada. Nullamidconsecteturorci.Praesentlobortisenimfermentumlacus convallis,vitaevestibulumloremaccumsan.Donecacmagnatristique, fermentumnullaat,faucibusmagna.Nullafacilisi.Utvehiculapulvinar nullavitaesuscipit.Vestibulumanteipsumprimisinfaucibusorci luctusetultricesposuerecubiliacurae;Vivamuspulvinar,dolora fringillaeleifend,metusarcucondimentumnisl,utultriciesmassaelit necurna.Namaliquamvestibulumullamcorper.Aliquamacexsapien.Nam ininterdummetus.Crasfringillaestnisl,utpharetrasapienplaceratnon. Sedfinibuselementumipsumidinterdum.Proincondimentumconsequat tortor,acaliquamurna.Donectinciduntnunceuesttristiquealiquam. Inaenimsitametturpissodalescursus.Donecinhendreritodio. Vestibulumpretium,lectusnecvehiculaiaculis,velitnisllaoreet enim,egetiaculisnibhnequeetrisus.Morbialiquammalesuadamiin rhoncus.")));
 }
 
 exports.Accordions = Accordions;