feat: ✨ add sd-dialog (#668)

solid-design-system · Jan 30, 2024 · 753b6d8 · 753b6d8
1 parent b6c9ba2
commit 753b6d8
Show file tree

Hide file tree

Showing 7 changed files with 524 additions and 217 deletions.
diff --git a/packages/components/.storybook/preview-head.html b/packages/components/.storybook/preview-head.html
@@ -112,7 +112,8 @@
   .mouseless,
   .mouseless:hover {
     cursor: none !important;
-    padding: 0.5rem; /* makes focus ring completely visible in Chromatic screenshots */
+    padding: 0.5rem;
+    /* makes focus ring completely visible in Chromatic screenshots */
   }
 
   .mouseless * {
@@ -122,4 +123,9 @@
   .sbdocs .sbdocs-content ol {
     list-style-type: decimal !important;
   }
+
+  body.sd-scroll-lock {
+    padding-right: unset !important;
+    overflow: unset !important;
+  }
 </style>
diff --git a/packages/components/src/_components/dialog/dialog.stories.ts b/packages/components/src/_components/dialog/dialog.stories.ts
diff --git a/packages/components/src/_components/dialog/dialog.styles.ts b/packages/components/src/_components/dialog/dialog.styles.ts