@uipath/apollo-wind 2.3.0-pr525.f6fa0d2 → 2.4.0

package/dist/components/ui/index.cjs

@@ -15,7 +15,7 @@ var __webpack_modules__ = {
     "./avatar" (module) {
         module.exports = require("./avatar.cjs");
     },
-    "@/components/ui/badge" (module) {
+    "./badge" (module) {
         module.exports = require("./badge.cjs");
     },
     "./breadcrumb" (module) {
@@ -33,10 +33,10 @@ var __webpack_modules__ = {
     "@/components/ui/card" (module) {
         module.exports = require("./card.cjs");
     },
-    "@/components/ui/checkbox" (module) {
+    "./checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
-    "@/components/ui/collapsible" (module) {
+    "./collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
@@ -45,7 +45,7 @@ var __webpack_modules__ = {
     "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
-    "@/components/ui/context-menu" (module) {
+    "./context-menu" (module) {
         module.exports = require("./context-menu.cjs");
     },
     "./data-table" (module) {
@@ -60,10 +60,10 @@ var __webpack_modules__ = {
     "@/components/ui/dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
-    "@/components/ui/dropdown-menu" (module) {
+    "./dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
-    "@/components/ui/editable-cell" (module) {
+    "./editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -72,13 +72,13 @@ var __webpack_modules__ = {
     "./file-upload" (module) {
         module.exports = require("./file-upload.cjs");
     },
-    "@/components/ui/hover-card" (module) {
+    "./hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
     "@/components/ui/input" (module) {
         module.exports = require("./input.cjs");
     },
-    "@/components/ui/label" (module) {
+    "./label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (module) {
@@ -241,7 +241,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_4[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _badge__rspack_import_5 = __webpack_require__("@/components/ui/badge");
+    var _badge__rspack_import_5 = __webpack_require__("./badge");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _badge__rspack_import_5)if ([
         "TreeView",
@@ -283,14 +283,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_card__rspack_import_10[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_11 = __webpack_require__("@/components/ui/checkbox");
+    var _checkbox__rspack_import_11 = __webpack_require__("./checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_11)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_checkbox__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_12 = __webpack_require__("@/components/ui/collapsible");
+    var _collapsible__rspack_import_12 = __webpack_require__("./collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_12)if ([
         "TreeView",
@@ -311,7 +311,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_14[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_15 = __webpack_require__("@/components/ui/context-menu");
+    var _context_menu__rspack_import_15 = __webpack_require__("./context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_15)if ([
         "TreeView",
@@ -346,14 +346,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dialog__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_20 = __webpack_require__("@/components/ui/dropdown-menu");
+    var _dropdown_menu__rspack_import_20 = __webpack_require__("./dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_20)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_20[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_21 = __webpack_require__("@/components/ui/editable-cell");
+    var _editable_cell__rspack_import_21 = __webpack_require__("./editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_21)if ([
         "TreeView",
@@ -374,7 +374,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_file_upload__rspack_import_23[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_24 = __webpack_require__("@/components/ui/hover-card");
+    var _hover_card__rspack_import_24 = __webpack_require__("./hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_24)if ([
         "TreeView",
@@ -388,7 +388,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input__rspack_import_25[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_26 = __webpack_require__("@/components/ui/label");
+    var _label__rspack_import_26 = __webpack_require__("./label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_26)if ([
         "TreeView",

package/dist/styles.css

@@ -7807,6 +7807,24 @@ body.dark-hc, .apollo-design.dark-hc {
   --border: var(--border-dark-hc);
   color-scheme: dark;
 }
+@keyframes apollo-glow {
+  0% {
+    box-shadow: 0 0 0 0 var(--_glow-shadow, currentColor);
+  }
+  70% {
+    box-shadow: 0 0 0 10px transparent;
+  }
+  100% {
+    box-shadow: 0 0 0 0 transparent;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .animate-glow {
+    will-change: auto;
+    animation: none;
+    box-shadow: 0 0 0 5px var(--_glow-shadow, currentColor);
+  }
+}
 :root {
   --radius: 0.75rem;
 }
@@ -8469,17 +8487,6 @@ body.canvas, .canvas {
     opacity: 0;
   }
 }
-@keyframes apollo-glow {
-  0% {
-    box-shadow: 0 0 0 0 var(--_glow-shadow, currentColor);
-  }
-  70% {
-    box-shadow: 0 0 0 10px transparent;
-  }
-  100% {
-    box-shadow: 0 0 0 0 transparent;
-  }
-}
 .future-dark, .dark, .dark-hc {
   scrollbar-width: thin;
   scrollbar-color: var(--color-border) transparent;

package/dist/tailwind.css

@@ -13,6 +13,8 @@
 @import "tailwindcss";
 @import "@uipath/apollo-core/tokens/css/theme-variables.css";
 
+@import "./tailwind.utilities.css";
+
 :root {
   --radius: 0.75rem;
   /* 12px — base border-radius for buttons and UI elements */
@@ -1258,45 +1260,6 @@ body.canvas, .canvas {
   --animate-collapsible-up: collapsible-up 200ms ease-out;
 }
 
-/* ============================================================================
- * Glow — attention-drawing ring pulse
- *
- * `animate-glow` drives an expanding box-shadow ring around any element.
- * The color and intensity are driven by CSS variables so the same utility
- * works for status indicators, brand highlights, ad-hoc attention prompts,
- * or any custom color.
- *
- * Knobs (set via inline style or a Tailwind arbitrary value):
- *   --glow-color    source color  (default: currentColor)
- *   --glow-strength mix percent   (default: 40%)
- *
- * Examples:
- *   <div className="animate-glow [--glow-color:var(--error)]" />
- *   <div className="animate-glow [--glow-color:var(--info)] [--glow-strength:60%]" />
- *   <div className="text-info animate-glow" />   // picks up --brand or falls back to currentColor
- *
- * Implementation note: the color-mix lives in the utility body (not the
- * keyframe) to avoid a lightningcss bug that drops keyframe declarations
- * containing `color-mix(... var(...) ...)`. The internal `--_glow-shadow`
- * holds the pre-mixed value for the keyframe to consume.
- * ============================================================================ */
-
-@keyframes apollo-glow {
-  0%   { box-shadow: 0 0 0 0 var(--_glow-shadow, currentColor); }
-  70%  { box-shadow: 0 0 0 10px transparent; }
-  100% { box-shadow: 0 0 0 0 transparent; }
-}
-
-@utility animate-glow {
-  --_glow-shadow: color-mix(
-    in srgb,
-    var(--glow-color, var(--brand, currentColor)) var(--glow-strength, 40%),
-    transparent
-  );
-  will-change: box-shadow;
-  animation: apollo-glow 2s infinite;
-}
-
 /* ============================================================================
  * Theme-aware scrollbars
  *
@@ -1330,4 +1293,4 @@ body.canvas, .canvas {
   & *::-webkit-scrollbar-thumb:hover {
     background-color: var(--color-border-hover);
   }
-}
+}

package/dist/tailwind.utilities.css

@@ -0,0 +1,54 @@
+/**
+ * Apollo Wind — Custom Utilities
+ *
+ * Tailwind @utility rules, @keyframes, and non-token helpers that extend
+ * the base theme. Imported by tailwind.consumer.css.
+ *
+ */
+
+/* ============================================================================
+ * Glow — attention-drawing ring pulse
+ *
+ * `animate-glow` drives an expanding box-shadow ring around any element.
+ * The color and intensity are driven by CSS variables so the same utility
+ * works for status indicators, brand highlights, ad-hoc attention prompts,
+ * or any custom color.
+ *
+ * Knobs (set via inline style or a Tailwind arbitrary value):
+ *   --glow-color    source color  (default: currentColor)
+ *   --glow-strength mix percent   (default: 40%)
+ *
+ * Examples:
+ *   <div className="animate-glow [--glow-color:var(--error)]" />
+ *   <div className="animate-glow [--glow-color:var(--info)] [--glow-strength:60%]" />
+ *   <div className="text-info animate-glow" />   // picks up --brand or falls back to currentColor
+ *
+ * Implementation note: the color-mix lives in the utility body (not the
+ * keyframe) to avoid a lightningcss bug that drops keyframe declarations
+ * containing `color-mix(... var(...) ...)`. The internal `--_glow-shadow`
+ * holds the pre-mixed value for the keyframe to consume.
+ * ============================================================================ */
+
+@keyframes apollo-glow {
+  0%   { box-shadow: 0 0 0 0 var(--_glow-shadow, currentColor); }
+  70%  { box-shadow: 0 0 0 10px transparent; }
+  100% { box-shadow: 0 0 0 0 transparent; }
+}
+
+@utility animate-glow {
+  --_glow-shadow: color-mix(
+    in srgb,
+    var(--glow-color, var(--brand, currentColor)) var(--glow-strength, 40%),
+    transparent
+  );
+  will-change: box-shadow;
+  animation: apollo-glow 2s infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .animate-glow {
+    will-change: auto;
+    animation: none;
+    box-shadow: 0 0 0 5px var(--_glow-shadow, currentColor);
+  }
+}

package/package.json

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