[PLAY-1435] Fix Dark Mode Styles: Collapsible Kit

powerhome · Jul 19, 2024 · fc8027f · fc8027f
1 parent 9dad00a
commit fc8027f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx b/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Collapsible, useCollapsible, Background, Flex, Title, List, ListItem } from '../..'
 
-const CollapsibleCustomMain = () => {
+const CollapsibleCustomMain = (props) => {
   const [isCollapsed, setIsCollapsed] = useCollapsible(true)
 
   return (
@@ -22,6 +22,7 @@ const CollapsibleCustomMain = () => {
                   justify="between" 
               >
                 <Title 
+                    dark={props.dark}
                     size={4} 
                     text="Custom Main Section"
                 />

diff --git a/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.jsx b/playbook/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.jsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Collapsible, useCollapsible, Background, Flex, Title, List, ListItem } from '../..'
 
-const CollapsibleCustomMainWithIcon = () => {
+const CollapsibleCustomMainWithIcon = (props) => {
   const [isCollapsed, setIsCollapsed] = useCollapsible(true)
 
   return (
@@ -21,7 +21,8 @@ const CollapsibleCustomMainWithIcon = () => {
                   gap="sm"
                   justify="between" 
               >
-                <Title 
+                <Title
+                    dark={props.dark}
                     size={4} 
                     text="Custom Main Section"
                 />