@sentio/ui-dashboard 0.3.6 → 0.3.8

package/dist/index.css

@@ -26,8 +26,10 @@
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
     --radius-xs: 0.125rem;
+    --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
+    --animate-spin: spin 1s linear infinite;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
@@ -265,6 +267,9 @@
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
+  .right-1 {
+    right: calc(var(--spacing) * 1);
+  }
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -304,9 +309,15 @@
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
+  .mx-4 {
+    margin-inline: calc(var(--spacing) * 4);
+  }
   .my-2 {
     margin-block: calc(var(--spacing) * 2);
   }
+  .my-4 {
+    margin-block: calc(var(--spacing) * 4);
+  }
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
@@ -346,6 +357,9 @@
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
+  .ml-6 {
+    margin-left: calc(var(--spacing) * 6);
+  }
   .block {
     display: block;
   }
@@ -355,6 +369,9 @@
   .grid {
     display: grid;
   }
+  .hidden {
+    display: none;
+  }
   .inline {
     display: inline;
   }
@@ -412,9 +429,15 @@
   .h-\[26rem\] {
     height: 26rem;
   }
+  .h-\[200px\] {
+    height: 200px;
+  }
   .h-full {
     height: 100%;
   }
+  .h-full\! {
+    height: 100% !important;
+  }
   .h-px {
     height: 1px;
   }
@@ -427,6 +450,9 @@
   .max-h-\[50vh\] {
     max-height: 50vh;
   }
+  .max-h-\[200px\] {
+    max-height: 200px;
+  }
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
@@ -514,6 +540,9 @@
   .w-\[52rem\] {
     width: 52rem;
   }
+  .w-\[56rem\] {
+    width: 56rem;
+  }
   .w-\[60rem\] {
     width: 60rem;
   }
@@ -556,15 +585,30 @@
   .flex-none {
     flex: none;
   }
+  .shrink {
+    flex-shrink: 1;
+  }
   .shrink-0 {
     flex-shrink: 0;
   }
   .grow {
     flex-grow: 1;
   }
+  .basis-0 {
+    flex-basis: calc(var(--spacing) * 0);
+  }
+  .rotate-90 {
+    rotate: 90deg;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .animate-spin {
+    animation: var(--animate-spin);
+  }
+  .cursor-default {
+    cursor: default;
+  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -648,6 +692,20 @@
       margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .gap-x-3 {
     column-gap: calc(var(--spacing) * 3);
   }
@@ -664,6 +722,14 @@
   .gap-y-2 {
     row-gap: calc(var(--spacing) * 2);
   }
+  .divide-x {
+    :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+    }
+  }
   .divide-y {
     :where(& > :not(:last-child)) {
       --tw-divide-y-reverse: 0;
@@ -683,6 +749,11 @@
       border-color: rgba(var(--gray-200));
     }
   }
+  .divide-gray-300 {
+    :where(& > :not(:last-child)) {
+      border-color: rgba(var(--gray-300));
+    }
+  }
   .self-center {
     align-self: center;
   }
@@ -724,9 +795,16 @@
   .rounded-none\! {
     border-radius: 0 !important;
   }
+  .rounded-sm {
+    border-radius: var(--radius-sm);
+  }
   .rounded-xs {
     border-radius: var(--radius-xs);
   }
+  .rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
   .rounded-l-md {
     border-top-left-radius: var(--radius-md);
     border-bottom-left-radius: var(--radius-md);
@@ -771,10 +849,24 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
   }
+  .border-l {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
   .border-l-0 {
     border-left-style: var(--tw-border-style);
     border-left-width: 0px;
   }
+  .border-none\! {
+    --tw-border-style: none !important;
+    border-style: none !important;
+  }
+  .border-\[\#4CAF1D\] {
+    border-color: #4CAF1D;
+  }
+  .border-\[\#D98200\] {
+    border-color: #D98200;
+  }
   .border-border-color {
     border-color: rgba(var(--border-color));
   }
@@ -811,6 +903,9 @@
       background-color: color-mix(in oklab, rgba(var(--gray-100)) 20%, transparent);
     }
   }
+  .bg-gray-200 {
+    background-color: rgba(var(--gray-200));
+  }
   .bg-gray-300 {
     background-color: rgba(var(--gray-300));
   }
@@ -835,6 +930,9 @@
   .bg-primary-600 {
     background-color: rgba(var(--primary-600));
   }
+  .bg-sentio-gray-100 {
+    background-color: rgba(var(--sentio-gray-100));
+  }
   .bg-white {
     background-color: rgba(var(--white));
   }
@@ -880,18 +978,27 @@
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
+  .py-px {
+    padding-block: 1px;
+  }
   .pt-1 {
     padding-top: calc(var(--spacing) * 1);
   }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
+  .pr-1\.5 {
+    padding-right: calc(var(--spacing) * 1.5);
+  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
   .pr-4 {
     padding-right: calc(var(--spacing) * 4);
   }
+  .pr-5 {
+    padding-right: calc(var(--spacing) * 5);
+  }
   .pr-7 {
     padding-right: calc(var(--spacing) * 7);
   }
@@ -904,6 +1011,9 @@
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
+  .pl-3 {
+    padding-left: calc(var(--spacing) * 3);
+  }
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
@@ -916,6 +1026,9 @@
   .text-right {
     text-align: right;
   }
+  .align-middle {
+    vertical-align: middle;
+  }
   .align-top {
     vertical-align: top;
   }
@@ -942,6 +1055,9 @@
   .text-\[10px\] {
     font-size: 10px;
   }
+  .text-\[11px\] {
+    font-size: 11px;
+  }
   .text-\[13px\] {
     font-size: 13px;
   }
@@ -961,6 +1077,10 @@
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
   }
+  .font-ilabel {
+    --tw-font-weight: 500;
+    font-weight: 500;
+  }
   .font-medium {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -976,6 +1096,12 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .text-\[\#4CAF1D\] {
+    color: #4CAF1D;
+  }
+  .text-\[\#D98200\] {
+    color: #D98200;
+  }
   .text-green-500 {
     color: oklch(72.3% 0.219 149.579);
   }
@@ -1074,6 +1200,11 @@
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
+  .transition-all {
+    transition-property: all;
+    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,
@@ -1096,6 +1227,20 @@
       }
     }
   }
+  .group-hover\:text-primary {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: rgba(var(--primary-600));
+      }
+    }
+  }
+  .group-hover\/refresh\:block {
+    &:is(:where(.group\/refresh):hover *) {
+      @media (hover: hover) {
+        display: block;
+      }
+    }
+  }
   .focus-within\:border-primary-600 {
     &:focus-within {
       border-color: rgba(var(--primary-600));
@@ -1174,6 +1319,20 @@
       }
     }
   }
+  .hover\:bg-gray-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: rgba(var(--gray-100));
+      }
+    }
+  }
+  .hover\:bg-gray-300 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: rgba(var(--gray-300));
+      }
+    }
+  }
   .hover\:bg-hover {
     &:hover {
       @media (hover: hover) {
@@ -1212,6 +1371,13 @@
       }
     }
   }
+  .hover\:pr-5 {
+    &:hover {
+      @media (hover: hover) {
+        padding-right: calc(var(--spacing) * 5);
+      }
+    }
+  }
   .hover\:text-primary-600 {
     &:hover {
       @media (hover: hover) {
@@ -1298,11 +1464,35 @@
       --tw-ring-inset: inset;
     }
   }
+  .focus-visible\:ring-3 {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
+    }
+  }
+  .focus-visible\:ring-primary-500\/75 {
+    &:focus-visible {
+      --tw-ring-color: rgba(var(--primary-500));
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, rgba(var(--primary-500)) 75%, transparent);
+      }
+    }
+  }
   .sm\:max-w-xl {
     @media (width >= 40rem) {
       max-width: var(--container-xl);
     }
   }
+  .sm\:min-w-\[160px\] {
+    @media (width >= 40rem) {
+      min-width: 160px;
+    }
+  }
   .sm\:px-0 {
     @media (width >= 40rem) {
       padding-inline: calc(var(--spacing) * 0);
@@ -1330,6 +1520,11 @@
       background-color: rgba(var(--primary-600));
     }
   }
+  .dark\:bg-sentio-gray-200 {
+    &:where(.dark, .dark *) {
+      background-color: rgba(var(--sentio-gray-200));
+    }
+  }
   .dark\:text-default-bg {
     &:where(.dark, .dark *) {
       color: var(--default-bg);
@@ -1388,8 +1583,9 @@
 @property --tw-skew-y { syntax: "*"; inherits: false; }
 @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
+@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-leading { syntax: "*"; inherits: false; }
 @property --tw-font-weight { syntax: "*"; inherits: false; }
 @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@@ -1415,6 +1611,11 @@
 @property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
 @property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
 @property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *,
@@ -1428,8 +1629,9 @@
       --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
-      --tw-divide-y-reverse: 0;
+      --tw-divide-x-reverse: 0;
       --tw-border-style: solid;
+      --tw-divide-y-reverse: 0;
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-shadow: 0 0 #0000;