diff --git a/packages/design-system/src/components/N8nActionBox/__tests__/__snapshots__/ActionBox.spec.ts.snap b/packages/design-system/src/components/N8nActionBox/__tests__/__snapshots__/ActionBox.spec.ts.snap index b869bf7812..571e23755a 100644 --- a/packages/design-system/src/components/N8nActionBox/__tests__/__snapshots__/ActionBox.spec.ts.snap +++ b/packages/design-system/src/components/N8nActionBox/__tests__/__snapshots__/ActionBox.spec.ts.snap @@ -1,12 +1,12 @@ // Vitest Snapshot v1 exports[`N8NActionBox > should render correctly 1`] = ` -"
-
😿
-
+"
+
😿
+
Headline you need to know
-
+
Long description that you should know something is the way it is because of how it is.
diff --git a/packages/design-system/src/components/N8nActionDropdown/__tests__/__snapshots__/ActionDropdown.spec.ts.snap b/packages/design-system/src/components/N8nActionDropdown/__tests__/__snapshots__/ActionDropdown.spec.ts.snap index 365732dd6b..fee62c9494 100644 --- a/packages/design-system/src/components/N8nActionDropdown/__tests__/__snapshots__/ActionDropdown.spec.ts.snap +++ b/packages/design-system/src/components/N8nActionDropdown/__tests__/__snapshots__/ActionDropdown.spec.ts.snap @@ -3,7 +3,7 @@ exports[`components > N8nActionDropdown > should render custom styling correctly 1`] = ` "
-
+
@@ -13,7 +13,7 @@ exports[`components > N8nActionDropdown > should render custom styling correctly exports[`components > N8nActionDropdown > should render default styling correctly 1`] = ` "
-
+
diff --git a/packages/design-system/src/components/N8nBadge/__tests__/__snapshots__/Badge.spec.ts.snap b/packages/design-system/src/components/N8nBadge/__tests__/__snapshots__/Badge.spec.ts.snap index cdaaa82c71..4195e99804 100644 --- a/packages/design-system/src/components/N8nBadge/__tests__/__snapshots__/Badge.spec.ts.snap +++ b/packages/design-system/src/components/N8nBadge/__tests__/__snapshots__/Badge.spec.ts.snap @@ -1,7 +1,7 @@ // Vitest Snapshot v1 -exports[`components > N8nBadge > props > should render default theme correctly 1`] = `"Default badge"`; +exports[`components > N8nBadge > props > should render default theme correctly 1`] = `"Default badge"`; -exports[`components > N8nBadge > props > should render secondary theme correctly 1`] = `"Secondary badge"`; +exports[`components > N8nBadge > props > should render secondary theme correctly 1`] = `"Secondary badge"`; -exports[`components > N8nBadge > props > should render with default values correctly 1`] = `"A Badge"`; +exports[`components > N8nBadge > props > should render with default values correctly 1`] = `"A Badge"`; diff --git a/packages/design-system/src/components/N8nButton/__tests__/__snapshots__/Button.spec.ts.snap b/packages/design-system/src/components/N8nButton/__tests__/__snapshots__/Button.spec.ts.snap index a5302043c8..8cbe8cebf5 100644 --- a/packages/design-system/src/components/N8nButton/__tests__/__snapshots__/Button.spec.ts.snap +++ b/packages/design-system/src/components/N8nButton/__tests__/__snapshots__/Button.spec.ts.snap @@ -1,17 +1,17 @@ // Vitest Snapshot v1 -exports[`components > N8nButton > overrides > should render correctly 1`] = `""`; +exports[`components > N8nButton > overrides > should render correctly 1`] = `""`; -exports[`components > N8nButton > props > icon > should render icon button 1`] = `""`; +exports[`components > N8nButton > props > icon > should render icon button 1`] = `""`; -exports[`components > N8nButton > props > loading > should render loading spinner 1`] = `""`; +exports[`components > N8nButton > props > loading > should render loading spinner 1`] = `""`; exports[`components > N8nButton > props > square > should render square button 1`] = ` -"" `; exports[`components > N8nButton > should render correctly 1`] = ` -"" `; diff --git a/packages/design-system/src/components/N8nCallout/__tests__/__snapshots__/Callout.spec.ts.snap b/packages/design-system/src/components/N8nCallout/__tests__/__snapshots__/Callout.spec.ts.snap index a0198b4b12..509473c8cc 100644 --- a/packages/design-system/src/components/N8nCallout/__tests__/__snapshots__/Callout.spec.ts.snap +++ b/packages/design-system/src/components/N8nCallout/__tests__/__snapshots__/Callout.spec.ts.snap @@ -1,9 +1,9 @@ // Vitest Snapshot v1 exports[`components > N8nCallout > should render additional slots correctly 1`] = ` -"
-
-
+"
+
+
@@ -15,9 +15,9 @@ exports[`components > N8nCallout > should render additional slots correctly 1`] `; exports[`components > N8nCallout > should render custom theme correctly 1`] = ` -"
-
-
+"
+
+
@@ -28,9 +28,9 @@ exports[`components > N8nCallout > should render custom theme correctly 1`] = ` `; exports[`components > N8nCallout > should render danger theme correctly 1`] = ` -"
-
-
+"
+
+
@@ -41,9 +41,9 @@ exports[`components > N8nCallout > should render danger theme correctly 1`] = ` `; exports[`components > N8nCallout > should render info theme correctly 1`] = ` -"
-
-
+"
+
+
@@ -54,9 +54,9 @@ exports[`components > N8nCallout > should render info theme correctly 1`] = ` `; exports[`components > N8nCallout > should render secondary theme correctly 1`] = ` -"
-
-
+"
+
+
@@ -67,9 +67,9 @@ exports[`components > N8nCallout > should render secondary theme correctly 1`] = `; exports[`components > N8nCallout > should render success theme correctly 1`] = ` -"
-
-
+"
+
+
@@ -80,9 +80,9 @@ exports[`components > N8nCallout > should render success theme correctly 1`] = ` `; exports[`components > N8nCallout > should render warning theme correctly 1`] = ` -"
-
-
+"
+
+
diff --git a/packages/design-system/src/components/N8nCard/__tests__/__snapshots__/Card.spec.ts.snap b/packages/design-system/src/components/N8nCard/__tests__/__snapshots__/Card.spec.ts.snap index 049af6f9c7..3de00eec23 100644 --- a/packages/design-system/src/components/N8nCard/__tests__/__snapshots__/Card.spec.ts.snap +++ b/packages/design-system/src/components/N8nCard/__tests__/__snapshots__/Card.spec.ts.snap @@ -1,11 +1,11 @@ // Vitest Snapshot v1 exports[`components > N8nCard > should render correctly 1`] = ` -"
+"
-
+
-
This is a card.
+
This is a card.
@@ -13,12 +13,12 @@ exports[`components > N8nCard > should render correctly 1`] = ` `; exports[`components > N8nCard > should render correctly with header and footer 1`] = ` -"
+"
-
-
Header
-
This is a card.
-
Footer
+
+
Header
+
This is a card.
+
Footer
" diff --git a/packages/design-system/src/components/N8nInfoTip/__tests__/__snapshots__/InfoTip.spec.ts.snap b/packages/design-system/src/components/N8nInfoTip/__tests__/__snapshots__/InfoTip.spec.ts.snap index 5db03b96e6..935602355f 100644 --- a/packages/design-system/src/components/N8nInfoTip/__tests__/__snapshots__/InfoTip.spec.ts.snap +++ b/packages/design-system/src/components/N8nInfoTip/__tests__/__snapshots__/InfoTip.spec.ts.snap @@ -1,9 +1,9 @@ // Vitest Snapshot v1 -exports[`N8nInfoTip > should render correctly as note 1`] = `"
Need help doing something?Open docs
"`; +exports[`N8nInfoTip > should render correctly as note 1`] = `"
Need help doing something?Open docs
"`; exports[`N8nInfoTip > should render correctly as tooltip 1`] = ` -"
- +"
+
" `; diff --git a/packages/design-system/src/components/N8nNotice/__tests__/__snapshots__/Notice.spec.ts.snap b/packages/design-system/src/components/N8nNotice/__tests__/__snapshots__/Notice.spec.ts.snap index ea1dcc0475..ee1db7bef8 100644 --- a/packages/design-system/src/components/N8nNotice/__tests__/__snapshots__/Notice.spec.ts.snap +++ b/packages/design-system/src/components/N8nNotice/__tests__/__snapshots__/Notice.spec.ts.snap @@ -1,31 +1,31 @@ // Vitest Snapshot v1 exports[`components > N8nNotice > props > content > should render HTML 1`] = ` -"
+"
- Hello world! This is a notice. + Hello world! This is a notice.
" `; exports[`components > N8nNotice > props > content > should render correctly with content prop 1`] = ` -"
+"
- This is a notice. + This is a notice.
" `; exports[`components > N8nNotice > props > content > should sanitize rendered HTML 1`] = ` -"
+"
- This is a notice. + This is a notice.
" `; exports[`components > N8nNotice > should render correctly 1`] = ` -"
+"
This is a notice.
diff --git a/packages/design-system/src/components/N8nSelect/__tests__/__snapshots__/Select.spec.ts.snap b/packages/design-system/src/components/N8nSelect/__tests__/__snapshots__/Select.spec.ts.snap index 4264564e05..4a2f2fa9ab 100644 --- a/packages/design-system/src/components/N8nSelect/__tests__/__snapshots__/Select.spec.ts.snap +++ b/packages/design-system/src/components/N8nSelect/__tests__/__snapshots__/Select.spec.ts.snap @@ -1,7 +1,7 @@ // Vitest Snapshot v1 exports[`components > N8nSelect > should render correctly 1`] = ` -"
+"
diff --git a/packages/design-system/src/components/N8nTree/__tests__/__snapshots__/Tree.spec.ts.snap b/packages/design-system/src/components/N8nTree/__tests__/__snapshots__/Tree.spec.ts.snap index 4911913d31..9418ee33b2 100644 --- a/packages/design-system/src/components/N8nTree/__tests__/__snapshots__/Tree.spec.ts.snap +++ b/packages/design-system/src/components/N8nTree/__tests__/__snapshots__/Tree.spec.ts.snap @@ -5,8 +5,8 @@ exports[`components > N8nTree > should render each tree with node class 1`] = `
hello
-
-
test:world
+
+
test:world
@@ -14,11 +14,11 @@ exports[`components > N8nTree > should render each tree with node class 1`] = `
options
-
-
0:yes
+
+
0:yes
-
-
1:no
+
+
1:no
@@ -29,7 +29,7 @@ exports[`components > N8nTree > should render each tree with node class 1`] = ` exports[`components > N8nTree > should render simple tree 1`] = ` "
-
hello:world
+
hello:world
" `; @@ -39,8 +39,8 @@ exports[`components > N8nTree > should render tree 1`] = `
hello
-
-
test:world
+
+
test:world
@@ -48,11 +48,11 @@ exports[`components > N8nTree > should render tree 1`] = `
options
-
-
0:yes
+
+
0:yes
-
-
1:no
+
+
1:no
@@ -65,8 +65,8 @@ exports[`components > N8nTree > should render tree with slots 1`] = `
label
-
-
label:value
+
+
label:value
@@ -74,11 +74,11 @@ exports[`components > N8nTree > should render tree with slots 1`] = `
label
-
-
label:value
+
+
label:value
-
-
label:value
+
+
label:value
diff --git a/packages/design-system/vite.config.ts b/packages/design-system/vite.config.ts index 08bda689a2..58252e3afe 100644 --- a/packages/design-system/vite.config.ts +++ b/packages/design-system/vite.config.ts @@ -39,5 +39,10 @@ export default mergeConfig( environment: 'jsdom', setupFiles: ['./src/__tests__/setup.ts'], }, + css: { + modules: { + generateScopedName: (name) => `_${name}_`, + }, + }, }), );