@uipath/apollo-wind 2.44.0 → 2.45.1

package/README.md

@@ -19,6 +19,18 @@ npm install @uipath/apollo-wind
 
 **Note:** This package is published to both npm and GitHub Package Registry. External users will automatically pull from npm. Internal UiPath users with `.npmrc` configured will automatically pull from GitHub Package Registry.
 
+**Fonts:** the Future themes (`.future-light` / `.future-dark`) point
+`--font-sans` at Inter and the bundled Noto families, but `tailwind.css` ships
+no `@font-face`. Import the font stylesheet once at your app entry, or those
+tokens fall back to the OS font:
+
+```tsx
+import "@uipath/apollo-wind/fonts/font.css";
+```
+
+Classic themes keep Tailwind's default `--font-sans` and need no font import.
+Apps that already import `@uipath/apollo-react/core/fonts/font.css` are covered.
+
 **Option 1: Zero Config** (Recommended for quick starts)
 
 ```tsx

package/dist/components/ui/form-field.cjs

@@ -36,7 +36,7 @@ const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const FormField = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
         "data-slot": "form-field",
-        className: (0, index_cjs_namespaceObject.cn)('grid gap-1.5', className),
+        className: (0, index_cjs_namespaceObject.cn)('grid grid-cols-[minmax(0,1fr)] gap-1.5', className),
         ...props,
         children: children
     }));

package/dist/components/ui/form-field.d.ts

@@ -6,6 +6,14 @@ export type FormFieldProps = React.ComponentPropsWithoutRef<'div'>;
  *
  * These parts are presentational and hold no form state, so they compose the
  * same way inside a metadata-driven form as they do in hand-built panels.
+ *
+ * The single column is pinned to `minmax(0, 1fr)` rather than left implicit.
+ * An implicit `auto` track floors at its widest child's min-content, and a
+ * control that ellipsizes is `white-space: nowrap`, so its min-content is the
+ * whole string: the field would push past a width-constrained host instead of
+ * truncating. A `1fr` track still resolves to max-content when the host width
+ * is indefinite, so shrink-to-fit hosts are unaffected. `className` is merged
+ * last, so a consumer can still override with `grid-cols-2` or similar.
  */
 declare const FormField: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export interface FormFieldLabelProps extends React.ComponentPropsWithoutRef<typeof Label> {

package/dist/components/ui/form-field.js

@@ -5,7 +5,7 @@ import { cn } from "../../lib/index.js";
 const FormField = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "form-field",
-        className: cn('grid gap-1.5', className),
+        className: cn('grid grid-cols-[minmax(0,1fr)] gap-1.5', className),
         ...props,
         children: children
     }));

package/dist/components/ui/index.cjs

@@ -90,7 +90,7 @@ var __webpack_modules__ = {
     "./input" (module) {
         module.exports = require("./input.cjs");
     },
-    "./label" (module) {
+    "@/components/ui/label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (module) {
@@ -105,10 +105,10 @@ var __webpack_modules__ = {
     "./pagination" (module) {
         module.exports = require("./pagination.cjs");
     },
-    "@/components/ui/popover" (module) {
+    "./popover" (module) {
         module.exports = require("./popover.cjs");
     },
-    "./portal-container" (module) {
+    "@/components/ui/portal-container" (module) {
         module.exports = require("./portal-container.cjs");
     },
     "./progress" (module) {
@@ -159,13 +159,13 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "@/components/ui/table" (module) {
+    "./table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "./textarea" (module) {
+    "@/components/ui/textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./toggle-group" (module) {
@@ -440,7 +440,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input_group__rspack_import_29[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_30 = __webpack_require__("./label");
+    var _label__rspack_import_30 = __webpack_require__("@/components/ui/label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_30)if ([
         "TreeView",
@@ -475,14 +475,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_pagination__rspack_import_34[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _popover__rspack_import_35 = __webpack_require__("@/components/ui/popover");
+    var _popover__rspack_import_35 = __webpack_require__("./popover");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _popover__rspack_import_35)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_popover__rspack_import_35[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _portal_container__rspack_import_36 = __webpack_require__("./portal-container");
+    var _portal_container__rspack_import_36 = __webpack_require__("@/components/ui/portal-container");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _portal_container__rspack_import_36)if ([
         "TreeView",
@@ -601,7 +601,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_52[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_53 = __webpack_require__("@/components/ui/table");
+    var _table__rspack_import_53 = __webpack_require__("./table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_53)if ([
         "TreeView",
@@ -615,7 +615,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_54[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_55 = __webpack_require__("./textarea");
+    var _textarea__rspack_import_55 = __webpack_require__("@/components/ui/textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_55)if ([
         "TreeView",

package/dist/components/ui/label.cjs

@@ -32,7 +32,7 @@ const react_label_namespaceObject = require("@radix-ui/react-label");
 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 labelVariants = (0, external_class_variance_authority_namespaceObject.cva)('text-xs peer-disabled:cursor-not-allowed peer-disabled:opacity-70', {
+const labelVariants = (0, external_class_variance_authority_namespaceObject.cva)('inline-block text-xs peer-disabled:cursor-not-allowed peer-disabled:opacity-70', {
     variants: {
         variant: {
             default: 'font-medium text-foreground',

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

@@ -14,6 +14,15 @@ export type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Ro
  * the label's inline run, so the ellipsis swallows it, and a clipped field name
  * is unreadable anyway.
  *
+ * Renders `inline-block` rather than the `<label>` default of `inline`.
+ * Vertical margins do nothing on an inline box, so under Tailwind v4, where
+ * `space-y-*` puts `margin-block-end` on every child but the last, the gap a
+ * `space-y-1.5` wrapper means to put under the label was silently dropped.
+ * `inline-block` keeps the label usable in inline flow, which `block` would
+ * not. As a grid or flex item the label is blockified anyway, so this changes
+ * nothing inside `FormField`, and a consumer needing another display passes
+ * one: `cn` merges `className` last.
+ *
  * `data-variant` exposes the variant so a container can restyle every label of
  * one kind at once rather than reaching for each slot by name. Target it as
  * `label[data-variant=default]`: callers rename `data-slot`, and `data-variant`

package/dist/components/ui/label.js

@@ -3,7 +3,7 @@ import { Root } from "@radix-ui/react-label";
 import { cva } from "class-variance-authority";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
-const labelVariants = cva('text-xs peer-disabled:cursor-not-allowed peer-disabled:opacity-70', {
+const labelVariants = cva('inline-block text-xs peer-disabled:cursor-not-allowed peer-disabled:opacity-70', {
     variants: {
         variant: {
             default: 'font-medium text-foreground',

package/dist/fonts/font.css

@@ -0,0 +1 @@
+@import "@uipath/apollo-core/fonts/font.css";

package/dist/foundation/Future/typography.cjs

@@ -30,11 +30,12 @@ __webpack_require__.d(__webpack_exports__, {
     letterSpacing: ()=>letterSpacing,
     lineHeight: ()=>lineHeight
 });
+const SANS_STACK = "'Inter', 'noto-sans', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans TC', system-ui, sans-serif";
 const fontFamily = {
-    base: "'Inter', system-ui, -apple-system, sans-serif",
+    base: SANS_STACK,
     monospace: "'JetBrains Mono', 'SF Mono', 'Fira Code', 'Fira Mono', Menlo, monospace",
-    numeric: "'Inter', system-ui, -apple-system, sans-serif",
-    sans: "'Inter', system-ui, -apple-system, sans-serif"
+    numeric: SANS_STACK,
+    sans: SANS_STACK
 };
 const fontSize = {
     xs: 12,

package/dist/foundation/Future/typography.d.ts

@@ -8,13 +8,17 @@
  */
 export declare const fontFamily: {
     /** Primary sans-serif stack — used for all UI text */
-    readonly base: "'Inter', system-ui, -apple-system, sans-serif";
-    /** Monospace stack — used for code, data, and technical content */
+    readonly base: string;
+    /**
+     * Monospace stack — used for code, data, and technical content.
+     * None of these ship with apollo-core: Storybook loads JetBrains Mono from
+     * the Google Fonts CDN, consumers resolve to an OS mono font.
+     */
     readonly monospace: "'JetBrains Mono', 'SF Mono', 'Fira Code', 'Fira Mono', Menlo, monospace";
     /** Numeric stack — used for tabular numbers and data displays */
-    readonly numeric: "'Inter', system-ui, -apple-system, sans-serif";
+    readonly numeric: string;
     /** @deprecated Use `fontFamily.base` instead */
-    readonly sans: "'Inter', system-ui, -apple-system, sans-serif";
+    readonly sans: string;
 };
 /**
  * Font size scale in pixels.

package/dist/foundation/Future/typography.js

@@ -1,8 +1,9 @@
+const SANS_STACK = "'Inter', 'noto-sans', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans TC', system-ui, sans-serif";
 const fontFamily = {
-    base: "'Inter', system-ui, -apple-system, sans-serif",
+    base: SANS_STACK,
     monospace: "'JetBrains Mono', 'SF Mono', 'Fira Code', 'Fira Mono', Menlo, monospace",
-    numeric: "'Inter', system-ui, -apple-system, sans-serif",
-    sans: "'Inter', system-ui, -apple-system, sans-serif"
+    numeric: SANS_STACK,
+    sans: SANS_STACK
 };
 const fontSize = {
     xs: 12,

package/dist/styles.css

@@ -1759,6 +1759,9 @@
   .grid-cols-12 {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
+  .grid-cols-\[minmax\(0\,1fr\)\] {
+    grid-template-columns: minmax(0,1fr);
+  }
   .grid-rows-2 {
     grid-template-rows: repeat(2, minmax(0, 1fr));
   }
@@ -9997,6 +10000,35 @@ body.future-dark, .future-dark, body.future-light, .future-light {
   --destructive: var(--color-red-500);
   --destructive-foreground: var(--color-zinc-50);
   --input: var(--ap-wind-border);
+  --font-sans: Inter, noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC",
+    "Noto Sans TC", system-ui, sans-serif;
+  --font-normal: var(--font-sans);
+  --font-title: var(--font-sans);
+  --font-hero-bold-family: var(--font-sans);
+  --font-hero-family: var(--font-sans);
+  --font-header-1-bold-family: var(--font-sans);
+  --font-header-1-family: var(--font-sans);
+  --font-header-2-bold-family: var(--font-sans);
+  --font-header-2-family: var(--font-sans);
+  --font-header-3-bold-family: var(--font-sans);
+  --font-header-3-family: var(--font-sans);
+  --font-header-4-bold-family: var(--font-sans);
+  --font-header-4-family: var(--font-sans);
+  --font-l-bold-family: var(--font-sans);
+  --font-l-family: var(--font-sans);
+  --font-m-bold-family: var(--font-sans);
+  --font-m-family: var(--font-sans);
+  --font-link-family: var(--font-sans);
+  --font-s-bold-family: var(--font-sans);
+  --font-s-family: var(--font-sans);
+  --font-xs-bold-family: var(--font-sans);
+  --font-xs-family: var(--font-sans);
+  --font-brand-h-4-family: var(--font-sans);
+  --font-brand-l-family: var(--font-sans);
+  --font-brand-m-family: var(--font-sans);
+}
+body.future-dark.future-dark, .future-dark.future-dark, body.future-light.future-light, .future-light.future-light {
+  font-family: var(--font-sans);
 }
 body.future-dark, .future-dark {
   --gradient-1: linear-gradient(127deg, #3f3f47 25.94%, #27272a 74.06%);

package/dist/tailwind.css

@@ -185,6 +185,44 @@ body.future-light, .future-light {
   --destructive: var(--color-red-500);
   --destructive-foreground: var(--color-zinc-50);
   --input: var(--ap-wind-border);
+
+  /* Typography: Inter, shipped by apollo-core. Neither Inter nor noto-sans
+     covers CJK, so the four bundled Noto CJK families are chained explicitly
+     to keep ja/ko/zh resolving. Mono tokens untouched. */
+  --font-sans: Inter, noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC",
+    "Noto Sans TC", system-ui, sans-serif;
+  --font-normal: var(--font-sans);
+  --font-title: var(--font-sans);
+  --font-hero-bold-family: var(--font-sans);
+  --font-hero-family: var(--font-sans);
+  --font-header-1-bold-family: var(--font-sans);
+  --font-header-1-family: var(--font-sans);
+  --font-header-2-bold-family: var(--font-sans);
+  --font-header-2-family: var(--font-sans);
+  --font-header-3-bold-family: var(--font-sans);
+  --font-header-3-family: var(--font-sans);
+  --font-header-4-bold-family: var(--font-sans);
+  --font-header-4-family: var(--font-sans);
+  --font-l-bold-family: var(--font-sans);
+  --font-l-family: var(--font-sans);
+  --font-m-bold-family: var(--font-sans);
+  --font-m-family: var(--font-sans);
+  --font-link-family: var(--font-sans);
+  --font-s-bold-family: var(--font-sans);
+  --font-s-family: var(--font-sans);
+  --font-xs-bold-family: var(--font-sans);
+  --font-xs-family: var(--font-sans);
+  --font-brand-h-4-family: var(--font-sans);
+  --font-brand-l-family: var(--font-sans);
+  --font-brand-m-family: var(--font-sans);
+}
+
+/* Preflight pins --default-font-family at :root, so the theme class must set
+   font-family itself. Class doubled to outrank apollo's legacy Angular bundle,
+   which injects `.apollo-design { font-family: noto-sans }` (0,1,0) at runtime. */
+body.future-dark.future-dark, .future-dark.future-dark,
+body.future-light.future-light, .future-light.future-light {
+  font-family: var(--font-sans);
 }
 
 /* ── Future gradients (theme-specific stops, no core counterpart yet) ────── */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.44.0",
+  "version": "2.45.1",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",
@@ -42,6 +42,7 @@
     },
     "./styles.css": "./dist/styles.css",
     "./tailwind.css": "./dist/tailwind.css",
+    "./fonts/*": "./dist/fonts/*",
     "./tailwind": {
       "import": "./dist/tailwind.preset.js",
       "require": "./dist/tailwind.preset.cjs"
@@ -124,7 +125,7 @@
     "tailwindcss": "^4.1.17",
     "vaul": "^1.1.2",
     "zod": "^4.3.5",
-    "@uipath/apollo-core": "5.13.1"
+    "@uipath/apollo-core": "5.14.0"
   },
   "devDependencies": {
     "@codemirror/lang-javascript": "^6.2.5",