@uipath/apollo-wind 2.60.0 → 2.61.0

package/dist/styles.css

@@ -620,6 +620,9 @@
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
+  .top-0\.5 {
+    top: calc(var(--spacing) * 0.5);
+  }
   .top-1\/2 {
     top: calc(1/2 * 100%);
   }
@@ -653,9 +656,15 @@
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
+  .right-0\.5 {
+    right: calc(var(--spacing) * 0.5);
+  }
   .right-1 {
     right: calc(var(--spacing) * 1);
   }
+  .right-1\.5 {
+    right: calc(var(--spacing) * 1.5);
+  }
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
@@ -704,6 +713,12 @@
   .z-50 {
     z-index: 50;
   }
+  .z-1200 {
+    z-index: 1200;
+  }
+  .z-1200\! {
+    z-index: 1200 !important;
+  }
   .order-first {
     order: -9999;
   }
@@ -881,6 +896,9 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
+  .mb-4\! {
+    margin-bottom: calc(var(--spacing) * 4) !important;
+  }
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
@@ -982,6 +1000,14 @@
     width: calc(var(--spacing) * 3.5) !important;
     height: calc(var(--spacing) * 3.5) !important;
   }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
+  .size-2\.5 {
+    width: calc(var(--spacing) * 2.5);
+    height: calc(var(--spacing) * 2.5);
+  }
   .size-3 {
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
@@ -1054,6 +1080,9 @@
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
+  .h-4\.5 {
+    height: calc(var(--spacing) * 4.5);
+  }
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
@@ -1231,6 +1260,9 @@
   .max-h-full {
     max-height: 100%;
   }
+  .max-h-screen {
+    max-height: 100vh;
+  }
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
@@ -1243,6 +1275,9 @@
   .min-h-6\.5 {
     min-height: calc(var(--spacing) * 6.5);
   }
+  .min-h-7 {
+    min-height: calc(var(--spacing) * 7);
+  }
   .min-h-8 {
     min-height: calc(var(--spacing) * 8);
   }
@@ -1582,9 +1617,18 @@
   .max-w-48 {
     max-width: calc(var(--spacing) * 48);
   }
+  .max-w-60 {
+    max-width: calc(var(--spacing) * 60);
+  }
+  .max-w-64 {
+    max-width: calc(var(--spacing) * 64);
+  }
   .max-w-\[6rem\] {
     max-width: 6rem;
   }
+  .max-w-\[45\%\] {
+    max-width: 45%;
+  }
   .max-w-\[85\%\] {
     max-width: 85%;
   }
@@ -1651,12 +1695,18 @@
   .min-w-4 {
     min-width: calc(var(--spacing) * 4);
   }
+  .min-w-4\.5 {
+    min-width: calc(var(--spacing) * 4.5);
+  }
   .min-w-5 {
     min-width: calc(var(--spacing) * 5);
   }
   .min-w-6 {
     min-width: calc(var(--spacing) * 6);
   }
+  .min-w-8 {
+    min-width: calc(var(--spacing) * 8);
+  }
   .min-w-9 {
     min-width: calc(var(--spacing) * 9);
   }
@@ -1669,6 +1719,12 @@
   .min-w-16 {
     min-width: calc(var(--spacing) * 16);
   }
+  .min-w-32 {
+    min-width: calc(var(--spacing) * 32);
+  }
+  .min-w-40 {
+    min-width: calc(var(--spacing) * 40);
+  }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1699,6 +1755,9 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .shrink-3 {
+    flex-shrink: 3;
+  }
   .grow {
     flex-grow: 1;
   }
@@ -2148,6 +2207,9 @@
   .overflow-x-auto {
     overflow-x: auto;
   }
+  .overflow-x-clip {
+    overflow-x: clip;
+  }
   .overflow-x-hidden {
     overflow-x: hidden;
   }
@@ -2407,12 +2469,24 @@
       border-color: color-mix(in oklab, var(--error) 30%, transparent);
     }
   }
+  .border-error\/40 {
+    border-color: var(--error);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--error) 40%, transparent);
+    }
+  }
   .border-error\/50 {
     border-color: var(--error);
     @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--error) 50%, transparent);
     }
   }
+  .border-gradient-agent-start\/60 {
+    border-color: var(--color-gradient-agent-start);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-gradient-agent-start) 60%, transparent);
+    }
+  }
   .border-gray-300 {
     border-color: var(--color-gray-300);
   }
@@ -2428,6 +2502,12 @@
       border-color: color-mix(in oklab, var(--info) 30%, transparent);
     }
   }
+  .border-info\/40 {
+    border-color: var(--info);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--info) 40%, transparent);
+    }
+  }
   .border-input {
     border-color: var(--input);
   }
@@ -2530,6 +2610,12 @@
       border-color: color-mix(in oklab, var(--warning) 30%, transparent);
     }
   }
+  .border-warning\/40 {
+    border-color: var(--warning);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--warning) 40%, transparent);
+    }
+  }
   .border-warning\/50 {
     border-color: var(--warning);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3001,6 +3087,12 @@
       background-color: color-mix(in oklab, var(--info-background) 10%, transparent);
     }
   }
+  .bg-info\/10 {
+    background-color: var(--info);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--info) 10%, transparent);
+    }
+  }
   .bg-muted {
     background-color: var(--muted);
   }
@@ -3550,6 +3642,13 @@
   .bg-zinc-950 {
     background-color: var(--color-zinc-950);
   }
+  .bg-linear-to-r {
+    --tw-gradient-position: to right;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to right in oklab;
+    }
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
   .bg-gradient-to-br {
     --tw-gradient-position: to bottom right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
@@ -3587,6 +3686,13 @@
     --tw-gradient-from: var(--foreground);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .from-gradient-agent-start\/25 {
+    --tw-gradient-from: var(--color-gradient-agent-start);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-gradient-agent-start) 25%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .from-primary\/5 {
     --tw-gradient-from: var(--primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3618,6 +3724,13 @@
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-gradient-agent-end\/25 {
+    --tw-gradient-to: var(--color-gradient-agent-end);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in oklab, var(--color-gradient-agent-end) 25%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .to-muted\/20 {
     --tw-gradient-to: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3795,6 +3908,9 @@
   .py-\[5px\] {
     padding-block: 5px;
   }
+  .py-px {
+    padding-block: 1px;
+  }
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
@@ -3976,6 +4092,10 @@
     font-size: var(--text-xl);
     line-height: var(--tw-leading, var(--text-xl--line-height));
   }
+  .text-xl\! {
+    font-size: var(--text-xl) !important;
+    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+  }
   .text-xs {
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -4063,6 +4183,10 @@
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
   }
+  .font-bold\! {
+    --tw-font-weight: var(--font-weight-bold) !important;
+    font-weight: var(--font-weight-bold) !important;
+  }
   .font-light {
     --tw-font-weight: var(--font-weight-light);
     font-weight: var(--font-weight-light);
@@ -4123,9 +4247,15 @@
     --tw-tracking: var(--tracking-widest);
     letter-spacing: var(--tracking-widest);
   }
+  .text-wrap {
+    text-wrap: wrap;
+  }
   .break-words {
     overflow-wrap: break-word;
   }
+  .wrap-break-word {
+    overflow-wrap: break-word;
+  }
   .break-all {
     word-break: break-all;
   }
@@ -4385,6 +4515,9 @@
   .underline {
     text-decoration-line: underline;
   }
+  .decoration-foreground-subtle {
+    text-decoration-color: var(--foreground-subtle);
+  }
   .underline-offset-2 {
     text-underline-offset: 2px;
   }
@@ -4498,6 +4631,9 @@
   .ring-background {
     --tw-ring-color: var(--background);
   }
+  .ring-brand {
+    --tw-ring-color: var(--brand);
+  }
   .ring-brand\/30 {
     --tw-ring-color: var(--brand);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4507,6 +4643,9 @@
   .ring-emerald-500 {
     --tw-ring-color: var(--color-emerald-500);
   }
+  .ring-error {
+    --tw-ring-color: var(--error);
+  }
   .ring-error\/20 {
     --tw-ring-color: var(--error);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4519,6 +4658,9 @@
   .ring-ring {
     --tw-ring-color: var(--ring);
   }
+  .ring-surface {
+    --tw-ring-color: var(--surface);
+  }
   .ring-offset-1 {
     --tw-ring-offset-width: 1px;
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -4628,6 +4770,9 @@
   .\[-ms-overflow-style\:none\] {
     -ms-overflow-style: none;
   }
+  .\[overflow-anchor\:none\] {
+    overflow-anchor: none;
+  }
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
   }
@@ -5345,6 +5490,13 @@
       }
     }
   }
+  .hover\:bg-surface-raised {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--surface-raised);
+      }
+    }
+  }
   .hover\:bg-surface-raised\/20 {
     &:hover {
       @media (hover: hover) {
@@ -5379,6 +5531,13 @@
       }
     }
   }
+  .hover\:text-brand {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--brand);
+      }
+    }
+  }
   .hover\:text-destructive {
     &:hover {
       @media (hover: hover) {
@@ -5386,6 +5545,13 @@
       }
     }
   }
+  .hover\:text-error {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--error);
+      }
+    }
+  }
   .hover\:text-error-text {
     &:hover {
       @media (hover: hover) {
@@ -5414,6 +5580,13 @@
       }
     }
   }
+  .hover\:text-info {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--info);
+      }
+    }
+  }
   .hover\:text-muted-foreground {
     &:hover {
       @media (hover: hover) {
@@ -5452,6 +5625,13 @@
       }
     }
   }
+  .hover\:text-warning {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--warning);
+      }
+    }
+  }
   .hover\:no-underline {
     &:hover {
       @media (hover: hover) {
@@ -5500,6 +5680,11 @@
       z-index: 10;
     }
   }
+  .focus\:border-brand {
+    &:focus {
+      border-color: var(--brand);
+    }
+  }
   .focus\:border-primary\/50 {
     &:focus {
       border-color: var(--primary);
@@ -6644,6 +6829,33 @@
       background-color: transparent;
     }
   }
+  .future\:bg-linear-to-r {
+    :is(.future-dark, .future-light) & {
+      --tw-gradient-position: to right;
+      @supports (background-image: linear-gradient(in lab, red, red)) {
+        --tw-gradient-position: to right in oklab;
+      }
+      background-image: linear-gradient(var(--tw-gradient-stops));
+    }
+  }
+  .future\:from-gradient-agent-start\/25 {
+    :is(.future-dark, .future-light) & {
+      --tw-gradient-from: var(--color-gradient-agent-start);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-gradient-from: color-mix(in oklab, var(--color-gradient-agent-start) 25%, transparent);
+      }
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    }
+  }
+  .future\:to-gradient-agent-end\/25 {
+    :is(.future-dark, .future-light) & {
+      --tw-gradient-to: var(--color-gradient-agent-end);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-gradient-to: color-mix(in oklab, var(--color-gradient-agent-end) 25%, transparent);
+      }
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    }
+  }
   .future\:fill-foreground-accent {
     :is(.future-dark, .future-light) & {
       fill: var(--foreground-accent);
@@ -6664,6 +6876,11 @@
       padding-block: calc(var(--spacing) * 0);
     }
   }
+  .future\:py-0\.5 {
+    :is(.future-dark, .future-light) & {
+      padding-block: calc(var(--spacing) * 0.5);
+    }
+  }
   .future\:py-2 {
     :is(.future-dark, .future-light) & {
       padding-block: calc(var(--spacing) * 2);
@@ -6741,6 +6958,12 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .future\:inset-ring-1 {
+    :is(.future-dark, .future-light) & {
+      --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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);
+    }
+  }
   .future\:ring-error\/40 {
     :is(.future-dark, .future-light) & {
       --tw-ring-color: var(--error);
@@ -6749,6 +6972,14 @@
       }
     }
   }
+  .future\:inset-ring-gradient-agent-start\/60 {
+    :is(.future-dark, .future-light) & {
+      --tw-inset-ring-color: var(--color-gradient-agent-start);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-inset-ring-color: color-mix(in oklab, var(--color-gradient-agent-start) 60%, transparent);
+      }
+    }
+  }
   .future\:\[--editor-py\:10px\] {
     :is(.future-dark, .future-light) & {
       --editor-py: 10px;
@@ -7449,6 +7680,11 @@
       opacity: 70%;
     }
   }
+  .\[\&\>span\:first-child\]\:text-foreground-accent {
+    &>span:first-child {
+      color: var(--foreground-accent);
+    }
+  }
   .\[\&\>svg\]\:absolute {
     &>svg {
       position: absolute;
@@ -10880,6 +11116,48 @@ body.canvas, .canvas {
     background-color: var(--color-border-hover);
   }
 }
+.mat-typography :is( [data-slot="dialog-content"], [data-slot="sheet-content"], [data-slot="alert-dialog-content"], [data-slot="drawer-content"] ) :where(p) {
+  margin: 0;
+}
+.mat-typography :is( [data-slot="dialog-content"], [data-slot="sheet-content"], [data-slot="alert-dialog-content"], [data-slot="drawer-content"] ) :where(h1, h2, h3, h4, h5, h6) {
+  font: inherit;
+  letter-spacing: inherit;
+  margin: 0;
+}
+.mat-typography [data-slot="accordion-header"] {
+  font: inherit;
+  letter-spacing: inherit;
+  margin: 0;
+}
+.mat-typography :is( [data-slot="dialog-title"], [data-slot="sheet-title"], [data-slot="alert-dialog-title"], [data-slot="drawer-title"] ) {
+  font-family: var(--font-sans);
+  font-size: var(--text-lg);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--text-lg--line-height);
+  letter-spacing: var(--tracking-normal);
+  margin: 0;
+}
+.mat-typography :is([data-slot="dialog-title"], [data-slot="alert-dialog-title"], [data-slot="drawer-title"]) {
+  line-height: 1;
+}
+.mat-typography [data-slot="drawer-title"] {
+  letter-spacing: var(--tracking-tight);
+}
+.mat-typography [data-slot="dialog-takeover-title"] {
+  font-family: var(--font-sans);
+  font-size: var(--text-sm);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--text-sm--line-height);
+  letter-spacing: var(--tracking-normal);
+  margin: 0;
+}
+.mat-typography [data-slot="alert-title"] {
+  font-size: var(--text-xs);
+  font-weight: var(--font-weight-semibold);
+  line-height: calc(var(--spacing) * 4);
+  letter-spacing: var(--tracking-normal);
+  margin: 0;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;

package/dist/tailwind.css

@@ -925,3 +925,75 @@ body.canvas, .canvas {
     background-color: var(--color-border-hover);
   }
 }
+
+/* Host Material shield: unlayered so it outranks the host's unlayered typography rules. */
+.mat-typography
+  :is(
+    [data-slot="dialog-content"],
+    [data-slot="sheet-content"],
+    [data-slot="alert-dialog-content"],
+    [data-slot="drawer-content"]
+  )
+  :where(p) {
+  margin: 0;
+}
+
+.mat-typography
+  :is(
+    [data-slot="dialog-content"],
+    [data-slot="sheet-content"],
+    [data-slot="alert-dialog-content"],
+    [data-slot="drawer-content"]
+  )
+  :where(h1, h2, h3, h4, h5, h6) {
+  font: inherit;
+  letter-spacing: inherit;
+  margin: 0;
+}
+
+.mat-typography [data-slot="accordion-header"] {
+  font: inherit;
+  letter-spacing: inherit;
+  margin: 0;
+}
+
+.mat-typography
+  :is(
+    [data-slot="dialog-title"],
+    [data-slot="sheet-title"],
+    [data-slot="alert-dialog-title"],
+    [data-slot="drawer-title"]
+  ) {
+  font-family: var(--font-sans);
+  font-size: var(--text-lg);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--text-lg--line-height);
+  letter-spacing: var(--tracking-normal);
+  margin: 0;
+}
+
+.mat-typography
+  :is([data-slot="dialog-title"], [data-slot="alert-dialog-title"], [data-slot="drawer-title"]) {
+  line-height: 1;
+}
+
+.mat-typography [data-slot="drawer-title"] {
+  letter-spacing: var(--tracking-tight);
+}
+
+.mat-typography [data-slot="dialog-takeover-title"] {
+  font-family: var(--font-sans);
+  font-size: var(--text-sm);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--text-sm--line-height);
+  letter-spacing: var(--tracking-normal);
+  margin: 0;
+}
+
+.mat-typography [data-slot="alert-title"] {
+  font-size: var(--text-xs);
+  font-weight: var(--font-weight-semibold);
+  line-height: calc(var(--spacing) * 4);
+  letter-spacing: var(--tracking-normal);
+  margin: 0;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.60.0",
+  "version": "2.61.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",