diff --git a/DOCKER-README.md b/DOCKER-README.md index b151b790..8f4c40ae 100644 --- a/DOCKER-README.md +++ b/DOCKER-README.md @@ -7,7 +7,7 @@ The goal of the B2B Design System is to provide frontend components that encapsu This image packs the distribution files and main documentation, and can be deployed in any server and run as a static site. -You can find our documentation released in [this link](https://internal.otto.market/design-system/?path=/story/overview--page), and the Design System repository [here](https://github.com/otto-de/b2b-design-system). +You can find our documentation released in [this link](https://b2b-design-system.otto.market/?path=/docs/overview--docs), and the Design System repository [here](https://github.com/otto-de/b2b-design-system). ## Usage diff --git a/README.md b/README.md index 20e88d56..6199f49a 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ for teams to use out of the box. We wish to support different frontend frameworks and for this goal we are building this solution using [Web Components](https://www.webcomponents.org/) with [Stencil](https://stenciljs.com/docs/introduction). -You can find our documentation in [this link](https://internal.otto.market/design-system/?path=/story/overview--page). +You can find our documentation in [this link](https://b2b-design-system.otto.market/?path=/docs/overview--docs). ### Why open source? diff --git a/package-lock.json b/package-lock.json index 8054e2cf..f10df9aa 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11485,11 +11485,11 @@ } }, "node_modules/braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "dependencies": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" }, "engines": { "node": ">=8" @@ -14873,9 +14873,9 @@ } }, "node_modules/fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "dependencies": { "to-regex-range": "^5.0.1" }, @@ -40273,11 +40273,11 @@ } }, "braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "requires": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" } }, "browser-assert": { @@ -42892,9 +42892,9 @@ } }, "fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "requires": { "to-regex-range": "^5.0.1" } diff --git a/packages/core-components/README.md b/packages/core-components/README.md index 7e400621..174d49af 100644 --- a/packages/core-components/README.md +++ b/packages/core-components/README.md @@ -5,4 +5,4 @@ This is the core components package for the B2B Design System. You can use nativ js` applications. For information on how to get started in `vue`, you can follow -our [documentation page](https://internal.otto.market/design-system/?path=/story/getting-started-vue--page). +our [documentation page](https://b2b-design-system.otto.market/?path=/docs/getting-started-vue--docs). diff --git a/packages/core-components/scripts/stencil/generate-vue-web-types.ts b/packages/core-components/scripts/stencil/generate-vue-web-types.ts index 37659034..450120ce 100644 --- a/packages/core-components/scripts/stencil/generate-vue-web-types.ts +++ b/packages/core-components/scripts/stencil/generate-vue-web-types.ts @@ -26,7 +26,7 @@ const generateVueWebTypes = (docsData: JsonDocs) => { const slots = []; const events = []; const docUrl = - 'https://internal.otto.market/design-system/?path=/story/overview--page'; + 'https://b2b-design-system.otto.market/?path=/docs/overview--docs'; component.props.map((prop: JsonDocsProp) => { const name = prop.attr || prop.name; diff --git a/packages/core-components/src/docs/getting-started/10-overview.mdx b/packages/core-components/src/docs/getting-started/10-overview.mdx index 563f75d1..486a9bc1 100644 --- a/packages/core-components/src/docs/getting-started/10-overview.mdx +++ b/packages/core-components/src/docs/getting-started/10-overview.mdx @@ -1,10 +1,17 @@ import { Canvas, Meta, Story, Markdown } from '@storybook/addon-docs'; - + +The documentation and resources, including icons, JS, and CSS files, will no longer be available at https://design-system.live.b2b.platform.otto.de, https://portal.otto.market and https://internal.otto.market after 3 months. + +The updated [documentation](https://b2b-design-system.otto.market) and resources are now hosted at https://b2b-design-system.otto.market. +Please refer to the new documentation and update your packages to the latest version to prevent any issues. +

+ + # B2B DESIGN SYSTEM The goal of the [B2B Design System](https://github.com/otto-de/b2b-design-system) is to provide frontend components that encapsulate styles and behaviour for teams @@ -25,7 +32,7 @@ individual HTML elements that is [already highly compatible](https://custom-elem Patterns are recurring building blocks and components in the frontend that are provided centrally with the goal of ensuring visual and functional consistency. Patterns can be provided at different levels: local patterns -are developed by an OPC module team – global patterns are developed by the B2B-Neptune team and made available to all +are developed by an OPC module team – global patterns are developed by the BlaBlaFish team and made available to all OPC module teams.
@@ -36,9 +43,9 @@ Currently, we support Vue 2, 3 and React. If you would like to start right away, choose your framework and follow the guides. -[Getting started with React](?path=/docs/getting-started-react--page) +[Getting started with React](?path=/docs/getting-started-react--docs) -[Getting started with Vue](?path=/docs/getting-started-vue--page) +[Getting started with Vue](?path=/docs/getting-started-vue--docs)
@@ -51,7 +58,7 @@ You can find an overview of current and previous versions [here](https://github. ## Contribution -If you are a developer from the Deep Sea and want to contribute to the Design System, please refer to [this guide](?path=/story/guidelines-contribution--page) +If you are a developer from the Deep Sea and want to contribute to the Design System, please refer to [this guide](?path=/docs/guidelines-contribution--docs) how to set up and run our project on your machine. -To request a new pattern or component, please contact the B2B Design System team, we will guide you from there. +To request a new pattern or component, please contact the BlaBlaFish team, we will guide you from there. diff --git a/packages/core-components/src/docs/getting-started/15-updates.mdx b/packages/core-components/src/docs/getting-started/15-updates.mdx index e2df4c86..7d234bf8 100644 --- a/packages/core-components/src/docs/getting-started/15-updates.mdx +++ b/packages/core-components/src/docs/getting-started/15-updates.mdx @@ -1,6 +1,16 @@ import { Canvas, Meta, Story, Markdown } from '@storybook/addon-docs'; import Changelog from './CHANGELOG.md?raw'; + +The documentation and resources, including icons, JS, and CSS files, will no longer be available at https://design-system.live.b2b.platform.otto.de, https://portal.otto.market and https://internal.otto.market after 3 months. + +The updated [documentation](https://b2b-design-system.otto.market) and resources are now hosted at https://b2b-design-system.otto.market. +Please refer to the new documentation and update your packages to the latest version to prevent any issues. + + +
+
+ # Updates diff --git a/packages/core-components/src/docs/getting-started/20-react-installation-guide.mdx b/packages/core-components/src/docs/getting-started/20-react-installation-guide.mdx index 695f74af..8263d93c 100644 --- a/packages/core-components/src/docs/getting-started/20-react-installation-guide.mdx +++ b/packages/core-components/src/docs/getting-started/20-react-installation-guide.mdx @@ -1,5 +1,15 @@ import { Meta } from '@storybook/addon-docs'; + +The documentation and resources, including icons, JS, and CSS files, will no longer be available at https://design-system.live.b2b.platform.otto.de, https://portal.otto.market and https://internal.otto.market after 3 months. + +The updated [documentation](https://b2b-design-system.otto.market) and resources are now hosted at https://b2b-design-system.otto.market. +Please refer to the new documentation and update your packages to the latest version to prevent any issues. + + +
+
+ # React Installation and usage @@ -17,10 +27,10 @@ To use the components, you need to load a CSS file and some JavaScript. The CSS ```html + href="https://b2b-design-system.otto.market/dist/b2b-core-components/b2b-core-components.css" /> + src="https://b2b-design-system.otto.market/dist/b2b-core-components/b2b-core-components.esm.js"> ``` ## With a bundler or ES modules diff --git a/packages/core-components/src/docs/getting-started/30-vue-getting-started.mdx b/packages/core-components/src/docs/getting-started/30-vue-getting-started.mdx index 58864dba..e5b6ea12 100644 --- a/packages/core-components/src/docs/getting-started/30-vue-getting-started.mdx +++ b/packages/core-components/src/docs/getting-started/30-vue-getting-started.mdx @@ -1,6 +1,16 @@ import { Meta, Source } from '@storybook/addon-docs'; import dedent from 'ts-dedent'; + +The documentation and resources, including icons, JS, and CSS files, will no longer be available at https://design-system.live.b2b.platform.otto.de, https://portal.otto.market and https://internal.otto.market after 3 months. + +The updated [documentation](https://b2b-design-system.otto.market) and resources are now hosted at https://b2b-design-system.otto.market. +Please refer to the new documentation and update your packages to the latest version to prevent any issues. + + +
+
+ # Vue Support @@ -8,10 +18,10 @@ import dedent from 'ts-dedent'; Our web components are supported by vue out of the box. In this guide you can find: -- [Vue Installation and usage](#vue-installation-and-usage) -- [How to use b2b-core-components in Vue 3](#how-to-use-b2b-core-components-in-vue-3) -- [How to use b2b-core-components in Vue 2](#how-to-use-b2b-core-components-in-vue-2) -- [How to use b2b-core-components in Nuxt 2](#how-to-use-b2b-core-components-in-nuxt-2) +- [Vue Installation and usage](#installation-and-usage) +- [How to use b2b-core-components in Vue 3](#vue-3) +- [How to use b2b-core-components in Vue 2](#vue-2) +- [How to use b2b-core-components in Nuxt 2](#nuxt-2) - [About Web Components 'slots'](#about-web-components-slots) - [V-Model Support](#v-model-support) diff --git a/packages/core-components/src/docs/getting-started/40-SSR-guide.mdx b/packages/core-components/src/docs/getting-started/40-SSR-guide.mdx index 283dd0f9..9fc3a43a 100644 --- a/packages/core-components/src/docs/getting-started/40-SSR-guide.mdx +++ b/packages/core-components/src/docs/getting-started/40-SSR-guide.mdx @@ -1,5 +1,15 @@ import { Meta } from '@storybook/addon-docs'; + +The documentation and resources, including icons, JS, and CSS files, will no longer be available at https://design-system.live.b2b.platform.otto.de, https://portal.otto.market and https://internal.otto.market after 3 months. + +The updated [documentation](https://b2b-design-system.otto.market) and resources are now hosted at https://b2b-design-system.otto.market. +Please refer to the new documentation and update your packages to the latest version to prevent any issues. + + +
+
+ # Server Side Rendering (SSR) @@ -7,7 +17,7 @@ import { Meta } from '@storybook/addon-docs'; So far we have tested this builds with [Next.js](https://nextjs.org/) and [Nuxt.js](https://nuxtjs.org/). If you are using another SSR framework let us know if you are experiencing any issues. -For details on how to use with `Nuxt.js`, please follow [these instructions](?path=/docs/getting-started-vue--page#how-to-use-b2b-core-components-in-nuxt-2). +For details on how to use with `Nuxt.js`, please follow [these instructions](?path=/docs/getting-started-vue--docs#nuxt-2).
diff --git a/packages/core-components/src/docs/getting-started/50-CDN-installation.mdx b/packages/core-components/src/docs/getting-started/50-CDN-installation.mdx index 65e17064..eda77f69 100644 --- a/packages/core-components/src/docs/getting-started/50-CDN-installation.mdx +++ b/packages/core-components/src/docs/getting-started/50-CDN-installation.mdx @@ -1,5 +1,15 @@ import { Meta } from '@storybook/addon-docs'; + +The documentation and resources, including icons, JS, and CSS files, will no longer be available at https://design-system.live.b2b.platform.otto.de, https://portal.otto.market and https://internal.otto.market after 3 months. + +The updated [documentation](https://b2b-design-system.otto.market) and resources are now hosted at https://b2b-design-system.otto.market. +Please refer to the new documentation and update your packages to the latest version to prevent any issues. + + +
+
+ # How to install B2B Components from CDN @@ -13,8 +23,8 @@ not the whole library. ```html + href="https://b2b-design-system.otto.market/dist/b2b-core-components/b2b-core-components.css" /> + src="https://b2b-design-system.otto.market/dist/b2b-core-components/b2b-core-components.esm.js"> ``` diff --git a/packages/core-components/src/docs/getting-started/50-github-packages-installation-guide.mdx b/packages/core-components/src/docs/getting-started/50-github-packages-installation-guide.mdx index 98e9b0e0..884c21f1 100644 --- a/packages/core-components/src/docs/getting-started/50-github-packages-installation-guide.mdx +++ b/packages/core-components/src/docs/getting-started/50-github-packages-installation-guide.mdx @@ -1,5 +1,15 @@ import { Meta } from '@storybook/addon-docs'; + +The documentation and resources, including icons, JS, and CSS files, will no longer be available at https://design-system.live.b2b.platform.otto.de, https://portal.otto.market and https://internal.otto.market after 3 months. + +The updated [documentation](https://b2b-design-system.otto.market) and resources are now hosted at https://b2b-design-system.otto.market. +Please refer to the new documentation and update your packages to the latest version to prevent any issues. + + +
+
+ # Package Installation @@ -18,9 +28,9 @@ import '@otto-de/b2b-core-components/dist/b2b-core-components/b2b-core-component For a more detailed guide of installation and usage please follow one of our framework guidelines: -[Getting started with React](?path=/docs/getting-started-react--page) +[Getting started with React](?path=/docs/getting-started-react--docs) -[Getting started with Vue](?path=/docs/getting-started-vue--page) +[Getting started with Vue](?path=/docs/getting-started-vue--docs) --- diff --git a/packages/core-components/src/docs/getting-started/60-design-tokens.mdx b/packages/core-components/src/docs/getting-started/60-design-tokens.mdx index fedd2ac3..90ef83d9 100644 --- a/packages/core-components/src/docs/getting-started/60-design-tokens.mdx +++ b/packages/core-components/src/docs/getting-started/60-design-tokens.mdx @@ -1,6 +1,16 @@ import { Meta } from '@storybook/addon-docs'; import LinkTo from '@storybook/addon-links/react'; + +The documentation and resources, including icons, JS, and CSS files, will no longer be available at https://design-system.live.b2b.platform.otto.de, https://portal.otto.market and https://internal.otto.market after 3 months. + +The updated [documentation](https://b2b-design-system.otto.market) and resources are now hosted at https://b2b-design-system.otto.market. +Please refer to the new documentation and update your packages to the latest version to prevent any issues. + + +
+
+ # B2B Design Tokens @@ -24,7 +34,7 @@ npm install @otto-de/b2b-tokens ``` _\*This is currently hosted in GitHub packages withing the Otto organisation, therefore it requires an authentication -token to be able to install. Follow [this guide](?path=/story/getting-started-package-installation--page) +token to be able to install. Follow [this guide](?path=/docs/getting-started-package-installation--docs) if you haven't configured this yet._ ### 2. SCSS usage @@ -41,7 +51,7 @@ You can import the css variables directly from the node package with the `@impor ## CDN -You can find our tokens in this CDN `https://internal.otto.market/design-system/dist/b2b-core-components/b2b-core-components.css` +You can find our tokens in this CDN `https://b2b-design-system.otto.market/dist/b2b-core-components/b2b-core-components.css` Importing them in your index headline will globally define them. ```html @@ -49,6 +59,6 @@ Importing them in your index headline will globally define them. + href="https://b2b-design-system.otto.market/dist/b2b-core-components/b2b-core-components.css" /> ``` diff --git a/packages/core-components/src/docs/getting-started/70-IDE-support.mdx b/packages/core-components/src/docs/getting-started/70-IDE-support.mdx index 4b2c2ac5..48eefec3 100644 --- a/packages/core-components/src/docs/getting-started/70-IDE-support.mdx +++ b/packages/core-components/src/docs/getting-started/70-IDE-support.mdx @@ -1,5 +1,15 @@ import { Meta } from '@storybook/addon-docs'; + +The documentation and resources, including icons, JS, and CSS files, will no longer be available at https://design-system.live.b2b.platform.otto.de, https://portal.otto.market and https://internal.otto.market after 3 months. + +The updated [documentation](https://b2b-design-system.otto.market) and resources are now hosted at https://b2b-design-system.otto.market. +Please refer to the new documentation and update your packages to the latest version to prevent any issues. + + +
+
+ # IDE Support diff --git a/packages/core-components/src/docs/guidelines/10_forms.mdx b/packages/core-components/src/docs/guidelines/10_forms.mdx index a92debf0..b0697fe9 100644 --- a/packages/core-components/src/docs/guidelines/10_forms.mdx +++ b/packages/core-components/src/docs/guidelines/10_forms.mdx @@ -1,6 +1,16 @@ import { Meta, Source, Canvas, Story } from '@storybook/addon-docs'; import dedent from 'ts-dedent'; + +The documentation and resources, including icons, JS, and CSS files, will no longer be available at https://design-system.live.b2b.platform.otto.de, https://portal.otto.market and https://internal.otto.market after 3 months. + +The updated [documentation](https://b2b-design-system.otto.market) and resources are now hosted at https://b2b-design-system.otto.market. +Please refer to the new documentation and update your packages to the latest version to prevent any issues. + + +
+
+ # Using B2B Form Components @@ -29,7 +39,7 @@ specifically. ☝️ We support Vue `v-model` for `b2b-input`, `b2b-checkbox`, `b2b-radio`, `b2b-textarea` and `b2b-input-list` components. You can find more in [this -guide](?path=/docs/getting-started-vue--page#v-model-support). +guide](?path=/docs/getting-started-vue--docs#v-model-support).
diff --git a/packages/core-components/src/docs/guidelines/20_design_tokens.mdx b/packages/core-components/src/docs/guidelines/20_design_tokens.mdx index 38274bdd..3c9d5059 100644 --- a/packages/core-components/src/docs/guidelines/20_design_tokens.mdx +++ b/packages/core-components/src/docs/guidelines/20_design_tokens.mdx @@ -3,6 +3,16 @@ import LinkTo from '@storybook/addon-links/react'; import figmaImage from './figma_tokens.png'; import figmaFonts from './figma_fonts.png'; + +The documentation and resources, including icons, JS, and CSS files, will no longer be available at https://design-system.live.b2b.platform.otto.de, https://portal.otto.market and https://internal.otto.market after 3 months. + +The updated [documentation](https://b2b-design-system.otto.market) and resources are now hosted at https://b2b-design-system.otto.market. +Please refer to the new documentation and update your packages to the latest version to prevent any issues. + + +
+
+ # Design Tokens diff --git a/packages/core-components/src/docs/guidelines/30_contribution.mdx b/packages/core-components/src/docs/guidelines/30_contribution.mdx index 1d5b535d..8026e899 100644 --- a/packages/core-components/src/docs/guidelines/30_contribution.mdx +++ b/packages/core-components/src/docs/guidelines/30_contribution.mdx @@ -3,6 +3,16 @@ import { Markdown } from '@storybook/blocks'; import Devguidelines from './DEV-GUIDELINES.md?raw'; + +The documentation and resources, including icons, JS, and CSS files, will no longer be available at https://design-system.live.b2b.platform.otto.de, https://portal.otto.market and https://internal.otto.market after 3 months. + +The updated [documentation](https://b2b-design-system.otto.market) and resources are now hosted at https://b2b-design-system.otto.market. +Please refer to the new documentation and update your packages to the latest version to prevent any issues. + + +
+
+ {Devguidelines} diff --git a/packages/core-components/src/utils/resources.ts b/packages/core-components/src/utils/resources.ts index 234953d5..bcb344e5 100644 --- a/packages/core-components/src/utils/resources.ts +++ b/packages/core-components/src/utils/resources.ts @@ -1,2 +1,2 @@ export const ICON_PATH = - 'https://portal.otto.market/design-system/dist/b2b-core-components'; + 'https://b2b-design-system.otto.market/dist/b2b-core-components'; diff --git a/packages/react-components/README.md b/packages/react-components/README.md index 98cfc8b1..b8814d18 100644 --- a/packages/react-components/README.md +++ b/packages/react-components/README.md @@ -3,7 +3,7 @@ ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square) This package is a wrapper for the b2b-core-components package. For information on how to get started, you can follow -our [documentation for React](https://internal.otto.market/design-system/?path=/story/getting-started-react--page). +our [documentation for React](https://b2b-design-system.otto.market/?path=/docs/getting-started-react--docs). This package serves as a wrapper for the output generated by Stencil. For more information, you could refer to the [Stencil documentation](https://stenciljs.com/docs/react)