@uipath/apollo-wind 2.9.0 → 2.10.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 (5) hide show
  1. package/dist/components/ui/code-block.cjs +5 -4
  2. package/dist/components/ui/code-block.js +5 -4
  3. package/dist/components/ui/index.cjs +20 -20
  4. package/dist/styles.css +11 -0
  5. package/package.json +1 -1
package/dist/components/ui/code-block.cjs CHANGED
@@ -52,7 +52,7 @@ const THEME_CONFIG = {
52
52
  },
53
53
  'future-dark': {
54
54
  prismStyle: index_js_namespaceObject.vscDarkPlus,
55
- bg: '#18181b',
55
+ bg: 'var(--surface-raised)',
56
56
  headerBg: '#09090b',
57
57
  labelColor: '#a1a1aa',
58
58
  iconColor: '#71717a',
@@ -60,7 +60,7 @@ const THEME_CONFIG = {
60
60
  },
61
61
  'future-light': {
62
62
  prismStyle: index_js_namespaceObject.vs,
63
- bg: '#fafafa',
63
+ bg: 'var(--surface-raised)',
64
64
  headerBg: '#f4f4f5',
65
65
  labelColor: '#52525b',
66
66
  iconColor: '#71717a',
@@ -164,13 +164,13 @@ function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCop
164
164
  }, []);
165
165
  const showHeader = !!(fileName || language || showCopyButton);
166
166
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
167
- className: (0, index_cjs_namespaceObject.cn)('overflow-hidden rounded-lg border border-border font-mono text-sm', className),
167
+ className: (0, index_cjs_namespaceObject.cn)('overflow-hidden rounded-lg border border-border future:border-border-subtle font-mono text-sm', className),
168
168
  style: {
169
169
  background: config.bg
170
170
  },
171
171
  children: [
172
172
  showHeader && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
173
- className: "flex items-center justify-between px-4 py-2 border-b border-border",
173
+ className: "flex items-center justify-between px-4 py-2 border-b border-border future:border-border-subtle",
174
174
  style: {
175
175
  background: config.headerBg
176
176
  },
@@ -203,6 +203,7 @@ function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCop
203
203
  wrapLongLines: wrapLines,
204
204
  customStyle: {
205
205
  margin: 0,
206
+ border: 'none',
206
207
  borderRadius: 0,
207
208
  background: 'transparent',
208
209
  padding: '1rem',
package/dist/components/ui/code-block.js CHANGED
@@ -24,7 +24,7 @@ const THEME_CONFIG = {
24
24
  },
25
25
  'future-dark': {
26
26
  prismStyle: vscDarkPlus,
27
- bg: '#18181b',
27
+ bg: 'var(--surface-raised)',
28
28
  headerBg: '#09090b',
29
29
  labelColor: '#a1a1aa',
30
30
  iconColor: '#71717a',
@@ -32,7 +32,7 @@ const THEME_CONFIG = {
32
32
  },
33
33
  'future-light': {
34
34
  prismStyle: vs,
35
- bg: '#fafafa',
35
+ bg: 'var(--surface-raised)',
36
36
  headerBg: '#f4f4f5',
37
37
  labelColor: '#52525b',
38
38
  iconColor: '#71717a',
@@ -136,13 +136,13 @@ function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCop
136
136
  }, []);
137
137
  const showHeader = !!(fileName || language || showCopyButton);
138
138
  return /*#__PURE__*/ jsxs("div", {
139
- className: cn('overflow-hidden rounded-lg border border-border font-mono text-sm', className),
139
+ className: cn('overflow-hidden rounded-lg border border-border future:border-border-subtle font-mono text-sm', className),
140
140
  style: {
141
141
  background: config.bg
142
142
  },
143
143
  children: [
144
144
  showHeader && /*#__PURE__*/ jsxs("div", {
145
- className: "flex items-center justify-between px-4 py-2 border-b border-border",
145
+ className: "flex items-center justify-between px-4 py-2 border-b border-border future:border-border-subtle",
146
146
  style: {
147
147
  background: config.headerBg
148
148
  },
@@ -175,6 +175,7 @@ function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCop
175
175
  wrapLongLines: wrapLines,
176
176
  customStyle: {
177
177
  margin: 0,
178
+ border: 'none',
178
179
  borderRadius: 0,
179
180
  background: 'transparent',
180
181
  padding: '1rem',
package/dist/components/ui/index.cjs CHANGED
@@ -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) {
@@ -33,19 +33,19 @@ var __webpack_modules__ = {
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
- "@/components/ui/collapsible" (module) {
39
+ "./collapsible" (module) {
40
40
  module.exports = require("./collapsible.cjs");
41
41
  },
42
42
  "./combobox" (module) {
43
43
  module.exports = require("./combobox.cjs");
44
44
  },
45
- "@/components/ui/command" (module) {
45
+ "./command" (module) {
46
46
  module.exports = require("./command.cjs");
47
47
  },
48
- "@/components/ui/context-menu" (module) {
48
+ "./context-menu" (module) {
49
49
  module.exports = require("./context-menu.cjs");
50
50
  },
51
51
  "./data-table" (module) {
@@ -60,10 +60,10 @@ var __webpack_modules__ = {
60
60
  "@/components/ui/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
- "@/components/ui/editable-cell" (module) {
66
+ "./editable-cell" (module) {
67
67
  module.exports = require("./editable-cell.cjs");
68
68
  },
69
69
  "./empty-state" (module) {
@@ -72,7 +72,7 @@ var __webpack_modules__ = {
72
72
  "./file-upload" (module) {
73
73
  module.exports = require("./file-upload.cjs");
74
74
  },
75
- "@/components/ui/hover-card" (module) {
75
+ "./hover-card" (module) {
76
76
  module.exports = require("./hover-card.cjs");
77
77
  },
78
78
  "@/components/ui/input" (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
- "@/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",
@@ -283,14 +283,14 @@ 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",
290
290
  "default"
291
291
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_checkbox__rspack_import_11[__rspack_import_key];
292
292
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
293
- var _collapsible__rspack_import_12 = __webpack_require__("@/components/ui/collapsible");
293
+ var _collapsible__rspack_import_12 = __webpack_require__("./collapsible");
294
294
  var __rspack_reexport = {};
295
295
  for(const __rspack_import_key in _collapsible__rspack_import_12)if ([
296
296
  "TreeView",
@@ -304,14 +304,14 @@ var __webpack_exports__ = {};
304
304
  "default"
305
305
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_13[__rspack_import_key];
306
306
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
307
- var _command__rspack_import_14 = __webpack_require__("@/components/ui/command");
307
+ var _command__rspack_import_14 = __webpack_require__("./command");
308
308
  var __rspack_reexport = {};
309
309
  for(const __rspack_import_key in _command__rspack_import_14)if ([
310
310
  "TreeView",
311
311
  "default"
312
312
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_14[__rspack_import_key];
313
313
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
314
- var _context_menu__rspack_import_15 = __webpack_require__("@/components/ui/context-menu");
314
+ var _context_menu__rspack_import_15 = __webpack_require__("./context-menu");
315
315
  var __rspack_reexport = {};
316
316
  for(const __rspack_import_key in _context_menu__rspack_import_15)if ([
317
317
  "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__("@/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",
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",
@@ -374,7 +374,7 @@ var __webpack_exports__ = {};
374
374
  "default"
375
375
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_file_upload__rspack_import_23[__rspack_import_key];
376
376
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
377
- var _hover_card__rspack_import_24 = __webpack_require__("@/components/ui/hover-card");
377
+ var _hover_card__rspack_import_24 = __webpack_require__("./hover-card");
378
378
  var __rspack_reexport = {};
379
379
  for(const __rspack_import_key in _hover_card__rspack_import_24)if ([
380
380
  "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__("@/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",
package/dist/styles.css CHANGED
@@ -5783,6 +5783,11 @@
5783
5783
  border-color: var(--ap-wind-border);
5784
5784
  }
5785
5785
  }
5786
+ .future\:border-border-subtle {
5787
+ :is(.future-dark, .future-light) & {
5788
+ border-color: var(--border-subtle);
5789
+ }
5790
+ }
5786
5791
  .future\:bg-surface-overlay {
5787
5792
  :is(.future-dark, .future-light) & {
5788
5793
  background-color: var(--surface-overlay);
@@ -5814,6 +5819,12 @@
5814
5819
  line-height: var(--tw-leading, var(--text-sm--line-height));
5815
5820
  }
5816
5821
  }
5822
+ .future\:font-normal {
5823
+ :is(.future-dark, .future-light) & {
5824
+ --tw-font-weight: var(--font-weight-normal);
5825
+ font-weight: var(--font-weight-normal);
5826
+ }
5827
+ }
5817
5828
  .future\:text-foreground {
5818
5829
  :is(.future-dark, .future-light) & {
5819
5830
  color: var(--foreground);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-wind",
3
- "version": "2.9.0",
3
+ "version": "2.10.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",