refactor: use manager instead of theme as main wrapper

abelflopes · Dec 8, 2023 · 3728d99 · 3728d99
1 parent bf6fc75
commit 3728d99
Show file tree

Hide file tree

Showing 43 changed files with 151 additions and 124 deletions.
diff --git a/packages/components/accordion/README.md b/packages/components/accordion/README.md
@@ -15,13 +15,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Accordion } from "@react-ck/accordion";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Accordion ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/banner/README.md b/packages/components/banner/README.md
@@ -15,13 +15,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Banner } from "@react-ck/banner";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Banner ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/button/README.md b/packages/components/button/README.md
@@ -13,13 +13,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Button } from "@react-ck/button";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Button ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/card/README.md b/packages/components/card/README.md
@@ -13,13 +13,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Card } from "@react-ck/card";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Card ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/chip/README.md b/packages/components/chip/README.md
@@ -19,13 +19,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Chip } from "@react-ck/chip";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Chip ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/collapse/README.md b/packages/components/collapse/README.md
@@ -21,13 +21,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Collapse } from "@react-ck/collapse";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Collapse ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/container/README.md b/packages/components/container/README.md
@@ -13,13 +13,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Container } from "@react-ck/container";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Container ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/data-table/README.md b/packages/components/data-table/README.md
@@ -19,13 +19,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { DataTable } from "@react-ck/data-table";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <DataTable ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/divider/README.md b/packages/components/divider/README.md
@@ -19,13 +19,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Divider } from "@react-ck/divider";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Divider ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/grid/README.md b/packages/components/grid/README.md
@@ -17,13 +17,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { GridContainer, GridColumn } from "@react-ck/grid";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <GridContainer ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/icon/README.md b/packages/components/icon/README.md
@@ -17,13 +17,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Icon } from "@react-ck/icon";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Icon ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/input/README.md b/packages/components/input/README.md
@@ -21,13 +21,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Input } from "@react-ck/input";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Input ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/list/README.md b/packages/components/list/README.md
@@ -15,13 +15,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { List } from "@react-ck/list";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <List ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/overlay/README.md b/packages/components/overlay/README.md
@@ -15,13 +15,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Overlay } from "@react-ck/overlay";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Overlay ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/select/README.md b/packages/components/select/README.md
@@ -15,13 +15,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Select } from "@react-ck/select";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Select ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/skeleton/README.md b/packages/components/skeleton/README.md
@@ -16,13 +16,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Skeleton } from "@react-ck/skeleton";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Skeleton ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/spinner/README.md b/packages/components/spinner/README.md
@@ -13,13 +13,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Spinner } from "@react-ck/spinner";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Spinner ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/table/README.md b/packages/components/table/README.md
@@ -18,13 +18,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Table } from "@react-ck/table";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Table ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/text/README.md b/packages/components/text/README.md
@@ -13,13 +13,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Text } from "@react-ck/text";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Text ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/components/textarea/README.md b/packages/components/textarea/README.md
@@ -15,13 +15,13 @@ You will also need to set up the theme provider, install it using npm or yarn: `
 Wrap your app root with the theme provider and use this component:
 
 ```tsx
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { Textarea } from "@react-ck/textarea";
 
 const myApp = () => (
-    <ThemeProvider>
+    <Manager>
         <Textarea ... />
-    </ThemeProvider>
+    </Manager>
 );
 ```
 

diff --git a/packages/docs/pages/src/icons.mdx b/packages/docs/pages/src/icons.mdx
@@ -2,7 +2,7 @@ import { Meta, Title, IconGallery, IconItem } from "@storybook/blocks";
 import { Icon } from "@react-ck/icon/src";
 import icons from "@react-ck/icon/src/icons";
 import { Input } from "@react-ck/input/src";
-import { ThemeProvider } from "@react-ck/theme/src";
+import { Manager } from "@react-ck/manager/src";
 
 <Meta title="Generic/Icon/Gallery" />
 
@@ -14,7 +14,7 @@ export function Demo ()  {
 
 return (
 
-  <ThemeProvider>
+  <Manager>
   <Input autofocus placeholder="Search" onChange={function (e) {
       setSearch(e.target.value);
     }}
@@ -36,7 +36,7 @@ return (
       )}
     </IconGallery>
 
-  </ThemeProvider>
+  </Manager>
 
 )
 }

diff --git a/packages/docs/stories/package.json b/packages/docs/stories/package.json
@@ -39,6 +39,6 @@
     "@react-ck/table": "^1.0.0",
     "@react-ck/text": "^1.0.0",
     "@react-ck/textarea": "^1.0.0",
-    "@react-ck/theme": "^1.0.0"
+    "@react-ck/manager": "^1.0.0"
   }
 }
diff --git a/packages/docs/stories/src/accordion.stories.tsx b/packages/docs/stories/src/accordion.stories.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
-import { ThemeProvider } from "@react-ck/theme";
+import { Manager } from "@react-ck/manager";
 import { faker } from "@faker-js/faker";
 import { Text } from "@react-ck/text/src";
 import { configureStory } from "@react-ck/story-config";
@@ -13,9 +13,9 @@ const meta: Meta<typeof Accordion> = {
   ...configureStory(Accordion, {
     decorators: [
       (Story) => (
-        <ThemeProvider>
+        <Manager>
           <Story />
-        </ThemeProvider>
+        </Manager>
       ),
     ],
   }),