feat: add semantic layer token machinery

swisspost · Jul 24, 2024 · e84b51e · e84b51e
1 parent 8c98caa
commit e84b51e
Show file tree

Hide file tree

Showing 13 changed files with 43 additions and 25 deletions.
diff --git a/packages/documentation/.storybook/styles/preview.scss b/packages/documentation/.storybook/styles/preview.scss
@@ -1,6 +1,6 @@
 // importing the complete styles package scss
 // TODO: replace intranet.scss with index.scss as soon as the issues in the portal.scss are fixed
-@use '@swisspost/design-system-styles/intranet.scss';
+@use '@swisspost/design-system-styles/post-external.scss';
 @use '@swisspost/design-system-styles/core.scss' as post;
 @use '@swisspost/design-system-styles/mixins/utilities';
 @use '@swisspost/internet-header/dist/swisspost-internet-header/swisspost-internet-header.css';

diff --git a/packages/documentation/package.json b/packages/documentation/package.json
@@ -28,10 +28,10 @@
     "lint": "eslint **/*.{js,ts,tsx,mdx}"
   },
   "dependencies": {
-    "@swisspost/design-system-components": "workspace:8.0.0",
-    "@swisspost/design-system-components-react": "workspace:8.0.0",
-    "@swisspost/design-system-icons": "workspace:8.0.0",
-    "@swisspost/design-system-styles": "workspace:8.0.0",
+    "@swisspost/design-system-components": "workspace:*",
+    "@swisspost/design-system-components-react": "workspace:*",
+    "@swisspost/design-system-icons": "workspace:*",
+    "@swisspost/design-system-styles": "workspace:*",
     "@swisspost/internet-header": "workspace:1.14.3",
     "bootstrap": "5.3.3"
   },
@@ -53,8 +53,8 @@
     "@storybook/types": "8.2.5",
     "@storybook/web-components": "8.2.5",
     "@storybook/web-components-vite": "8.2.5",
-    "@swisspost/design-system-components-angular": "workspace:8.0.0",
-    "@swisspost/design-system-intranet-header": "workspace:8.0.0",
+    "@swisspost/design-system-components-angular": "workspace:*",
+    "@swisspost/design-system-intranet-header": "workspace:*",
     "@types/css-modules": "1.0.5",
     "@types/mdx": "2.0.13",
     "@types/react": "18.3.3",

diff --git a/packages/styles/package.json b/packages/styles/package.json
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.8",
-    "@swisspost/design-system-tokens": "workspace:0.1.0",
+    "@swisspost/design-system-tokens": "workspace:*",
     "bootstrap": "5.3.3"
   },
   "devDependencies": {

diff --git a/packages/styles/src/placeholders/_modes.scss b/packages/styles/src/placeholders/_modes.scss
@@ -1,5 +1,5 @@
 @use '@swisspost/design-system-tokens/mode' as mode;
-@use '../mixins/tokens';
+@use './../mixins/tokens';
 
 %post-light {
   @include tokens.from(mode.$post-light);

diff --git a/packages/styles/src/post-external.scss b/packages/styles/src/post-external.scss
@@ -3,4 +3,4 @@
 @use './tokens/semantic/external';
 @use './tokens/semantic/post-theme';
 
-@use './components';
+@use 'components';
diff --git a/packages/styles/src/post-internal.scss b/packages/styles/src/post-internal.scss
@@ -3,4 +3,4 @@
 @use './tokens/semantic/internal';
 @use './tokens/semantic/post-theme';
 
-@use './components';
+@use 'components';
diff --git a/packages/styles/src/tokens/semantic/_device.scss b/packages/styles/src/tokens/semantic/_device.scss
@@ -1,5 +1,5 @@
 @use '@swisspost/design-system-tokens/device' as device;
-@use '../../mixins/tokens';
+@use './../../mixins/tokens';
 
 :root {
   @include tokens.from(device.$post-mobile);

diff --git a/packages/styles/src/tokens/semantic/_external.scss b/packages/styles/src/tokens/semantic/_external.scss
@@ -1,5 +1,5 @@
 @use '@swisspost/design-system-tokens/channel' as channel;
-@use '../../mixins/tokens';
+@use './../../mixins/tokens';
 
 :root {
   @include tokens.from(channel.$post-edk);

diff --git a/packages/styles/src/tokens/semantic/_internal.scss b/packages/styles/src/tokens/semantic/_internal.scss
@@ -1,5 +1,5 @@
 @use '@swisspost/design-system-tokens/channel' as channel;
-@use '../../mixins/tokens';
+@use './../../mixins/tokens';
 
 :root {
   @include tokens.from(channel.$post-idk);

diff --git a/packages/styles/src/tokens/semantic/_modes.scss b/packages/styles/src/tokens/semantic/_modes.scss
@@ -1,4 +1,4 @@
-@use '../../placeholders/modes';
+@use './../../placeholders/modes';
 
 :root,
 [data-color-mode='light'] {

diff --git a/packages/styles/src/tokens/semantic/_post-theme.scss b/packages/styles/src/tokens/semantic/_post-theme.scss
@@ -1,5 +1,5 @@
 @use '@swisspost/design-system-tokens/theme' as themes;
-@use '../../mixins/tokens';
+@use './../../mixins/tokens';
 
 :root {
   @include tokens.from(themes.$post-theme);

diff --git a/packages/tokens/package.json b/packages/tokens/package.json
@@ -27,7 +27,7 @@
   ],
   "publishConfig": {
     "directory": "./dist",
-    "access": "restricted",
+    "access": "public",
     "linkDirectory": true
   },
   "devDependencies": {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml