@n8n/design-system 2.25.0 → 2.26.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 (15) hide show
  1. package/.turbo/turbo-build$colon$unchecked.log +87 -77
  2. package/biome.jsonc +5 -1
  3. package/dist/design-system.css +1 -1
  4. package/dist/emojiData-B2DmDStL.js +24848 -0
  5. package/dist/en-CQDOOTzf.js +2 -0
  6. package/dist/{en-cusRXFgs.js → en-CeiJ51z2.js} +77 -1
  7. package/dist/lucideIconData-D_Sr0JOU.js +22477 -0
  8. package/dist/n8n-design-system.es.js +14358 -13565
  9. package/dist/n8n-design-system.umd.js +72 -72
  10. package/package.json +1 -1
  11. package/src/index.ts +2 -0
  12. package/vite.config.mts +2 -0
  13. package/dist/compact-Q0gG5s1Q.js +0 -4
  14. package/dist/en-CddpS_8k.js +0 -2
  15. /package/dist/{node-icons-VCyExEKH.js → node-icons-Cn_NF7qq.js} +0 -0
package/.turbo/turbo-build$colon$unchecked.log CHANGED
@@ -1,117 +1,127 @@
1
1
 
2
- > @n8n/design-system@2.25.0 build:unchecked /home/runner/work/n8n/n8n/packages/frontend/@n8n/design-system
2
+ > @n8n/design-system@2.26.0 build:unchecked /home/runner/work/n8n/n8n/packages/frontend/@n8n/design-system
3
3
  > pnpm run build
4
4
 
5
+ ../../../@n8n/tournament |  WARN  The field "pnpm.overrides" was found in /home/runner/work/n8n/n8n/packages/@n8n/tournament/package.json. This will not take effect. You should configure "pnpm.overrides" at the root of the workspace instead.
5
6
 
6
- > @n8n/design-system@2.25.0 build /home/runner/work/n8n/n8n/packages/frontend/@n8n/design-system
7
+ > @n8n/design-system@2.26.0 build /home/runner/work/n8n/n8n/packages/frontend/@n8n/design-system
7
8
  > vite build
8
9
 
9
10
  vite v8.0.2 building client environment for production...
10
- 
11
+ 
11
12
  rendering chunks...
12
13
  [lightningcss minify] 'global' is not recognized as a valid pseudo-class. Did you mean '::global' (pseudo-element) or is this a typo?
13
- 511 | */
14
- 512 | /** @deprecated Use a semantic variant instead of success color */
15
- 513 | :global(.n8n-button--success) {
14
+ 528 | */
15
+ 529 | /** @deprecated Use a semantic variant instead of success color */
16
+ 530 | :global(.n8n-button--success) {
16
17
  | ^
17
- 514 | --button--color--background: var(--color--success);
18
- 515 | --button--color--background-hover: var(--color--success--shade-1);
18
+ 531 | --button--color--background: var(--color--success);
19
+ 532 | --button--color--background-hover: var(--color--success--shade-1);
19
20
  [lightningcss minify] 'global' is not recognized as a valid pseudo-class. Did you mean '::global' (pseudo-element) or is this a typo?
20
- 520 | --button--shadow--active: 0 0 0 1px var(--color--success--shade-1);
21
- 521 | }
22
- 522 | :global(.n8n-button--success):disabled, :global(.n8n-button--success)[aria-disabled=true] {
21
+ 537 | --button--shadow--active: 0 0 0 1px var(--color--success--shade-1);
22
+ 538 | }
23
+ 539 | :global(.n8n-button--success):disabled, :global(.n8n-button--success)[aria-disabled=true] {
23
24
  | ^
24
- 523 | --button--color--background: var(--color--success--tint-3);
25
- 524 | --button--shadow: 0 0 0 1px var(--color--success--tint-3);
25
+ 540 | --button--color--background: var(--color--success--tint-3);
26
+ 541 | --button--shadow: 0 0 0 1px var(--color--success--tint-3);
26
27
  [lightningcss minify] 'global' is not recognized as a valid pseudo-class. Did you mean '::global' (pseudo-element) or is this a typo?
27
- 520 | --button--shadow--active: 0 0 0 1px var(--color--success--shade-1);
28
- 521 | }
29
- 522 | :global(.n8n-button--success):disabled, :global(.n8n-button--success)[aria-disabled=true] {
28
+ 537 | --button--shadow--active: 0 0 0 1px var(--color--success--shade-1);
29
+ 538 | }
30
+ 539 | :global(.n8n-button--success):disabled, :global(.n8n-button--success)[aria-disabled=true] {
30
31
  | ^
31
- 523 | --button--color--background: var(--color--success--tint-3);
32
- 524 | --button--shadow: 0 0 0 1px var(--color--success--tint-3);
32
+ 540 | --button--color--background: var(--color--success--tint-3);
33
+ 541 | --button--shadow: 0 0 0 1px var(--color--success--tint-3);
33
34
  [lightningcss minify] 'global' is not recognized as a valid pseudo-class. Did you mean '::global' (pseudo-element) or is this a typo?
34
- 526 |
35
- 527 | /** @deprecated Use a semantic variant instead of warning color */
36
- 528 | :global(.n8n-button--warning) {
35
+ 543 |
36
+ 544 | /** @deprecated Use a semantic variant instead of warning color */
37
+ 545 | :global(.n8n-button--warning) {
37
38
  | ^
38
- 529 | --button--color--background: var(--color--warning);
39
- 530 | --button--color--background-hover: var(--color--warning--shade-1);
39
+ 546 | --button--color--background: var(--color--warning);
40
+ 547 | --button--color--background-hover: var(--color--warning--shade-1);
40
41
  [lightningcss minify] 'global' is not recognized as a valid pseudo-class. Did you mean '::global' (pseudo-element) or is this a typo?
41
- 535 | --button--shadow--active: 0 0 0 1px var(--color--warning--shade-1);
42
- 536 | }
43
- 537 | :global(.n8n-button--warning):disabled, :global(.n8n-button--warning)[aria-disabled=true] {
42
+ 552 | --button--shadow--active: 0 0 0 1px var(--color--warning--shade-1);
43
+ 553 | }
44
+ 554 | :global(.n8n-button--warning):disabled, :global(.n8n-button--warning)[aria-disabled=true] {
44
45
  | ^
45
- 538 | --button--color--background: var(--color--warning--tint-1);
46
- 539 | --button--shadow: 0 0 0 1px var(--color--warning--tint-1);
46
+ 555 | --button--color--background: var(--color--warning--tint-1);
47
+ 556 | --button--shadow: 0 0 0 1px var(--color--warning--tint-1);
47
48
  [lightningcss minify] 'global' is not recognized as a valid pseudo-class. Did you mean '::global' (pseudo-element) or is this a typo?
48
- 535 | --button--shadow--active: 0 0 0 1px var(--color--warning--shade-1);
49
- 536 | }
50
- 537 | :global(.n8n-button--warning):disabled, :global(.n8n-button--warning)[aria-disabled=true] {
49
+ 552 | --button--shadow--active: 0 0 0 1px var(--color--warning--shade-1);
50
+ 553 | }
51
+ 554 | :global(.n8n-button--warning):disabled, :global(.n8n-button--warning)[aria-disabled=true] {
51
52
  | ^
52
- 538 | --button--color--background: var(--color--warning--tint-1);
53
- 539 | --button--shadow: 0 0 0 1px var(--color--warning--tint-1);
53
+ 555 | --button--color--background: var(--color--warning--tint-1);
54
+ 556 | --button--shadow: 0 0 0 1px var(--color--warning--tint-1);
54
55
  computing gzip size...
55
- dist/design-system.css 238.59 kB │ gzip: 32.66 kB
56
- dist/en-CddpS_8k.js 0.06 kB │ gzip: 0.08 kB
57
- dist/en-cusRXFgs.js 7.45 kB │ gzip: 2.38 kB
58
- dist/node-icons-VCyExEKH.js 50.40 kB │ gzip: 8.42 kB
59
- dist/compact-Q0gG5s1Q.js 660.36 kB │ gzip: 87.46 kB
60
- dist/n8n-design-system.es.js 2,451.44 kB │ gzip: 650.02 kB
61
-
56
+ dist/design-system.css 243.57 kB │ gzip: 33.33 kB
62
57
  [PLUGIN_TIMINGS] Warning: Your build spent significant time in plugins. Here is a breakdown:
63
- - unplugin-icons (71%)
64
- - vite:vue (12%)
65
- - svg-loader (12%)
58
+ dist/en-CQDOOTzf.js 0.06 kB │ gzip: 0.08 kB
59
+ dist/en-CeiJ51z2.js 11.11 kB │ gzip: 3.20 kB
60
+ dist/node-icons-Cn_NF7qq.js 50.40 kB │ gzip: 8.42 kB
61
+ dist/lucideIconData-D_Sr0JOU.js 312.38 kB │ gzip: 51.96 kB
62
+ dist/emojiData-B2DmDStL.js 335.28 kB │ gzip: 56.50 kB
63
+ dist/n8n-design-system.es.js 2,472.13 kB │ gzip: 653.89 kB
64
+ - unplugin-icons (60%)
65
+ - vite:vue (20%)
66
+
67
+ - svg-loader (11%)
66
68
  - vite:css (5%)
67
69
  See https://rolldown.rs/options/checks#plugintimings for more details.
68
70
  
69
- 
71
+ 
70
72
  rendering chunks...
71
73
  [lightningcss minify] 'global' is not recognized as a valid pseudo-class. Did you mean '::global' (pseudo-element) or is this a typo?
72
- 511 | */
73
- 512 | /** @deprecated Use a semantic variant instead of success color */
74
- 513 | :global(.n8n-button--success) {
74
+ 528 | */
75
+ 529 | /** @deprecated Use a semantic variant instead of success color */
76
+ 530 | :global(.n8n-button--success) {
75
77
  | ^
76
- 514 | --button--color--background: var(--color--success);
77
- 515 | --button--color--background-hover: var(--color--success--shade-1);
78
+ 531 | --button--color--background: var(--color--success);
79
+ 532 | --button--color--background-hover: var(--color--success--shade-1);
78
80
  [lightningcss minify] 'global' is not recognized as a valid pseudo-class. Did you mean '::global' (pseudo-element) or is this a typo?
79
- 520 | --button--shadow--active: 0 0 0 1px var(--color--success--shade-1);
80
- 521 | }
81
- 522 | :global(.n8n-button--success):disabled, :global(.n8n-button--success)[aria-disabled=true] {
81
+ 537 | --button--shadow--active: 0 0 0 1px var(--color--success--shade-1);
82
+ 538 | }
83
+ 539 | :global(.n8n-button--success):disabled, :global(.n8n-button--success)[aria-disabled=true] {
82
84
  | ^
83
- 523 | --button--color--background: var(--color--success--tint-3);
84
- 524 | --button--shadow: 0 0 0 1px var(--color--success--tint-3);
85
+ 540 | --button--color--background: var(--color--success--tint-3);
86
+ 541 | --button--shadow: 0 0 0 1px var(--color--success--tint-3);
85
87
  [lightningcss minify] 'global' is not recognized as a valid pseudo-class. Did you mean '::global' (pseudo-element) or is this a typo?
86
- 520 | --button--shadow--active: 0 0 0 1px var(--color--success--shade-1);
87
- 521 | }
88
- 522 | :global(.n8n-button--success):disabled, :global(.n8n-button--success)[aria-disabled=true] {
88
+ 537 | --button--shadow--active: 0 0 0 1px var(--color--success--shade-1);
89
+ 538 | }
90
+ 539 | :global(.n8n-button--success):disabled, :global(.n8n-button--success)[aria-disabled=true] {
89
91
  | ^
90
- 523 | --button--color--background: var(--color--success--tint-3);
91
- 524 | --button--shadow: 0 0 0 1px var(--color--success--tint-3);
92
+ 540 | --button--color--background: var(--color--success--tint-3);
93
+ 541 | --button--shadow: 0 0 0 1px var(--color--success--tint-3);
92
94
  [lightningcss minify] 'global' is not recognized as a valid pseudo-class. Did you mean '::global' (pseudo-element) or is this a typo?
93
- 526 |
94
- 527 | /** @deprecated Use a semantic variant instead of warning color */
95
- 528 | :global(.n8n-button--warning) {
95
+ 543 |
96
+ 544 | /** @deprecated Use a semantic variant instead of warning color */
97
+ 545 | :global(.n8n-button--warning) {
96
98
  | ^
97
- 529 | --button--color--background: var(--color--warning);
98
- 530 | --button--color--background-hover: var(--color--warning--shade-1);
99
+ 546 | --button--color--background: var(--color--warning);
100
+ 547 | --button--color--background-hover: var(--color--warning--shade-1);
99
101
  [lightningcss minify] 'global' is not recognized as a valid pseudo-class. Did you mean '::global' (pseudo-element) or is this a typo?
100
- 535 | --button--shadow--active: 0 0 0 1px var(--color--warning--shade-1);
101
- 536 | }
102
- 537 | :global(.n8n-button--warning):disabled, :global(.n8n-button--warning)[aria-disabled=true] {
102
+ 552 | --button--shadow--active: 0 0 0 1px var(--color--warning--shade-1);
103
+ 553 | }
104
+ 554 | :global(.n8n-button--warning):disabled, :global(.n8n-button--warning)[aria-disabled=true] {
103
105
  | ^
104
- 538 | --button--color--background: var(--color--warning--tint-1);
105
- 539 | --button--shadow: 0 0 0 1px var(--color--warning--tint-1);
106
+ 555 | --button--color--background: var(--color--warning--tint-1);
107
+ 556 | --button--shadow: 0 0 0 1px var(--color--warning--tint-1);
106
108
  [lightningcss minify] 'global' is not recognized as a valid pseudo-class. Did you mean '::global' (pseudo-element) or is this a typo?
107
- 535 | --button--shadow--active: 0 0 0 1px var(--color--warning--shade-1);
108
- 536 | }
109
- 537 | :global(.n8n-button--warning):disabled, :global(.n8n-button--warning)[aria-disabled=true] {
109
+ 552 | --button--shadow--active: 0 0 0 1px var(--color--warning--shade-1);
110
+ 553 | }
111
+ 554 | :global(.n8n-button--warning):disabled, :global(.n8n-button--warning)[aria-disabled=true] {
110
112
  | ^
111
- 538 | --button--color--background: var(--color--warning--tint-1);
112
- 539 | --button--shadow: 0 0 0 1px var(--color--warning--tint-1);
113
+ 555 | --button--color--background: var(--color--warning--tint-1);
114
+ 556 | --button--shadow: 0 0 0 1px var(--color--warning--tint-1);
113
115
  computing gzip size...
114
- dist/design-system.css 238.59 kB │ gzip: 32.66 kB
115
- dist/n8n-design-system.umd.js 2,686.10 kB │ gzip: 686.87 kB
116
+ dist/design-system.css 243.57 kB │ gzip: 33.33 kB
117
+ dist/n8n-design-system.umd.js 2,560.61 kB │ gzip: 705.47 kB
118
+ [PLUGIN_TIMINGS] Warning: Your build spent significant time in plugins. Here is a breakdown:
116
119
 
117
- ✓ built in 12.24s
120
+ - unplugin-icons (47%)
121
+ - vite:vue (22%)
122
+ - svg-loader (20%)
123
+ - vite:css (6%)
124
+ - n8n:lucide-icons (5%)
125
+ See https://rolldown.rs/options/checks#plugintimings for more details.
126
+ 
127
+ ✓ built in 14.37s
package/biome.jsonc CHANGED
@@ -2,6 +2,10 @@
2
2
  "$schema": "../../../../node_modules/@biomejs/biome/configuration_schema.json",
3
3
  "extends": ["../../../../biome.jsonc"],
4
4
  "formatter": {
5
- "ignore": ["theme/**"]
5
+ "ignore": [
6
+ "theme/**",
7
+ "src/components/N8nIconPicker/emojiData.ts",
8
+ "src/components/N8nIconPicker/lucideIconData.ts"
9
+ ]
6
10
  }
7
11
  }