Added base structure for the entire exporter, plus blueprint stubs with comments about what it does in place (no implementation just yet)

Author: Jiří Třečák

exporter.json

@@ -16,6 +16,8 @@
         "supernova": "1.0.0"
     },
     "tags": [
-        "Flutter"
+        "CSS",
+        "Tokens",
+        "Styles"
     ]
 }

output.json

@@ -2,7 +2,31 @@
     "blueprints": [
         {
             "invoke": "colors.pr",
-            "write_to": "styles/colors.css"
+            "write_to": "colors.css"
+        },
+        {
+            "invoke": "borders.pr",
+            "write_to": "borders.css"
+        },
+        {
+            "invoke": "gradients.pr",
+            "write_to": "gradients.css"
+        },
+        {
+            "invoke": "measures.pr",
+            "write_to": "measures.css"
+        },
+        {
+            "invoke": "radii.pr",
+            "write_to": "radii.css"
+        },
+        {
+            "invoke": "shadows.pr",
+            "write_to": "shadows.css"
+        },
+        {
+            "invoke": "typography.pr",
+            "write_to": "typography.css"
         }
     ]
 }

src/borders.pr

@@ -0,0 +1,7 @@
+{*
+
+Generate all tokens as named variables.
+Tokens are named by their group path and then name, 
+and their value rendered using `rendered-color` blueprint
+
+*}

src/colors.pr

@@ -1 +1,7 @@
-{* Export example code goes here *}
+{*
+
+Generate all tokens as named variables.
+Tokens are named by their group path and then name, 
+and their value rendered using `rendered-color` blueprint
+
+*}

src/gradients.pr

@@ -0,0 +1,7 @@
+{*
+
+Generate all tokens as named variables.
+Tokens are named by their group path and then name, 
+and their value rendered using `rendered-color` blueprint
+
+*}

src/measures.pr

@@ -0,0 +1,7 @@
+{*
+
+Generate all tokens as named variables.
+Tokens are named by their group path and then name, 
+and their value rendered using `rendered-color` blueprint
+
+*}

src/object-renderers/rendered-border.pr

@@ -0,0 +1,35 @@
+{*
+
+Rendered to present Border token as CSS string. 
+Note that this only converts the value, actual name is provided somewhere else
+
+
+Source data: Border Value (https://developers.supernova.io/design-system-data/tokens/borders)
+Note: Value is passed as `context` property because it is injected
+
+{
+  "context": {
+    "color": {
+      "hex": string
+      "r": int (0-255),
+      "g": int (0-255),
+      "b": int (0-255),
+      "a": int (0-255),
+      "referencedToken": Color | null
+    },
+    "width": {
+      "unit": "px",
+      "measure": double
+      "referencedToken": Measure | null
+    },
+    "position": "Inside" | "Center" | "Outside"
+    "referencedToken": Border | null
+  }
+}
+
+
+Rendered as:
+
+Xpx solid (rendered-color.pr);
+
+*}

src/object-renderers/rendered-color.pr

@@ -0,0 +1,28 @@
+{*
+
+Renderer to convert Color token as CSS string. 
+Note that this only converts the value, actual name is provided somewhere else
+
+
+Source data: Color Value (https://developers.supernova.io/design-system-data/tokens/colors)
+Note: Value is passed as `context` property because it is injected
+
+{
+  Note: Value is passed as `context` because it is injected
+  "context": {
+    "hex": string
+    "r": int (0-255),
+    "g": int (0-255),
+    "b": int (0-255),
+    "a": int (0-255),
+    "referencedToken": Color | null
+  }
+}
+
+
+Rendered as:
+
+#XXXXXX if it is fully opaque color
+rgba(r, g, b, a) if it is semi-transparent color
+
+*}

src/object-renderers/rendered-gradient.pr

@@ -0,0 +1,32 @@
+{*
+
+Rendered to present Gradient token as CSS string. 
+Note that this only converts the value, actual name is provided somewhere else
+
+
+Source data: Color Value (https://developers.supernova.io/design-system-data/tokens/gradients)
+Note: Value is passed as `context` property because it is injected
+
+{
+  "value": {
+    "from": {
+      "x": double
+      "y": double
+    }, 
+    "to": {
+      "x": double
+      "y": double
+    },
+    "type": "Linear" | "Radial" | "Angular",
+    "aspectRatio": double
+    "stops": [Gradient Stop],
+    "referencedToken": Gradient | null
+  }
+}
+
+
+Rendered as:
+
+Xpx solid (rendered-color.pr);
+
+*}

src/object-renderers/rendered-measure.pr

@@ -0,0 +1,18 @@
+{*
+
+Rendered to present Measure token as CSS string. 
+Note that this only converts the value, actual name is provided somewhere else
+
+
+Source data: Measure Value (https://developers.supernova.io/design-system-data/tokens/measures)
+Note: Value is passed as `context` property because it is injected
+
+{
+  "context": {
+    "unit": "Pixels" | "Points" | "Percent" | "Ems",
+    "measure": double
+    "referencedToken": Measure | null
+  }
+}
+
+*}