@ambita/design-system 5.7.1-2851.0 → 5.7.1-2871.0

package/README.md

@@ -11,10 +11,14 @@ Generate NPM token (try `npm whoami` to check if configured). If no response, fo
 To get the project up and running locally:
 
 ```sh
-npm i && npm run storybook
+npm i
+npm run build:storybook:prepare
+npm run storybook
 ```
 
-This will install dependencies and start Storybook on port 6006.
+This will install dependencies, build the required theme assets, and start Storybook on port 6006.
+
+> **Note:** The `build:storybook:prepare` step is required because Storybook needs the compiled theme CSS files in `dist/themes/`. If you see an error about missing `./dist/themes` directory, run this build step first.
 
 ### Architecture
 
@@ -39,25 +43,6 @@ Key guides for contributors:
 
 Recommended front-end template for new Ambita projects, pre-configured with this design system.
 
-### Contribution
-
-New features must be developed on separate feature branches and merged into dev through pull requests. A GitHub workflow will then automatically publish a new npm package to @ambita/design-system.
-It will have a dev tag and can be installed like this:
-
-```sh
-npm i @ambita/design-system@dev
-```
-
-To be able to commit, the code must pass a lint-check and all unit tests must run successfully.
-The code will be automatically formatted, but can also be run manually with a script shown below.
-
-After testing the @dev package, a PR to main from dev can be created.
-Post-merge, another workflow will be run, publishing a @latest package to npm which can be installed like this.
-
-```sh
-npm i @ambita/design-system
-```
-
 #### How to merge branches
 
 **IMPORTANT!** Branches merged to `dev` can be squash merged for a prettier history tree, but DON'T squash merge `dev` to `main`.
@@ -134,5 +119,5 @@ npm run type-check
 
 ## Links
 
-- https://github.com/Ambita/vivid-blueprint
-- https://github.com/Ambita/design-system-icons
+- [Vivid Blueprint](https://github.com/Ambita/vivid-blueprint)
+- [Icons](https://github.com/Ambita/design-system-icons)

package/dist/css/neo-tokens.scss

@@ -278,7 +278,7 @@ $pagination-item-radius: var(--corner-radius-l);
 // Pagination Button - Default
 $pagination-button-bg-default: var(--fill-button-secondary-default);
 $pagination-button-text-default: var(--text-button-secondary);
-$pagination-button-border-default: var(--border-color-secondary-default);
+$pagination-button-border-default: transparent;
 $pagination-button-border-width: var(--border-weight-button);
 
 // Pagination Button - Hover
@@ -287,13 +287,13 @@ $pagination-button-text-hover: var(--text-action-active);
 $pagination-button-border-hover: transparent;
 
 // Pagination Button - Active/Current
-$pagination-button-bg-active: var(--fill-button-primary-default);
-$pagination-button-text-active: var(--text-button-primary);
-$pagination-button-border-active: transparent;
+$pagination-button-bg-active: var(--fill-button-secondary-default);
+$pagination-button-text-active: var(--text-action-on-light);
+$pagination-button-border-active: var(--text-action-on-light);
 
 // Pagination Button - Disabled
 $pagination-button-bg-disabled: var(--fill-disabled);
-$pagination-button-text-disabled: var(--text-action-disabled);
+$pagination-button-text-disabled: var(--icon-fill-disabled);
 $pagination-button-border-disabled: var(--border-color-disabled);
 
 // Pagination Navigation Buttons