New Admin UI - Dialog Component

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.
-
-
-
-

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",

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);`
                     ]