fix: text variant (#15)

* fix: priority variant * feat: container prop in protal component
cinnyapp · Apr 22, 2023 · d228fe6 · d228fe6
1 parent d492da7
commit d228fe6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/components/portal/Portal.tsx b/src/components/portal/Portal.tsx
@@ -1,6 +1,10 @@
 import React, { ReactNode } from "react";
 import { createPortal } from "react-dom";
 
-export const Portal = ({ children }: { children: ReactNode | ReactNode[] }) => (
-  <>{createPortal(children, document.body)}</>
+export type PortalProps = {
+  container?: Element | DocumentFragment;
+  children: ReactNode | ReactNode[];
+};
+export const Portal = ({ container, children }: PortalProps) => (
+  <>{createPortal(children, container ?? document.body)}</>
 );
diff --git a/src/components/text/Text.css.ts b/src/components/text/Text.css.ts
@@ -143,13 +143,13 @@ export const Text = recipe({
       Initial: {
         opacity: 1,
       },
-      500: {
+      "500": {
         opacity: config.opacity.P500,
       },
-      400: {
+      "400": {
         opacity: config.opacity.P400,
       },
-      300: {
+      "300": {
         opacity: config.opacity.P300,
       },
     },