feat: create Dialog component (#4468)

webiny · Jan 20, 2025 · 9707cc2 · 9707cc2
1 parent 021aa25
commit 9707cc2
Show file tree

Hide file tree

Showing 40 changed files with 749 additions and 5,248 deletions.
diff --git a/packages/admin-ui/README.md b/packages/admin-ui/README.md
@@ -4,7 +4,3 @@ This package contains React components and styles for Webiny's Admin app.
 
 > [!NOTE]
 > This package is included in every Webiny project by default, and it's not meant to be used as a standalone package.
-
-
-
-
diff --git a/packages/admin-ui/package.json b/packages/admin-ui/package.json
@@ -13,7 +13,8 @@
     "@radix-ui/react-accessible-icon": "^1.1.0",
     "@radix-ui/react-avatar": "^1.1.0",
     "@radix-ui/react-checkbox": "^1.1.2",
-    "@radix-ui/react-dropdown-menu": "^2.1.2",
+    "@radix-ui/react-dialog": "^1.1.4",
+    "@radix-ui/react-dropdown-menu": "^2.1.4",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-popover": "^1.1.4",
     "@radix-ui/react-radio-group": "^1.2.1",

diff --git a/packages/admin-ui/scripts/importFromFigma/createThemeScss.js b/packages/admin-ui/scripts/importFromFigma/createThemeScss.js
@@ -253,20 +253,20 @@ const createThemeScss = normalizedFigmaExport => {
                         `--text-h3-weight: var(--font-weight-semibold);`
                     ],
                     [
-                        `--text-h4: 20px;`,
-                        `--text-h4-leading: 30px;`,
+                        `--text-h4: var(--text-xl);`,
+                        `--text-h4-leading: var(--text-xl-leading);`,
                         `--text-h4-tracking: initial;`,
                         `--text-h4-weight: var(--font-weight-semibold);`
                     ],
                     [
-                        `--text-h5: 16px;`,
-                        `--text-h5-leading: 20px;`,
+                        `--text-h5: var(--text-lg);`,
+                        `--text-h5-leading: var(--text-lg-leading);`,
                         `--text-h5-tracking: initial;`,
                         `--text-h5-weight: var(--font-weight-semibold);`
                     ],
                     [
-                        `--text-h6: 14px;`,
-                        `--text-h6-leading: 20px;`,
+                        `--text-h6: var(--text-md);`,
+                        `--text-h6-leading: var(--text-md-leading);`,
                         `--text-h6-tracking: initial;`,
                         `--text-h6-weight: var(--font-weight-semibold);`
                     ]
Original file line number	Diff line number	Diff line change
Expand Up		@@ -4,7 +4,3 @@ This package contains React components and styles for Webiny's Admin app.

		> [!NOTE]
		> This package is included in every Webiny project by default, and it's not meant to be used as a standalone package.