@uipath/apollo-wind 0.15.3 → 1.0.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.
Files changed (6) hide show
  1. package/dist/components/ui/index.cjs +14 -14
  2. package/dist/components/ui/resizable.cjs +5 -5
  3. package/dist/components/ui/resizable.d.ts +6 -20
  4. package/dist/components/ui/resizable.js +6 -6
  5. package/dist/styles.css +55 -60
  6. package/package.json +2 -2
package/dist/components/ui/index.cjs CHANGED
@@ -27,13 +27,13 @@ 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) {
34
34
  module.exports = require("./card.cjs");
35
35
  },
36
- "@/components/ui/checkbox" (module) {
36
+ "./checkbox" (module) {
37
37
  module.exports = require("./checkbox.cjs");
38
38
  },
39
39
  "./collapsible" (module) {
@@ -60,7 +60,7 @@ var __webpack_modules__ = {
60
60
  "./dialog" (module) {
61
61
  module.exports = require("./dialog.cjs");
62
62
  },
63
- "@/components/ui/dropdown-menu" (module) {
63
+ "./dropdown-menu" (module) {
64
64
  module.exports = require("./dropdown-menu.cjs");
65
65
  },
66
66
  "@/components/ui/editable-cell" (module) {
@@ -75,10 +75,10 @@ var __webpack_modules__ = {
75
75
  "./hover-card" (module) {
76
76
  module.exports = require("./hover-card.cjs");
77
77
  },
78
- "@/components/ui/input" (module) {
78
+ "./input" (module) {
79
79
  module.exports = require("./input.cjs");
80
80
  },
81
- "@/components/ui/label" (module) {
81
+ "./label" (module) {
82
82
  module.exports = require("./label.cjs");
83
83
  },
84
84
  "./layout" (module) {
@@ -138,7 +138,7 @@ var __webpack_modules__ = {
138
138
  "./switch" (module) {
139
139
  module.exports = require("./switch.cjs");
140
140
  },
141
- "@/components/ui/table" (module) {
141
+ "./table" (module) {
142
142
  module.exports = require("./table.cjs");
143
143
  },
144
144
  "./tabs" (module) {
@@ -150,7 +150,7 @@ var __webpack_modules__ = {
150
150
  "./toggle-group" (module) {
151
151
  module.exports = require("./toggle-group.cjs");
152
152
  },
153
- "./toggle" (module) {
153
+ "@/components/ui/toggle" (module) {
154
154
  module.exports = require("./toggle.cjs");
155
155
  },
156
156
  "./tooltip" (module) {
@@ -269,7 +269,7 @@ var __webpack_exports__ = {};
269
269
  "default"
270
270
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
271
271
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
272
- var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
272
+ var _calendar__rspack_import_9 = __webpack_require__("./calendar");
273
273
  var __rspack_reexport = {};
274
274
  for(const __rspack_import_key in _calendar__rspack_import_9)if ([
275
275
  "TreeView",
@@ -283,7 +283,7 @@ var __webpack_exports__ = {};
283
283
  "default"
284
284
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_card__rspack_import_10[__rspack_import_key];
285
285
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
286
- var _checkbox__rspack_import_11 = __webpack_require__("@/components/ui/checkbox");
286
+ var _checkbox__rspack_import_11 = __webpack_require__("./checkbox");
287
287
  var __rspack_reexport = {};
288
288
  for(const __rspack_import_key in _checkbox__rspack_import_11)if ([
289
289
  "TreeView",
@@ -346,7 +346,7 @@ var __webpack_exports__ = {};
346
346
  "default"
347
347
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dialog__rspack_import_19[__rspack_import_key];
348
348
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
349
- var _dropdown_menu__rspack_import_20 = __webpack_require__("@/components/ui/dropdown-menu");
349
+ var _dropdown_menu__rspack_import_20 = __webpack_require__("./dropdown-menu");
350
350
  var __rspack_reexport = {};
351
351
  for(const __rspack_import_key in _dropdown_menu__rspack_import_20)if ([
352
352
  "TreeView",
@@ -381,14 +381,14 @@ var __webpack_exports__ = {};
381
381
  "default"
382
382
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_24[__rspack_import_key];
383
383
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
384
- var _input__rspack_import_25 = __webpack_require__("@/components/ui/input");
384
+ var _input__rspack_import_25 = __webpack_require__("./input");
385
385
  var __rspack_reexport = {};
386
386
  for(const __rspack_import_key in _input__rspack_import_25)if ([
387
387
  "TreeView",
388
388
  "default"
389
389
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input__rspack_import_25[__rspack_import_key];
390
390
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
391
- var _label__rspack_import_26 = __webpack_require__("@/components/ui/label");
391
+ var _label__rspack_import_26 = __webpack_require__("./label");
392
392
  var __rspack_reexport = {};
393
393
  for(const __rspack_import_key in _label__rspack_import_26)if ([
394
394
  "TreeView",
@@ -528,7 +528,7 @@ var __webpack_exports__ = {};
528
528
  "default"
529
529
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_45[__rspack_import_key];
530
530
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
531
- var _table__rspack_import_46 = __webpack_require__("@/components/ui/table");
531
+ var _table__rspack_import_46 = __webpack_require__("./table");
532
532
  var __rspack_reexport = {};
533
533
  for(const __rspack_import_key in _table__rspack_import_46)if ([
534
534
  "TreeView",
@@ -549,7 +549,7 @@ var __webpack_exports__ = {};
549
549
  "default"
550
550
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_48[__rspack_import_key];
551
551
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
552
- var _toggle__rspack_import_49 = __webpack_require__("./toggle");
552
+ var _toggle__rspack_import_49 = __webpack_require__("@/components/ui/toggle");
553
553
  var __rspack_reexport = {};
554
554
  for(const __rspack_import_key in _toggle__rspack_import_49)if ([
555
555
  "TreeView",
package/dist/components/ui/resizable.cjs CHANGED
@@ -32,16 +32,16 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
32
32
  const external_lucide_react_namespaceObject = require("lucide-react");
33
33
  const external_react_resizable_panels_namespaceObject = require("react-resizable-panels");
34
34
  const index_cjs_namespaceObject = require("../../lib/index.cjs");
35
- const ResizablePanelGroup = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.PanelGroup, {
36
- className: (0, index_cjs_namespaceObject.cn)('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className),
35
+ const ResizablePanelGroup = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.Group, {
36
+ className: (0, index_cjs_namespaceObject.cn)('flex h-full w-full', className),
37
37
  ...props
38
38
  });
39
39
  const ResizablePanel = external_react_resizable_panels_namespaceObject.Panel;
40
- const ResizableHandle = ({ withHandle, className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.PanelResizeHandle, {
41
- className: (0, index_cjs_namespaceObject.cn)('group relative flex w-px items-center justify-center bg-border transition-colors data-[resize-handle-state=hover]:bg-primary data-[resize-handle-state=drag]:bg-primary after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90', className),
40
+ const ResizableHandle = ({ withHandle, className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.Separator, {
41
+ className: (0, index_cjs_namespaceObject.cn)('group relative flex w-px items-center justify-center bg-border transition-colors data-[separator=hover]:bg-primary data-[separator=active]:bg-primary after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:-translate-y-1/2 aria-[orientation=horizontal]:after:translate-x-0 [&[aria-orientation=horizontal]>div]:rotate-90', className),
42
42
  ...props,
43
43
  children: withHandle && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
44
- className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border transition-colors group-data-[resize-handle-state=hover]:bg-primary group-data-[resize-handle-state=drag]:bg-primary",
44
+ className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border transition-colors group-data-[separator=hover]:bg-primary group-data-[separator=active]:bg-primary",
45
45
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.GripVertical, {
46
46
  className: "h-2.5 w-2.5"
47
47
  })
package/dist/components/ui/resizable.d.ts CHANGED
@@ -1,23 +1,9 @@
1
- import * as ResizablePrimitive from 'react-resizable-panels';
2
- declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
3
- declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHRElement | HTMLSpanElement | HTMLObjectElement | HTMLParagraphElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLMapElement | HTMLTableElement | HTMLDialogElement | HTMLFormElement | HTMLImageElement | HTMLLinkElement | HTMLOptionElement | HTMLMeterElement | HTMLTextAreaElement | HTMLProgressElement | HTMLEmbedElement | HTMLPreElement | HTMLInputElement | HTMLSelectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMetaElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLScriptElement | HTMLSourceElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
4
- className?: string;
5
- collapsedSize?: number | undefined;
6
- collapsible?: boolean | undefined;
7
- defaultSize?: number | undefined;
8
- id?: string;
9
- maxSize?: number | undefined;
10
- minSize?: number | undefined;
11
- onCollapse?: ResizablePrimitive.PanelOnCollapse;
12
- onExpand?: ResizablePrimitive.PanelOnExpand;
13
- onResize?: ResizablePrimitive.PanelOnResize;
14
- order?: number;
15
- style?: object;
16
- tagName?: keyof HTMLElementTagNameMap | undefined;
17
- } & {
18
- children?: import("react").ReactNode | undefined;
19
- } & import("react").RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
20
- declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
1
+ import { Group, Panel, Separator } from 'react-resizable-panels';
2
+ import type { PanelImperativeHandle } from 'react-resizable-panels';
3
+ declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof Group>) => import("react/jsx-runtime").JSX.Element;
4
+ declare const ResizablePanel: typeof Panel;
5
+ declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof Separator> & {
21
6
  withHandle?: boolean;
22
7
  }) => import("react/jsx-runtime").JSX.Element;
23
8
  export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
9
+ export type { PanelImperativeHandle };
package/dist/components/ui/resizable.js CHANGED
@@ -1,17 +1,17 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { GripVertical } from "lucide-react";
3
- import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
3
+ import { Group, Panel, Separator } from "react-resizable-panels";
4
4
  import { cn } from "../../lib/index.js";
5
- const ResizablePanelGroup = ({ className, ...props })=>/*#__PURE__*/ jsx(PanelGroup, {
6
- className: cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className),
5
+ const ResizablePanelGroup = ({ className, ...props })=>/*#__PURE__*/ jsx(Group, {
6
+ className: cn('flex h-full w-full', className),
7
7
  ...props
8
8
  });
9
9
  const ResizablePanel = Panel;
10
- const ResizableHandle = ({ withHandle, className, ...props })=>/*#__PURE__*/ jsx(PanelResizeHandle, {
11
- className: cn('group relative flex w-px items-center justify-center bg-border transition-colors data-[resize-handle-state=hover]:bg-primary data-[resize-handle-state=drag]:bg-primary after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90', className),
10
+ const ResizableHandle = ({ withHandle, className, ...props })=>/*#__PURE__*/ jsx(Separator, {
11
+ className: cn('group relative flex w-px items-center justify-center bg-border transition-colors data-[separator=hover]:bg-primary data-[separator=active]:bg-primary after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:-translate-y-1/2 aria-[orientation=horizontal]:after:translate-x-0 [&[aria-orientation=horizontal]>div]:rotate-90', className),
12
12
  ...props,
13
13
  children: withHandle && /*#__PURE__*/ jsx("div", {
14
- className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border transition-colors group-data-[resize-handle-state=hover]:bg-primary group-data-[resize-handle-state=drag]:bg-primary",
14
+ className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border transition-colors group-data-[separator=hover]:bg-primary group-data-[separator=active]:bg-primary",
15
15
  children: /*#__PURE__*/ jsx(GripVertical, {
16
16
  className: "h-2.5 w-2.5"
17
17
  })
package/dist/styles.css CHANGED
@@ -4178,13 +4178,13 @@
4178
4178
  }
4179
4179
  }
4180
4180
  }
4181
- .group-data-\[resize-handle-state\=drag\]\:bg-primary {
4182
- &:is(:where(.group)[data-resize-handle-state="drag"] *) {
4181
+ .group-data-\[separator\=active\]\:bg-primary {
4182
+ &:is(:where(.group)[data-separator="active"] *) {
4183
4183
  background-color: var(--primary);
4184
4184
  }
4185
4185
  }
4186
- .group-data-\[resize-handle-state\=hover\]\:bg-primary {
4187
- &:is(:where(.group)[data-resize-handle-state="hover"] *) {
4186
+ .group-data-\[separator\=hover\]\:bg-primary {
4187
+ &:is(:where(.group)[data-separator="hover"] *) {
4188
4188
  background-color: var(--primary);
4189
4189
  }
4190
4190
  }
@@ -5047,72 +5047,42 @@
5047
5047
  color: var(--muted-foreground);
5048
5048
  }
5049
5049
  }
5050
- .data-\[active\=true\]\:bg-surface-overlay {
5051
- &[data-active="true"] {
5052
- background-color: var(--surface-overlay);
5053
- }
5054
- }
5055
- .data-\[disabled\]\:pointer-events-none {
5056
- &[data-disabled] {
5057
- pointer-events: none;
5058
- }
5059
- }
5060
- .data-\[disabled\]\:opacity-50 {
5061
- &[data-disabled] {
5062
- opacity: 50%;
5063
- }
5064
- }
5065
- .data-\[disabled\=true\]\:pointer-events-none {
5066
- &[data-disabled="true"] {
5067
- pointer-events: none;
5068
- }
5069
- }
5070
- .data-\[disabled\=true\]\:opacity-50 {
5071
- &[data-disabled="true"] {
5072
- opacity: 50%;
5073
- }
5074
- }
5075
- .data-\[panel-group-direction\=vertical\]\:h-px {
5076
- &[data-panel-group-direction="vertical"] {
5050
+ .aria-\[orientation\=horizontal\]\:h-px {
5051
+ &[aria-orientation="horizontal"] {
5077
5052
  height: 1px;
5078
5053
  }
5079
5054
  }
5080
- .data-\[panel-group-direction\=vertical\]\:w-full {
5081
- &[data-panel-group-direction="vertical"] {
5055
+ .aria-\[orientation\=horizontal\]\:w-full {
5056
+ &[aria-orientation="horizontal"] {
5082
5057
  width: 100%;
5083
5058
  }
5084
5059
  }
5085
- .data-\[panel-group-direction\=vertical\]\:flex-col {
5086
- &[data-panel-group-direction="vertical"] {
5087
- flex-direction: column;
5088
- }
5089
- }
5090
- .data-\[panel-group-direction\=vertical\]\:after\:left-0 {
5091
- &[data-panel-group-direction="vertical"] {
5060
+ .aria-\[orientation\=horizontal\]\:after\:left-0 {
5061
+ &[aria-orientation="horizontal"] {
5092
5062
  &::after {
5093
5063
  content: var(--tw-content);
5094
5064
  left: calc(var(--spacing) * 0);
5095
5065
  }
5096
5066
  }
5097
5067
  }
5098
- .data-\[panel-group-direction\=vertical\]\:after\:h-1 {
5099
- &[data-panel-group-direction="vertical"] {
5068
+ .aria-\[orientation\=horizontal\]\:after\:h-1 {
5069
+ &[aria-orientation="horizontal"] {
5100
5070
  &::after {
5101
5071
  content: var(--tw-content);
5102
5072
  height: calc(var(--spacing) * 1);
5103
5073
  }
5104
5074
  }
5105
5075
  }
5106
- .data-\[panel-group-direction\=vertical\]\:after\:w-full {
5107
- &[data-panel-group-direction="vertical"] {
5076
+ .aria-\[orientation\=horizontal\]\:after\:w-full {
5077
+ &[aria-orientation="horizontal"] {
5108
5078
  &::after {
5109
5079
  content: var(--tw-content);
5110
5080
  width: 100%;
5111
5081
  }
5112
5082
  }
5113
5083
  }
5114
- .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0 {
5115
- &[data-panel-group-direction="vertical"] {
5084
+ .aria-\[orientation\=horizontal\]\:after\:translate-x-0 {
5085
+ &[aria-orientation="horizontal"] {
5116
5086
  &::after {
5117
5087
  content: var(--tw-content);
5118
5088
  --tw-translate-x: calc(var(--spacing) * 0);
@@ -5120,8 +5090,8 @@
5120
5090
  }
5121
5091
  }
5122
5092
  }
5123
- .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2 {
5124
- &[data-panel-group-direction="vertical"] {
5093
+ .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2 {
5094
+ &[aria-orientation="horizontal"] {
5125
5095
  &::after {
5126
5096
  content: var(--tw-content);
5127
5097
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
@@ -5129,6 +5099,31 @@
5129
5099
  }
5130
5100
  }
5131
5101
  }
5102
+ .data-\[active\=true\]\:bg-surface-overlay {
5103
+ &[data-active="true"] {
5104
+ background-color: var(--surface-overlay);
5105
+ }
5106
+ }
5107
+ .data-\[disabled\]\:pointer-events-none {
5108
+ &[data-disabled] {
5109
+ pointer-events: none;
5110
+ }
5111
+ }
5112
+ .data-\[disabled\]\:opacity-50 {
5113
+ &[data-disabled] {
5114
+ opacity: 50%;
5115
+ }
5116
+ }
5117
+ .data-\[disabled\=true\]\:pointer-events-none {
5118
+ &[data-disabled="true"] {
5119
+ pointer-events: none;
5120
+ }
5121
+ }
5122
+ .data-\[disabled\=true\]\:opacity-50 {
5123
+ &[data-disabled="true"] {
5124
+ opacity: 50%;
5125
+ }
5126
+ }
5132
5127
  .data-\[placeholder\]\:text-muted-foreground {
5133
5128
  &[data-placeholder] {
5134
5129
  color: var(--muted-foreground);
@@ -5179,16 +5174,6 @@
5179
5174
  color: var(--primary-foreground);
5180
5175
  }
5181
5176
  }
5182
- .data-\[resize-handle-state\=drag\]\:bg-primary {
5183
- &[data-resize-handle-state="drag"] {
5184
- background-color: var(--primary);
5185
- }
5186
- }
5187
- .data-\[resize-handle-state\=hover\]\:bg-primary {
5188
- &[data-resize-handle-state="hover"] {
5189
- background-color: var(--primary);
5190
- }
5191
- }
5192
5177
  .data-\[selected-single\=true\]\:bg-primary {
5193
5178
  &[data-selected-single="true"] {
5194
5179
  background-color: var(--primary);
@@ -5214,6 +5199,16 @@
5214
5199
  color: var(--accent-foreground);
5215
5200
  }
5216
5201
  }
5202
+ .data-\[separator\=active\]\:bg-primary {
5203
+ &[data-separator="active"] {
5204
+ background-color: var(--primary);
5205
+ }
5206
+ }
5207
+ .data-\[separator\=hover\]\:bg-primary {
5208
+ &[data-separator="hover"] {
5209
+ background-color: var(--primary);
5210
+ }
5211
+ }
5217
5212
  .data-\[side\=bottom\]\:translate-y-1 {
5218
5213
  &[data-side="bottom"] {
5219
5214
  --tw-translate-y: calc(var(--spacing) * 1);
@@ -6021,8 +6016,8 @@
6021
6016
  }
6022
6017
  }
6023
6018
  }
6024
- .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 {
6025
- &[data-panel-group-direction=vertical]>div {
6019
+ .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90 {
6020
+ &[aria-orientation=horizontal]>div {
6026
6021
  rotate: 90deg;
6027
6022
  }
6028
6023
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-wind",
3
- "version": "0.15.3",
3
+ "version": "1.0.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",
@@ -103,7 +103,7 @@
103
103
  "react-day-picker": "^9.13.0",
104
104
  "react-hook-form": "^7.66.1",
105
105
  "react-live": "^4.1.8",
106
- "react-resizable-panels": "^3.0.6",
106
+ "react-resizable-panels": "^4.7.3",
107
107
  "react-syntax-highlighter": "^16.1.0",
108
108
  "recharts": "2.15.4",
109
109
  "sonner": "^2.0.7",