@xyd-js/storybook 0.0.1-xyd.6 → 0.0.1-xyd.63

package/.storybook/main.ts

@@ -31,7 +31,6 @@ function remarkInjectMeta() { // TODO: move to @xyd-js/content
     };
 }
 
-// TODO: get from @xyd-js/content/md but curently error when importing a `content` lib: Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main defined in /Users/zdunecki/Code/livesession/xyd/node_modules/.pnpm/estree-util-build-jsx@3.0.1/node_modules/estree-walker/package.json
 export function mdCodeGroup() {
     return (tree: any) => {
         visit(tree, 'containerDirective', (node) => {
@@ -77,11 +76,11 @@ function toPascalCase(str) {
 const supportedDirectives = {
     Details: true,
     details: true,
-    TableV2: true
+    Table: true
 }
 
 const tableComponents: { [key: string]: boolean } = {
-    TableV2: true
+    Table: true
 }
 
 const parseMarkdown = (content: string) => {
@@ -110,21 +109,21 @@ export function remarkDirectiveWithMarkdown() {
 
                 const jsxNode = {
                     type: 'mdxJsxFlowElement',
-                    name: 'TableV2',
+                    name: 'Table',
                     attributes: [],
                     children: [
                         {
                             type: 'mdxJsxFlowElement',
-                            name: 'TableV2.Head',
+                            name: 'Table.Head',
                             attributes: [],
                             children: [
                                 {
                                     type: 'mdxJsxFlowElement',
-                                    name: 'TableV2.Tr',
+                                    name: 'Table.Tr',
                                     attributes: [],
                                     children: header.map((cell: string) => ({
                                         type: 'mdxJsxFlowElement',
-                                        name: 'TableV2.Th',
+                                        name: 'Table.Th',
                                         attributes: [],
                                         children: parseMarkdown(cell)
                                     }))
@@ -133,11 +132,11 @@ export function remarkDirectiveWithMarkdown() {
                         },
                         ...rows.map((row: string[]) => ({
                             type: 'mdxJsxFlowElement',
-                            name: 'TableV2.Tr',
+                            name: 'Table.Tr',
                             attributes: [],
                             children: row.map((cell: string) => ({
                                 type: 'mdxJsxFlowElement',
-                                name: 'TableV2.Td',
+                                name: 'Table.Td',
                                 attributes: [],
                                 children: parseMarkdown(cell)
                             }))

package/.storybook/preview.ts

@@ -1,8 +1,6 @@
 import type {Preview} from "@storybook/react";
 
-import "@xyd-js/atlas/index.css"
-import "@xyd-js/atlas/tokens.css"
-import "@xyd-js/fable-wiki/theme.css" // TODO: remove in the future but now it imports fonts, and other xyd-js components css
+import "@xyd-js/theme-poetry/index.css" // TODO: in the future configurable themes via UI?
 
 import './styles.css'
 

package/.storybook/styles.css

@@ -1,5 +0,0 @@
-:root {
-    --headingEffect-color-tertiary: rgba(23, 119, 184, 0.5);
-    --headingEffect-color-secondary: rgb(121, 85, 241);
-    --headingEffect-color-primary: rgb(255, 105, 180);
-}