Feature/ORM-1533

[g-francesca]

Please remember the following updates:

• Storybook theme customized: the Storybook theme has been customized with new colors, and the Orama logo has replaced the Storybook logo.
• Design token section added: color tokens have been reviewed and a design tokens section has been added
  • Design tokens for colors have been documented, and we will also include tokens for spacing, radius, etc.
  • Colors have been categorized into Primitive, Semantic, and Element. You can use the Storybook theme switcher to toggle between values for light and dark themes.
• Convert SCSS to js: A script has been added to convert SCSS tokens into a JS file. You can now run the command pnpm convert-scss-to-js to generate a JS file containing all the colors in JS format. Currently, only colors are converted, but we will include others if needed. Conversion uses the :export directive, therefore we need to update it in case new primitive tokens will be added. Also, at the moment you have to run this command manually, at some point we should automate this to be sure the js file is always updated.
• Welcome page has been added. We will review both the design and content for this page, providing a more inviting and useful entry point. 💅

Preview: https://orama-ui-components-storybook-kqsvi2gb3-oramasearch.vercel.app

[linear]

ORM-1533 Bundle global style

Ensure that global styles are bundled when using the React/Vue/Angular wrapper for Stencil components

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
orama-ui-components-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 29, 2024 10:33am

[rjborba]

Nice!