@uipath/apollo-wind 2.79.1 → 2.80.0

package/dist/styles.css

@@ -834,6 +834,9 @@
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
+  .-mx-1\.5 {
+    margin-inline: calc(var(--spacing) * -1.5);
+  }
   .-mx-2 {
     margin-inline: calc(var(--spacing) * -2);
   }
@@ -972,6 +975,12 @@
   .mb-8 {
     margin-bottom: calc(var(--spacing) * 8);
   }
+  .-ml-1 {
+    margin-left: calc(var(--spacing) * -1);
+  }
+  .-ml-1\.5 {
+    margin-left: calc(var(--spacing) * -1.5);
+  }
   .-ml-2 {
     margin-left: calc(var(--spacing) * -2);
   }
@@ -1026,14 +1035,20 @@
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
   }
+  .line-clamp-\[var\(--editable-text-lines\)\] {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: var(--editable-text-lines);
+  }
   .scrollbar-none {
     scrollbar-width: none;
     &::-webkit-scrollbar {
       display: none;
     }
   }
-  .\!block {
-    display: block !important;
+  .\!flex {
+    display: flex !important;
   }
   .\!hidden {
     display: none !important;
@@ -1074,6 +1089,9 @@
   .table-row {
     display: table-row;
   }
+  .field-sizing-content {
+    field-sizing: content;
+  }
   .aspect-auto {
     aspect-ratio: auto;
   }
@@ -1856,6 +1874,9 @@
   .max-w-\[800px\] {
     max-width: 800px;
   }
+  .max-w-\[calc\(100\%\+--spacing\(3\)\)\] {
+    max-width: calc(100% + calc(var(--spacing) * 3));
+  }
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
@@ -2783,6 +2804,10 @@
     --tw-border-style: dashed;
     border-style: dashed;
   }
+  .border-none {
+    --tw-border-style: none;
+    border-style: none;
+  }
   .border-\(--color-border\) {
     border-color: var(--color-border);
   }
@@ -4321,9 +4346,6 @@
   .p-px {
     padding: 1px;
   }
-  .\!px-1\.5 {
-    padding-inline: calc(var(--spacing) * 1.5) !important;
-  }
   .\[padding-inline\:var\(--mf-content-inset\)\] {
     padding-inline: var(--mf-content-inset);
   }
@@ -4875,6 +4897,9 @@
   .whitespace-pre {
     white-space: pre;
   }
+  .whitespace-pre-line {
+    white-space: pre-line;
+  }
   .whitespace-pre-wrap {
     white-space: pre-wrap;
   }
@@ -7612,6 +7637,11 @@
       background-color: var(--surface);
     }
   }
+  .has-\[\[data-slot\=editable-text-input\]\]\:flex-1 {
+    &:has(*:is([data-slot=editable-text-input])) {
+      flex: 1;
+    }
+  }
   .has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-0 {
     &:has(*:is([data-slot=input-group-control] :focus-visible)) {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -7723,11 +7753,16 @@
       background-color: var(--accent);
     }
   }
-  .has-\[\>\[data-slot\=input-group-addon\]\[data-align\=inline-end\]\]\:pr-2 {
-    &:has(>[data-slot=input-group-addon][data-align=inline-end]) {
+  .has-\[\>\[data-slot\=input-group-addon\]\[data-align\=inline-end\]_button\]\:pr-2 {
+    &:has(>[data-slot=input-group-addon][data-align=inline-end] button) {
       padding-right: calc(var(--spacing) * 2);
     }
   }
+  .has-\[\>\[data-slot\=input-group-addon\]\[data-align\=inline-start\]_button\]\:pl-2 {
+    &:has(>[data-slot=input-group-addon][data-align=inline-start] button) {
+      padding-left: calc(var(--spacing) * 2);
+    }
+  }
   .has-\[\>\[hidden\]\]\:border-t-0 {
     &:has(>[hidden]) {
       border-top-style: var(--tw-border-style);
@@ -7761,11 +7796,25 @@
       pointer-events: none;
     }
   }
+  .aria-disabled\:cursor-not-allowed {
+    &[aria-disabled="true"] {
+      cursor: not-allowed;
+    }
+  }
   .aria-disabled\:opacity-50 {
     &[aria-disabled="true"] {
       opacity: 50%;
     }
   }
+  .aria-disabled\:hover\:bg-transparent {
+    &[aria-disabled="true"] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: transparent;
+        }
+      }
+    }
+  }
   .aria-invalid\:border-error {
     &[aria-invalid="true"] {
       border-color: var(--error);
@@ -8790,9 +8839,9 @@
       display: none;
     }
   }
-  .\@max-\[259px\]\:block {
+  .\@max-\[259px\]\:flex {
     @container (width < 259px) {
-      display: block;
+      display: flex;
     }
   }
   .\@max-\[259px\]\:hidden {
@@ -8800,11 +8849,6 @@
       display: none;
     }
   }
-  .\@max-\[259px\]\:px-1\.5 {
-    @container (width < 259px) {
-      padding-inline: calc(var(--spacing) * 1.5);
-    }
-  }
   .rtl\:rotate-180 {
     &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
       rotate: 180deg;
@@ -9362,13 +9406,6 @@
       }
     }
   }
-  .future\:has-\[\>\[data-slot\=input-group-addon\]\[data-align\=inline-end\]\]\:pr-2 {
-    :is(.future-dark, .future-light) & {
-      &:has(>[data-slot=input-group-addon][data-align=inline-end]) {
-        padding-right: calc(var(--spacing) * 2);
-      }
-    }
-  }
   .future\:aria-invalid\:border-error {
     :is(.future-dark, .future-light) & {
       &[aria-invalid="true"] {
@@ -9914,6 +9951,21 @@
       --tw-ring-color: var(--ring);
     }
   }
+  .\[\&\:has\(\[data-slot\=editable-text-input\]\)\>\:first-child\]\:flex-1 {
+    &:has([data-slot=editable-text-input])>:first-child {
+      flex: 1;
+    }
+  }
+  .\[\&\:has\(\[data-slot\=editable-text-input\]\)\>\:nth-child\(2\)\]\:\!hidden {
+    &:has([data-slot=editable-text-input])>:nth-child(2) {
+      display: none !important;
+    }
+  }
+  .\[\&\:has\(\[data-slot\=editable-text-input\]\)\>\[data-slot\=info-tooltip\]\]\:hidden {
+    &:has([data-slot=editable-text-input])>[data-slot=info-tooltip] {
+      display: none;
+    }
+  }
   .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
     &:has([role=checkbox]) {
       padding-right: calc(var(--spacing) * 0);
@@ -13871,7 +13923,7 @@ body.canvas, .canvas {
   letter-spacing: inherit;
   margin: 0;
 }
-.mat-typography [data-slot="accordion-header"] {
+.mat-typography [data-slot="accordion-header"], .mat-typography [data-slot="form-section-header"] {
   font: inherit;
   letter-spacing: inherit;
   margin: 0;

package/dist/tailwind.css

@@ -951,7 +951,8 @@ body.canvas, .canvas {
   margin: 0;
 }
 
-.mat-typography [data-slot="accordion-header"] {
+.mat-typography [data-slot="accordion-header"],
+.mat-typography [data-slot="form-section-header"] {
   font: inherit;
   letter-spacing: inherit;
   margin: 0;

package/package.json

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