@uipath/apollo-wind 2.2.1-pr525.17baf33 → 2.3.0-pr525.30a5d08

package/dist/components/ui/index.cjs

@@ -24,16 +24,16 @@ var __webpack_modules__ = {
     "./button-group" (module) {
         module.exports = require("./button-group.cjs");
     },
-    "@/components/ui/button" (module) {
+    "./button" (module) {
         module.exports = require("./button.cjs");
     },
-    "@/components/ui/calendar" (module) {
+    "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
     "@/components/ui/card" (module) {
         module.exports = require("./card.cjs");
     },
-    "@/components/ui/checkbox" (module) {
+    "./checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
     "@/components/ui/collapsible" (module) {
@@ -42,7 +42,7 @@ var __webpack_modules__ = {
     "./combobox" (module) {
         module.exports = require("./combobox.cjs");
     },
-    "./command" (module) {
+    "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
     "@/components/ui/context-menu" (module) {
@@ -75,7 +75,7 @@ var __webpack_modules__ = {
     "@/components/ui/hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "@/components/ui/input" (module) {
+    "./input" (module) {
         module.exports = require("./input.cjs");
     },
     "@/components/ui/label" (module) {
@@ -90,7 +90,7 @@ var __webpack_modules__ = {
     "./pagination" (module) {
         module.exports = require("./pagination.cjs");
     },
-    "@/components/ui/popover" (module) {
+    "./popover" (module) {
         module.exports = require("./popover.cjs");
     },
     "./progress" (module) {
@@ -255,7 +255,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_breadcrumb__rspack_import_6[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _button__rspack_import_7 = __webpack_require__("@/components/ui/button");
+    var _button__rspack_import_7 = __webpack_require__("./button");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _button__rspack_import_7)if ([
         "TreeView",
@@ -269,7 +269,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
+    var _calendar__rspack_import_9 = __webpack_require__("./calendar");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _calendar__rspack_import_9)if ([
         "TreeView",
@@ -283,7 +283,7 @@ 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",
@@ -304,7 +304,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_13[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _command__rspack_import_14 = __webpack_require__("./command");
+    var _command__rspack_import_14 = __webpack_require__("@/components/ui/command");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _command__rspack_import_14)if ([
         "TreeView",
@@ -381,7 +381,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_24[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_25 = __webpack_require__("@/components/ui/input");
+    var _input__rspack_import_25 = __webpack_require__("./input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_25)if ([
         "TreeView",
@@ -416,7 +416,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_pagination__rspack_import_29[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _popover__rspack_import_30 = __webpack_require__("@/components/ui/popover");
+    var _popover__rspack_import_30 = __webpack_require__("./popover");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _popover__rspack_import_30)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.2.1-pr525.17baf33",
+  "version": "2.3.0-pr525.30a5d08",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",