Merge pull request #2 from tokens-studio/figma-tokens

Figma Tokens Update

Author: jorenbroekema

button/button-business-blue.css

@@ -1,3 +1,7 @@
+/**
+ * Do not edit directly, this file was auto-generated
+ */
+
 :host {
   --button-bg-color: #3182ce;
   --button-border-radius: 0;

button/button-business-green.css

@@ -1,3 +1,7 @@
+/**
+ * Do not edit directly, this file was auto-generated
+ */
+
 :host {
   --button-bg-color: #38a169;
   --button-border-radius: 0;

button/button-business-purple.css

@@ -1,3 +1,7 @@
+/**
+ * Do not edit directly, this file was auto-generated
+ */
+
 :host {
   --button-bg-color: #805ad5;
   --button-border-radius: 0;

button/button-casual-blue.css

@@ -1,3 +1,7 @@
+/**
+ * Do not edit directly, this file was auto-generated
+ */
+
 :host {
   --button-bg-color: #3182ce;
   --button-border-radius: 8px;

button/button-casual-green.css

@@ -1,3 +1,7 @@
+/**
+ * Do not edit directly, this file was auto-generated
+ */
+
 :host {
   --button-bg-color: #38a169;
   --button-border-radius: 8px;

button/button-casual-purple.css

@@ -1,3 +1,7 @@
+/**
+ * Do not edit directly, this file was auto-generated
+ */
+
 :host {
   --button-bg-color: #805ad5;
   --button-border-radius: 8px;

package-lock.json

@@ -4,9 +4,10 @@
   "description": "",
   "type": "module",
   "scripts": {
-    "build:demo": "rimraf dist && rollup -c rollup.config.js",
     "build:tokens": "node build-tokens.cjs",
-    "demo": "wds --open --watch --node-resolve"
+    "demo:dev": "wds --open --watch --node-resolve",
+    "demo:build": "rimraf dist && rollup -c rollup.config.js",
+    "demo:start": "http-server -o -c-1 dist"
   },
   "keywords": [],
   "author": "",
@@ -22,9 +23,8 @@
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@web/dev-server": "^0.2.1",
     "@web/rollup-plugin-html": "^2.0.0",
-    "acorn-import-assertions": "^1.9.0",
     "rimraf": "^5.0.1",
     "rollup": "^3.22.0",
-    "rollup-plugin-import-assert": "^3.0.1"
+    "rollup-plugin-import-css": "^3.2.1"
   }
 }

package.json

@@ -1,18 +1,18 @@
 import { rollupPluginHTML as html } from "@web/rollup-plugin-html";
 import dynamicImportVars from "@rollup/plugin-dynamic-import-vars";
 import nodeResolve from "@rollup/plugin-node-resolve";
-import { importAssertionsPlugin } from "rollup-plugin-import-assert";
-import { importAssertions } from "acorn-import-assertions";
+import css from "rollup-plugin-import-css";
 
 export default {
   input: "index.html",
   output: { dir: "dist" },
   plugins: [
     nodeResolve(),
-    importAssertionsPlugin(),
-    // FIXME: This dynamic import vars plugin doesn't seem to play well with import assertions..???
+    // see https://github.com/rollup/plugins/issues/1503
+    // if we put modules to true, we force CSSStyleSheet (rather than CSS String)
+    // Once the issue above is solved, the use of this option can be removed
+    css({ modules: true }),
     dynamicImportVars(),
     html(),
   ],
-  acornInjectPlugins: [importAssertions],
 };