@parto-system-design/ui 1.1.5 → 1.1.7

package/dist/index.css

@@ -127,12 +127,21 @@
 .ms-auto {
   margin-inline-start: auto;
 }
+.me-auto {
+  margin-inline-end: auto;
+}
 .mt-\[-1\.5rem\] {
   margin-top: -1.5rem;
 }
 .mt-auto {
   margin-top: auto;
 }
+.line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
 .line-clamp-2 {
   overflow: hidden;
   display: -webkit-box;
@@ -271,6 +280,9 @@
 .max-h-\(--radix-dropdown-menu-content-available-height\) {
   max-height: var(--radix-dropdown-menu-content-available-height);
 }
+.max-h-\[60vh\] {
+  max-height: 60vh;
+}
 .max-h-\[70vh\] {
   max-height: 70vh;
 }
@@ -286,6 +298,9 @@
 .min-h-\[34px\] {
   min-height: 34px;
 }
+.min-h-\[40px\] {
+  min-height: 40px;
+}
 .min-h-\[72px\] {
   min-height: 72px;
 }
@@ -367,6 +382,9 @@
 .w-\[140px\] {
   width: 140px;
 }
+.w-\[280px\] {
+  width: 280px;
+}
 .w-auto {
   width: auto;
 }
@@ -430,6 +448,9 @@
 .min-w-\[220px\] {
   min-width: 220px;
 }
+.min-w-\[260px\] {
+  min-width: 260px;
+}
 .min-w-\[var\(--radix-select-trigger-width\)\] {
   min-width: var(--radix-select-trigger-width);
 }
@@ -530,6 +551,9 @@
 .animate-pulse-subtle {
   animation: pulse-subtle 2s ease-in-out infinite;
 }
+.cursor-col-resize {
+  cursor: col-resize;
+}
 .cursor-default {
   cursor: default;
 }
@@ -557,6 +581,9 @@
 .resize-none {
   resize: none;
 }
+.list-decimal {
+  list-style-type: decimal;
+}
 .list-disc {
   list-style-type: disc;
 }
@@ -729,6 +756,10 @@
   border-inline-start-style: var(--tw-border-style);
   border-inline-start-width: var(--borderwidth-sm);
 }
+.border-s-4 {
+  border-inline-start-style: var(--tw-border-style);
+  border-inline-start-width: var(--borderwidth-md);
+}
 .border-e {
   border-inline-end-style: var(--tw-border-style);
   border-inline-end-width: var(--borderwidth-xs);
@@ -779,6 +810,12 @@
 .border-\[hsl\(var\(--brand\)\/0\.3\)\] {
   border-color: hsl(var(--brand)/0.3);
 }
+.border-\[hsl\(var\(--brand-default\)\/0\.3\)\] {
+  border-color: hsl(var(--brand-default)/0.3);
+}
+.border-\[hsl\(var\(--brand-default\)\/0\.4\)\] {
+  border-color: hsl(var(--brand-default)/0.4);
+}
 .border-\[hsl\(var\(--destructive-default\)\/0\.3\)\] {
   border-color: hsl(var(--destructive-default)/0.3);
 }
@@ -800,6 +837,9 @@
 .border-\[hsl\(var\(--sentiment-positive\)\/0\.3\)\] {
   border-color: hsl(var(--sentiment-positive)/0.3);
 }
+.border-\[hsl\(var\(--warning-default\)\/0\.3\)\] {
+  border-color: hsl(var(--warning-default)/0.3);
+}
 .border-background {
   border-color: hsl(var(--background-default));
 }
@@ -956,9 +996,18 @@
 .bg-\[hsl\(var\(--brand-default\)\)\] {
   background-color: hsl(var(--brand-default));
 }
+.bg-\[hsl\(var\(--brand-default\)\/0\.1\)\] {
+  background-color: hsl(var(--brand-default)/0.1);
+}
+.bg-\[hsl\(var\(--brand-default\)\/0\.08\)\] {
+  background-color: hsl(var(--brand-default)/0.08);
+}
 .bg-\[hsl\(var\(--destructive-default\)\)\] {
   background-color: hsl(var(--destructive-default));
 }
+.bg-\[hsl\(var\(--destructive-default\)\/0\.1\)\] {
+  background-color: hsl(var(--destructive-default)/0.1);
+}
 .bg-\[hsl\(var\(--destructive-default\)\/0\.08\)\] {
   background-color: hsl(var(--destructive-default)/0.08);
 }
@@ -1013,6 +1062,9 @@
 .bg-\[hsl\(var\(--warning-default\)\)\] {
   background-color: hsl(var(--warning-default));
 }
+.bg-\[hsl\(var\(--warning-default\)\/0\.1\)\] {
+  background-color: hsl(var(--warning-default)/0.1);
+}
 .bg-\[hsl\(var\(--warning-default\)\/0\.12\)\] {
   background-color: hsl(var(--warning-default)/0.12);
 }
@@ -1064,6 +1116,12 @@
 .bg-background-surface-100 {
   background-color: hsl(var(--background-surface-100));
 }
+.bg-background-surface-100\/50 {
+  background-color: hsl(var(--background-surface-100));
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, hsl(var(--background-surface-100)) 50%, transparent);
+  }
+}
 .bg-background-surface-200 {
   background-color: hsl(var(--background-surface-200));
 }
@@ -1202,6 +1260,9 @@
 .bg-overlay {
   background-color: hsl(var(--background-overlay-default));
 }
+.bg-overlay-hover {
+  background-color: hsl(var(--background-overlay-hover));
+}
 .bg-popover {
   background-color: hsl(var(--background-overlay-default));
 }
@@ -1381,6 +1442,9 @@
 .text-\[0\.6em\] {
   font-size: 0.6em;
 }
+.text-\[0\.875em\] {
+  font-size: 0.875em;
+}
 .text-\[0\.6875rem\] {
   font-size: 0.6875rem;
 }
@@ -1466,6 +1530,9 @@
 .text-\[hsl\(var\(--sentiment-positive\)\)\] {
   color: hsl(var(--sentiment-positive));
 }
+.text-\[hsl\(var\(--token\)\)\] {
+  color: hsl(var(--token));
+}
 .text-\[hsl\(var\(--warning-default\)\)\] {
   color: hsl(var(--warning-default));
 }
@@ -1605,6 +1672,9 @@
 .underline {
   text-decoration-line: underline;
 }
+.underline-offset-2 {
+  text-underline-offset: 2px;
+}
 .opacity-0 {
   opacity: 0%;
 }
@@ -2330,6 +2400,51 @@
     color: hsl(var(--foreground-muted));
   }
 }
+.before\:absolute {
+  &::before {
+    content: var(--tw-content);
+    position: absolute;
+  }
+}
+.before\:w-px {
+  &::before {
+    content: var(--tw-content);
+    width: 1px;
+  }
+}
+.before\:-translate-x-1\/2 {
+  &::before {
+    content: var(--tw-content);
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.before\:\!bg-brand {
+  &::before {
+    content: var(--tw-content);
+    background-color: hsl(var(--brand-default)) !important;
+  }
+}
+.before\:opacity-0 {
+  &::before {
+    content: var(--tw-content);
+    opacity: 0%;
+  }
+}
+.before\:opacity-100 {
+  &::before {
+    content: var(--tw-content);
+    opacity: 100%;
+  }
+}
+.before\:transition-opacity {
+  &::before {
+    content: var(--tw-content);
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, ease);
+    transition-duration: var(--tw-duration, 0s);
+  }
+}
 .after\:absolute {
   &::after {
     content: var(--tw-content);
@@ -2684,6 +2799,13 @@
     }
   }
 }
+.hover\:text-brand-600 {
+  &:hover {
+    @media (hover: hover) {
+      color: hsl(var(--brand-600));
+    }
+  }
+}
 .hover\:text-foreground {
   &:hover {
     @media (hover: hover) {
@@ -2719,6 +2841,13 @@
     }
   }
 }
+.hover\:opacity-90 {
+  &:hover {
+    @media (hover: hover) {
+      opacity: 90%;
+    }
+  }
+}
 .hover\:opacity-100 {
   &:hover {
     @media (hover: hover) {
@@ -2759,6 +2888,16 @@
     }
   }
 }
+.hover\:before\:opacity-100 {
+  &:hover {
+    @media (hover: hover) {
+      &::before {
+        content: var(--tw-content);
+        opacity: 100%;
+      }
+    }
+  }
+}
 .hover\:after\:bg-sidebar-border {
   &:hover {
     @media (hover: hover) {
@@ -2851,6 +2990,14 @@
     outline-style: none;
   }
 }
+.focus\:before\:opacity-100 {
+  &:focus {
+    &::before {
+      content: var(--tw-content);
+      opacity: 100%;
+    }
+  }
+}
 .focus-visible\:border-ring {
   &:focus-visible {
     border-color: hsl(var(--border-strong));
@@ -4791,6 +4938,16 @@
     }
   }
 }
+.\[\&\>tr\>td\]\:sticky {
+  &>tr>td {
+    position: sticky;
+  }
+}
+.\[\&\>tr\>td\]\:z-\[8\] {
+  &>tr>td {
+    z-index: 8;
+  }
+}
 .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 {
   &[data-panel-group-direction=vertical]>div {
     rotate: 90deg;