@uipath/apollo-wind 2.27.1 → 2.28.0

package/dist/components/ui/index.cjs

@@ -27,10 +27,10 @@ var __webpack_modules__ = {
     "@/components/ui/button" (module) {
         module.exports = require("./button.cjs");
     },
-    "@/components/ui/calendar" (module) {
+    "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "./card" (module) {
+    "@/components/ui/card" (module) {
         module.exports = require("./card.cjs");
     },
     "@/components/ui/checkbox" (module) {
@@ -45,7 +45,7 @@ var __webpack_modules__ = {
     "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
-    "./context-menu" (module) {
+    "@/components/ui/context-menu" (module) {
         module.exports = require("./context-menu.cjs");
     },
     "./data-table" (module) {
@@ -63,7 +63,7 @@ var __webpack_modules__ = {
     "@/components/ui/dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
-    "./editable-cell" (module) {
+    "@/components/ui/editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -72,7 +72,7 @@ var __webpack_modules__ = {
     "./file-upload" (module) {
         module.exports = require("./file-upload.cjs");
     },
-    "./hover-card" (module) {
+    "@/components/ui/hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
     "@/components/ui/input-group" (module) {
@@ -150,7 +150,7 @@ var __webpack_modules__ = {
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "@/components/ui/textarea" (module) {
+    "./textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./toggle-group" (module) {
@@ -275,14 +275,14 @@ 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",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_10 = __webpack_require__("./card");
+    var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_10)if ([
         "TreeView",
@@ -317,7 +317,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__("./context-menu");
+    var _context_menu__rspack_import_15 = __webpack_require__("@/components/ui/context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_15)if ([
         "TreeView",
@@ -359,7 +359,7 @@ var __webpack_exports__ = {};
         "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__("./editable-cell");
+    var _editable_cell__rspack_import_21 = __webpack_require__("@/components/ui/editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_21)if ([
         "TreeView",
@@ -380,7 +380,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__("./hover-card");
+    var _hover_card__rspack_import_24 = __webpack_require__("@/components/ui/hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_24)if ([
         "TreeView",
@@ -562,7 +562,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_49[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_50 = __webpack_require__("@/components/ui/textarea");
+    var _textarea__rspack_import_50 = __webpack_require__("./textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_50)if ([
         "TreeView",

package/dist/components/ui/spinner.cjs

@@ -28,24 +28,30 @@ __webpack_require__.d(__webpack_exports__, {
     Spinner: ()=>Spinner
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const external_class_variance_authority_namespaceObject = require("class-variance-authority");
 const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const spinnerVariants = (0, external_class_variance_authority_namespaceObject.cva)('animate-spin text-muted-foreground', {
+const spinnerVariants = (0, external_class_variance_authority_namespaceObject.cva)('animate-spin', {
     variants: {
         size: {
             sm: 'h-4 w-4',
             default: 'h-6 w-6',
             lg: 'h-8 w-8',
             xl: 'h-12 w-12'
+        },
+        variant: {
+            default: 'text-muted-foreground',
+            primary: 'text-primary',
+            foreground: 'text-foreground'
         }
     },
     defaultVariants: {
-        size: 'default'
+        size: 'default',
+        variant: 'default'
     }
 });
-const Spinner = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, size, label = 'Loading', showLabel = false, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+const Spinner = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, size, variant, label = 'Loading', showLabel = false, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         ref: ref,
         role: "status",
         "aria-label": label,
@@ -54,7 +60,8 @@ const Spinner = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ class
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Loader2, {
                 className: (0, index_cjs_namespaceObject.cn)(spinnerVariants({
-                    size
+                    size,
+                    variant
                 }))
             }),
             showLabel ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {

package/dist/components/ui/spinner.d.ts

@@ -1,7 +1,8 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const spinnerVariants: (props?: ({
     size?: "default" | "lg" | "sm" | "xl" | null | undefined;
+    variant?: "default" | "primary" | "foreground" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
     label?: string;

package/dist/components/ui/spinner.js

@@ -1,22 +1,28 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { cva } from "class-variance-authority";
 import { Loader2 } from "lucide-react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
-const spinnerVariants = cva('animate-spin text-muted-foreground', {
+const spinnerVariants = cva('animate-spin', {
     variants: {
         size: {
             sm: 'h-4 w-4',
             default: 'h-6 w-6',
             lg: 'h-8 w-8',
             xl: 'h-12 w-12'
+        },
+        variant: {
+            default: 'text-muted-foreground',
+            primary: 'text-primary',
+            foreground: 'text-foreground'
         }
     },
     defaultVariants: {
-        size: 'default'
+        size: 'default',
+        variant: 'default'
     }
 });
-const Spinner = /*#__PURE__*/ forwardRef(({ className, size, label = 'Loading', showLabel = false, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
+const Spinner = /*#__PURE__*/ forwardRef(({ className, size, variant, label = 'Loading', showLabel = false, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
         ref: ref,
         role: "status",
         "aria-label": label,
@@ -25,7 +31,8 @@ const Spinner = /*#__PURE__*/ forwardRef(({ className, size, label = 'Loading',
         children: [
             /*#__PURE__*/ jsx(Loader2, {
                 className: cn(spinnerVariants({
-                    size
+                    size,
+                    variant
                 }))
             }),
             showLabel ? /*#__PURE__*/ jsx("span", {

package/dist/styles.css

@@ -1051,6 +1051,9 @@
   .h-72 {
     height: calc(var(--spacing) * 72);
   }
+  .h-75 {
+    height: calc(var(--spacing) * 75);
+  }
   .h-96 {
     height: calc(var(--spacing) * 96);
   }
@@ -4201,6 +4204,10 @@
     --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
+  .invert {
+    --tw-invert: invert(100%);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }

package/package.json

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