Merge branch 'main' into feat-drawer-non-modal

db-ui · Nov 6, 2024 · c19fd66 · c19fd66
2 parents 47dfa39 + 7941ab5
commit c19fd66
Show file tree

Hide file tree

Showing 10 changed files with 1,940 additions and 806 deletions.
diff --git a/...refox/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png b/...refox/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/components/src/components/tag/tag.scss b/packages/components/src/components/tag/tag.scss
@@ -74,7 +74,7 @@
 		display: none;
 	}
 
-	> [class^="db-"] {
+	> :is([class="db-checkbox"], [class="db-radio"], [class="db-link"], [class="db-button"]) {
 		block-size: 100%;
 	}
 }

diff --git a/packages/components/src/components/tooltip/tooltip.scss b/packages/components/src/components/tooltip/tooltip.scss
@@ -12,6 +12,7 @@ $tooltip-arrow-shadow-size: variables.$db-sizing-2xs;
 	--default-card-border-radius: #{variables.$db-border-radius-xs};
 
 	@extend %db-overwrite-font-size-sm;
+	@extend %popover-center;
 	@extend %default-popover;
 
 	background-color: colors.$db-adaptive-bg-basic-level-1-default;

diff --git a/packages/components/src/styles/_popover-component.scss b/packages/components/src/styles/_popover-component.scss
@@ -7,7 +7,6 @@ $popover-gap-size: var(--db-popover-distance);
 $popover-inset: calc(100% + #{$popover-gap-size} * var(--db-popover-gap, 0));
 $popover-gap-inset: calc(-1 * #{$popover-gap-size});
 
-// use this for popover but not for tooltip
 %popover-center {
 	&:not([data-placement]),
 	&[data-placement="bottom"]:not([data-outside-vy]),

diff --git a/showcases/angular-ssr-showcase/package.json b/showcases/angular-ssr-showcase/package.json
@@ -32,7 +32,7 @@
     "@angular/cli": "17.3.11",
     "@angular/compiler-cli": "17.3.12",
     "@types/express": "^5.0.0",
-    "@types/node": "^22.8.7",
+    "@types/node": "^22.9.0",
     "cpr": "3.0.1",
     "ng-packagr": "17.3.0",
     "typescript": "^5.4.5"

diff --git a/showcases/next-showcase/package.json b/showcases/next-showcase/package.json
@@ -17,7 +17,7 @@
     "react-dom": "18.3.1"
   },
   "devDependencies": {
-    "@types/node": "^22.8.7",
+    "@types/node": "^22.9.0",
     "@types/react": "^18.3.12",
     "npm-run-all": "^4.1.5",
     "open-cli": "^8.0.0",

diff --git a/showcases/nuxt-showcase/package.json b/showcases/nuxt-showcase/package.json
@@ -11,7 +11,7 @@
     "preview": "nuxt preview"
   },
   "dependencies": {
-    "nuxt": "^3.13.2",
+    "nuxt": "^3.14.0",
     "vue": "^3.5.12",
     "vue-router": "^4.4.5"
   }

diff --git a/showcases/patternhub/package.json b/showcases/patternhub/package.json
@@ -37,7 +37,7 @@
     "@mdx-js/react": "^3.1.0",
     "@next/mdx": "^15.0.2",
     "@types/dompurify": "3.0.5",
-    "@types/node": "22.8.7",
+    "@types/node": "22.9.0",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
     "esbuild": "0.24.0",

diff --git a/showcases/patternhub/scripts/utils.js b/showcases/patternhub/scripts/utils.js
@@ -197,6 +197,18 @@ export const getCodeByFramework = (
 		return `<${tag}${className} ${attributes.join(' ')}${reactSlots}/>`;
 	}
 
+	// Workaround for tooltip
+	if (componentName === 'tooltip') {
+		return innerContent.replace(
+			'</',
+			`<${tag}${className} ${attributes
+				.filter((attr) => attr !== 'content')
+				.join(' ')}>${
+				attributes.find((attr) => attr === 'content') ?? ''
+			}</${tag}></`
+		);
+	}
+
 	return `<${tag}${className} ${attributes.join(' ')}${reactSlots}>
 ${otherSlots}${innerContent}
 </${tag}>`;