@uipath/apollo-wind 2.45.0 → 2.46.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -40,7 +40,8 @@ const buttonVariants = (0, external_class_variance_authority_namespaceObject.cva
40
40
  outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground future:border-border-subtle future:text-muted-foreground future:hover:text-foreground',
41
41
  secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 future:text-muted-foreground future:hover:text-foreground',
42
42
  ghost: 'hover:bg-accent hover:text-accent-foreground future:text-muted-foreground future:hover:text-foreground',
43
- link: 'text-primary underline-offset-4 hover:underline future:text-muted-foreground future:hover:text-foreground'
43
+ link: 'text-primary underline-offset-4 hover:underline future:text-muted-foreground future:hover:text-foreground',
44
+ text: 'text-primary hover:text-primary-hover'
44
45
  },
45
46
  size: {
46
47
  lg: 'h-11 px-8',
@@ -1,7 +1,7 @@
1
1
  import { type VariantProps } from 'class-variance-authority';
2
2
  import * as React from 'react';
3
3
  declare const buttonVariants: (props?: ({
4
- variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
4
+ variant?: "link" | "text" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
5
5
  size?: "default" | "icon" | "lg" | "sm" | "xs" | "2xs" | "3xs" | "4xs" | null | undefined;
6
6
  icon?: boolean | null | undefined;
7
7
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -11,7 +11,8 @@ const buttonVariants = cva('inline-flex items-center justify-center gap-2 whites
11
11
  outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground future:border-border-subtle future:text-muted-foreground future:hover:text-foreground',
12
12
  secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 future:text-muted-foreground future:hover:text-foreground',
13
13
  ghost: 'hover:bg-accent hover:text-accent-foreground future:text-muted-foreground future:hover:text-foreground',
14
- link: 'text-primary underline-offset-4 hover:underline future:text-muted-foreground future:hover:text-foreground'
14
+ link: 'text-primary underline-offset-4 hover:underline future:text-muted-foreground future:hover:text-foreground',
15
+ text: 'text-primary hover:text-primary-hover'
15
16
  },
16
17
  size: {
17
18
  lg: 'h-11 px-8',
@@ -36,7 +36,7 @@ const index_cjs_namespaceObject = require("../../lib/index.cjs");
36
36
  const FormField = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
37
37
  ref: ref,
38
38
  "data-slot": "form-field",
39
- className: (0, index_cjs_namespaceObject.cn)('grid gap-1.5', className),
39
+ className: (0, index_cjs_namespaceObject.cn)('grid grid-cols-[minmax(0,1fr)] gap-1.5', className),
40
40
  ...props,
41
41
  children: children
42
42
  }));
@@ -6,6 +6,14 @@ export type FormFieldProps = React.ComponentPropsWithoutRef<'div'>;
6
6
  *
7
7
  * These parts are presentational and hold no form state, so they compose the
8
8
  * same way inside a metadata-driven form as they do in hand-built panels.
9
+ *
10
+ * The single column is pinned to `minmax(0, 1fr)` rather than left implicit.
11
+ * An implicit `auto` track floors at its widest child's min-content, and a
12
+ * control that ellipsizes is `white-space: nowrap`, so its min-content is the
13
+ * whole string: the field would push past a width-constrained host instead of
14
+ * truncating. A `1fr` track still resolves to max-content when the host width
15
+ * is indefinite, so shrink-to-fit hosts are unaffected. `className` is merged
16
+ * last, so a consumer can still override with `grid-cols-2` or similar.
9
17
  */
10
18
  declare const FormField: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
19
  export interface FormFieldLabelProps extends React.ComponentPropsWithoutRef<typeof Label> {
@@ -5,7 +5,7 @@ import { cn } from "../../lib/index.js";
5
5
  const FormField = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
6
6
  ref: ref,
7
7
  "data-slot": "form-field",
8
- className: cn('grid gap-1.5', className),
8
+ className: cn('grid grid-cols-[minmax(0,1fr)] gap-1.5', className),
9
9
  ...props,
10
10
  children: children
11
11
  }));
@@ -15,7 +15,7 @@ var __webpack_modules__ = {
15
15
  "./avatar" (module) {
16
16
  module.exports = require("./avatar.cjs");
17
17
  },
18
- "@/components/ui/badge" (module) {
18
+ "./badge" (module) {
19
19
  module.exports = require("./badge.cjs");
20
20
  },
21
21
  "./breadcrumb" (module) {
@@ -27,7 +27,7 @@ var __webpack_modules__ = {
27
27
  "@/components/ui/button" (module) {
28
28
  module.exports = require("./button.cjs");
29
29
  },
30
- "@/components/ui/calendar" (module) {
30
+ "./calendar" (module) {
31
31
  module.exports = require("./calendar.cjs");
32
32
  },
33
33
  "@/components/ui/card" (module) {
@@ -36,19 +36,19 @@ var __webpack_modules__ = {
36
36
  "./chart" (module) {
37
37
  module.exports = require("./chart.cjs");
38
38
  },
39
- "@/components/ui/checkbox" (module) {
39
+ "./checkbox" (module) {
40
40
  module.exports = require("./checkbox.cjs");
41
41
  },
42
- "@/components/ui/collapsible" (module) {
42
+ "./collapsible" (module) {
43
43
  module.exports = require("./collapsible.cjs");
44
44
  },
45
45
  "./combobox" (module) {
46
46
  module.exports = require("./combobox.cjs");
47
47
  },
48
- "@/components/ui/command" (module) {
48
+ "./command" (module) {
49
49
  module.exports = require("./command.cjs");
50
50
  },
51
- "@/components/ui/context-menu" (module) {
51
+ "./context-menu" (module) {
52
52
  module.exports = require("./context-menu.cjs");
53
53
  },
54
54
  "./data-table" (module) {
@@ -66,10 +66,10 @@ var __webpack_modules__ = {
66
66
  "./drawer" (module) {
67
67
  module.exports = require("./drawer.cjs");
68
68
  },
69
- "@/components/ui/dropdown-menu" (module) {
69
+ "./dropdown-menu" (module) {
70
70
  module.exports = require("./dropdown-menu.cjs");
71
71
  },
72
- "@/components/ui/editable-cell" (module) {
72
+ "./editable-cell" (module) {
73
73
  module.exports = require("./editable-cell.cjs");
74
74
  },
75
75
  "./empty-state" (module) {
@@ -81,16 +81,16 @@ var __webpack_modules__ = {
81
81
  "./form-field" (module) {
82
82
  module.exports = require("./form-field.cjs");
83
83
  },
84
- "@/components/ui/hover-card" (module) {
84
+ "./hover-card" (module) {
85
85
  module.exports = require("./hover-card.cjs");
86
86
  },
87
- "@/components/ui/input-group" (module) {
87
+ "./input-group" (module) {
88
88
  module.exports = require("./input-group.cjs");
89
89
  },
90
90
  "@/components/ui/input" (module) {
91
91
  module.exports = require("./input.cjs");
92
92
  },
93
- "@/components/ui/label" (module) {
93
+ "./label" (module) {
94
94
  module.exports = require("./label.cjs");
95
95
  },
96
96
  "./layout" (module) {
@@ -108,7 +108,7 @@ var __webpack_modules__ = {
108
108
  "@/components/ui/popover" (module) {
109
109
  module.exports = require("./popover.cjs");
110
110
  },
111
- "@/components/ui/portal-container" (module) {
111
+ "./portal-container" (module) {
112
112
  module.exports = require("./portal-container.cjs");
113
113
  },
114
114
  "./progress" (module) {
@@ -159,7 +159,7 @@ var __webpack_modules__ = {
159
159
  "./switch" (module) {
160
160
  module.exports = require("./switch.cjs");
161
161
  },
162
- "@/components/ui/table" (module) {
162
+ "./table" (module) {
163
163
  module.exports = require("./table.cjs");
164
164
  },
165
165
  "./tabs" (module) {
@@ -171,7 +171,7 @@ var __webpack_modules__ = {
171
171
  "./toggle-group" (module) {
172
172
  module.exports = require("./toggle-group.cjs");
173
173
  },
174
- "@/components/ui/toggle" (module) {
174
+ "./toggle" (module) {
175
175
  module.exports = require("./toggle.cjs");
176
176
  },
177
177
  "./tooltip" (module) {
@@ -265,7 +265,7 @@ var __webpack_exports__ = {};
265
265
  "default"
266
266
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_4[__rspack_import_key];
267
267
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
268
- var _badge__rspack_import_5 = __webpack_require__("@/components/ui/badge");
268
+ var _badge__rspack_import_5 = __webpack_require__("./badge");
269
269
  var __rspack_reexport = {};
270
270
  for(const __rspack_import_key in _badge__rspack_import_5)if ([
271
271
  "TreeView",
@@ -293,7 +293,7 @@ var __webpack_exports__ = {};
293
293
  "default"
294
294
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
295
295
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
296
- var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
296
+ var _calendar__rspack_import_9 = __webpack_require__("./calendar");
297
297
  var __rspack_reexport = {};
298
298
  for(const __rspack_import_key in _calendar__rspack_import_9)if ([
299
299
  "TreeView",
@@ -314,14 +314,14 @@ var __webpack_exports__ = {};
314
314
  "default"
315
315
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_chart__rspack_import_11[__rspack_import_key];
316
316
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
317
- var _checkbox__rspack_import_12 = __webpack_require__("@/components/ui/checkbox");
317
+ var _checkbox__rspack_import_12 = __webpack_require__("./checkbox");
318
318
  var __rspack_reexport = {};
319
319
  for(const __rspack_import_key in _checkbox__rspack_import_12)if ([
320
320
  "TreeView",
321
321
  "default"
322
322
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_checkbox__rspack_import_12[__rspack_import_key];
323
323
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
324
- var _collapsible__rspack_import_13 = __webpack_require__("@/components/ui/collapsible");
324
+ var _collapsible__rspack_import_13 = __webpack_require__("./collapsible");
325
325
  var __rspack_reexport = {};
326
326
  for(const __rspack_import_key in _collapsible__rspack_import_13)if ([
327
327
  "TreeView",
@@ -335,14 +335,14 @@ var __webpack_exports__ = {};
335
335
  "default"
336
336
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_14[__rspack_import_key];
337
337
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
338
- var _command__rspack_import_15 = __webpack_require__("@/components/ui/command");
338
+ var _command__rspack_import_15 = __webpack_require__("./command");
339
339
  var __rspack_reexport = {};
340
340
  for(const __rspack_import_key in _command__rspack_import_15)if ([
341
341
  "TreeView",
342
342
  "default"
343
343
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_15[__rspack_import_key];
344
344
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
345
- var _context_menu__rspack_import_16 = __webpack_require__("@/components/ui/context-menu");
345
+ var _context_menu__rspack_import_16 = __webpack_require__("./context-menu");
346
346
  var __rspack_reexport = {};
347
347
  for(const __rspack_import_key in _context_menu__rspack_import_16)if ([
348
348
  "TreeView",
@@ -384,14 +384,14 @@ var __webpack_exports__ = {};
384
384
  "default"
385
385
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_drawer__rspack_import_21[__rspack_import_key];
386
386
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
387
- var _dropdown_menu__rspack_import_22 = __webpack_require__("@/components/ui/dropdown-menu");
387
+ var _dropdown_menu__rspack_import_22 = __webpack_require__("./dropdown-menu");
388
388
  var __rspack_reexport = {};
389
389
  for(const __rspack_import_key in _dropdown_menu__rspack_import_22)if ([
390
390
  "TreeView",
391
391
  "default"
392
392
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_22[__rspack_import_key];
393
393
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
394
- var _editable_cell__rspack_import_23 = __webpack_require__("@/components/ui/editable-cell");
394
+ var _editable_cell__rspack_import_23 = __webpack_require__("./editable-cell");
395
395
  var __rspack_reexport = {};
396
396
  for(const __rspack_import_key in _editable_cell__rspack_import_23)if ([
397
397
  "TreeView",
@@ -419,7 +419,7 @@ var __webpack_exports__ = {};
419
419
  "default"
420
420
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_file_upload__rspack_import_26[__rspack_import_key];
421
421
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
422
- var _hover_card__rspack_import_27 = __webpack_require__("@/components/ui/hover-card");
422
+ var _hover_card__rspack_import_27 = __webpack_require__("./hover-card");
423
423
  var __rspack_reexport = {};
424
424
  for(const __rspack_import_key in _hover_card__rspack_import_27)if ([
425
425
  "TreeView",
@@ -433,14 +433,14 @@ var __webpack_exports__ = {};
433
433
  "default"
434
434
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input__rspack_import_28[__rspack_import_key];
435
435
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
436
- var _input_group__rspack_import_29 = __webpack_require__("@/components/ui/input-group");
436
+ var _input_group__rspack_import_29 = __webpack_require__("./input-group");
437
437
  var __rspack_reexport = {};
438
438
  for(const __rspack_import_key in _input_group__rspack_import_29)if ([
439
439
  "TreeView",
440
440
  "default"
441
441
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input_group__rspack_import_29[__rspack_import_key];
442
442
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
443
- var _label__rspack_import_30 = __webpack_require__("@/components/ui/label");
443
+ var _label__rspack_import_30 = __webpack_require__("./label");
444
444
  var __rspack_reexport = {};
445
445
  for(const __rspack_import_key in _label__rspack_import_30)if ([
446
446
  "TreeView",
@@ -482,7 +482,7 @@ var __webpack_exports__ = {};
482
482
  "default"
483
483
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_popover__rspack_import_35[__rspack_import_key];
484
484
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
485
- var _portal_container__rspack_import_36 = __webpack_require__("@/components/ui/portal-container");
485
+ var _portal_container__rspack_import_36 = __webpack_require__("./portal-container");
486
486
  var __rspack_reexport = {};
487
487
  for(const __rspack_import_key in _portal_container__rspack_import_36)if ([
488
488
  "TreeView",
@@ -601,7 +601,7 @@ var __webpack_exports__ = {};
601
601
  "default"
602
602
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_52[__rspack_import_key];
603
603
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
604
- var _table__rspack_import_53 = __webpack_require__("@/components/ui/table");
604
+ var _table__rspack_import_53 = __webpack_require__("./table");
605
605
  var __rspack_reexport = {};
606
606
  for(const __rspack_import_key in _table__rspack_import_53)if ([
607
607
  "TreeView",
@@ -622,7 +622,7 @@ var __webpack_exports__ = {};
622
622
  "default"
623
623
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_55[__rspack_import_key];
624
624
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
625
- var _toggle__rspack_import_56 = __webpack_require__("@/components/ui/toggle");
625
+ var _toggle__rspack_import_56 = __webpack_require__("./toggle");
626
626
  var __rspack_reexport = {};
627
627
  for(const __rspack_import_key in _toggle__rspack_import_56)if ([
628
628
  "TreeView",
@@ -32,7 +32,7 @@ const react_label_namespaceObject = require("@radix-ui/react-label");
32
32
  const external_class_variance_authority_namespaceObject = require("class-variance-authority");
33
33
  const external_react_namespaceObject = require("react");
34
34
  const index_cjs_namespaceObject = require("../../lib/index.cjs");
35
- const labelVariants = (0, external_class_variance_authority_namespaceObject.cva)('text-xs peer-disabled:cursor-not-allowed peer-disabled:opacity-70', {
35
+ const labelVariants = (0, external_class_variance_authority_namespaceObject.cva)('inline-block text-xs peer-disabled:cursor-not-allowed peer-disabled:opacity-70', {
36
36
  variants: {
37
37
  variant: {
38
38
  default: 'font-medium text-foreground',
@@ -14,6 +14,15 @@ export type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Ro
14
14
  * the label's inline run, so the ellipsis swallows it, and a clipped field name
15
15
  * is unreadable anyway.
16
16
  *
17
+ * Renders `inline-block` rather than the `<label>` default of `inline`.
18
+ * Vertical margins do nothing on an inline box, so under Tailwind v4, where
19
+ * `space-y-*` puts `margin-block-end` on every child but the last, the gap a
20
+ * `space-y-1.5` wrapper means to put under the label was silently dropped.
21
+ * `inline-block` keeps the label usable in inline flow, which `block` would
22
+ * not. As a grid or flex item the label is blockified anyway, so this changes
23
+ * nothing inside `FormField`, and a consumer needing another display passes
24
+ * one: `cn` merges `className` last.
25
+ *
17
26
  * `data-variant` exposes the variant so a container can restyle every label of
18
27
  * one kind at once rather than reaching for each slot by name. Target it as
19
28
  * `label[data-variant=default]`: callers rename `data-slot`, and `data-variant`
@@ -3,7 +3,7 @@ import { Root } from "@radix-ui/react-label";
3
3
  import { cva } from "class-variance-authority";
4
4
  import { forwardRef } from "react";
5
5
  import { cn } from "../../lib/index.js";
6
- const labelVariants = cva('text-xs peer-disabled:cursor-not-allowed peer-disabled:opacity-70', {
6
+ const labelVariants = cva('inline-block text-xs peer-disabled:cursor-not-allowed peer-disabled:opacity-70', {
7
7
  variants: {
8
8
  variant: {
9
9
  default: 'font-medium text-foreground',
package/dist/styles.css CHANGED
@@ -1205,9 +1205,6 @@
1205
1205
  .min-h-12 {
1206
1206
  min-height: calc(var(--spacing) * 12);
1207
1207
  }
1208
- .min-h-24 {
1209
- min-height: calc(var(--spacing) * 24);
1210
- }
1211
1208
  .min-h-28 {
1212
1209
  min-height: calc(var(--spacing) * 28);
1213
1210
  }
@@ -1759,6 +1756,9 @@
1759
1756
  .grid-cols-12 {
1760
1757
  grid-template-columns: repeat(12, minmax(0, 1fr));
1761
1758
  }
1759
+ .grid-cols-\[minmax\(0\,1fr\)\] {
1760
+ grid-template-columns: minmax(0,1fr);
1761
+ }
1762
1762
  .grid-rows-2 {
1763
1763
  grid-template-rows: repeat(2, minmax(0, 1fr));
1764
1764
  }
@@ -5157,13 +5157,6 @@
5157
5157
  }
5158
5158
  }
5159
5159
  }
5160
- .hover\:text-brand-hover {
5161
- &:hover {
5162
- @media (hover: hover) {
5163
- color: var(--brand-hover);
5164
- }
5165
- }
5166
- }
5167
5160
  .hover\:text-destructive {
5168
5161
  &:hover {
5169
5162
  @media (hover: hover) {
@@ -5206,6 +5199,13 @@
5206
5199
  }
5207
5200
  }
5208
5201
  }
5202
+ .hover\:text-primary-hover {
5203
+ &:hover {
5204
+ @media (hover: hover) {
5205
+ color: var(--color-primary-hover);
5206
+ }
5207
+ }
5208
+ }
5209
5209
  .hover\:text-primary\/80 {
5210
5210
  &:hover {
5211
5211
  @media (hover: hover) {
@@ -6339,11 +6339,6 @@
6339
6339
  font-weight: var(--font-weight-normal);
6340
6340
  }
6341
6341
  }
6342
- .future\:text-brand {
6343
- :is(.future-dark, .future-light) & {
6344
- color: var(--brand);
6345
- }
6346
- }
6347
6342
  .future\:text-foreground {
6348
6343
  :is(.future-dark, .future-light) & {
6349
6344
  color: var(--foreground);
@@ -6440,15 +6435,6 @@
6440
6435
  }
6441
6436
  }
6442
6437
  }
6443
- .future\:hover\:text-brand-hover {
6444
- :is(.future-dark, .future-light) & {
6445
- &:hover {
6446
- @media (hover: hover) {
6447
- color: var(--brand-hover);
6448
- }
6449
- }
6450
- }
6451
- }
6452
6438
  .future\:hover\:text-foreground {
6453
6439
  :is(.future-dark, .future-light) & {
6454
6440
  &:hover {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-wind",
3
- "version": "2.45.0",
3
+ "version": "2.46.0",
4
4
  "description": "UiPath wind design system - A Tailwind CSS based React component library",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",