analytica-frontend-lib 1.0.11 → 1.0.13

package/dist/index.css

@@ -47,11 +47,14 @@
     --font-weight-bold: 700;
     --font-weight-extrabold: 800;
     --font-weight-black: 900;
+    --radius-sm: 0.25rem;
+    --radius-md: 0.375rem;
     --radius-xl: 0.75rem;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
+    --color-primary-50: #999999;
     --color-primary-400: #525252;
     --color-primary-500: #333333;
     --color-primary-600: #292929;
@@ -59,6 +62,7 @@
     --color-primary-800: #0d0d0d;
     --color-primary-950: #080808;
     --color-text: #fefeff;
+    --color-text-400: #a3a3a3;
     --color-text-600: #737373;
     --color-text-700: #525252;
     --color-text-800: #404040;
@@ -68,6 +72,7 @@
     --color-background-50: #f6f6f6;
     --color-background-100: #f2f1f1;
     --color-background-200: #dcdbdb;
+    --color-background-muted: #f7f8f7;
     --color-border-50: #f3f3f3;
     --color-border-100: #e6e6e6;
     --color-border-200: #dddcdb;
@@ -302,12 +307,36 @@
     white-space: nowrap;
     border-width: 0;
   }
+  .absolute {
+    position: absolute;
+  }
   .relative {
     position: relative;
   }
+  .top-full {
+    top: 100%;
+  }
+  .right-0 {
+    right: calc(var(--spacing) * 0);
+  }
+  .bottom-full {
+    bottom: 100%;
+  }
+  .left-0 {
+    left: calc(var(--spacing) * 0);
+  }
+  .left-1\/2 {
+    left: calc(1/2 * 100%);
+  }
+  .z-50 {
+    z-index: 50;
+  }
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
+  .my-1 {
+    margin-block: calc(var(--spacing) * 1);
+  }
   .my-4 {
     margin-block: calc(var(--spacing) * 4);
   }
@@ -347,6 +376,9 @@
   .h-10 {
     height: calc(var(--spacing) * 10);
   }
+  .h-px {
+    height: 1px;
+  }
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
@@ -359,9 +391,16 @@
   .w-full {
     width: 100%;
   }
+  .min-w-\[210px\] {
+    min-width: 210px;
+  }
   .caption-bottom {
     caption-side: bottom;
   }
+  .-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -389,6 +428,9 @@
   .justify-start {
     justify-content: flex-start;
   }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
@@ -401,12 +443,21 @@
   .gap-6 {
     gap: calc(var(--spacing) * 6);
   }
+  .gap-8 {
+    gap: calc(var(--spacing) * 8);
+  }
   .overflow-hidden {
     overflow: hidden;
   }
   .rounded-full {
     border-radius: calc(infinity * 1px);
   }
+  .rounded-md {
+    border-radius: var(--radius-md);
+  }
+  .rounded-sm {
+    border-radius: var(--radius-sm);
+  }
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
@@ -465,9 +516,18 @@
   .bg-background-50 {
     background-color: var(--color-background-50);
   }
+  .bg-background-muted {
+    background-color: var(--color-background-muted);
+  }
+  .bg-border-200 {
+    background-color: var(--color-border-200);
+  }
   .bg-error-500 {
     background-color: var(--color-error-500);
   }
+  .bg-primary-50 {
+    background-color: var(--color-primary-50);
+  }
   .bg-primary-950 {
     background-color: var(--color-primary-950);
   }
@@ -477,9 +537,15 @@
   .bg-transparent {
     background-color: transparent;
   }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
+  .p-3 {
+    padding: calc(var(--spacing) * 3);
+  }
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
@@ -501,6 +567,12 @@
   .px-7 {
     padding-inline: calc(var(--spacing) * 7);
   }
+  .px-12 {
+    padding-inline: calc(var(--spacing) * 12);
+  }
+  .py-1 {
+    padding-block: calc(var(--spacing) * 1);
+  }
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
@@ -513,6 +585,9 @@
   .py-3\.5 {
     padding-block: calc(var(--spacing) * 3.5);
   }
+  .pl-8 {
+    padding-left: calc(var(--spacing) * 8);
+  }
   .text-left {
     text-align: left;
   }
@@ -598,6 +673,9 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
   .text-error-500 {
     color: var(--color-error-500);
   }
@@ -610,6 +688,9 @@
   .text-text {
     color: var(--color-text);
   }
+  .text-text-400 {
+    color: var(--color-text-400);
+  }
   .text-text-600 {
     color: var(--color-text-600);
   }
@@ -631,6 +712,15 @@
   .opacity-50 {
     opacity: 50%;
   }
+  .shadow-md {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
   .shadow-none {
     --tw-shadow: 0 0 #0000;
     box-shadow:
@@ -684,6 +774,15 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .select-none {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+  }
   .hover\:border-error-400 {
     &:hover {
       @media (hover: hover) {
@@ -740,6 +839,13 @@
       }
     }
   }
+  .hover\:bg-background-200 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-background-200);
+      }
+    }
+  }
   .hover\:bg-error-600 {
     &:hover {
       @media (hover: hover) {
@@ -747,6 +853,13 @@
       }
     }
   }
+  .hover\:bg-primary-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-600);
+      }
+    }
+  }
   .hover\:bg-primary-800 {
     &:hover {
       @media (hover: hover) {
@@ -782,6 +895,13 @@
       }
     }
   }
+  .hover\:text-text {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-text);
+      }
+    }
+  }
   .hover\:shadow-hard-shadow-1 {
     &:hover {
       @media (hover: hover) {
@@ -959,6 +1079,11 @@
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
+  .disabled\:pointer-events-none {
+    &:disabled {
+      pointer-events: none;
+    }
+  }
   .disabled\:cursor-not-allowed {
     &:disabled {
       cursor: not-allowed;
@@ -1027,6 +1152,17 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .\[\&\>svg\]\:size-4 {
+    & > svg {
+      width: calc(var(--spacing) * 4);
+      height: calc(var(--spacing) * 4);
+    }
+  }
+  .\[\&\>svg\]\:shrink-0 {
+    & > svg {
+      flex-shrink: 0;
+    }
+  }
   .\[\&\>tr\]\:last\:border-b-0 {
     & > tr {
       &:last-child {
@@ -1356,6 +1492,9 @@
     --shadow-soft-shadow-4: 0px 0px 40px rgba(38, 38, 38, 0.2);
   }
 }
+@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-rotate-x { syntax: "*"; inherits: false; }
 @property --tw-rotate-y { syntax: "*"; inherits: false; }
 @property --tw-rotate-z { syntax: "*"; inherits: false; }
@@ -1378,15 +1517,15 @@
 @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-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
-@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; }
 @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-rotate-x: initial;
       --tw-rotate-y: initial;
       --tw-rotate-z: initial;
@@ -1409,9 +1548,6 @@
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-outline-style: solid;
-      --tw-translate-x: 0;
-      --tw-translate-y: 0;
-      --tw-translate-z: 0;
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "analytica-frontend-lib",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "Repositório público dos componentes utilizados nas plataformas da Analytica Ensino",
   "main": "dist/index.cjs",
   "module": "./dist/index.js",
@@ -63,6 +63,7 @@
     "url": "https://github.com/analytica-ensino/analytica-frontend-lib/issues"
   },
   "dependencies": {
+    "phosphor-react": "^1.4.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
   },