@uipath/apollo-wind 2.22.0 → 2.23.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.
@@ -270,10 +270,10 @@ function TabbedStepForm({ schema, context, customComponents, disabled, onReset }
270
270
  className: "flex flex-col gap-4",
271
271
  children: [
272
272
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsList, {
273
- className: "h-auto justify-start gap-4 overflow-x-auto rounded-none border-b border-border bg-transparent py-0 text-muted-foreground [-ms-overflow-style:none] [margin-inline:calc(var(--mf-content-inset,0px)*-1)] [padding-inline:var(--mf-content-inset,0px)] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
273
+ className: "h-auto justify-start gap-0.5 overflow-x-auto rounded-lg bg-transparent p-0.5 text-muted-foreground [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
274
274
  children: visibleSteps.map((step)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
275
275
  value: step.id,
276
- className: "-mb-px shrink-0 whitespace-nowrap rounded-none border-b-2 border-transparent bg-transparent px-1 pb-2 pt-1 font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:shadow-none",
276
+ className: "inline-flex h-6 shrink-0 items-center whitespace-nowrap rounded-md px-2.5 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:bg-surface-overlay data-[state=active]:text-foreground data-[state=active]:shadow-sm",
277
277
  children: step.title
278
278
  }, step.id))
279
279
  }),
@@ -242,10 +242,10 @@ function TabbedStepForm({ schema, context, customComponents, disabled, onReset }
242
242
  className: "flex flex-col gap-4",
243
243
  children: [
244
244
  /*#__PURE__*/ jsx(TabsList, {
245
- className: "h-auto justify-start gap-4 overflow-x-auto rounded-none border-b border-border bg-transparent py-0 text-muted-foreground [-ms-overflow-style:none] [margin-inline:calc(var(--mf-content-inset,0px)*-1)] [padding-inline:var(--mf-content-inset,0px)] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
245
+ className: "h-auto justify-start gap-0.5 overflow-x-auto rounded-lg bg-transparent p-0.5 text-muted-foreground [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
246
246
  children: visibleSteps.map((step)=>/*#__PURE__*/ jsx(TabsTrigger, {
247
247
  value: step.id,
248
- className: "-mb-px shrink-0 whitespace-nowrap rounded-none border-b-2 border-transparent bg-transparent px-1 pb-2 pt-1 font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:shadow-none",
248
+ className: "inline-flex h-6 shrink-0 items-center whitespace-nowrap rounded-md px-2.5 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:bg-surface-overlay data-[state=active]:text-foreground data-[state=active]:shadow-sm",
249
249
  children: step.title
250
250
  }, step.id))
251
251
  }),
@@ -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,13 +27,13 @@ var __webpack_modules__ = {
27
27
  "@/components/ui/button" (module) {
28
28
  module.exports = require("./button.cjs");
29
29
  },
30
- "./calendar" (module) {
30
+ "@/components/ui/calendar" (module) {
31
31
  module.exports = require("./calendar.cjs");
32
32
  },
33
- "@/components/ui/card" (module) {
33
+ "./card" (module) {
34
34
  module.exports = require("./card.cjs");
35
35
  },
36
- "./checkbox" (module) {
36
+ "@/components/ui/checkbox" (module) {
37
37
  module.exports = require("./checkbox.cjs");
38
38
  },
39
39
  "./collapsible" (module) {
@@ -60,10 +60,10 @@ var __webpack_modules__ = {
60
60
  "./dialog" (module) {
61
61
  module.exports = require("./dialog.cjs");
62
62
  },
63
- "./dropdown-menu" (module) {
63
+ "@/components/ui/dropdown-menu" (module) {
64
64
  module.exports = require("./dropdown-menu.cjs");
65
65
  },
66
- "@/components/ui/editable-cell" (module) {
66
+ "./editable-cell" (module) {
67
67
  module.exports = require("./editable-cell.cjs");
68
68
  },
69
69
  "./empty-state" (module) {
@@ -138,7 +138,7 @@ var __webpack_modules__ = {
138
138
  "./switch" (module) {
139
139
  module.exports = require("./switch.cjs");
140
140
  },
141
- "./table" (module) {
141
+ "@/components/ui/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
- "@/components/ui/toggle" (module) {
153
+ "./toggle" (module) {
154
154
  module.exports = require("./toggle.cjs");
155
155
  },
156
156
  "./tooltip" (module) {
@@ -241,7 +241,7 @@ var __webpack_exports__ = {};
241
241
  "default"
242
242
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_4[__rspack_import_key];
243
243
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
244
- var _badge__rspack_import_5 = __webpack_require__("@/components/ui/badge");
244
+ var _badge__rspack_import_5 = __webpack_require__("./badge");
245
245
  var __rspack_reexport = {};
246
246
  for(const __rspack_import_key in _badge__rspack_import_5)if ([
247
247
  "TreeView",
@@ -269,21 +269,21 @@ 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__("./calendar");
272
+ var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
273
273
  var __rspack_reexport = {};
274
274
  for(const __rspack_import_key in _calendar__rspack_import_9)if ([
275
275
  "TreeView",
276
276
  "default"
277
277
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
278
278
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
279
- var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
279
+ var _card__rspack_import_10 = __webpack_require__("./card");
280
280
  var __rspack_reexport = {};
281
281
  for(const __rspack_import_key in _card__rspack_import_10)if ([
282
282
  "TreeView",
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__("./checkbox");
286
+ var _checkbox__rspack_import_11 = __webpack_require__("@/components/ui/checkbox");
287
287
  var __rspack_reexport = {};
288
288
  for(const __rspack_import_key in _checkbox__rspack_import_11)if ([
289
289
  "TreeView",
@@ -346,14 +346,14 @@ 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__("./dropdown-menu");
349
+ var _dropdown_menu__rspack_import_20 = __webpack_require__("@/components/ui/dropdown-menu");
350
350
  var __rspack_reexport = {};
351
351
  for(const __rspack_import_key in _dropdown_menu__rspack_import_20)if ([
352
352
  "TreeView",
353
353
  "default"
354
354
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_20[__rspack_import_key];
355
355
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
356
- var _editable_cell__rspack_import_21 = __webpack_require__("@/components/ui/editable-cell");
356
+ var _editable_cell__rspack_import_21 = __webpack_require__("./editable-cell");
357
357
  var __rspack_reexport = {};
358
358
  for(const __rspack_import_key in _editable_cell__rspack_import_21)if ([
359
359
  "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__("./table");
531
+ var _table__rspack_import_46 = __webpack_require__("@/components/ui/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__("@/components/ui/toggle");
552
+ var _toggle__rspack_import_49 = __webpack_require__("./toggle");
553
553
  var __rspack_reexport = {};
554
554
  for(const __rspack_import_key in _toggle__rspack_import_49)if ([
555
555
  "TreeView",
@@ -296,7 +296,7 @@ const apolloFutureDarkMonaco = {
296
296
  inherit: false,
297
297
  rules: darkRules,
298
298
  colors: {
299
- 'editor.background': '#18181b',
299
+ 'editor.background': '#27272a',
300
300
  'editor.foreground': '#a1a1aa',
301
301
  'editorLineNumber.foreground': '#52525b',
302
302
  'editorLineNumber.activeForeground': '#a1a1aa',
@@ -333,7 +333,7 @@ const apolloFutureLightMonaco = {
333
333
  inherit: false,
334
334
  rules: lightRules,
335
335
  colors: {
336
- 'editor.background': '#f4f4f5',
336
+ 'editor.background': '#e4e4e7',
337
337
  'editor.foreground': '#52525b',
338
338
  'editorLineNumber.foreground': '#a1a1aa',
339
339
  'editorLineNumber.activeForeground': '#71717a',
@@ -263,7 +263,7 @@ const apolloFutureDarkMonaco = {
263
263
  inherit: false,
264
264
  rules: darkRules,
265
265
  colors: {
266
- 'editor.background': '#18181b',
266
+ 'editor.background': '#27272a',
267
267
  'editor.foreground': '#a1a1aa',
268
268
  'editorLineNumber.foreground': '#52525b',
269
269
  'editorLineNumber.activeForeground': '#a1a1aa',
@@ -300,7 +300,7 @@ const apolloFutureLightMonaco = {
300
300
  inherit: false,
301
301
  rules: lightRules,
302
302
  colors: {
303
- 'editor.background': '#f4f4f5',
303
+ 'editor.background': '#e4e4e7',
304
304
  'editor.foreground': '#52525b',
305
305
  'editorLineNumber.foreground': '#a1a1aa',
306
306
  'editorLineNumber.activeForeground': '#71717a',
package/dist/styles.css CHANGED
@@ -761,9 +761,6 @@
761
761
  .-mx-6 {
762
762
  margin-inline: calc(var(--spacing) * -6);
763
763
  }
764
- .\[margin-inline\:calc\(var\(--mf-content-inset\,0px\)\*-1\)\] {
765
- margin-inline: calc(var(--mf-content-inset,0px) * -1);
766
- }
767
764
  .mx-0\.5 {
768
765
  margin-inline: calc(var(--spacing) * 0.5);
769
766
  }
@@ -845,9 +842,6 @@
845
842
  .mr-auto {
846
843
  margin-right: auto;
847
844
  }
848
- .-mb-px {
849
- margin-bottom: -1px;
850
- }
851
845
  .mb-0\.5 {
852
846
  margin-bottom: calc(var(--spacing) * 0.5);
853
847
  }
@@ -3380,9 +3374,6 @@
3380
3374
  .p-px {
3381
3375
  padding: 1px;
3382
3376
  }
3383
- .\[padding-inline\:var\(--mf-content-inset\,0px\)\] {
3384
- padding-inline: var(--mf-content-inset,0px);
3385
- }
3386
3377
  .px-0 {
3387
3378
  padding-inline: calc(var(--spacing) * 0);
3388
3379
  }
@@ -5532,11 +5523,6 @@
5532
5523
  }
5533
5524
  }
5534
5525
  }
5535
- .data-\[state\=active\]\:border-primary {
5536
- &[data-state="active"] {
5537
- border-color: var(--primary);
5538
- }
5539
- }
5540
5526
  .data-\[state\=active\]\:border-b-primary {
5541
5527
  &[data-state="active"] {
5542
5528
  border-bottom-color: var(--primary);
@@ -5547,9 +5533,9 @@
5547
5533
  background-color: var(--background);
5548
5534
  }
5549
5535
  }
5550
- .data-\[state\=active\]\:bg-transparent {
5536
+ .data-\[state\=active\]\:bg-surface-overlay {
5551
5537
  &[data-state="active"] {
5552
- background-color: transparent;
5538
+ background-color: var(--surface-overlay);
5553
5539
  }
5554
5540
  }
5555
5541
  .data-\[state\=active\]\:text-foreground {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-wind",
3
- "version": "2.22.0",
3
+ "version": "2.23.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",