@julseb-lib/react 0.0.84 → 0.0.86

package/dist/index.css

@@ -1,16 +1,8 @@
 @charset "UTF-8";
 
-/*=============================================== TSX Lib base CSS ===============================================*/
-
-/*====================== Fonts ======================*/
-
 @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
 
-/*==================== Variables ====================*/
-
 :root {
-    /*===== Colors =====*/
-
     --color-black: rgb(0, 0, 0);
     --color-white: rgb(255, 255, 255);
 
@@ -93,66 +85,66 @@
     --color-light-background-ghost-hover: var(--color-light-gray-200);
     --color-light-background-ghost-active: var(--color-light-gray-100);
 
-    --color-dark-primary-50: rgb(0, 0, 0);
-    --color-dark-primary-100: rgb(4, 5, 6);
-    --color-dark-primary-200: rgb(13, 14, 18);
-    --color-dark-primary-300: rgb(21, 24, 30);
-    --color-dark-primary-400: rgb(29, 34, 42);
-    --color-dark-primary-500: rgb(38, 44, 54);
-    --color-dark-primary-600: rgb(46, 54, 66);
-    --color-dark-primary-700: rgb(54, 64, 78);
-    --color-dark-primary-800: rgb(63, 74, 90);
-    --color-dark-primary-900: rgb(71, 84, 102);
-    --color-dark-secondary-50: rgb(16, 17, 19);
-    --color-dark-secondary-100: rgb(21, 22, 25);
-    --color-dark-secondary-200: rgb(30, 32, 37);
-    --color-dark-secondary-300: rgb(39, 42, 48);
-    --color-dark-secondary-400: rgb(48, 52, 59);
-    --color-dark-secondary-500: rgb(57, 62, 70);
-    --color-dark-secondary-600: rgb(66, 72, 82);
-    --color-dark-secondary-700: rgb(75, 82, 93);
-    --color-dark-secondary-800: rgb(84, 92, 104);
-    --color-dark-secondary-900: rgb(93, 102, 116);
-    --color-dark-success-50: rgb(1, 45, 34);
-    --color-dark-success-100: rgb(2, 69, 52);
-    --color-dark-success-200: rgb(3, 94, 70);
-    --color-dark-success-300: rgb(4, 118, 88);
-    --color-dark-success-400: rgb(5, 143, 107);
-    --color-dark-success-500: rgb(6, 167, 125);
-    --color-dark-success-600: rgb(7, 192, 144);
-    --color-dark-success-700: rgb(8, 217, 162);
-    --color-dark-success-800: rgb(9, 241, 181);
-    --color-dark-success-900: rgb(29, 247, 190);
-    --color-dark-danger-50: rgb(95, 33, 33);
-    --color-dark-danger-100: rgb(114, 39, 39);
-    --color-dark-danger-200: rgb(133, 46, 45);
-    --color-dark-danger-300: rgb(152, 53, 52);
-    --color-dark-danger-400: rgb(171, 59, 58);
-    --color-dark-danger-500: rgb(191, 67, 66);
-    --color-dark-danger-600: rgb(197, 84, 84);
-    --color-dark-danger-700: rgb(203, 103, 103);
-    --color-dark-danger-800: rgb(209, 122, 122);
-    --color-dark-danger-900: rgb(216, 141, 141);
-    --color-dark-warning-50: rgb(64, 47, 2);
-    --color-dark-warning-100: rgb(114, 84, 4);
-    --color-dark-warning-200: rgb(163, 120, 5);
-    --color-dark-warning-300: rgb(212, 156, 7);
-    --color-dark-warning-400: rgb(247, 186, 23);
-    --color-dark-warning-500: rgb(249, 200, 70);
-    --color-dark-warning-600: rgb(250, 208, 97);
-    --color-dark-warning-700: rgb(251, 215, 122);
-    --color-dark-warning-800: rgb(252, 222, 146);
-    --color-dark-warning-900: rgb(253, 229, 171);
-    --color-dark-gray-50: rgb(24, 24, 24);
-    --color-dark-gray-100: rgb(47, 47, 47);
-    --color-dark-gray-200: rgb(71, 71, 71);
-    --color-dark-gray-300: rgb(94, 94, 94);
-    --color-dark-gray-400: rgb(118, 118, 118);
-    --color-dark-gray-500: rgb(145, 145, 145);
-    --color-dark-gray-600: rgb(173, 173, 173);
-    --color-dark-gray-700: rgb(200, 200, 200);
-    --color-dark-gray-800: rgb(228, 228, 228);
-    --color-dark-gray-900: rgb(248, 248, 248);
+    --color-dark-gray-50: rgba(24, 24, 24, 1);
+    --color-dark-gray-100: rgba(47, 47, 47, 1);
+    --color-dark-gray-200: rgba(71, 71, 71, 1);
+    --color-dark-gray-300: rgba(94, 94, 94, 1);
+    --color-dark-gray-400: rgba(118, 118, 118, 1);
+    --color-dark-gray-500: rgba(145, 145, 145, 1);
+    --color-dark-gray-600: rgba(173, 173, 173, 1);
+    --color-dark-gray-700: rgba(200, 200, 200, 1);
+    --color-dark-gray-800: rgba(228, 228, 228, 1);
+    --color-dark-gray-900: rgba(248, 248, 248, 1);
+    --color-dark-primary-50: rgb(20, 30, 51);
+    --color-dark-primary-100: rgb(41, 61, 102);
+    --color-dark-primary-200: rgb(61, 91, 153);
+    --color-dark-primary-300: rgb(82, 122, 204);
+    --color-dark-primary-400: rgb(102, 152, 255);
+    --color-dark-primary-500: rgb(133, 173, 255);
+    --color-dark-primary-600: rgb(163, 193, 255);
+    --color-dark-primary-700: rgb(194, 214, 255);
+    --color-dark-primary-800: rgb(224, 234, 255);
+    --color-dark-primary-900: rgb(247, 250, 255);
+    --color-dark-secondary-50: rgb(23, 45, 46);
+    --color-dark-secondary-100: rgb(46, 89, 92);
+    --color-dark-secondary-200: rgb(68, 134, 139);
+    --color-dark-secondary-300: rgb(91, 178, 185);
+    --color-dark-secondary-400: rgb(114, 223, 231);
+    --color-dark-secondary-500: rgb(142, 229, 236);
+    --color-dark-secondary-600: rgb(170, 236, 241);
+    --color-dark-secondary-700: rgb(199, 242, 245);
+    --color-dark-secondary-800: rgb(227, 249, 250);
+    --color-dark-secondary-900: rgb(248, 254, 254);
+    --color-dark-success-50: rgb(17, 47, 32);
+    --color-dark-success-100: rgb(35, 94, 64);
+    --color-dark-success-200: rgb(52, 141, 97);
+    --color-dark-success-300: rgb(70, 188, 129);
+    --color-dark-success-400: rgb(87, 235, 161);
+    --color-dark-success-500: rgb(121, 239, 180);
+    --color-dark-success-600: rgb(154, 243, 199);
+    --color-dark-success-700: rgb(188, 247, 217);
+    --color-dark-success-800: rgb(221, 251, 236);
+    --color-dark-success-900: rgb(247, 254, 250);
+    --color-dark-danger-50: rgb(51, 26, 26);
+    --color-dark-danger-100: rgb(102, 51, 51);
+    --color-dark-danger-200: rgb(153, 77, 77);
+    --color-dark-danger-300: rgb(204, 102, 102);
+    --color-dark-danger-400: rgb(255, 128, 128);
+    --color-dark-danger-500: rgb(255, 153, 153);
+    --color-dark-danger-600: rgb(255, 179, 179);
+    --color-dark-danger-700: rgb(255, 204, 204);
+    --color-dark-danger-800: rgb(255, 230, 230);
+    --color-dark-danger-900: rgb(255, 249, 249);
+    --color-dark-warning-50: rgb(51, 41, 23);
+    --color-dark-warning-100: rgb(101, 82, 46);
+    --color-dark-warning-200: rgb(152, 122, 70);
+    --color-dark-warning-300: rgb(202, 163, 93);
+    --color-dark-warning-400: rgb(253, 204, 116);
+    --color-dark-warning-500: rgb(254, 214, 144);
+    --color-dark-warning-600: rgb(254, 224, 172);
+    --color-dark-warning-700: rgb(254, 235, 199);
+    --color-dark-warning-800: rgb(255, 245, 227);
+    --color-dark-warning-900: rgb(255, 253, 248);
     --color-dark-background: rgb(18, 18, 18);
     --color-dark-font: var(--color-white);
 
@@ -172,8 +164,6 @@
     --color-dark-background-ghost-hover: var(--color-dark-gray-200);
     --color-dark-background-ghost-active: var(--color-dark-gray-100);
 
-    /*===== Overlays =====*/
-
     --overlay-black-50: rgba(0, 0, 0, 0.5);
     --overlay-black-80: rgba(0, 0, 0, 0.8);
     --overlay-white-50: rgba(255, 255, 255, 0.5);
@@ -189,8 +179,6 @@
         rgba(255, 255, 255, 0.35) 100%
     );
 
-    /*===== Fonts =====*/
-
     /* Font families */
 
     --font-family-body: "Lato-regular", sans-serif;
@@ -223,8 +211,6 @@
     --line-height-body: 1.5;
     --line-height-code: 1.8;
 
-    /*===== Shadows =====*/
-
     --shadow-xxl: 0px 10px 14px 8px rgba(0, 0, 0, 0.2),
         0px 4px 4px rgba(0, 0, 0, 0.3);
     --shadow-xl: 0px 8px 12px 6px rgba(0, 0, 0, 0.15),
@@ -238,8 +224,6 @@
     --shadow-xs: 0px 1px 2px rgba(0, 0, 0, 0.3),
         0px 1px 3px 1px rgba(0, 0, 0, 0.15);
 
-    /*===== Spacers =====*/
-
     --spacer-xxl: 48px;
     --spacer-xl: 32px;
     --spacer-l: 24px;
@@ -248,8 +232,6 @@
     --spacer-xs: 8px;
     --spacer-xxs: 4px;
 
-    /*===== Radiuses =====*/
-
     --radius-xxl: 24px;
     --radius-xl: 16px;
     --radius-l: 12px;
@@ -259,8 +241,6 @@
     --radius-round: 99em;
     --radius-circle: 50%;
 
-    /*===== Layouts =====*/
-
     /* Main */
 
     --main-default: 600px;
@@ -273,8 +253,6 @@
     --aside-default: 250px;
     --aside-small: 200px;
 
-    /*===== Transitions =====*/
-
     --transition-short: all 200ms ease;
     --transition-long: all 500ms ease;
     --transition-bezier: all 0.5s cubic-bezier(0.25, 0.75, 0, 0.66);
@@ -291,8 +269,6 @@
     }
 }
 
-/*==================== Reset ====================*/
-
 *,
 *:before,
 *:after {
@@ -452,16 +428,12 @@ u {
     text-decoration: underline;
     color: currentColor;
 }
-    
-/*==================== Base styles ====================*/
 
 .stop-scrolling {
     height: 100vh;
     overflow: hidden;
 }
 
-/*==================== Helpers ====================*/
-
 .text-left {
     text-align: left !important;
 }
@@ -571,8 +543,6 @@ u {
     scroll-behavior: smooth;
 }
 
-/*==================== Background colors ====================*/
-
 .bg-black {
     background-color: var(--color-black) !important;
 }
@@ -821,8 +791,6 @@ u {
     background-color: var(--color-warning-900) !important;
 }
 
-/*==================== Overlays ====================*/
-
 .bg-overlay-black-50 {
     background: var(--overlay-black-50) !important;
 }
@@ -847,8 +815,6 @@ u {
     background: var(--overlay-gradient-white) !important;
 }
 
-/*==================== Font colors ====================*/
-
 .font-black {
     color: var(--color-black) !important;
 }
@@ -1097,8 +1063,6 @@ u {
     color: var(--color-warning-900) !important;
 }
 
-/*==================== Border colors ====================*/
-
 .border-black {
     border-color: var(--color-black) !important;
 }
@@ -1347,8 +1311,6 @@ u {
     border-color: var(--color-warning-900) !important;
 }
 
-/*==================== Radiuses ====================*/
-
 .radius-xxl {
     -webkit-border-radius: var(--radius-xxl) !important;
     border-radius: var(--radius-xxl) !important;
@@ -1389,8 +1351,6 @@ u {
     border-radius: var(--radius-circle) !important;
 }
 
-/*==================== Shadows ====================*/
-
 .shadow-xxl {
     -webkit-box-shadow: var(--shadow-xxl) !important;
     box-shadow: var(--shadow-xxl) !important;