@uipath/apollo-wind 2.8.0 → 2.10.0

package/dist/components/ui/code-block.cjs

@@ -52,7 +52,7 @@ const THEME_CONFIG = {
     },
     'future-dark': {
         prismStyle: index_js_namespaceObject.vscDarkPlus,
-        bg: '#18181b',
+        bg: 'var(--surface-raised)',
         headerBg: '#09090b',
         labelColor: '#a1a1aa',
         iconColor: '#71717a',
@@ -60,7 +60,7 @@ const THEME_CONFIG = {
     },
     'future-light': {
         prismStyle: index_js_namespaceObject.vs,
-        bg: '#fafafa',
+        bg: 'var(--surface-raised)',
         headerBg: '#f4f4f5',
         labelColor: '#52525b',
         iconColor: '#71717a',
@@ -164,13 +164,13 @@ function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCop
         }, []);
     const showHeader = !!(fileName || language || showCopyButton);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        className: (0, index_cjs_namespaceObject.cn)('overflow-hidden rounded-lg border border-border font-mono text-sm', className),
+        className: (0, index_cjs_namespaceObject.cn)('overflow-hidden rounded-lg border border-border future:border-border-subtle font-mono text-sm', className),
         style: {
             background: config.bg
         },
         children: [
             showHeader && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: "flex items-center justify-between px-4 py-2 border-b border-border",
+                className: "flex items-center justify-between px-4 py-2 border-b border-border future:border-border-subtle",
                 style: {
                     background: config.headerBg
                 },
@@ -203,6 +203,7 @@ function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCop
                 wrapLongLines: wrapLines,
                 customStyle: {
                     margin: 0,
+                    border: 'none',
                     borderRadius: 0,
                     background: 'transparent',
                     padding: '1rem',

package/dist/components/ui/code-block.js

@@ -24,7 +24,7 @@ const THEME_CONFIG = {
     },
     'future-dark': {
         prismStyle: vscDarkPlus,
-        bg: '#18181b',
+        bg: 'var(--surface-raised)',
         headerBg: '#09090b',
         labelColor: '#a1a1aa',
         iconColor: '#71717a',
@@ -32,7 +32,7 @@ const THEME_CONFIG = {
     },
     'future-light': {
         prismStyle: vs,
-        bg: '#fafafa',
+        bg: 'var(--surface-raised)',
         headerBg: '#f4f4f5',
         labelColor: '#52525b',
         iconColor: '#71717a',
@@ -136,13 +136,13 @@ function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCop
         }, []);
     const showHeader = !!(fileName || language || showCopyButton);
     return /*#__PURE__*/ jsxs("div", {
-        className: cn('overflow-hidden rounded-lg border border-border font-mono text-sm', className),
+        className: cn('overflow-hidden rounded-lg border border-border future:border-border-subtle font-mono text-sm', className),
         style: {
             background: config.bg
         },
         children: [
             showHeader && /*#__PURE__*/ jsxs("div", {
-                className: "flex items-center justify-between px-4 py-2 border-b border-border",
+                className: "flex items-center justify-between px-4 py-2 border-b border-border future:border-border-subtle",
                 style: {
                     background: config.headerBg
                 },
@@ -175,6 +175,7 @@ function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCop
                 wrapLongLines: wrapLines,
                 customStyle: {
                     margin: 0,
+                    border: 'none',
                     borderRadius: 0,
                     background: 'transparent',
                     padding: '1rem',

package/dist/components/ui/index.cjs

@@ -42,7 +42,7 @@ var __webpack_modules__ = {
     "./combobox" (module) {
         module.exports = require("./combobox.cjs");
     },
-    "@/components/ui/command" (module) {
+    "./command" (module) {
         module.exports = require("./command.cjs");
     },
     "./context-menu" (module) {
@@ -63,7 +63,7 @@ var __webpack_modules__ = {
     "./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) {
@@ -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__("@/components/ui/command");
+    var _command__rspack_import_14 = __webpack_require__("./command");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _command__rspack_import_14)if ([
         "TreeView",
@@ -353,7 +353,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__("@/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",

package/dist/components/ui/switch.cjs

@@ -24,24 +24,54 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    switchVariants: ()=>switchVariants,
     Switch: ()=>Switch
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_switch_namespaceObject = require("@radix-ui/react-switch");
+const external_class_variance_authority_namespaceObject = require("class-variance-authority");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const Switch = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Root, {
-        className: (0, index_cjs_namespaceObject.cn)('peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-border', className),
+const switchVariants = (0, external_class_variance_authority_namespaceObject.cva)('peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-border', {
+    variants: {
+        size: {
+            default: 'h-6 w-11',
+            sm: 'h-5 w-9'
+        }
+    },
+    defaultVariants: {
+        size: 'default'
+    }
+});
+const switchThumbVariants = (0, external_class_variance_authority_namespaceObject.cva)('pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0', {
+    variants: {
+        size: {
+            default: 'h-5 w-5 data-[state=checked]:translate-x-5',
+            sm: 'h-4 w-4 data-[state=checked]:translate-x-4'
+        }
+    },
+    defaultVariants: {
+        size: 'default'
+    }
+});
+const Switch = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, size, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Root, {
+        className: (0, index_cjs_namespaceObject.cn)(switchVariants({
+            size
+        }), className),
         ...props,
         ref: ref,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Thumb, {
-            className: (0, index_cjs_namespaceObject.cn)('pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0')
+            className: (0, index_cjs_namespaceObject.cn)(switchThumbVariants({
+                size
+            }))
         })
     }));
 Switch.displayName = react_switch_namespaceObject.Root.displayName;
 exports.Switch = __webpack_exports__.Switch;
+exports.switchVariants = __webpack_exports__.switchVariants;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Switch"
+    "Switch",
+    "switchVariants"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

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

@@ -1,4 +1,10 @@
 import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { Switch };
+declare const switchVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export { Switch, switchVariants };

package/dist/components/ui/switch.js

@@ -1,14 +1,41 @@
 import { jsx } from "react/jsx-runtime";
 import { Root, Thumb } from "@radix-ui/react-switch";
+import { cva } from "class-variance-authority";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
-const Switch = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
-        className: cn('peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-border', className),
+const switchVariants = cva('peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-border', {
+    variants: {
+        size: {
+            default: 'h-6 w-11',
+            sm: 'h-5 w-9'
+        }
+    },
+    defaultVariants: {
+        size: 'default'
+    }
+});
+const switchThumbVariants = cva('pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0', {
+    variants: {
+        size: {
+            default: 'h-5 w-5 data-[state=checked]:translate-x-5',
+            sm: 'h-4 w-4 data-[state=checked]:translate-x-4'
+        }
+    },
+    defaultVariants: {
+        size: 'default'
+    }
+});
+const Switch = /*#__PURE__*/ forwardRef(({ className, size, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+        className: cn(switchVariants({
+            size
+        }), className),
         ...props,
         ref: ref,
         children: /*#__PURE__*/ jsx(Thumb, {
-            className: cn('pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0')
+            className: cn(switchThumbVariants({
+                size
+            }))
         })
     }));
 Switch.displayName = Root.displayName;
-export { Switch };
+export { Switch, switchVariants };

package/dist/styles.css

@@ -5425,6 +5425,12 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .data-\[state\=checked\]\:translate-x-4 {
+    &[data-state="checked"] {
+      --tw-translate-x: calc(var(--spacing) * 4);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .data-\[state\=checked\]\:translate-x-5 {
     &[data-state="checked"] {
       --tw-translate-x: calc(var(--spacing) * 5);
@@ -5777,6 +5783,11 @@
       border-color: var(--ap-wind-border);
     }
   }
+  .future\:border-border-subtle {
+    :is(.future-dark, .future-light) & {
+      border-color: var(--border-subtle);
+    }
+  }
   .future\:bg-surface-overlay {
     :is(.future-dark, .future-light) & {
       background-color: var(--surface-overlay);
@@ -5808,6 +5819,12 @@
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
   }
+  .future\:font-normal {
+    :is(.future-dark, .future-light) & {
+      --tw-font-weight: var(--font-weight-normal);
+      font-weight: var(--font-weight-normal);
+    }
+  }
   .future\:text-foreground {
     :is(.future-dark, .future-light) & {
       color: var(--foreground);

package/package.json

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