@scouterna/ui-react 0.0.5 → 0.1.3

package/dist/style.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -16,6 +16,8 @@
     --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
+    --default-transition-duration: 150ms;
+    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --color-white: #ffffff;
     --color-gray-100: #f2f2ee;
     --color-gray-200: #e6e6dd;
@@ -28,9 +30,9 @@
     --color-bluegray-100: #e4ebf0;
     --color-bluegray-200: #ccd7df;
     --color-blue-100: #c6def0;
+    --color-blue-200: #a6cdeb;
     --color-blue-400: #488ec4;
     --color-blue-500: #1666a4;
-    --color-blue-600: #064d83;
     --color-blue-700: #003660;
     --color-blue-800: #002441;
     --color-orange-100: #ffd5be;
@@ -42,6 +44,7 @@
     --color-red-200: #f8a4a4;
     --color-red-500: #e93d3d;
     --color-red-700: #ca1d1d;
+    --color-red-800: #b60606;
     --color-red-900: #a51616;
     --color-trackergreen-100: #c8eac0;
     --color-trackergreen-200: #ace59f;
@@ -99,30 +102,66 @@
   .absolute {
     position: absolute;
   }
+  .fixed {
+    position: fixed;
+  }
   .relative {
     position: relative;
   }
+  .inset-x-0 {
+    inset-inline: calc(var(--spacing) * 0);
+  }
+  .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+  .right-0 {
+    right: calc(var(--spacing) * 0);
+  }
+  .bottom-0 {
+    bottom: calc(var(--spacing) * 0);
+  }
   .left-1\.5 {
     left: calc(var(--spacing) * 1.5);
   }
+  .z-10 {
+    z-index: 10;
+  }
   .z-50 {
     z-index: 50;
   }
+  .col-start-2 {
+    grid-column-start: 2;
+  }
   .m-\[5px\] {
     margin: 5px;
   }
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
   .ml-5 {
     margin-left: calc(var(--spacing) * 5);
   }
   .flex {
     display: flex;
   }
+  .grid {
+    display: grid;
+  }
+  .hidden {
+    display: none;
+  }
+  .inline-block {
+    display: inline-block;
+  }
   .inline-flex {
     display: inline-flex;
   }
+  .table {
+    display: table;
+  }
   .size-4 {
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
@@ -135,6 +174,9 @@
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
   }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
   .h-7 {
     height: calc(var(--spacing) * 7);
   }
@@ -144,23 +186,32 @@
   .h-10 {
     height: calc(var(--spacing) * 10);
   }
+  .h-full {
+    height: 100%;
+  }
   .h-px {
     height: 1px;
   }
-  .max-h-\[--radix-select-content-available-height\] {
-    max-height: --radix-select-content-available-height;
+  .min-h-48 {
+    min-height: calc(var(--spacing) * 48);
+  }
+  .w-2 {
+    width: calc(var(--spacing) * 2);
   }
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
+  .w-6 {
+    width: calc(var(--spacing) * 6);
+  }
   .w-full {
     width: 100%;
   }
   .max-w-lg {
     max-width: var(--container-lg);
   }
-  .min-w-\[8rem\] {
-    min-width: 8rem;
+  .min-w-\[calc\(var\(--anchor-width\)\+25px-var\(--spacing\)\*1\.5\)\] {
+    min-width: calc(var(--anchor-width) + 25px - var(--spacing) * 1.5);
   }
   .flex-1 {
     flex: 1;
@@ -168,18 +219,33 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .origin-\[var\(--transform-origin\)\] {
+    transform-origin: var(--transform-origin);
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .cursor-col-resize {
+    cursor: col-resize;
+  }
   .cursor-default {
     cursor: default;
   }
   .cursor-pointer {
     cursor: pointer;
   }
+  .touch-none {
+    touch-action: none;
+  }
+  .resize {
+    resize: both;
+  }
   .appearance-none {
     appearance: none;
   }
+  .grid-cols-\[1rem_auto_1rem\] {
+    grid-template-columns: 1rem auto 1rem;
+  }
   .items-center {
     align-items: center;
   }
@@ -189,12 +255,27 @@
   .justify-center {
     justify-content: center;
   }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
+  .gap-1 {
+    gap: calc(var(--spacing) * 1);
+  }
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+  .overflow-auto {
+    overflow: auto;
+  }
   .overflow-x-hidden {
     overflow-x: hidden;
   }
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .rounded {
+    border-radius: 0.25rem;
+  }
   .rounded-lg {
     border-radius: var(--radius-lg);
   }
@@ -208,9 +289,16 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
   .border-\(--btn-border\) {
     border-color: var(--btn-border);
   }
+  .border-blue-200 {
+    border-color: var(--color-blue-200);
+  }
   .border-gray-200 {
     border-color: var(--color-gray-200);
   }
@@ -220,27 +308,78 @@
   .border-gray-400 {
     border-color: var(--color-gray-400);
   }
+  .border-orange-200 {
+    border-color: var(--color-orange-200);
+  }
+  .border-red-200 {
+    border-color: var(--color-red-200);
+  }
+  .border-trackergreen-200 {
+    border-color: var(--color-trackergreen-200);
+  }
   .border-transparent {
     border-color: transparent;
   }
   .bg-\(--btn-bg\) {
     background-color: var(--btn-bg);
   }
+  .bg-blue-100 {
+    background-color: var(--color-blue-100);
+  }
   .bg-gray-100 {
     background-color: var(--color-gray-100);
   }
+  .bg-gray-200 {
+    background-color: var(--color-gray-200);
+  }
   .bg-gray-300 {
     background-color: var(--color-gray-300);
   }
+  .bg-gray-light {
+    background-color: var(--color-gray-200);
+  }
+  .bg-orange-100 {
+    background-color: var(--color-orange-100);
+  }
+  .bg-red-100 {
+    background-color: var(--color-red-100);
+  }
+  .bg-trackergreen-100 {
+    background-color: var(--color-trackergreen-100);
+  }
   .bg-transparent {
     background-color: transparent;
   }
+  .fill-gray-100 {
+    fill: var(--color-gray-100);
+  }
+  .fill-gray-300 {
+    fill: var(--color-gray-300);
+  }
+  .p-0 {
+    padding: calc(var(--spacing) * 0);
+  }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
   .p-1\.5 {
     padding: calc(var(--spacing) * 1.5);
   }
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
   .p-24 {
     padding: calc(var(--spacing) * 24);
   }
+  .p-40 {
+    padding: calc(var(--spacing) * 40);
+  }
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
@@ -253,12 +392,18 @@
   .py-1 {
     padding-block: calc(var(--spacing) * 1);
   }
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
+  .pr-1 {
+    padding-right: calc(var(--spacing) * 1);
+  }
   .pr-\[35px\] {
     padding-right: 35px;
   }
@@ -268,6 +413,9 @@
   .pl-\[25px\] {
     padding-left: 25px;
   }
+  .text-left {
+    text-align: left;
+  }
   .font-sans {
     font-family: var(--font-sans);
   }
@@ -305,15 +453,36 @@
   .text-\(--btn-text\) {
     color: var(--btn-text);
   }
+  .text-\(--callout-icon-color\) {
+    color: var(--callout-icon-color);
+  }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
   .text-gray-600 {
     color: var(--color-gray-600);
   }
+  .text-gray-800 {
+    color: var(--color-gray-800);
+  }
   .text-gray-900 {
     color: var(--color-gray-900);
   }
   .text-gray-dark {
     color: var(--color-gray-800);
   }
+  .text-orange-800 {
+    color: var(--color-orange-800);
+  }
+  .text-red {
+    color: var(--color-red-500);
+  }
+  .text-red-800 {
+    color: var(--color-red-800);
+  }
+  .text-trackergreen-800 {
+    color: var(--color-trackergreen-800);
+  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -329,6 +498,11 @@
     --tw-ring-offset-width: 2px;
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
+  .transition-\[transform\,scale\,opacity\] {
+    transition-property: transform,scale,opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .select-none {
     -webkit-user-select: none;
     user-select: none;
@@ -345,6 +519,9 @@
   .\[--btn-bg-active\:var\(--color-discovererblue-active\)\] {
     --btn-bg-active: var(--color-discovererblue-active);
   }
+  .\[--btn-bg-active\:var\(--color-gray-400\)\] {
+    --btn-bg-active: var(--color-gray-400);
+  }
   .\[--btn-bg-active\:var\(--color-orange-active\)\] {
     --btn-bg-active: var(--color-orange-active);
   }
@@ -369,6 +546,9 @@
   .\[--btn-bg-hover\:var\(--color-discovererblue-hover\)\] {
     --btn-bg-hover: var(--color-discovererblue-hover);
   }
+  .\[--btn-bg-hover\:var\(--color-gray-4300\)\] {
+    --btn-bg-hover: var(--color-gray-4300);
+  }
   .\[--btn-bg-hover\:var\(--color-orange-hover\)\] {
     --btn-bg-hover: var(--color-orange-hover);
   }
@@ -393,6 +573,9 @@
   .\[--btn-bg-text-active\:var\(--color-discovererblue-200\)\] {
     --btn-bg-text-active: var(--color-discovererblue-200);
   }
+  .\[--btn-bg-text-active\:var\(--color-gray-300\)\] {
+    --btn-bg-text-active: var(--color-gray-300);
+  }
   .\[--btn-bg-text-active\:var\(--color-orange-200\)\] {
     --btn-bg-text-active: var(--color-orange-200);
   }
@@ -417,6 +600,9 @@
   .\[--btn-bg-text-hover\:var\(--color-discovererblue-100\)\] {
     --btn-bg-text-hover: var(--color-discovererblue-100);
   }
+  .\[--btn-bg-text-hover\:var\(--color-gray-200\)\] {
+    --btn-bg-text-hover: var(--color-gray-200);
+  }
   .\[--btn-bg-text-hover\:var\(--color-orange-100\)\] {
     --btn-bg-text-hover: var(--color-orange-100);
   }
@@ -441,6 +627,9 @@
   .\[--btn-bg\:var\(--color-discovererblue\)\] {
     --btn-bg: var(--color-discovererblue);
   }
+  .\[--btn-bg\:var\(--color-gray-200\)\] {
+    --btn-bg: var(--color-gray-200);
+  }
   .\[--btn-bg\:var\(--color-orange\)\] {
     --btn-bg: var(--color-orange);
   }
@@ -465,6 +654,9 @@
   .\[--btn-border\:var\(--color-discovererblue\)\] {
     --btn-border: var(--color-discovererblue);
   }
+  .\[--btn-border\:var\(--color-gray-400\)\] {
+    --btn-border: var(--color-gray-400);
+  }
   .\[--btn-border\:var\(--color-orange\)\] {
     --btn-border: var(--color-orange);
   }
@@ -477,35 +669,45 @@
   .\[--btn-border\:var\(--color-trackergreen\)\] {
     --btn-border: var(--color-trackergreen);
   }
-  .\[--btn-text-border\:var\(--color-adventurerorange\)\] {
-    --btn-text-border: var(--color-adventurerorange);
+  .\[--btn-text\:var\(--color-gray-800\)\] {
+    --btn-text: var(--color-gray-800);
   }
-  .\[--btn-text-border\:var\(--color-blue-600\)\] {
-    --btn-text-border: var(--color-blue-600);
+  .\[--btn-text\:var\(--color-gray-dark\)\] {
+    --btn-text: var(--color-gray-dark);
   }
-  .\[--btn-text-border\:var\(--color-challengerpink\)\] {
-    --btn-text-border: var(--color-challengerpink);
+  .\[--btn-text\:var\(--color-white\)\] {
+    --btn-text: var(--color-white);
   }
-  .\[--btn-text-border\:var\(--color-discovererblue\)\] {
-    --btn-text-border: var(--color-discovererblue);
+  .\[--callout-icon-color\:var\(--color-blue-00\)\] {
+    --callout-icon-color: var(--color-blue-00);
   }
-  .\[--btn-text-border\:var\(--color-orange\)\] {
-    --btn-text-border: var(--color-orange);
+  .\[--callout-icon-color\:var\(--color-gray-dark\)\] {
+    --callout-icon-color: var(--color-gray-dark);
   }
-  .\[--btn-text-border\:var\(--color-red\)\] {
-    --btn-text-border: var(--color-red);
+  .\[--callout-icon-color\:var\(--color-orange-800\)\] {
+    --callout-icon-color: var(--color-orange-800);
   }
-  .\[--btn-text-border\:var\(--color-roveryellow\)\] {
-    --btn-text-border: var(--color-roveryellow);
+  .\[--callout-icon-color\:var\(--color-red-800\)\] {
+    --callout-icon-color: var(--color-red-800);
   }
-  .\[--btn-text-border\:var\(--color-trackergreen\)\] {
-    --btn-text-border: var(--color-trackergreen);
+  .\[--callout-icon-color\:var\(--color-trackergreen-800\)\] {
+    --callout-icon-color: var(--color-trackergreen-800);
   }
-  .\[--btn-text\:var\(--color-gray-dark\)\] {
-    --btn-text: var(--color-gray-dark);
+  .not-last\:border-b {
+    &:not(*:last-child) {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
   }
-  .\[--btn-text\:var\(--color-white\)\] {
-    --btn-text: var(--color-white);
+  .group-aria-\[haspopup\]\/item\:block {
+    &:is(:where(.group\/item)[aria-haspopup] *) {
+      display: block;
+    }
+  }
+  .group-data-\[nested\]\/popup\:hidden {
+    &:is(:where(.group\/popup)[data-nested] *) {
+      display: none;
+    }
   }
   .file\:border-0 {
     &::file-selector-button {
@@ -530,6 +732,54 @@
       font-weight: var(--font-weight-medium);
     }
   }
+  .after\:invisible {
+    &::after {
+      content: var(--tw-content);
+      visibility: hidden;
+    }
+  }
+  .after\:absolute {
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .after\:inset-x-1\.5 {
+    &::after {
+      content: var(--tw-content);
+      inset-inline: calc(var(--spacing) * 1.5);
+    }
+  }
+  .after\:inset-y-0 {
+    &::after {
+      content: var(--tw-content);
+      inset-block: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:z-\[-1\] {
+    &::after {
+      content: var(--tw-content);
+      z-index: -1;
+    }
+  }
+  .after\:h-full {
+    &::after {
+      content: var(--tw-content);
+      height: 100%;
+    }
+  }
+  .after\:w-0\.5 {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 0.5);
+    }
+  }
+  .after\:bg-gray-300 {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-gray-300);
+    }
+  }
   .hover\:bg-\(--btn-bg-hover\) {
     &:hover {
       @media (hover: hover) {
@@ -666,6 +916,19 @@
       opacity: 50%;
     }
   }
+  .data-\[ending-style\]\:scale-90 {
+    &[data-ending-style] {
+      --tw-scale-x: 90%;
+      --tw-scale-y: 90%;
+      --tw-scale-z: 90%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+  }
+  .data-\[ending-style\]\:opacity-0 {
+    &[data-ending-style] {
+      opacity: 0%;
+    }
+  }
   .data-\[highlighted\]\:bg-blue-100 {
     &[data-highlighted] {
       background-color: var(--color-blue-100);
@@ -682,6 +945,22 @@
       outline-style: none;
     }
   }
+  .data-\[highlighted\]\:after\:rounded-sm {
+    &[data-highlighted] {
+      &::after {
+        content: var(--tw-content);
+        border-radius: var(--radius-sm);
+      }
+    }
+  }
+  .data-\[highlighted\]\:after\:bg-blue-100 {
+    &[data-highlighted] {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-blue-100);
+      }
+    }
+  }
   .data-\[placeholder\]\:text-gray-600 {
     &[data-placeholder] {
       color: var(--color-gray-600);
@@ -692,6 +971,59 @@
       font-style: italic;
     }
   }
+  .data-\[side\=bottom\]\:-top-\[8px\] {
+    &[data-side="bottom"] {
+      top: calc(8px * -1);
+    }
+  }
+  .data-\[side\=bottom\]\:rotate-0 {
+    &[data-side="bottom"] {
+      rotate: 0deg;
+    }
+  }
+  .data-\[side\=left\]\:-right-\[13px\] {
+    &[data-side="left"] {
+      right: calc(13px * -1);
+    }
+  }
+  .data-\[side\=left\]\:rotate-90 {
+    &[data-side="left"] {
+      rotate: 90deg;
+    }
+  }
+  .data-\[side\=right\]\:-left-\[13px\] {
+    &[data-side="right"] {
+      left: calc(13px * -1);
+    }
+  }
+  .data-\[side\=right\]\:-rotate-90 {
+    &[data-side="right"] {
+      rotate: calc(90deg * -1);
+    }
+  }
+  .data-\[side\=top\]\:-bottom-\[8px\] {
+    &[data-side="top"] {
+      bottom: calc(8px * -1);
+    }
+  }
+  .data-\[side\=top\]\:rotate-180 {
+    &[data-side="top"] {
+      rotate: 180deg;
+    }
+  }
+  .data-\[starting-style\]\:scale-90 {
+    &[data-starting-style] {
+      --tw-scale-x: 90%;
+      --tw-scale-y: 90%;
+      --tw-scale-z: 90%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+  }
+  .data-\[starting-style\]\:opacity-0 {
+    &[data-starting-style] {
+      opacity: 0%;
+    }
+  }
   .md\:max-w-\[364px\] {
     @media (width >= 48rem) {
       max-width: 364px;
@@ -801,6 +1133,26 @@
   inherits: false;
   initial-value: 0 0 #0000;
 }
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}
+@property --tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
 @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 {
@@ -826,6 +1178,10 @@
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-content: "";
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
     }
   }
 }