Fix token in toast (#140)

ClickHouse · Sep 15, 2023 · 98b2e35 · 98b2e35 · vercel · Sep 15, 2023
1 parent c4ad00c
commit 98b2e35
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/components/Toast/Toast.tsx b/src/components/Toast/Toast.tsx
@@ -181,7 +181,7 @@ const Viewport = styled(RadixUIToast.Viewport)`
   flex-direction: column;
   padding: var(--viewport-padding);
   gap: ${({ theme }) => theme.click.toast.space.gap};
-  width: 390px;
+  width: ${({ theme }) => theme.click.toast.size.width};
   max-width: 100vw;
   margin: 0;
   list-style: none;

diff --git a/src/styles/types.ts b/src/styles/types.ts
@@ -1897,6 +1897,9 @@
           "default": string
         }
       },
+      "size": {
+        "width": string
+      },
       "color": {
         "title": {
           "default": string

diff --git a/src/styles/variables.json b/src/styles/variables.json
@@ -1896,6 +1896,9 @@
           "default": "400 0.75rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
         }
       },
+      "size": {
+        "width": "20.75rem"
+      },
       "color": {
         "title": {
           "default": "#161517"