feat: adapt generated outputs (#504)

BREAKING CHANGE: Remove :host() scoped output, replace css placeholder output by SCSS mixin
sbb-design-systems · Apr 16, 2024 · d1c9a3b · d1c9a3b
1 parent 6017346
commit d1c9a3b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 11 deletions.
diff --git a/config.ts b/config.ts
@@ -7,19 +7,12 @@ export const config: Config = {
       prefix: 'sbb',
       files: [
         {
-          destination: 'sbb-variables--root.css',
+          destination: 'sbb-variables.css',
           format: 'css/variables',
           options: {
             selector: ':root',
           },
         },
-        {
-          destination: 'sbb-variables--host.css',
-          format: 'css/variables',
-          options: {
-            selector: ':host',
-          },
-        },
       ],
       transformGroup: 'css',
       transforms: [
@@ -89,10 +82,10 @@ export const config: Config = {
           format: 'custom/format/scss',
         },
         {
-          destination: 'sbb-variables_css--placeholder.scss',
+          destination: 'sbb-variables_css--mixin.scss',
           format: 'css/variables',
           options: {
-            selector: '%lyne-design-tokens-css-variables',
+            selector: '@mixin lyne-design-tokens-css-variables',
           },
         },
       ],

diff --git a/package.json b/package.json
@@ -51,7 +51,8 @@
       "sass": "./dist/scss/sbb-variables.scss",
       "node": "./dist/js/sbb-tokens.mjs",
       "require": "./dist/js/sbb-tokens.cjs",
-      "default": "./dist/js/sbb-tokens.mjs"
+      "default": "./dist/js/sbb-tokens.mjs",
+      "style": "./dist/sbb-variables.css"
     },
     "./dist/js/*": {
       "default": "./dist/js/*"
@@ -61,6 +62,9 @@
     },
     "./dist/scss/*": {
       "sass": "./dist/scss/*"
+    },
+    "./dist/css/*": {
+      "style": "./dist/sbb-variables.css"
     }
   },
   "prettier": {