From c1dccf6f6589fa5550d789a3f4d90804c9a22e7b Mon Sep 17 00:00:00 2001 From: Jan Librowski Date: Tue, 19 Aug 2025 09:13:05 +0200 Subject: [PATCH] Change naming from Axiom to Overflow UI --- .github/workflows/deploy-production.yml | 8 ++--- README.md | 24 ++++++------- about/images/CONTRIBUTING.md | 8 ++--- eslint.config.mjs | 2 +- package.json | 2 +- packages/tokens/package.json | 2 +- packages/ui/README.md | 36 +++++++++---------- packages/ui/eslint.config.mjs | 2 +- packages/ui/package.json | 18 +++++----- .../src/components/node/nodes.decision-log.md | 2 +- packages/ui/vite.config.mts | 32 ++++++++--------- .../docs/authored/diagram/_category_.json | 2 +- .../edge/edge-label/edge-label-docs.tsx | 2 +- .../docs/authored/diagram/edge/edge.mdx | 16 ++++----- .../diagram/node-panel/node-panel.mdx | 4 +-- packages/website/docs/authored/overview.mdx | 4 +-- .../button/icon-button/icon-button-docs.tsx | 2 +- .../icon-label-button-docs.tsx | 2 +- .../button/label-button/label-button-docs.tsx | 2 +- .../input-with-end-adornment.tsx | 2 +- .../input-with-start-adornment.tsx | 2 +- .../ui/input/input-preview/simple-input.tsx | 2 +- .../nav-icon-button/nav-icon-button-docs.tsx | 2 +- .../nav-icon-label-button-docs.tsx | 2 +- .../nav-label-button-docs.tsx | 2 +- .../ui/segment-picker/segment-picker-docs.tsx | 2 +- .../docs/code-examples/eslint.config.mjs | 2 +- packages/website/docusaurus.config.ts | 10 +++--- packages/website/generated/path-types.ts | 4 +-- packages/website/package.json | 4 +-- .../generate-docs/generate-path-types.ts | 4 +-- packages/website/scripts/utils/logger.ts | 4 +-- .../code-playground/code-playground.tsx | 6 ++-- .../copy-button/copy-button.tsx | 2 +- .../code-playground/file-tab.tsx | 2 +- .../reset-button/reset-button.tsx | 2 +- .../component-page/component-page.tsx | 8 ++--- .../css-variable-list/css-variable-list.tsx | 4 +-- .../description/description.tsx | 4 +-- .../component-utils/props-list/props-list.tsx | 4 +-- .../overflow-ui-banner.module.css} | 0 .../overflow-ui-banner.tsx} | 4 +-- packages/website/src/css/custom.css | 2 +- packages/website/src/theme/DocCard/index.tsx | 2 +- .../theme/DocSidebarItem/Category/index.tsx | 2 +- .../src/theme/Navbar/Content/index.tsx | 4 +-- .../src/theme/ReactLiveScope/index.tsx | 4 +-- pnpm-lock.yaml | 4 +-- 48 files changed, 133 insertions(+), 133 deletions(-) rename packages/website/src/components/{axiom-banner/axiom-banner.module.css => overflow-ui-banner/overflow-ui-banner.module.css} (100%) rename packages/website/src/components/{axiom-banner/axiom-banner.tsx => overflow-ui-banner/overflow-ui-banner.tsx} (86%) diff --git a/.github/workflows/deploy-production.yml b/.github/workflows/deploy-production.yml index df18d1c9..994be7dc 100644 --- a/.github/workflows/deploy-production.yml +++ b/.github/workflows/deploy-production.yml @@ -45,7 +45,7 @@ jobs: - name: Read versions id: version-check run: | - OLD=$(npm view @synergycodes/axiom version 2>/dev/null || echo "0.0.0") + OLD=$(npm view @synergycodes/overflow-ui version 2>/dev/null || echo "0.0.0") NEW=$(jq -r .version packages/ui/package.json) echo "old=$OLD" >> $GITHUB_OUTPUT echo "new=$NEW" >> $GITHUB_OUTPUT @@ -64,14 +64,14 @@ jobs: # Check if version contains "beta" if [[ "${{ steps.version-check.outputs.new }}" == *"beta"* ]]; then - echo "Publishing @synergycodes/axiom@${{ steps.version-check.outputs.new }} with 'beta' tag…" + echo "Publishing @synergycodes/overflow-ui@${{ steps.version-check.outputs.new }} with 'beta' tag…" pnpm publish --tag beta --access public --no-git-checks echo "Adding 'latest' tag to beta version…" # INFO: The line below marks each beta version as latest. Once we publish stable version we should remove it - npm dist-tag add @synergycodes/axiom@${{ steps.version-check.outputs.new }} latest + npm dist-tag add @synergycodes/overflow-ui@${{ steps.version-check.outputs.new }} latest else - echo "Publishing @synergycodes/axiom@${{ steps.version-check.outputs.new }} with 'latest' tag…" + echo "Publishing @synergycodes/overflow-ui@${{ steps.version-check.outputs.new }} with 'latest' tag…" pnpm publish --access public --no-git-checks fi else diff --git a/README.md b/README.md index b53b1241..09a92cf4 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -[//]: # "This README file is part of the Axiom documentation website (check overview.mdx)" +[//]: # "This README file is part of the Overflow UI documentation website (check overview.mdx)" A React library for creating node-based user interfaces and diagram-driven apps. Built to work seamlessly with React Flow, it provides a collection of ready-to-use components and templates that simplify the development of visual editors, workflows, and interactive diagrams. @@ -8,18 +8,18 @@ Developed and maintained by **[Synergy Codes](https://www.synergycodes.com/)**. ### 📦 Installation -Use one of the commands below to add **Axiom** to your project: +Use one of the commands below to add **Overflow UI** to your project: ```bash -npm install @synergycodes/axiom +npm install @synergycodes/overflow-ui ``` ```bash -pnpm add @synergycodes/axiom +pnpm add @synergycodes/overflow-ui ``` ```bash -yarn add @synergycodes/axiom +yarn add @synergycodes/overflow-ui ``` ### 🎨 Import styles @@ -27,11 +27,11 @@ yarn add @synergycodes/axiom Add to your style sheet or component: ```css -@import '@synergycodes/axiom/tokens.css'; +@import '@synergycodes/overflow-ui/tokens.css'; ``` ```tsx -import '@synergycodes/axiom/tokens.css'; +import '@synergycodes/overflow-ui/tokens.css'; ``` ### 🌗 Set the theme @@ -45,7 +45,7 @@ To make the styles use proper variables, include `data-theme` (`light` or `dark` ### 🎛️ Use components ```tsx -import { Input } from '@synergycodes/axiom'; +import { Input } from '@synergycodes/overflow-ui'; // … @@ -54,7 +54,7 @@ import { Input } from '@synergycodes/axiom'; ## Customization -Each axiom component uses CSS variables that are derived from primitive values. +Each Overflow UI component uses CSS variables that are derived from primitive values. You can override them: @@ -72,9 +72,9 @@ or a derived value used by the selected component: } ``` -### Axiom css layers +### Overflow UI css layers -Axiom uses [CSS layers](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer) to separate its styles from yours. By default, CSS styles outside of any layer take precedence over what Axiom defines, so your styles will always win the specificity war. You can customize Axiom components with simple `input {}`. +Overflow UI uses [CSS layers](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer) to separate its styles from yours. By default, CSS styles outside of any layer take precedence over what Overflow UI defines, so your styles will always win the specificity war. You can customize Overflow UI components with simple `input {}`. ```css @@ -85,7 +85,7 @@ Axiom uses [CSS layers](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer) } ``` -Default axiom order: +Default Overflow UI order: ```css @layer ui.base, ui.component; ``` diff --git a/about/images/CONTRIBUTING.md b/about/images/CONTRIBUTING.md index 6a118fd7..c8bd109a 100644 --- a/about/images/CONTRIBUTING.md +++ b/about/images/CONTRIBUTING.md @@ -1,7 +1,7 @@ -# How to run a local instance of @synergycodes/axiom +# How to run a local instance of @synergycodes/overflow-ui -1. Clone the repository: `git clone https://github.com/synergycodes/axiom.git` +1. Clone the repository: `git clone https://github.com/synergycodes/overflow-ui.git` 2. Install dependencies: `pnpm install` -3. Build the Axiom library: `pnpm ui dev` +3. Build the Overflow UI library: `pnpm ui dev` 4. Start the Docusaurus documentation site: `pnpm website dev` -5. Open `http://localhost:3000/axiom/` +5. Open `http://localhost:3000/overflow-ui/` diff --git a/eslint.config.mjs b/eslint.config.mjs index bd0d2811..5cd22cdd 100644 --- a/eslint.config.mjs +++ b/eslint.config.mjs @@ -32,7 +32,7 @@ export default defineConfig([ tsEslint.configs.recommended, globalIgnores(['**/node_modules', '**/.git', '**/dist']), { - name: 'Axiom / Root', + name: 'Overflow UI / Root', files: ['**/*'], languageOptions: { globals: globals.browser, diff --git a/package.json b/package.json index 3b07e969..bf0ae2ce 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "axiom", + "name": "overflow-ui", "scripts": { "lint": "pnpm -r lint", "lint:fix": "pnpm -r lint:fix", diff --git a/packages/tokens/package.json b/packages/tokens/package.json index b6a7afaa..ab279775 100644 --- a/packages/tokens/package.json +++ b/packages/tokens/package.json @@ -1,5 +1,5 @@ { - "name": "@synergycodes/axiom-tokens", + "name": "@synergycodes/overflow-ui-tokens", "version": "0.0.0", "private": true, "files": [ diff --git a/packages/ui/README.md b/packages/ui/README.md index c5e8e342..b2836b36 100644 --- a/packages/ui/README.md +++ b/packages/ui/README.md @@ -1,4 +1,4 @@ -# @synergycodes/axiom +# @synergycodes/overflow-ui A React library for creating node-based user interfaces and diagram-driven apps. Built to work seamlessly with React Flow, it provides a collection of ready-to-use components and templates that simplify the development of visual editors, workflows, and interactive diagrams. @@ -8,18 +8,18 @@ Developed and maintained by **[Synergy Codes](https://www.synergycodes.com/)**. ### 📦 Installation -Use one of the commands below to add **Axiom** to your project: +Use one of the commands below to add **Overflow UI** to your project: ```bash -npm install @synergycodes/axiom +npm install @synergycodes/overflow-ui ``` ```bash -pnpm add @synergycodes/axiom +pnpm add @synergycodes/overflow-ui ``` ```bash -yarn add @synergycodes/axiom +yarn add @synergycodes/overflow-ui ``` ### 🎨 Import styles @@ -27,11 +27,11 @@ yarn add @synergycodes/axiom Add to your style sheet or component: ```css -@import '@synergycodes/axiom/tokens.css'; +@import '@synergycodes/overflow-ui/tokens.css'; ``` ```tsx -import '@synergycodes/axiom/tokens.css'; +import '@synergycodes/overflow-ui/tokens.css'; ``` ### 🎛️ Apply the Theme @@ -45,7 +45,7 @@ To make the styles use proper variables, include data-theme (light or dark) attr ### 🧱 Use components ```tsx -import { Input } from '@synergycodes/axiom'; +import { Input } from '@synergycodes/overflow-ui'; // … @@ -54,7 +54,7 @@ import { Input } from '@synergycodes/axiom'; ## Overview -Forget cobbling together UI kits with diagram libraries. Axiom provides a unified set of designed, ready-to-use components: buttons, inputs, accordions, node templates, and more — all built to work seamlessly together. +Forget cobbling together UI kits with diagram libraries. Overflow UI provides a unified set of designed, ready-to-use components: buttons, inputs, accordions, node templates, and more — all built to work seamlessly together. ## Features @@ -66,7 +66,7 @@ Forget cobbling together UI kits with diagram libraries. Axiom provides a unifie ## Customization -Each Axiom component uses CSS variables that are derived from primitive values. +Each Overflow UI component uses CSS variables that are derived from primitive values. You can override them: @@ -84,9 +84,9 @@ or a derived value used by the selected component: } ``` -### Axiom css layers +### Overflow UI css layers -Axiom uses [CSS layers](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer) to separate its styles from yours. By default, CSS styles outside of any layer take precedence over what Axiom defines, so your styles will always win the specificity war. You can customize Axiom components with simple `input {}`. +Overflow UI uses [CSS layers](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer) to separate its styles from yours. By default, CSS styles outside of any layer take precedence over what Overflow UI defines, so your styles will always win the specificity war. You can customize Overflow UI components with simple `input {}`. ```css @@ -97,7 +97,7 @@ Axiom uses [CSS layers](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer) } ``` -Default Axiom order: +Default Overflow UI order: ```css @layer ui.base, ui.component; ``` @@ -129,18 +129,18 @@ Edit `ui/preview-page/preview-page.tsx` to display desired components. ### 📣 Important Note on Underlying Technology -> **Axiom is built on top of [MUI Base](https://v6.mui.com/base-ui/getting-started/), a headless component library that focuses on accessibility and logic, while leaving the styling up to us.** +> **Overflow UI is built on top of [MUI Base](https://v6.mui.com/base-ui/getting-started/), a headless component library that focuses on accessibility and logic, while leaving the styling up to us.** > -> Thanks to MUI Base, Axiom provides components that are **accessible by default** and **fully customizable** through our design tokens. +> Thanks to MUI Base, Overflow UI provides components that are **accessible by default** and **fully customizable** through our design tokens. > > We are aware that **MUI Base has been deprecated**, and the MUI team recommends migrating to [Base UI](https://base-ui.com). -> However, after careful evaluation, we’ve chosen to **stay with MUI Base** for now because: +> However, after careful evaluation, we've chosen to **stay with MUI Base** for now because: > > * ✅ **Base UI is not yet mature enough** for our needs. -> * ✅ We want to ensure a stable, well-tested experience for Axiom users. +> * ✅ We want to ensure a stable, well-tested experience for Overflow UI users. > > This is a **conscious and informed decision**. -> We will continue to monitor Base UI’s progress and will consider migrating when we feel it’s the right time, ensuring a smooth and thoughtful transition for Axiom users. +> We will continue to monitor Base UI's progress and will consider migrating when we feel it's the right time, ensuring a smooth and thoughtful transition for Overflow UI users. > > If you have any questions or concerns, feel free to reach out — we’re happy to share our reasoning and plans in more detail! diff --git a/packages/ui/eslint.config.mjs b/packages/ui/eslint.config.mjs index 256b66dc..29c4c371 100644 --- a/packages/ui/eslint.config.mjs +++ b/packages/ui/eslint.config.mjs @@ -28,7 +28,7 @@ export default defineConfig([ }, }, { - name: 'Axiom / UI', + name: 'Overflow UI / UI', files: ['**/*.{ts,tsx}'], plugins: { 'react-hooks': pluginHooks, diff --git a/packages/ui/package.json b/packages/ui/package.json index 542ef03e..46631a7c 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -1,5 +1,5 @@ { - "name": "@synergycodes/axiom", + "name": "@synergycodes/overflow-ui", "type": "module", "version": "1.0.0-beta.22", "description": "A React library for creating node-based UIs and diagram-driven applications. Perfect for React Flow users, providing ready-to-use node templates and components that work seamlessly with React Flow's ecosystem.", @@ -17,15 +17,15 @@ ], "author": "Synergy Codes", "license": "MIT", - "url": "https://github.com/synergycodes/axiom", - "homepage": "https://github.com/synergycodes/axiom", + "url": "https://github.com/synergycodes/overflow-ui", + "homepage": "https://github.com/synergycodes/overflow-ui", "repository": { "type": "git", - "url": "git+https://github.com/synergycodes/axiom.git", + "url": "git+https://github.com/synergycodes/overflow-ui.git", "directory": "packages/ui" }, "bugs": { - "url": "https://github.com/synergycodes/axiom/issues" + "url": "https://github.com/synergycodes/overflow-ui/issues" }, "scripts": { "build": "vite build", @@ -35,16 +35,16 @@ "lint:fix": "eslint --fix", "typecheck": "tsc --noEmit --pretty" }, - "module": "./dist/axiom.js", + "module": "./dist/overflow-ui.js", "files": [ "dist" ], - "main": "./dist/axiom.js", + "main": "./dist/overflow-ui.js", "types": "./dist/index.d.ts", "exports": { ".": { "types": "./dist/index.d.ts", - "import": "./dist/axiom.js" + "import": "./dist/overflow-ui.js" }, "./tokens.css": "./dist/tokens.css" }, @@ -60,7 +60,7 @@ }, "devDependencies": { "@emotion/react": "^11.14.0", - "@synergycodes/axiom-tokens": "workspace:*", + "@synergycodes/overflow-ui-tokens": "workspace:*", "@types/react": "^19.1.8", "@types/react-dom": "^19.1.6", "@vitejs/plugin-react": "^4.3.4", diff --git a/packages/ui/src/components/node/nodes.decision-log.md b/packages/ui/src/components/node/nodes.decision-log.md index aec16eeb..38bc64d7 100644 --- a/packages/ui/src/components/node/nodes.decision-log.md +++ b/packages/ui/src/components/node/nodes.decision-log.md @@ -24,7 +24,7 @@ To meet these requirements, the following components were introduced: 2. **NodePanel**: - A foundational building block for nodes. - - Offers a well-designed interface for various states, leveraging the Axiom design system. + - Offers a well-designed interface for various states, leveraging the Overflow UI design system. - Accepts three slots as children for structuring the node: `header`, `content`, and `handles`. 3. **NodeIcon & NodeDescription**: diff --git a/packages/ui/vite.config.mts b/packages/ui/vite.config.mts index dfe15460..aec78122 100644 --- a/packages/ui/vite.config.mts +++ b/packages/ui/vite.config.mts @@ -1,34 +1,34 @@ -import { dirname, resolve } from "node:path"; -import { fileURLToPath } from "node:url"; -import { defineConfig } from "vite"; -import { libInjectCss } from "vite-plugin-lib-inject-css"; +import { dirname, resolve } from 'node:path'; +import { fileURLToPath } from 'node:url'; +import { defineConfig } from 'vite'; +import { libInjectCss } from 'vite-plugin-lib-inject-css'; import { viteStaticCopy } from 'vite-plugin-static-copy'; -import dts from "vite-plugin-dts"; +import dts from 'vite-plugin-dts'; const __dirname = dirname(fileURLToPath(import.meta.url)); export default defineConfig({ build: { lib: { - entry: resolve(__dirname, "src/index.ts"), - name: "Axiom", - fileName: "axiom", - formats: ["es"], + entry: resolve(__dirname, 'src/index.ts'), + name: 'Overflow UI', + fileName: 'overflow-ui', + formats: ['es'], }, rollupOptions: { - external: ["react", "react-dom", "react/jsx-runtime"], + external: ['react', 'react-dom', 'react/jsx-runtime'], // [TODO] Fix: suppress "Module level directives cause errors when bundled" warnings onwarn: (warning, warn) => { - if (warning.code === "MODULE_LEVEL_DIRECTIVE") { + if (warning.code === 'MODULE_LEVEL_DIRECTIVE') { return; } warn(warning); }, output: { globals: { - "react-dom": "ReactDom", - react: "React", - "react/jsx-runtime": "ReactJsxRuntime", + 'react-dom': 'ReactDom', + react: 'React', + 'react/jsx-runtime': 'ReactJsxRuntime', }, }, }, @@ -38,7 +38,7 @@ export default defineConfig({ }, resolve: { alias: { - "@ui": resolve(__dirname, "./src"), + '@ui': resolve(__dirname, './src'), }, }, // [TODO]: Preferably we should include just a single .d.ts file, but setting rollupTypes to true doesn't work with current setup @@ -46,7 +46,7 @@ export default defineConfig({ plugins: [ libInjectCss(), dts({ - entryRoot: "src", + entryRoot: 'src', }), viteStaticCopy({ targets: [ diff --git a/packages/website/docs/authored/diagram/_category_.json b/packages/website/docs/authored/diagram/_category_.json index 9a6d3cf8..d64f8b91 100644 --- a/packages/website/docs/authored/diagram/_category_.json +++ b/packages/website/docs/authored/diagram/_category_.json @@ -3,6 +3,6 @@ "position": 2, "link": { "type": "generated-index", - "description": "Diagram Components of Axiom library" + "description": "Diagram Components of Overflow UI library" } } diff --git a/packages/website/docs/authored/diagram/edge/edge-label/edge-label-docs.tsx b/packages/website/docs/authored/diagram/edge/edge-label/edge-label-docs.tsx index ebfe81fd..4620b2f3 100644 --- a/packages/website/docs/authored/diagram/edge/edge-label/edge-label-docs.tsx +++ b/packages/website/docs/authored/diagram/edge/edge-label/edge-label-docs.tsx @@ -1,6 +1,6 @@ import { ComponentPage } from '@site/src/components/component-utils/component-page/component-page'; import exampleCode from '!!raw-loader!@site/docs/code-examples/edge-label.example.tsx'; -import { EDGE_LABEL_SIZES } from '@synergycodes/axiom'; +import { EDGE_LABEL_SIZES } from '@synergycodes/overflow-ui'; import { ComponentProp, toPropMap } from '@site/docs/utils/to-prop-map'; const props: Record = { diff --git a/packages/website/docs/authored/diagram/edge/edge.mdx b/packages/website/docs/authored/diagram/edge/edge.mdx index 8ea0c6cc..677ae10e 100644 --- a/packages/website/docs/authored/diagram/edge/edge.mdx +++ b/packages/website/docs/authored/diagram/edge/edge.mdx @@ -7,20 +7,20 @@ import '@xyflow/react/dist/style.css'; import EdgeStylesDiagram from "!!raw-loader!@site/docs/code-examples/edge-styles-diagram.tsx"; import { CodeSpotlight } from "@site/src/components/code-hike/code-spotlight/code-spotlight" -This section explains how to style edges using Axiom components. -In the library, we expose a hook for styling edges and an edge label component - both designed to +This section explains how to style edges using Overflow UI components. +In the library, we expose a hook for styling edges and an edge label component - both designed to share a consistent visual style across application. -In React Flow, an edge is represented as an SVG path. -The parameters used to calculate the path are provided via React Flow’s hooks. +In React Flow, an edge is represented as an SVG path. +The parameters used to calculate the path are provided via React Flow’s hooks. To align with this approach, we introduced a custom hook that returns appropriate styles based on the current state of an edge. These styles can be directly applied to the edge element. -For edge labels, we provide a dedicated component that takes the same state parameter, -ensuring consistent styling with the edges. Since label positions are often unique, +For edge labels, we provide a dedicated component that takes the same state parameter, +ensuring consistent styling with the edges. Since label positions are often unique, we recommend applying a custom transform via styles to position the label as needed. -Below, you’ll find a guide on how to style edges using components from the Axiom library. +Below, you'll find a guide on how to style edges using components from the Overflow UI library. ## Customization @@ -65,4 +65,4 @@ function Edge({ id, path, selected, isHovered, labelX, labelY }) { } ``` - \ No newline at end of file + diff --git a/packages/website/docs/authored/diagram/node-panel/node-panel.mdx b/packages/website/docs/authored/diagram/node-panel/node-panel.mdx index 9e3bb8a0..0a09c68c 100644 --- a/packages/website/docs/authored/diagram/node-panel/node-panel.mdx +++ b/packages/website/docs/authored/diagram/node-panel/node-panel.mdx @@ -8,7 +8,7 @@ import '@xyflow/react/dist/style.css'; import NodePanelDiagram from "!!raw-loader!@site/docs/code-examples/node-panel-diagram.tsx"; import { CodeSpotlight } from "@site/src/components/code-hike/code-spotlight/code-spotlight" -This section will explain how to build nodes using Axiom components. +This section will explain how to build nodes using Overflow UI components. Each component serves a specific purpose in structuring the node's layout. The components can be used individually or combined, but each can only be used once within a `NodePanel.Root`. The `NodePanel` namespace provides the following slots: @@ -18,7 +18,7 @@ The `NodePanel` namespace provides the following slots: - `NodePanel.Content` - Node's main content - `NodePanel.Handles` - Container for interactive handles -On top of it, Axiom offers utility components that can serve as building blocks or provide additional functionality: +On top of it, Overflow UI offers utility components that can serve as building blocks or provide additional functionality: - `NodeIcon` - Displays an icon in the node - `NodeDescription` - Helper component labeling the node - `NodeAsPortWrapper` - Makes the node interactive as a connection point diff --git a/packages/website/docs/authored/overview.mdx b/packages/website/docs/authored/overview.mdx index 49f155fc..84d62362 100644 --- a/packages/website/docs/authored/overview.mdx +++ b/packages/website/docs/authored/overview.mdx @@ -5,9 +5,9 @@ slug: /authored/overview hide_table_of_contents: true --- -import { AxiomBanner } from '@site/src/components/axiom-banner/axiom-banner' +import { OverflowUIBanner } from '@site/src/components/overflow-ui-banner/overflow-ui-banner' - + # Components that accelerate your development diff --git a/packages/website/docs/authored/ui/button/icon-button/icon-button-docs.tsx b/packages/website/docs/authored/ui/button/icon-button/icon-button-docs.tsx index 2cade262..852c463e 100644 --- a/packages/website/docs/authored/ui/button/icon-button/icon-button-docs.tsx +++ b/packages/website/docs/authored/ui/button/icon-button/icon-button-docs.tsx @@ -1,5 +1,5 @@ import { ComponentPage } from '@site/src/components/component-utils/component-page/component-page'; -import { BUTTON_SIZES, BUTTON_VARIANTS } from '@synergycodes/axiom'; +import { BUTTON_SIZES, BUTTON_VARIANTS } from '@synergycodes/overflow-ui'; import { ComponentProp, toPropMap } from '@site/docs/utils/to-prop-map'; import exampleCode from '!!raw-loader!@site/docs/code-examples/icon-button.example.tsx'; diff --git a/packages/website/docs/authored/ui/button/icon-label-button/icon-label-button-docs.tsx b/packages/website/docs/authored/ui/button/icon-label-button/icon-label-button-docs.tsx index 3b1598fe..7dbd83df 100644 --- a/packages/website/docs/authored/ui/button/icon-label-button/icon-label-button-docs.tsx +++ b/packages/website/docs/authored/ui/button/icon-label-button/icon-label-button-docs.tsx @@ -1,5 +1,5 @@ import { ComponentPage } from '@site/src/components/component-utils/component-page/component-page'; -import { BUTTON_SIZES, BUTTON_VARIANTS } from '@synergycodes/axiom'; +import { BUTTON_SIZES, BUTTON_VARIANTS } from '@synergycodes/overflow-ui'; import { ComponentProp, toPropMap } from '@site/docs/utils/to-prop-map'; import exampleCode from '!!raw-loader!@site/docs/code-examples/icon-label-button.example.tsx'; diff --git a/packages/website/docs/authored/ui/button/label-button/label-button-docs.tsx b/packages/website/docs/authored/ui/button/label-button/label-button-docs.tsx index ec028ea9..a8b54fde 100644 --- a/packages/website/docs/authored/ui/button/label-button/label-button-docs.tsx +++ b/packages/website/docs/authored/ui/button/label-button/label-button-docs.tsx @@ -1,5 +1,5 @@ import { ComponentPage } from '@site/src/components/component-utils/component-page/component-page'; -import { BUTTON_SIZES, BUTTON_VARIANTS } from '@synergycodes/axiom'; +import { BUTTON_SIZES, BUTTON_VARIANTS } from '@synergycodes/overflow-ui'; import { ComponentProp, toPropMap } from '@site/docs/utils/to-prop-map'; import exampleCode from '!!raw-loader!@site/docs/code-examples/label-button.example.tsx'; diff --git a/packages/website/docs/authored/ui/input/input-preview/input-with-end-adornment.tsx b/packages/website/docs/authored/ui/input/input-preview/input-with-end-adornment.tsx index 27c6b15d..af57c2a5 100644 --- a/packages/website/docs/authored/ui/input/input-preview/input-with-end-adornment.tsx +++ b/packages/website/docs/authored/ui/input/input-preview/input-with-end-adornment.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Input } from '@synergycodes/axiom'; +import { Input } from '@synergycodes/overflow-ui'; import { X } from '@phosphor-icons/react'; export function InputWithEndAdornment() { diff --git a/packages/website/docs/authored/ui/input/input-preview/input-with-start-adornment.tsx b/packages/website/docs/authored/ui/input/input-preview/input-with-start-adornment.tsx index 799fb71e..c7a8935c 100644 --- a/packages/website/docs/authored/ui/input/input-preview/input-with-start-adornment.tsx +++ b/packages/website/docs/authored/ui/input/input-preview/input-with-start-adornment.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Input } from '@synergycodes/axiom'; +import { Input } from '@synergycodes/overflow-ui'; import { UserCircle } from '@phosphor-icons/react'; export function InputWithStartAdornment() { diff --git a/packages/website/docs/authored/ui/input/input-preview/simple-input.tsx b/packages/website/docs/authored/ui/input/input-preview/simple-input.tsx index ed58cff7..b3e3b825 100644 --- a/packages/website/docs/authored/ui/input/input-preview/simple-input.tsx +++ b/packages/website/docs/authored/ui/input/input-preview/simple-input.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Input } from '@synergycodes/axiom'; +import { Input } from '@synergycodes/overflow-ui'; export function SimpleInput() { const [value, setValue] = useState('Hello World'); diff --git a/packages/website/docs/authored/ui/nav-button/nav-icon-button/nav-icon-button-docs.tsx b/packages/website/docs/authored/ui/nav-button/nav-icon-button/nav-icon-button-docs.tsx index d953588b..1fcfb964 100644 --- a/packages/website/docs/authored/ui/nav-button/nav-icon-button/nav-icon-button-docs.tsx +++ b/packages/website/docs/authored/ui/nav-button/nav-icon-button/nav-icon-button-docs.tsx @@ -1,5 +1,5 @@ import { ComponentPage } from '@site/src/components/component-utils/component-page/component-page'; -import { SIZES } from '@synergycodes/axiom'; +import { SIZES } from '@synergycodes/overflow-ui'; import { ComponentProp, toPropMap } from '@site/docs/utils/to-prop-map'; import exampleCode from '!!raw-loader!@site/docs/code-examples/nav-icon-button.example.tsx'; diff --git a/packages/website/docs/authored/ui/nav-button/nav-icon-label-button/nav-icon-label-button-docs.tsx b/packages/website/docs/authored/ui/nav-button/nav-icon-label-button/nav-icon-label-button-docs.tsx index c99c41b9..47eb2fb7 100644 --- a/packages/website/docs/authored/ui/nav-button/nav-icon-label-button/nav-icon-label-button-docs.tsx +++ b/packages/website/docs/authored/ui/nav-button/nav-icon-label-button/nav-icon-label-button-docs.tsx @@ -1,5 +1,5 @@ import { ComponentPage } from '@site/src/components/component-utils/component-page/component-page'; -import { SIZES } from '@synergycodes/axiom'; +import { SIZES } from '@synergycodes/overflow-ui'; import { ComponentProp, toPropMap } from '@site/docs/utils/to-prop-map'; import exampleCode from '!!raw-loader!@site/docs/code-examples/nav-icon-label-button.example.tsx'; diff --git a/packages/website/docs/authored/ui/nav-button/nav-label-button/nav-label-button-docs.tsx b/packages/website/docs/authored/ui/nav-button/nav-label-button/nav-label-button-docs.tsx index 99e32d10..74d6f0d3 100644 --- a/packages/website/docs/authored/ui/nav-button/nav-label-button/nav-label-button-docs.tsx +++ b/packages/website/docs/authored/ui/nav-button/nav-label-button/nav-label-button-docs.tsx @@ -1,5 +1,5 @@ import { ComponentPage } from '@site/src/components/component-utils/component-page/component-page'; -import { SIZES } from '@synergycodes/axiom'; +import { SIZES } from '@synergycodes/overflow-ui'; import { ComponentProp, toPropMap } from '@site/docs/utils/to-prop-map'; import exampleCode from '!!raw-loader!@site/docs/code-examples/nav-label-button.example.tsx'; diff --git a/packages/website/docs/authored/ui/segment-picker/segment-picker-docs.tsx b/packages/website/docs/authored/ui/segment-picker/segment-picker-docs.tsx index f6c88ab2..9264431d 100644 --- a/packages/website/docs/authored/ui/segment-picker/segment-picker-docs.tsx +++ b/packages/website/docs/authored/ui/segment-picker/segment-picker-docs.tsx @@ -1,7 +1,7 @@ import { ComponentPage } from '@site/src/components/component-utils/component-page/component-page'; import exampleCode from '!!raw-loader!@site/docs/code-examples/segment-picker.example.tsx'; import { ComponentProp, toPropMap } from '@site/docs/utils/to-prop-map'; -import { SIZES } from '@synergycodes/axiom'; +import { SIZES } from '@synergycodes/overflow-ui'; export function SegmentPickerDocs() { const props: Record = { diff --git a/packages/website/docs/code-examples/eslint.config.mjs b/packages/website/docs/code-examples/eslint.config.mjs index 044f07e7..baafa4b5 100644 --- a/packages/website/docs/code-examples/eslint.config.mjs +++ b/packages/website/docs/code-examples/eslint.config.mjs @@ -27,7 +27,7 @@ const rules = { export default defineConfig([ uiConfig, { - name: 'Axiom / Website / Code Examples', + name: 'Overflow UI / Website / Code Examples', files: ['./*.{ts,tsx}'], rules, }, diff --git a/packages/website/docusaurus.config.ts b/packages/website/docusaurus.config.ts index b563a277..3acc9575 100644 --- a/packages/website/docusaurus.config.ts +++ b/packages/website/docusaurus.config.ts @@ -12,7 +12,7 @@ const codeHikeConfig: CodeHikeConfig = { }; const config = { - title: 'Axiom', + title: 'Overflow UI', tagline: 'UI Components + Diagramming', favicon: 'img/favicon.ico', @@ -20,7 +20,7 @@ const config = { baseUrl: '/ui-components', organizationName: 'Synergy Codes', - projectName: 'axiom', + projectName: 'overflow-ui', onBrokenLinks: 'throw', onBrokenMarkdownLinks: 'warn', @@ -63,7 +63,7 @@ const config = { image: 'img/logo-dark.svg', navbar: { logo: { - alt: 'Axiom', + alt: 'Overflow UI', src: 'img/logo.svg', srcDark: 'img/logo.svg', href: 'https://overflow.dev', @@ -78,7 +78,7 @@ const config = { }, { label: 'Github', - to: 'https://github.com/synergycodes/axiom', + to: 'https://github.com/synergycodes/overflow-ui', }, { label: 'YouTube', @@ -115,4 +115,4 @@ const config = { } satisfies Config; export default config; -export type AxiomDocsConfig = typeof config; +export type OverflowUIDocsConfig = typeof config; diff --git a/packages/website/generated/path-types.ts b/packages/website/generated/path-types.ts index d1748a13..ef1090f9 100644 --- a/packages/website/generated/path-types.ts +++ b/packages/website/generated/path-types.ts @@ -1,4 +1,4 @@ - export type AxiomTSXRelativePath = "components/accordion/accordion.tsx" | "components/avatar/avatar.tsx" | "components/button/base-button/base-button.tsx" | "components/button/nav-button/nav-button.tsx" | "components/button/nav-button/nav-icon-button/nav-icon-button.tsx" | "components/button/nav-button/nav-icon-label-button/nav-icon-label-button.tsx" | "components/button/nav-button/nav-label-button/nav-label-button.tsx" | "components/button/regular-button/button.tsx" | "components/button/regular-button/icon-button/icon-button.tsx" | "components/button/regular-button/icon-label-button/icon-label-button.tsx" | "components/button/regular-button/label-button/label-button.tsx" | "components/checkbox/checkbox.tsx" | "components/collapsible/collapsible.tsx" | "components/date-picker/date-picker.tsx" | "components/edge/edge-label/edge-label.tsx" | "components/edge/use-edge-styles/use-edge-styles.tsx" | "components/input/clear-button/clear-button.tsx" | "components/input/input.tsx" | "components/menu/menu-item.tsx" | "components/menu/menu.tsx" | "components/menu/test.tsx" | "components/menu/utils/create-trigger-button.tsx" | "components/modal/modal.tsx" | "components/node/node-as-port-wrapper/node-as-port-wrapper.tsx" | "components/node/node-description/node-description.tsx" | "components/node/node-icon/node-icon.tsx" | "components/node/node-panel/node-panel.tsx" | "components/radio-button/radio.tsx" | "components/segment-picker/item/segment-picker-item.tsx" | "components/segment-picker/segment-picker.tsx" | "components/select/select-button/select-button.tsx" | "components/select/select-option/select-option.tsx" | "components/select/select-value/select-value.tsx" | "components/select/select.tsx" | "components/separator/separator.tsx" | "components/snackbar/components/action-buttons.tsx" | "components/snackbar/components/icon.tsx" | "components/snackbar/components/message.tsx" | "components/snackbar/snackbar.tsx" | "components/status/status.tsx" | "components/switch/icon-switch/icon-switch.tsx" | "components/switch/switch.tsx" | "components/text-area/text-area.tsx" | "components/tooltip/tooltip-content.tsx" | "components/tooltip/tooltip-trigger.tsx" | "components/tooltip/tooltip.tsx" | "components/tooltip/use-tooltip.tsx"; - export type AxiomCSSRelativePath = "components/accordion/accordion.module.css" | "components/avatar/avatar.module.css" | "components/button/base-button/base-button.module.css" | "components/button/nav-button/nav-icon-button/nav-button-icon-padding.module.css" | "components/button/nav-button/nav-icon-button/nav-icon-button.module.css" | "components/button/nav-button/nav-icon-label-button/nav-button-gap.module.css" | "components/button/nav-button/nav-icon-label-button/nav-icon-label-button-padding.module.css" | "components/button/nav-button/nav-label-button/nav-label-button-padding.module.css" | "components/button/nav-button/styles/nav-button-border-radius.module.css" | "components/button/nav-button/styles/nav-button-font-size.module.css" | "components/button/nav-button/styles/nav-button-icon-size.module.css" | "components/button/nav-button/styles/nav-button.module.css" | "components/button/regular-button/label-button/loader.module.css" | "components/button/styles/border-radius.module.css" | "components/button/styles/font-size.module.css" | "components/button/styles/gap.module.css" | "components/button/styles/icon-label-button-padding.module.css" | "components/button/styles/icon-padding.module.css" | "components/button/styles/icon-size.module.css" | "components/button/styles/label-button-padding.module.css" | "components/button/styles/variant.module.css" | "components/checkbox/checkbox.module.css" | "components/collapsible/collapsible.module.css" | "components/date-picker/data-picker-mantine.css" | "components/date-picker/date-picker.module.css" | "components/date-picker/variables.css" | "components/edge/edge-label/edge-label-size.module.css" | "components/edge/edge-label/edge-label.module.css" | "components/edge/use-edge-styles/use-edge-styles.css" | "components/input/clear-button/clear-button.module.css" | "components/input/input-root.module.css" | "components/input/input.module.css" | "components/input/variables.css" | "components/modal/modal.module.css" | "components/node/node-as-port-wrapper/node-as-port.css" | "components/node/node-description/node-description.module.css" | "components/node/node-icon/node-icon.module.css" | "components/node/node-panel/handle.module.css" | "components/node/node-panel/node-panel.module.css" | "components/radio-button/radio-size.module.css" | "components/radio-button/radio.module.css" | "components/segment-picker/border-radius-size.module.css" | "components/segment-picker/item/segment-picker-item-shape.module.css" | "components/segment-picker/segment-picker.module.css" | "components/select/select-button/select-button.module.css" | "components/select/select-value/select-value.module.css" | "components/select/select.module.css" | "components/separator/separator.module.css" | "components/snackbar/components/action-buttons.module.css" | "components/snackbar/components/icon.module.css" | "components/snackbar/components/message.module.css" | "components/snackbar/snackbar.module.css" | "components/status/status.module.css" | "components/switch/icon-switch/icon-switch.module.css" | "components/switch/switch-size.module.css" | "components/switch/switch.module.css" | "components/text-area/text-area.module.css" | "components/tooltip/tooltip.module.css"; + export type OverflowUITSXRelativePath = "components/accordion/accordion.tsx" | "components/avatar/avatar.tsx" | "components/button/base-button/base-button.tsx" | "components/button/nav-button/nav-button.tsx" | "components/button/nav-button/nav-icon-button/nav-icon-button.tsx" | "components/button/nav-button/nav-icon-label-button/nav-icon-label-button.tsx" | "components/button/nav-button/nav-label-button/nav-label-button.tsx" | "components/button/regular-button/button.tsx" | "components/button/regular-button/icon-button/icon-button.tsx" | "components/button/regular-button/icon-label-button/icon-label-button.tsx" | "components/button/regular-button/label-button/label-button.tsx" | "components/checkbox/checkbox.tsx" | "components/collapsible/collapsible.tsx" | "components/date-picker/date-picker.tsx" | "components/edge/edge-label/edge-label.tsx" | "components/edge/use-edge-styles/use-edge-styles.tsx" | "components/input/clear-button/clear-button.tsx" | "components/input/input.tsx" | "components/menu/menu-item.tsx" | "components/menu/menu.tsx" | "components/menu/test.tsx" | "components/menu/utils/create-trigger-button.tsx" | "components/modal/modal.tsx" | "components/node/node-as-port-wrapper/node-as-port-wrapper.tsx" | "components/node/node-description/node-description.tsx" | "components/node/node-icon/node-icon.tsx" | "components/node/node-panel/node-panel.tsx" | "components/radio-button/radio.tsx" | "components/segment-picker/item/segment-picker-item.tsx" | "components/segment-picker/segment-picker.tsx" | "components/select/select-button/select-button.tsx" | "components/select/select-option/select-option.tsx" | "components/select/select-value/select-value.tsx" | "components/select/select.tsx" | "components/separator/separator.tsx" | "components/snackbar/components/action-buttons.tsx" | "components/snackbar/components/icon.tsx" | "components/snackbar/components/message.tsx" | "components/snackbar/snackbar.tsx" | "components/status/status.tsx" | "components/switch/icon-switch/icon-switch.tsx" | "components/switch/switch.tsx" | "components/text-area/text-area.tsx" | "components/tooltip/tooltip-content.tsx" | "components/tooltip/tooltip-trigger.tsx" | "components/tooltip/tooltip.tsx" | "components/tooltip/use-tooltip.tsx"; + export type OverflowUICSSRelativePath = "components/accordion/accordion.module.css" | "components/avatar/avatar.module.css" | "components/button/base-button/base-button.module.css" | "components/button/nav-button/nav-icon-button/nav-button-icon-padding.module.css" | "components/button/nav-button/nav-icon-button/nav-icon-button.module.css" | "components/button/nav-button/nav-icon-label-button/nav-button-gap.module.css" | "components/button/nav-button/nav-icon-label-button/nav-icon-label-button-padding.module.css" | "components/button/nav-button/nav-label-button/nav-label-button-padding.module.css" | "components/button/nav-button/styles/nav-button-border-radius.module.css" | "components/button/nav-button/styles/nav-button-font-size.module.css" | "components/button/nav-button/styles/nav-button-icon-size.module.css" | "components/button/nav-button/styles/nav-button.module.css" | "components/button/regular-button/label-button/loader.module.css" | "components/button/styles/border-radius.module.css" | "components/button/styles/font-size.module.css" | "components/button/styles/gap.module.css" | "components/button/styles/icon-label-button-padding.module.css" | "components/button/styles/icon-padding.module.css" | "components/button/styles/icon-size.module.css" | "components/button/styles/label-button-padding.module.css" | "components/button/styles/variant.module.css" | "components/checkbox/checkbox.module.css" | "components/collapsible/collapsible.module.css" | "components/date-picker/data-picker-mantine.css" | "components/date-picker/date-picker.module.css" | "components/date-picker/variables.css" | "components/edge/edge-label/edge-label-size.module.css" | "components/edge/edge-label/edge-label.module.css" | "components/edge/use-edge-styles/use-edge-styles.css" | "components/input/clear-button/clear-button.module.css" | "components/input/input-root.module.css" | "components/input/input.module.css" | "components/input/variables.css" | "components/modal/modal.module.css" | "components/node/node-as-port-wrapper/node-as-port.css" | "components/node/node-description/node-description.module.css" | "components/node/node-icon/node-icon.module.css" | "components/node/node-panel/handle.module.css" | "components/node/node-panel/node-panel.module.css" | "components/radio-button/radio-size.module.css" | "components/radio-button/radio.module.css" | "components/segment-picker/border-radius-size.module.css" | "components/segment-picker/item/segment-picker-item-shape.module.css" | "components/segment-picker/segment-picker.module.css" | "components/select/select-button/select-button.module.css" | "components/select/select-value/select-value.module.css" | "components/select/select.module.css" | "components/separator/separator.module.css" | "components/snackbar/components/action-buttons.module.css" | "components/snackbar/components/icon.module.css" | "components/snackbar/components/message.module.css" | "components/snackbar/snackbar.module.css" | "components/status/status.module.css" | "components/switch/icon-switch/icon-switch.module.css" | "components/switch/switch-size.module.css" | "components/switch/switch.module.css" | "components/text-area/text-area.module.css" | "components/tooltip/tooltip.module.css"; \ No newline at end of file diff --git a/packages/website/package.json b/packages/website/package.json index c53aaa94..94a14208 100644 --- a/packages/website/package.json +++ b/packages/website/package.json @@ -1,5 +1,5 @@ { - "name": "@synergycodes/axiom-website", + "name": "@synergycodes/overflow-ui-website", "version": "0.0.0", "private": true, "scripts": { @@ -28,7 +28,7 @@ "@mdx-js/react": "^3.0.0", "@phosphor-icons/react": "^2.1.7", "@react-docgen/cli": "^2.0.6", - "@synergycodes/axiom": "workspace:*", + "@synergycodes/overflow-ui": "workspace:*", "@types/css-tree": "^2.3.10", "@xyflow/react": "^12.5.6", "clsx": "^2.0.0", diff --git a/packages/website/scripts/generate-docs/generate-path-types.ts b/packages/website/scripts/generate-docs/generate-path-types.ts index 2ba4afa3..084be4b5 100644 --- a/packages/website/scripts/generate-docs/generate-path-types.ts +++ b/packages/website/scripts/generate-docs/generate-path-types.ts @@ -20,8 +20,8 @@ export const generatePathTypes = createScript( const cssPathType = pathsToType(cssPaths); const typeDeclaration = ` - export type AxiomTSXRelativePath = ${tsxPathType}; - export type AxiomCSSRelativePath = ${cssPathType}; + export type OverflowUITSXRelativePath = ${tsxPathType}; + export type OverflowUICSSRelativePath = ${cssPathType}; `; await writeFile(OUTPUT_FILE, typeDeclaration); diff --git a/packages/website/scripts/utils/logger.ts b/packages/website/scripts/utils/logger.ts index 2e349948..cd8f86fa 100644 --- a/packages/website/scripts/utils/logger.ts +++ b/packages/website/scripts/utils/logger.ts @@ -13,7 +13,7 @@ export class Logger { const color = DEFAULT_COLORS[level]; const header = formatHeader( - [AXIOM_PREFIX, this.prefix + prefix].join(' • '), + [OVERFLOW_UI_PREFIX, this.prefix + prefix].join(' • '), ); const headerChanged = this.lastHeader !== header; @@ -68,7 +68,7 @@ function formatHeader(text: string) { return pipe(text, chalk.bold, chalk.magenta); } -const AXIOM_PREFIX = 'AXIOM'; +const OVERFLOW_UI_PREFIX = 'OVERFLOW_UI'; const DEFAULT_EMOJIS: Record = { info: 'ℹ️', diff --git a/packages/website/src/components/component-utils/code-playground/code-playground.tsx b/packages/website/src/components/component-utils/code-playground/code-playground.tsx index 8f4268b4..1cd2e0a2 100644 --- a/packages/website/src/components/component-utils/code-playground/code-playground.tsx +++ b/packages/website/src/components/component-utils/code-playground/code-playground.tsx @@ -5,7 +5,7 @@ import { LiveError, LivePreview, LiveProvider } from 'react-live'; import { Preview } from '../preview/preview'; import ReactLiveScope from '@site/src/theme/ReactLiveScope'; import { CodeEditor } from './code-editor'; -import { AxiomCSSRelativePath } from '@site/generated/path-types'; +import { OverflowUICSSRelativePath } from '@site/generated/path-types'; import ReactIcon from '@site/static/img/react.svg'; import CSSIcon from '@site/static/img/css.svg'; @@ -18,7 +18,7 @@ import { ResetButton } from './reset-button/reset-button'; type Props = { exampleCode: string; - cssPaths: AxiomCSSRelativePath[]; + cssPaths: OverflowUICSSRelativePath[]; }; export type PlaygroundFileType = 'react' | 'css'; @@ -98,7 +98,7 @@ export function Playground({ exampleCode, cssPaths }: Props) { ); } -function getCSSCode(cssPaths: AxiomCSSRelativePath[]) { +function getCSSCode(cssPaths: OverflowUICSSRelativePath[]) { const variableNames = cssPaths .flatMap((path) => cssVariablesData[path]) .map(({ name }) => name); diff --git a/packages/website/src/components/component-utils/code-playground/copy-button/copy-button.tsx b/packages/website/src/components/component-utils/code-playground/copy-button/copy-button.tsx index 8e303d3c..b1ed2fe1 100644 --- a/packages/website/src/components/component-utils/code-playground/copy-button/copy-button.tsx +++ b/packages/website/src/components/component-utils/code-playground/copy-button/copy-button.tsx @@ -1,5 +1,5 @@ import { Check, Copy } from '@phosphor-icons/react'; -import { NavButton, Tooltip } from '@synergycodes/axiom'; +import { NavButton, Tooltip } from '@synergycodes/overflow-ui'; import { useState } from 'react'; type Props = { diff --git a/packages/website/src/components/component-utils/code-playground/file-tab.tsx b/packages/website/src/components/component-utils/code-playground/file-tab.tsx index 28b63450..0a50dfa3 100644 --- a/packages/website/src/components/component-utils/code-playground/file-tab.tsx +++ b/packages/website/src/components/component-utils/code-playground/file-tab.tsx @@ -1,4 +1,4 @@ -import { Button } from '@synergycodes/axiom'; +import { Button } from '@synergycodes/overflow-ui'; import styles from './code-playground.module.css'; import clsx from 'clsx'; import { ReactElement } from 'react'; diff --git a/packages/website/src/components/component-utils/code-playground/reset-button/reset-button.tsx b/packages/website/src/components/component-utils/code-playground/reset-button/reset-button.tsx index df1f1058..004864c1 100644 --- a/packages/website/src/components/component-utils/code-playground/reset-button/reset-button.tsx +++ b/packages/website/src/components/component-utils/code-playground/reset-button/reset-button.tsx @@ -1,5 +1,5 @@ import { ArrowClockwise } from '@phosphor-icons/react'; -import { NavButton, Tooltip } from '@synergycodes/axiom'; +import { NavButton, Tooltip } from '@synergycodes/overflow-ui'; type Props = { onReset: () => void; diff --git a/packages/website/src/components/component-utils/component-page/component-page.tsx b/packages/website/src/components/component-utils/component-page/component-page.tsx index 65054fa3..78e7fa08 100644 --- a/packages/website/src/components/component-utils/component-page/component-page.tsx +++ b/packages/website/src/components/component-utils/component-page/component-page.tsx @@ -1,8 +1,8 @@ import { Description } from '../description/description'; import { PropMap, PropsList } from '../props-list/props-list'; import { - AxiomCSSRelativePath, - AxiomTSXRelativePath, + OverflowUICSSRelativePath, + OverflowUITSXRelativePath, } from '@site/generated/path-types'; import { CSSVariablesList } from '../css-variable-list/css-variable-list'; import { Playground } from '../code-playground/code-playground'; @@ -10,8 +10,8 @@ import { Playground } from '../code-playground/code-playground'; import styles from './component-page.module.css'; export type ComponentPageProps = { - componentPath?: AxiomTSXRelativePath; - cssPaths?: AxiomCSSRelativePath[]; + componentPath?: OverflowUITSXRelativePath; + cssPaths?: OverflowUICSSRelativePath[]; exampleCode: string; className?: string; hardcodedData?: HardcodedData; diff --git a/packages/website/src/components/component-utils/css-variable-list/css-variable-list.tsx b/packages/website/src/components/component-utils/css-variable-list/css-variable-list.tsx index 076fcf12..586a6251 100644 --- a/packages/website/src/components/component-utils/css-variable-list/css-variable-list.tsx +++ b/packages/website/src/components/component-utils/css-variable-list/css-variable-list.tsx @@ -1,14 +1,14 @@ import cssVariablesData from '@site/generated/css-variables.json'; import { CSSVariableData } from '@site/src/types'; import { CSSVariableItem } from './css-variable-item'; -import { AxiomCSSRelativePath } from '@site/generated/path-types'; +import { OverflowUICSSRelativePath } from '@site/generated/path-types'; import { CSSVariableType, variableTypes } from './css-variable-types'; import { entries, groupBy } from 'remeda'; import styles from './css-variable-list.module.css'; type Props = { - paths: AxiomCSSRelativePath[]; + paths: OverflowUICSSRelativePath[]; }; export function CSSVariablesList({ paths }: Props) { diff --git a/packages/website/src/components/component-utils/description/description.tsx b/packages/website/src/components/component-utils/description/description.tsx index b7867fed..9b0b7887 100644 --- a/packages/website/src/components/component-utils/description/description.tsx +++ b/packages/website/src/components/component-utils/description/description.tsx @@ -1,8 +1,8 @@ -import { AxiomTSXRelativePath } from '@site/generated/path-types'; +import { OverflowUITSXRelativePath } from '@site/generated/path-types'; import { getAPIData } from '../get-api-data'; type Props = { - path?: AxiomTSXRelativePath; + path?: OverflowUITSXRelativePath; hardcodedDescription?: string; }; diff --git a/packages/website/src/components/component-utils/props-list/props-list.tsx b/packages/website/src/components/component-utils/props-list/props-list.tsx index 284fcbee..32fc7e57 100644 --- a/packages/website/src/components/component-utils/props-list/props-list.tsx +++ b/packages/website/src/components/component-utils/props-list/props-list.tsx @@ -2,10 +2,10 @@ import { PropDescriptor } from 'react-docgen'; import { getAPIData } from '../get-api-data'; import { PropDescription } from './prop-description'; import styles from './props-list.module.css'; -import { AxiomTSXRelativePath } from '@site/generated/path-types'; +import { OverflowUITSXRelativePath } from '@site/generated/path-types'; type Props = { - path?: AxiomTSXRelativePath; + path?: OverflowUITSXRelativePath; hardcodedProps?: PropMap; }; diff --git a/packages/website/src/components/axiom-banner/axiom-banner.module.css b/packages/website/src/components/overflow-ui-banner/overflow-ui-banner.module.css similarity index 100% rename from packages/website/src/components/axiom-banner/axiom-banner.module.css rename to packages/website/src/components/overflow-ui-banner/overflow-ui-banner.module.css diff --git a/packages/website/src/components/axiom-banner/axiom-banner.tsx b/packages/website/src/components/overflow-ui-banner/overflow-ui-banner.tsx similarity index 86% rename from packages/website/src/components/axiom-banner/axiom-banner.tsx rename to packages/website/src/components/overflow-ui-banner/overflow-ui-banner.tsx index 857316ec..c9b8729c 100644 --- a/packages/website/src/components/axiom-banner/axiom-banner.tsx +++ b/packages/website/src/components/overflow-ui-banner/overflow-ui-banner.tsx @@ -1,6 +1,6 @@ -import styles from './axiom-banner.module.css'; +import styles from './overflow-ui-banner.module.css'; -export function AxiomBanner() { +export function OverflowUIBanner() { return ( <>
diff --git a/packages/website/src/css/custom.css b/packages/website/src/css/custom.css index a5b205c5..df7134d6 100644 --- a/packages/website/src/css/custom.css +++ b/packages/website/src/css/custom.css @@ -4,7 +4,7 @@ * work well for content-centric websites. */ -@import '@synergycodes/axiom/tokens.css'; +@import '@synergycodes/overflow-ui/tokens.css'; @import './sidebar.css'; @import './typography.css'; @import './footer.css'; diff --git a/packages/website/src/theme/DocCard/index.tsx b/packages/website/src/theme/DocCard/index.tsx index 15f0d1f8..6343decb 100644 --- a/packages/website/src/theme/DocCard/index.tsx +++ b/packages/website/src/theme/DocCard/index.tsx @@ -15,7 +15,7 @@ import type { } from '@docusaurus/plugin-content-docs'; import styles from './styles.module.css'; -import { NodeDescription, NodePanel } from '@synergycodes/axiom'; +import { NodeDescription, NodePanel } from '@synergycodes/overflow-ui'; function useCategoryItemsPlural() { const { selectMessage } = usePluralForm(); diff --git a/packages/website/src/theme/DocSidebarItem/Category/index.tsx b/packages/website/src/theme/DocSidebarItem/Category/index.tsx index 7c98a701..6479ef36 100644 --- a/packages/website/src/theme/DocSidebarItem/Category/index.tsx +++ b/packages/website/src/theme/DocSidebarItem/Category/index.tsx @@ -18,7 +18,7 @@ import Link from '@docusaurus/Link'; import useIsBrowser from '@docusaurus/useIsBrowser'; import DocSidebarItems from '@theme/DocSidebarItems'; import type { Props } from '@theme/DocSidebarItem/Category'; -import { NavButton } from '@synergycodes/axiom'; +import { NavButton } from '@synergycodes/overflow-ui'; import { CaretRight, Lightning } from '@phosphor-icons/react'; import { customConfig } from '@site/custom.config'; diff --git a/packages/website/src/theme/Navbar/Content/index.tsx b/packages/website/src/theme/Navbar/Content/index.tsx index d8e9206d..c2799175 100644 --- a/packages/website/src/theme/Navbar/Content/index.tsx +++ b/packages/website/src/theme/Navbar/Content/index.tsx @@ -6,7 +6,7 @@ import NavbarLogo from '@theme/Navbar/Logo'; import NavbarSearch from '@theme/Navbar/Search'; import styles from './navbar-content.module.css'; -import { NavButton } from '@synergycodes/axiom'; +import { NavButton } from '@synergycodes/overflow-ui'; import { GithubLogo } from '@phosphor-icons/react'; import { MagnifyingGlass } from '@phosphor-icons/react/dist/ssr'; import Link from '@docusaurus/Link'; @@ -31,7 +31,7 @@ const LINKS = [ ]; const openGithub = () => { - window.location.href = 'https://github.com/synergycodes/axiom'; + window.location.href = 'https://github.com/synergycodes/overflow-ui'; }; function NavbarContentLayout({ diff --git a/packages/website/src/theme/ReactLiveScope/index.tsx b/packages/website/src/theme/ReactLiveScope/index.tsx index 48fefbfe..9dcec0b9 100644 --- a/packages/website/src/theme/ReactLiveScope/index.tsx +++ b/packages/website/src/theme/ReactLiveScope/index.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import * as axiom from '@synergycodes/axiom'; +import * as overflowUI from '@synergycodes/overflow-ui'; import * as xyflow from '@xyflow/react'; import { User, @@ -24,7 +24,7 @@ const icons = { // Add react-live imports you need here const ReactLiveScope = { ...React, - ...axiom, + ...overflowUI, ...xyflow, ...icons, } as const; diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 350f5bfb..026c6764 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -100,7 +100,7 @@ importers: '@emotion/react': specifier: ^11.14.0 version: 11.14.0(@types/react@19.1.8)(react@18.3.1) - '@synergycodes/axiom-tokens': + '@synergycodes/overflow-ui-tokens': specifier: workspace:* version: link:../tokens '@types/react': @@ -169,7 +169,7 @@ importers: '@react-docgen/cli': specifier: ^2.0.6 version: 2.0.6 - '@synergycodes/axiom': + '@synergycodes/overflow-ui': specifier: workspace:* version: link:../ui '@types/css-tree':