@n8n/design-system 2.34.2 → 2.34.4

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.
@@ -1,5 +1,5 @@
1
1
 
2
- > @n8n/design-system@2.34.2 build /home/runner/work/n8n/n8n/packages/frontend/@n8n/design-system
2
+ > @n8n/design-system@2.34.4 build /home/runner/work/n8n/n8n/packages/frontend/@n8n/design-system
3
3
  > vite build
4
4
 
5
5
  vite v8.0.2 building client environment for production...
@@ -7,7 +7,7 @@
7
7
  rendering chunks...
8
8
  
9
9
  [vite:dts] Start generate declaration files...
10
- [vite:dts] Declaration files built in 32485ms.
10
+ [vite:dts] Declaration files built in 32354ms.
11
11
  
12
12
  computing gzip size...
13
13
  dist/style.css 335.99 kB │ gzip: 42.63 kB
@@ -36,14 +36,14 @@ dist/emojiData-DjghW_MV.js 335.28 kB │ gzip: 56.50 kB
36
36
  dist/index.js 640.24 kB │ gzip: 150.96 kB
37
37
 
38
38
  [PLUGIN_TIMINGS] Warning: Your build spent significant time in plugins. Here is a breakdown:
39
- - vite:dts (41%)
40
- - vite:vue (22%)
41
- - vite:css (15%)
42
- - unplugin-icons (14%)
43
- - svg-loader (8%)
39
+ - svg-loader (33%)
40
+ - unplugin-icons (22%)
41
+ - vite:vue (19%)
42
+ - vite:css (14%)
43
+ - vite:dts (12%)
44
44
  See https://rolldown.rs/options/checks#plugintimings for more details.
45
45
  
46
- ✓ built in 35.77s
46
+ ✓ built in 36.96s
47
47
  vite v8.0.2 building client environment for production...
48
48
  DEPRECATION WARNING [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
49
49
  Use color.mix instead.
@@ -150,6 +150,6 @@ dist/assets/element-icons.ttf 55.95 kB
150
150
  dist/assets/CommitMonoVariable.woff2 86.76 kB
151
151
  dist/assets/InterVariable.woff2 352.24 kB
152
152
  dist/assets/InterVariable-Italic.woff2 387.97 kB
153
- dist/theme.css 327.92 kB │ gzip: 41.36 kB
153
+ dist/theme.css 328.12 kB │ gzip: 41.32 kB
154
154
 
155
- ✓ built in 420ms
155
+ ✓ built in 528ms
@@ -309,9 +309,9 @@
309
309
  --easing--ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
310
310
 
311
311
  --shadow-color: var(--color--black-alpha-100);
312
+ --shadow-color--outline: var(--color--black-alpha-100);
312
313
 
313
- /* box-shadow: var(--shadow--xs), inset var(--shadow--outline); */
314
- --shadow--outline: 0 0 0 1px light-dark(var(--shadow-color), var(--color--white-alpha-100));
314
+ --shadow--outline: 0 0 0 1px var(--shadow-color--outline);
315
315
  --shadow--2xs: 0 1px var(--shadow-color);
316
316
  --shadow--xs: 0 1px 3px -1px var(--shadow-color);
317
317
  --shadow--sm: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -2px var(--shadow-color);
@@ -319,6 +319,23 @@
319
319
  --shadow--xl: 0 20px 25px -5px var(--shadow-color), 0 8px 10px -6px var(--shadow-color);
320
320
  }
321
321
 
322
+ /** Redefine this primitive overrides here because Lightning CSS doesnt like light-dark in .scss files **/
323
+ @mixin dark-theme-overrides {
324
+ --shadow-color: var(--color--black-alpha-250);
325
+ --shadow-color--outline: var(--color--white-alpha-100);
326
+ }
327
+
322
328
  :root {
323
329
  @include primitives;
330
+
331
+ /** Make sure that media query preceeds [data-theme] as MacOS theme can override attribute specificity **/
332
+ @media (prefers-color-scheme: dark) {
333
+ body:not([data-theme]) {
334
+ @include dark-theme-overrides;
335
+ }
336
+ }
337
+
338
+ [data-theme='dark'] {
339
+ @include dark-theme-overrides;
340
+ }
324
341
  }
@@ -1234,8 +1234,6 @@
1234
1234
  --command-bar-item--color--background--hover: var(--color--background--light-1);
1235
1235
  --command-bar--shadow:
1236
1236
  0 15px 45px 0 var(--color--black-alpha-400), 0 5px 10px 0 var(--color--black-alpha-200);
1237
-
1238
- --shadow-color: var(--color--black-alpha-250);
1239
1237
  }
1240
1238
 
1241
1239
  :root {