npm - @xyd-js/storybook - Versions diffs - 0.0.0-build - Mend

@xyd-js/storybook 0.0.0-build

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

package/.storybook/main.ts +40 -0
package/.storybook/manager-head.html +6 -0
package/.storybook/manager.ts +18 -0
package/.storybook/preview.ts +40 -0
package/.storybook/styles.css +5 -0
package/.storybook/theme.ts +34 -0
package/CHANGELOG.md +16 -0
package/LICENSE +21 -0
package/README.md +50 -0
package/eslint.config.js +28 -0
package/package.json +61 -0
package/public/logo.svg +10 -0
package/src/__fixtures__/Icons.tsx +83 -0
package/src/__fixtures__/atlas-index/package-index.mdx +194 -0
package/src/__fixtures__/atlas-index/wip1.mdx +131 -0
package/src/__fixtures__/atlas-index.mdx +53 -0
package/src/__fixtures__/code-sample.mdx +15 -0
package/src/__fixtures__/example-source-uniform.ts +41 -0
package/src/__fixtures__/hello-world.mdx +116 -0
package/src/components/DemoDocs.tsx +235 -0
package/src/components/logo.tsx +37 -0
package/src/decorators/DocsTemplate.tsx +101 -0
package/src/docs/atlas/Atlas.stories.tsx +51 -0
package/src/docs/atlas/todo-app.uniform.json +625 -0
package/src/docs/atlas/uniform-to-references.ts +101 -0
package/src/docs/components/coder/CodeSample.stories.tsx +29 -0
package/src/docs/components/pages/PageBlogHome.stories.tsx +52 -0
package/src/docs/components/pages/PageFirstSlide.stories.tsx +124 -0
package/src/docs/components/pages/PageHome.stories.tsx +127 -0
package/src/docs/components/system/Baseline.stories.tsx +126 -0
package/src/docs/components/writer/Badge.stories.tsx +132 -0
package/src/docs/components/writer/Banner.stories.tsx +394 -0
package/src/docs/components/writer/Blockquote.stories.tsx +415 -0
package/src/docs/components/writer/Breadcrumbs.stories.tsx +282 -0
package/src/docs/components/writer/Button.stories.tsx +405 -0
package/src/docs/components/writer/Callout.stories.tsx +183 -0
package/src/docs/components/writer/Card.stories.tsx +457 -0
package/src/docs/components/writer/ColorSchemeButton.stories.tsx +322 -0
package/src/docs/components/writer/Details.stories.tsx +333 -0
package/src/docs/components/writer/GuideCard.stories.tsx +384 -0
package/src/docs/components/writer/Heading.stories.tsx +379 -0
package/src/docs/components/writer/Hr.stories.tsx +325 -0
package/src/docs/components/writer/IconSocial.stories.tsx +591 -0
package/src/docs/components/writer/Image.stories.tsx +430 -0
package/src/docs/components/writer/List.stories.tsx +479 -0
package/src/docs/components/writer/NavLinks.stories.tsx +380 -0
package/src/docs/components/writer/Pre.stories.tsx +23 -0
package/src/docs/components/writer/Steps.stories.tsx +914 -0
package/src/docs/components/writer/Table.stories.tsx +608 -0
package/src/docs/components/writer/Tabs.stories.tsx +760 -0
package/src/docs/components/writer/TocCard.stories.tsx +407 -0
package/src/docs/components/writer/Update.stories.tsx +457 -0
package/src/docs/components/writer/VideoGuide.stories.tsx +17 -0
package/src/docs/templates/CodeSample.stories.tsx +15 -0
package/src/docs/themes/TODO.md +1 -0
package/src/docs/themes/logo.tsx +37 -0
package/src/docs/themes/themes.stories.tsx +269 -0
package/src/docs/ui/Nav.stories.tsx +58 -0
package/src/docs/ui/Sidebar.stories.tsx +167 -0
package/src/docs/ui/SubNav.stories.tsx +29 -0
package/src/utils/mdx.ts +31 -0
package/tsconfig.json +39 -0
package/vite.config.ts +8 -0

package/src/docs/atlas/todo-app.uniform.json ADDED Viewed

@@ -0,0 +1,625 @@
+[
+  {
+    "title": "users",
+    "canonical": "users",
+    "description": "Get a list of all users",
+    "category": "graphql",
+    "type": "graphql_query",
+    "examples": {
+      "groups": [
+        {
+          "description": "Example request",
+          "examples": [
+            {
+              "codeblock": {
+                "tabs": [
+                  {
+                    "title": "graphql",
+                    "language": "graphql",
+                    "code": "query users {\n    users {\n        id\n        name\n        email\n        todos {\n            id\n            title\n            description\n            completed\n            dueDate\n        }\n    }\n}"
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      ]
+    },
+    "definitions": [
+      {
+        "title": "Arguments",
+        "properties": []
+      },
+      {
+        "title": "Returns",
+        "properties": [
+          {
+            "name": "id",
+            "type": "ID!",
+            "description": "The unique **ID** of the user [here](#/example)",
+            "properties": []
+          },
+          {
+            "name": "name",
+            "type": "String!",
+            "description": "The name of the user",
+            "properties": []
+          },
+          {
+            "name": "email",
+            "type": "String!",
+            "description": "The email of the user",
+            "properties": []
+          },
+          {
+            "name": "todos",
+            "type": "[Todo!]!",
+            "description": "The list of todos created by the user",
+            "properties": [
+              {
+                "name": "id",
+                "type": "ID!",
+                "description": "The unique ID of the todo",
+                "properties": []
+              },
+              {
+                "name": "title",
+                "type": "String!",
+                "description": "The title of the todo",
+                "properties": []
+              },
+              {
+                "name": "description",
+                "type": "String",
+                "description": "The description of the todo"
+              },
+              {
+                "name": "completed",
+                "type": "Boolean!",
+                "description": "The status of the todo (completed or not)",
+                "properties": []
+              },
+              {
+                "name": "dueDate",
+                "type": "Date",
+                "description": "The due date of the todo"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "title": "user",
+    "canonical": "user",
+    "description": "Get a user by ID",
+    "category": "graphql",
+    "type": "graphql_query",
+    "examples": {
+      "groups": [
+        {
+          "description": "Example request",
+          "examples": [
+            {
+              "codeblock": {
+                "tabs": [
+                  {
+                    "title": "graphql",
+                    "language": "graphql",
+                    "code": "query user {\n    user {\n        id\n        name\n        email\n        todos {\n            id\n            title\n            description\n            completed\n            dueDate\n        }\n    }\n}"
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      ]
+    },
+    "definitions": [
+      {
+        "title": "Arguments",
+        "properties": [
+          {
+            "name": "id",
+            "type": "ID!",
+            "description": "",
+            "properties": []
+          }
+        ]
+      },
+      {
+        "title": "Returns",
+        "properties": [
+          {
+            "name": "id",
+            "type": "ID!",
+            "description": "The unique ID of the user",
+            "properties": []
+          },
+          {
+            "name": "name",
+            "type": "String!",
+            "description": "The name of the user",
+            "properties": []
+          },
+          {
+            "name": "email",
+            "type": "String!",
+            "description": "The email of the user",
+            "properties": []
+          },
+          {
+            "name": "todos",
+            "type": "[Todo!]!",
+            "description": "The list of todos created by the user",
+            "properties": [
+              {
+                "name": "id",
+                "type": "ID!",
+                "description": "The unique ID of the todo",
+                "properties": []
+              },
+              {
+                "name": "title",
+                "type": "String!",
+                "description": "The title of the todo",
+                "properties": []
+              },
+              {
+                "name": "description",
+                "type": "String",
+                "description": "The description of the todo"
+              },
+              {
+                "name": "completed",
+                "type": "Boolean!",
+                "description": "The status of the todo (completed or not)",
+                "properties": []
+              },
+              {
+                "name": "dueDate",
+                "type": "Date",
+                "description": "The due date of the todo"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "title": "todos",
+    "canonical": "todos",
+    "description": "Get a list of all todos",
+    "category": "graphql",
+    "type": "graphql_query",
+    "examples": {
+      "groups": [
+        {
+          "description": "Example request",
+          "examples": [
+            {
+              "codeblock": {
+                "tabs": [
+                  {
+                    "title": "graphql",
+                    "language": "graphql",
+                    "code": "query todos {\n    todos {\n        id\n        title\n        description\n        completed\n        dueDate\n    }\n}"
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      ]
+    },
+    "definitions": [
+      {
+        "title": "Arguments",
+        "properties": []
+      },
+      {
+        "title": "Returns",
+        "properties": [
+          {
+            "name": "id",
+            "type": "ID!",
+            "description": "The unique ID of the todo",
+            "properties": []
+          },
+          {
+            "name": "title",
+            "type": "String!",
+            "description": "The title of the todo",
+            "properties": []
+          },
+          {
+            "name": "description",
+            "type": "String",
+            "description": "The description of the todo"
+          },
+          {
+            "name": "completed",
+            "type": "Boolean!",
+            "description": "The status of the todo (completed or not)",
+            "properties": []
+          },
+          {
+            "name": "dueDate",
+            "type": "Date",
+            "description": "The due date of the todo"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "title": "todo",
+    "canonical": "todo",
+    "description": "Get a todo by ID",
+    "category": "graphql",
+    "type": "graphql_query",
+    "examples": {
+      "groups": [
+        {
+          "description": "Example request",
+          "examples": [
+            {
+              "codeblock": {
+                "tabs": [
+                  {
+                    "title": "graphql",
+                    "language": "graphql",
+                    "code": "query todo {\n    todo {\n        id\n        title\n        description\n        completed\n        dueDate\n    }\n}"
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      ]
+    },
+    "definitions": [
+      {
+        "title": "Arguments",
+        "properties": [
+          {
+            "name": "id",
+            "type": "ID!",
+            "description": "",
+            "properties": []
+          }
+        ]
+      },
+      {
+        "title": "Returns",
+        "properties": [
+          {
+            "name": "id",
+            "type": "ID!",
+            "description": "The unique ID of the todo",
+            "properties": []
+          },
+          {
+            "name": "title",
+            "type": "String!",
+            "description": "The title of the todo",
+            "properties": []
+          },
+          {
+            "name": "description",
+            "type": "String",
+            "description": "The description of the todo"
+          },
+          {
+            "name": "completed",
+            "type": "Boolean!",
+            "description": "The status of the todo (completed or not)",
+            "properties": []
+          },
+          {
+            "name": "dueDate",
+            "type": "Date",
+            "description": "The due date of the todo"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "title": "createUser",
+    "canonical": "createUser",
+    "description": "Create a new user",
+    "category": "graphql",
+    "type": "graphql_mutation",
+    "examples": {
+      "groups": [
+        {
+          "description": "Example request",
+          "examples": [
+            {
+              "codeblock": {
+                "tabs": [
+                  {
+                    "title": "graphql",
+                    "language": "graphql",
+                    "code": "mutation createUser ($name: String!, $email: String!) {\n    createUser (name: $name, email: $email) {\n        id\n        name\n        email\n        todos {\n            id\n            title\n            description\n            completed\n            dueDate\n        }\n    }\n}"
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      ]
+    },
+    "definitions": [
+      {
+        "title": "Arguments",
+        "properties": [
+          {
+            "name": "name",
+            "type": "String!",
+            "description": "",
+            "properties": []
+          },
+          {
+            "name": "email",
+            "type": "String!",
+            "description": "",
+            "properties": []
+          }
+        ]
+      },
+      {
+        "title": "Returns",
+        "properties": [
+          {
+            "name": "id",
+            "type": "ID!",
+            "description": "The unique ID of the user",
+            "properties": []
+          },
+          {
+            "name": "name",
+            "type": "String!",
+            "description": "The name of the user",
+            "properties": []
+          },
+          {
+            "name": "email",
+            "type": "String!",
+            "description": "The email of the user",
+            "properties": []
+          },
+          {
+            "name": "todos",
+            "type": "[Todo!]!",
+            "description": "The list of todos created by the user",
+            "properties": [
+              {
+                "name": "id",
+                "type": "ID!",
+                "description": "The unique ID of the todo",
+                "properties": []
+              },
+              {
+                "name": "title",
+                "type": "String!",
+                "description": "The title of the todo",
+                "properties": []
+              },
+              {
+                "name": "description",
+                "type": "String",
+                "description": "The description of the todo"
+              },
+              {
+                "name": "completed",
+                "type": "Boolean!",
+                "description": "The status of the todo (completed or not)",
+                "properties": []
+              },
+              {
+                "name": "dueDate",
+                "type": "Date",
+                "description": "The due date of the todo"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "title": "createTodo",
+    "canonical": "createTodo",
+    "description": "Create a new todo",
+    "category": "graphql",
+    "type": "graphql_mutation",
+    "examples": {
+      "groups": [
+        {
+          "description": "Example request",
+          "examples": [
+            {
+              "codeblock": {
+                "tabs": [
+                  {
+                    "title": "graphql",
+                    "language": "graphql",
+                    "code": "mutation createTodo ($input: CreateTodoInput!) {\n    createTodo (input: $input) {\n        id\n        title\n        description\n        completed\n        dueDate\n    }\n}"
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      ]
+    },
+    "definitions": [
+      {
+        "title": "Arguments",
+        "properties": [
+          {
+            "name": "input",
+            "type": "CreateTodoInput!",
+            "description": "",
+            "properties": []
+          }
+        ]
+      },
+      {
+        "title": "Returns",
+        "properties": [
+          {
+            "name": "id",
+            "type": "ID!",
+            "description": "The unique ID of the todo",
+            "properties": []
+          },
+          {
+            "name": "title",
+            "type": "String!",
+            "description": "The title of the todo",
+            "properties": []
+          },
+          {
+            "name": "description",
+            "type": "String",
+            "description": "The description of the todo"
+          },
+          {
+            "name": "completed",
+            "type": "Boolean!",
+            "description": "The status of the todo (completed or not)",
+            "properties": []
+          },
+          {
+            "name": "dueDate",
+            "type": "Date",
+            "description": "The due date of the todo"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "title": "updateTodo",
+    "canonical": "updateTodo",
+    "description": "Update an existing todo",
+    "category": "graphql",
+    "type": "graphql_mutation",
+    "examples": {
+      "groups": [
+        {
+          "description": "Example request",
+          "examples": [
+            {
+              "codeblock": {
+                "tabs": [
+                  {
+                    "title": "graphql",
+                    "language": "graphql",
+                    "code": "mutation updateTodo ($input: UpdateTodoInput!) {\n    updateTodo (input: $input) {\n        id\n        title\n        description\n        completed\n        dueDate\n    }\n}"
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      ]
+    },
+    "definitions": [
+      {
+        "title": "Arguments",
+        "properties": [
+          {
+            "name": "input",
+            "type": "UpdateTodoInput!",
+            "description": "",
+            "properties": []
+          }
+        ]
+      },
+      {
+        "title": "Returns",
+        "properties": [
+          {
+            "name": "id",
+            "type": "ID!",
+            "description": "The unique ID of the todo",
+            "properties": []
+          },
+          {
+            "name": "title",
+            "type": "String!",
+            "description": "The title of the todo",
+            "properties": []
+          },
+          {
+            "name": "description",
+            "type": "String",
+            "description": "The description of the todo"
+          },
+          {
+            "name": "completed",
+            "type": "Boolean!",
+            "description": "The status of the todo (completed or not)",
+            "properties": []
+          },
+          {
+            "name": "dueDate",
+            "type": "Date",
+            "description": "The due date of the todo"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "title": "deleteTodo",
+    "canonical": "deleteTodo",
+    "description": "Delete a todo by ID",
+    "category": "graphql",
+    "type": "graphql_mutation",
+    "examples": {
+      "groups": [
+        {
+          "description": "Example request",
+          "examples": [
+            {
+              "codeblock": {
+                "tabs": [
+                  {
+                    "title": "graphql",
+                    "language": "graphql",
+                    "code": "mutation deleteTodo ($id: ID!) {\n    deleteTodo (id: $id)\n}"
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      ]
+    },
+    "definitions": [
+      {
+        "title": "Arguments",
+        "properties": [
+          {
+            "name": "id",
+            "type": "ID!",
+            "description": "",
+            "properties": []
+          }
+        ]
+      },
+      {
+        "title": "Returns",
+        "properties": []
+      }
+    ]
+  }
+]