@brunosouzas/design-system 0.6.0 → 0.6.1

package/README.md

@@ -219,7 +219,7 @@ A cover is a JSON spec kept with its article, outside this repository: drafts ar
 }
 ```
 
-- `background` names one of the 21 pairs in `coverBackground` (a background and its ring colour, measured from the published covers). Which covers may share a pair is the `designer` skill's rule, not the package's.
+- `background` names one pair in `coverBackground` (a background and its ring colour): `trackIntegration`, `trackDelivery` or `trackAi` for a cover of that track (ADR 0006), `neutral` (the brand background) for a category with no track, or one of the 21 pairs measured from the covers published before 0.6.0, kept until 0.7.0 so their specs still build. Which cover takes which pair is the `illustration` skill's rule, not the package's.
 - `pieces` are drawn in order; their words go on top.
 - The `rings` centre stays within ±10000 in a cover spec, and a piece that overflows is reported at its entry (`pieces[1]: the drawing overflows`).
 - `custom` (optional) is the cover's one free-form object, a JSON node tree limited to drawing tags and a fixed list of attributes, with no external references. An object that repeats becomes a piece instead. It is painted after every piece's shapes; `customAt: <i>` paints it before `pieces[i]` instead, so a pill can sit on top of it (words always stay on top).

package/dist/tokens/generated/tokens.d.ts

@@ -163,6 +163,10 @@ export declare const tokens: {
             readonly fill: "#14215A";
             readonly ring: "#1C2D74";
         };
+        readonly neutral: {
+            readonly fill: "#F6F3EC";
+            readonly ring: "#D8D6D0";
+        };
         readonly olive: {
             readonly fill: "#8A9A3B";
             readonly ring: "#7E8E33";

package/dist/tokens/generated/tokens.js

@@ -164,6 +164,10 @@ export const tokens = {
             "fill": "#14215A",
             "ring": "#1C2D74"
         },
+        "neutral": {
+            "fill": "#F6F3EC",
+            "ring": "#D8D6D0"
+        },
         "olive": {
             "fill": "#8A9A3B",
             "ring": "#7E8E33"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brunosouzas/design-system",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Design tokens and illustration pieces of brunosouzas.com: tokens as CSS, JSON and TypeScript, pieces that draw SVG (and React), and a cover command.",
   "license": "Apache-2.0",
   "repository": {

package/tokens/generated/tokens.css

@@ -109,6 +109,8 @@
   --ds-cover-background-mustard-ring: #E6B33E;
   --ds-cover-background-navy-fill: #14215A;
   --ds-cover-background-navy-ring: #1C2D74;
+  --ds-cover-background-neutral-fill: #F6F3EC;
+  --ds-cover-background-neutral-ring: #D8D6D0;
   --ds-cover-background-olive-fill: #8A9A3B;
   --ds-cover-background-olive-ring: #7E8E33;
   --ds-cover-background-peach-fill: #F4D8BC;

package/tokens/generated/tokens.json

@@ -163,6 +163,10 @@
       "fill": "#14215A",
       "ring": "#1C2D74"
     },
+    "neutral": {
+      "fill": "#F6F3EC",
+      "ring": "#D8D6D0"
+    },
     "olive": {
       "fill": "#8A9A3B",
       "ring": "#7E8E33"

package/tokens/generated/tokens.ts

@@ -165,6 +165,10 @@ export const tokens = {
       "fill": "#14215A",
       "ring": "#1C2D74"
     },
+    "neutral": {
+      "fill": "#F6F3EC",
+      "ring": "#D8D6D0"
+    },
     "olive": {
       "fill": "#8A9A3B",
       "ring": "#7E8E33"