@paprika/tokens 1.1.0 → 1.1.2-next.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @paprika/tokens
 
+## 1.1.2-next.1
+
+### Patch Changes
+
+- fd24fbe: Fix declaration files.
+
+## 1.1.2-next.0
+
+### Patch Changes
+
+- ab8d494: update panel header colour to diligent brand colour
+
+## 1.1.1
+
+### Patch Changes
+
+- 27e1439: updated icon template for icon size change
+
+## 1.1.1-next.0
+
+### Patch Changes
+
+- 27e1439: updated icon template for icon size change
+
 ## 1.1.0
 
 ### Minor Changes

package/lib/tokens.d.ts

@@ -217,6 +217,16 @@ declare namespace tokens {
         const sizeLg_1: string;
         export { sizeLg_1 as sizeLg };
     }
+    export namespace icon_1 {
+        const sizeSm_2: string;
+        export { sizeSm_2 as sizeSm };
+        const sizeMd_2: string;
+        export { sizeMd_2 as sizeMd };
+        const sizeLg_2: string;
+        export { sizeLg_2 as sizeLg };
+        export const sizeXlg: string;
+    }
+    export { icon_1 as icon };
     export namespace popover {
         const borderRadius_3: string;
         export { borderRadius_3 as borderRadius };

package/lib/tokens.js

@@ -201,6 +201,12 @@ var tokens = {
     "sizeMd": "20px",
     "sizeLg": "24px"
   },
+  "icon": {
+    "sizeSm": "20px",
+    "sizeMd": "24px",
+    "sizeLg": "40px",
+    "sizeXlg": "48px"
+  },
   "popover": {
     "borderRadius": "6px",
     "shadow": "0 2px 4px rgba(0,0,0,0.1)"

package/lib/tokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tokens.js"],"names":["tokens"],"mappings":"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","sourcesContent":["const tokens = {\n  \"color\": {\n    \"black\": \"#3f3d3c\",\n    \"blackLighten10\": \"#575757\",\n    \"blackLighten20\": \"#717171\",\n    \"blackLighten30\": \"#8a8a8a\",\n    \"blackLighten40\": \"#a4a4a4\",\n    \"blackLighten50\": \"#bdbdbd\",\n    \"blackLighten60\": \"#d7d7d7\",\n    \"blackLighten70\": \"#f0f0f0\",\n    \"blackLighten80\": \"#f7f7f7\",\n    \"blackLighten90\": \"#fcfcfc\",\n    \"blackDisabled\": \"#a4a4a4\",\n    \"blackPure\": \"#000000\",\n    \"blue\": \"#276cf5\",\n    \"blueDarken20\": \"#004a94\",\n    \"blueDarken10\": \"#0063c5\",\n    \"blueLighten10\": \"#3396f9\",\n    \"blueLighten20\": \"#66b0fa\",\n    \"blueLighten30\": \"#99cbfc\",\n    \"blueLighten40\": \"#cce5fd\",\n    \"blueLighten50\": \"#e5f1fe\",\n    \"creme\": \"#e6e3df\",\n    \"cremeDarken30\": \"#a39889\",\n    \"cremeDarken20\": \"#b9b1a6\",\n    \"cremeDarken10\": \"#d0cac2\",\n    \"cremeLighten5\": \"#f1f0ed\",\n    \"cremeLighten10\": \"#fcfcfc\",\n    \"diligent\": \"#2F3B4D\",\n    \"diligentLighten10\": \"#37465B\",\n    \"diligentLighten20\": \"#455772\",\n    \"diligentLighten30\": \"#5D7599\",\n    \"diligentLighten70\": \"#F4F6F8\",\n    \"diligentDarken10\": \"#202935\",\n    \"green\": \"#42996d\",\n    \"greenDarken10\": \"#337554\",\n    \"greenDarken20\": \"#23523a\",\n    \"greenLighten10\": \"#5db187\",\n    \"greenLighten20\": \"#80c1a0\",\n    \"greenLighten30\": \"#a2d2ba\",\n    \"greenLighten40\": \"#c4e3d3\",\n    \"greenLighten50\": \"#e7f3ed\",\n    \"offWhite\": \"#f0f0f0\",\n    \"orange\": \"#de4d33\",\n    \"orangeDarken10\": \"#bf371f\",\n    \"orangeDarken20\": \"#932b18\",\n    \"orangeDarken30\": \"#671e11\",\n    \"orangeLighten10\": \"#e07764\",\n    \"orangeLighten20\": \"#e99c8e\",\n    \"orangeLighten30\": \"#f1c1b9\",\n    \"orangeLighten40\": \"#fae7e3\",\n    \"orangeDisabled\": \"#e99c8e\",\n    \"orangeHighlight\": \"#e1624b\",\n    \"purple\": \"#785cba\",\n    \"purpleDarken10\": \"#5f449f\",\n    \"purpleDarken20\": \"#4a347c\",\n    \"purpleLighten10\": \"#9884c5\",\n    \"purpleLighten20\": \"#b5a7d5\",\n    \"purpleLighten30\": \"#d2c9e6\",\n    \"purpleLighten40\": \"#efecf6\",\n    \"purpleLighten50\": \"#fbfafd\",\n    \"white\": \"#ffffff\",\n    \"yellow\": \"#eaba51\",\n    \"yellowDarken10\": \"#e5a823\",\n    \"yellowDarken20\": \"#be8a17\",\n    \"yellowDarken30\": \"#916911\",\n    \"yellowDarken40\": \"#63480c\",\n    \"yellowLighten10\": \"#eccb82\",\n    \"yellowLighten20\": \"#f3ddae\",\n    \"yellowLighten30\": \"#f9f0db\",\n    \"gold\": \"#f0a117\",\n    \"silver\": \"#cfcfcf\",\n    \"eggplant\": \"#2e143d\",\n    \"eggplantLighten10\": \"#4b2164\",\n    \"eggplantLighten20\": \"#682e8b\",\n    \"eggplantLighten30\": \"#853AB1\",\n    \"chartColor01\": \"#cd3c44\",\n    \"chartColor02\": \"#cb8133\",\n    \"chartColor03\": \"#eaba51\",\n    \"chartColor04\": \"#79a551\",\n    \"chartColor05\": \"#299a7a\",\n    \"chartColor06\": \"#8c6d68\",\n    \"chartColor07\": \"#ec848f\",\n    \"chartColor08\": \"#b9668f\",\n    \"chartColor09\": \"#785cba\",\n    \"chartColor10\": \"#2b82bf\",\n    \"chartColor11\": \"#7ec0cc\",\n    \"chartColor12\": \"#d1cbc2\"\n  },\n  \"space\": \"8px\",\n  \"spaceSm\": \"4px\",\n  \"spaceLg\": \"12px\",\n  \"placeholder\": {\n    \"color\": \"#717171\",\n    \"fontStyle\": \"italic\"\n  },\n  \"highlight\": {\n    \"active\": {\n      \"noBorder\": {\n        \"boxShadow\": \"0 0 0 2px #99cbfc\",\n        \"insetBoxShadow\": \"inset 0 0 0 2px #99cbfc\",\n        \"borderColor\": \"#276cf5\"\n      },\n      \"withBorder\": {\n        \"boxShadow\": \"0 0 0 1px #276cf5, 0 0 0 3px #99cbfc\",\n        \"insetBoxShadow\": \"inset 0 0 0 1px #276cf5, inset 0 0 0 3px #99cbfc\"\n      },\n      \"nonInteractive\": {\n        \"outline\": \"2px dotted #8a8a8a\"\n      }\n    },\n    \"text\": {\n      \"green\": {\n        \"background\": \"#e7f3ed\",\n        \"font\": \"#23523a\"\n      },\n      \"orange\": {\n        \"background\": \"#fae7e3\",\n        \"font\": \"#932b18\"\n      },\n      \"yellow\": {\n        \"background\": \"#f7f3ba\",\n        \"font\": \"#63480c\"\n      }\n    }\n  },\n  \"textColor\": {\n    \"default\": \"#3f3d3c\",\n    \"subtle\": \"#717171\",\n    \"link\": \"#0063c5\",\n    \"linkHover\": \"#004a94\",\n    \"icon\": \"#717171\"\n  },\n  \"fontFamily\": {\n    \"default\": \"\\\"Lato\\\", \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif\",\n    \"jp\": \"\\\"Lato\\\", \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif, \\\"Hiragino Kaku Gothic Pro\\\", \\\"ヒラギノ角ゴ Pro W3\\\", \\\"ＭＳ Ｐゴシック\\\", \\\"MS PGothic\\\"\",\n    \"kr\": \"\\\"Lato\\\", \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif, \\\"Malgun Gothic\\\"\",\n    \"zh\": \"\\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif, 黑體-繁, \\\"Heiti TC\\\", 儷黑Pro, \\\"LiHei Pro\\\", PMingLiu, 宋体, SimSun\"\n  },\n  \"table\": {\n    \"header\": {\n      \"backgroundColor\": \"#f0f0f0\"\n    },\n    \"row\": {\n      \"backgroundColor\": \"#ffffff\"\n    },\n    \"rowEven\": {\n      \"backgroundColor\": \"#f7f7f7\"\n    }\n  },\n  \"border\": {\n    \"radius\": \"3px\",\n    \"color\": \"#d7d7d7\",\n    \"hoverColor\": \"#a4a4a4\",\n    \"colorTransition\": \"border-color 0.2s\"\n  },\n  \"button\": {\n    \"borderRadius\": \"4px\"\n  },\n  \"card\": {\n    \"borderRadius\": \"6px\",\n    \"shadow\": \"0 0 0 1px rgba(63,61,60,0.05),0 1px 3px 0 rgba(63,61,60,0.15)\"\n  },\n  \"overlay\": {\n    \"animationDuration\": \"700\",\n    \"backdrop\": {\n      \"backgroundColor\": \"rgba(63,61,60,0.5)\"\n    }\n  },\n  \"modal\": {\n    \"backgroundColor\": \"#ffffff\",\n    \"borderRadius\": \"6px\",\n    \"shadow\": \"0 8px 12px -4px rgba(63,61,60,0.2),0 1px 3px 0 rgba(63,61,60,0.1)\",\n    \"sizes\": {\n      \"sm\": \"450px\",\n      \"md\": \"675px\",\n      \"lg\": \"900px\"\n    },\n    \"margin\": \"24px\",\n    \"top\": \"100px\",\n    \"footer\": {\n      \"backgroundColor\": \"#f7f7f7\"\n    }\n  },\n  \"checkbox\": {\n    \"sizeSm\": \"16px\",\n    \"sizeMd\": \"20px\",\n    \"sizeLg\": \"24px\"\n  },\n  \"radio\": {\n    \"sizeSm\": \"16px\",\n    \"sizeMd\": \"20px\",\n    \"sizeLg\": \"24px\"\n  },\n  \"popover\": {\n    \"borderRadius\": \"6px\",\n    \"shadow\": \"0 2px 4px rgba(0,0,0,0.1)\"\n  },\n  \"counter\": {\n    \"small\": \"17px\",\n    \"medium\": \"19px\"\n  },\n  \"pill\": {\n    \"smallRadius\": \"8px / 50%\",\n    \"mediumRadius\": \"12px / 50%\"\n  },\n  \"backgroundColor\": {\n    \"level0\": \"#f7f7f7\"\n  },\n  \"fontSize\": {\n    \"default\": \"16px\"\n  },\n  \"shadow\": \"0px 1px 5px rgba(0,0,0,0.07),0px 7px 17px rgba(0,0,0,0.1)\",\n  \"diligent\": {\n    \"actionPrimary\": \"#5D7599\",\n    \"backgroundBase\": \"#F4F6F8\",\n    \"brandPrimary\": \"#2F3B4D\"\n  }\n};\nexport default tokens;"],"file":"tokens.js"}
+{"version":3,"sources":["../src/tokens.js"],"names":["tokens"],"mappings":"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","sourcesContent":["const tokens = {\n  \"color\": {\n    \"black\": \"#3f3d3c\",\n    \"blackLighten10\": \"#575757\",\n    \"blackLighten20\": \"#717171\",\n    \"blackLighten30\": \"#8a8a8a\",\n    \"blackLighten40\": \"#a4a4a4\",\n    \"blackLighten50\": \"#bdbdbd\",\n    \"blackLighten60\": \"#d7d7d7\",\n    \"blackLighten70\": \"#f0f0f0\",\n    \"blackLighten80\": \"#f7f7f7\",\n    \"blackLighten90\": \"#fcfcfc\",\n    \"blackDisabled\": \"#a4a4a4\",\n    \"blackPure\": \"#000000\",\n    \"blue\": \"#276cf5\",\n    \"blueDarken20\": \"#004a94\",\n    \"blueDarken10\": \"#0063c5\",\n    \"blueLighten10\": \"#3396f9\",\n    \"blueLighten20\": \"#66b0fa\",\n    \"blueLighten30\": \"#99cbfc\",\n    \"blueLighten40\": \"#cce5fd\",\n    \"blueLighten50\": \"#e5f1fe\",\n    \"creme\": \"#e6e3df\",\n    \"cremeDarken30\": \"#a39889\",\n    \"cremeDarken20\": \"#b9b1a6\",\n    \"cremeDarken10\": \"#d0cac2\",\n    \"cremeLighten5\": \"#f1f0ed\",\n    \"cremeLighten10\": \"#fcfcfc\",\n    \"diligent\": \"#2F3B4D\",\n    \"diligentLighten10\": \"#37465B\",\n    \"diligentLighten20\": \"#455772\",\n    \"diligentLighten30\": \"#5D7599\",\n    \"diligentLighten70\": \"#F4F6F8\",\n    \"diligentDarken10\": \"#202935\",\n    \"green\": \"#42996d\",\n    \"greenDarken10\": \"#337554\",\n    \"greenDarken20\": \"#23523a\",\n    \"greenLighten10\": \"#5db187\",\n    \"greenLighten20\": \"#80c1a0\",\n    \"greenLighten30\": \"#a2d2ba\",\n    \"greenLighten40\": \"#c4e3d3\",\n    \"greenLighten50\": \"#e7f3ed\",\n    \"offWhite\": \"#f0f0f0\",\n    \"orange\": \"#de4d33\",\n    \"orangeDarken10\": \"#bf371f\",\n    \"orangeDarken20\": \"#932b18\",\n    \"orangeDarken30\": \"#671e11\",\n    \"orangeLighten10\": \"#e07764\",\n    \"orangeLighten20\": \"#e99c8e\",\n    \"orangeLighten30\": \"#f1c1b9\",\n    \"orangeLighten40\": \"#fae7e3\",\n    \"orangeDisabled\": \"#e99c8e\",\n    \"orangeHighlight\": \"#e1624b\",\n    \"purple\": \"#785cba\",\n    \"purpleDarken10\": \"#5f449f\",\n    \"purpleDarken20\": \"#4a347c\",\n    \"purpleLighten10\": \"#9884c5\",\n    \"purpleLighten20\": \"#b5a7d5\",\n    \"purpleLighten30\": \"#d2c9e6\",\n    \"purpleLighten40\": \"#efecf6\",\n    \"purpleLighten50\": \"#fbfafd\",\n    \"white\": \"#ffffff\",\n    \"yellow\": \"#eaba51\",\n    \"yellowDarken10\": \"#e5a823\",\n    \"yellowDarken20\": \"#be8a17\",\n    \"yellowDarken30\": \"#916911\",\n    \"yellowDarken40\": \"#63480c\",\n    \"yellowLighten10\": \"#eccb82\",\n    \"yellowLighten20\": \"#f3ddae\",\n    \"yellowLighten30\": \"#f9f0db\",\n    \"gold\": \"#f0a117\",\n    \"silver\": \"#cfcfcf\",\n    \"eggplant\": \"#2e143d\",\n    \"eggplantLighten10\": \"#4b2164\",\n    \"eggplantLighten20\": \"#682e8b\",\n    \"eggplantLighten30\": \"#853AB1\",\n    \"chartColor01\": \"#cd3c44\",\n    \"chartColor02\": \"#cb8133\",\n    \"chartColor03\": \"#eaba51\",\n    \"chartColor04\": \"#79a551\",\n    \"chartColor05\": \"#299a7a\",\n    \"chartColor06\": \"#8c6d68\",\n    \"chartColor07\": \"#ec848f\",\n    \"chartColor08\": \"#b9668f\",\n    \"chartColor09\": \"#785cba\",\n    \"chartColor10\": \"#2b82bf\",\n    \"chartColor11\": \"#7ec0cc\",\n    \"chartColor12\": \"#d1cbc2\"\n  },\n  \"space\": \"8px\",\n  \"spaceSm\": \"4px\",\n  \"spaceLg\": \"12px\",\n  \"placeholder\": {\n    \"color\": \"#717171\",\n    \"fontStyle\": \"italic\"\n  },\n  \"highlight\": {\n    \"active\": {\n      \"noBorder\": {\n        \"boxShadow\": \"0 0 0 2px #99cbfc\",\n        \"insetBoxShadow\": \"inset 0 0 0 2px #99cbfc\",\n        \"borderColor\": \"#276cf5\"\n      },\n      \"withBorder\": {\n        \"boxShadow\": \"0 0 0 1px #276cf5, 0 0 0 3px #99cbfc\",\n        \"insetBoxShadow\": \"inset 0 0 0 1px #276cf5, inset 0 0 0 3px #99cbfc\"\n      },\n      \"nonInteractive\": {\n        \"outline\": \"2px dotted #8a8a8a\"\n      }\n    },\n    \"text\": {\n      \"green\": {\n        \"background\": \"#e7f3ed\",\n        \"font\": \"#23523a\"\n      },\n      \"orange\": {\n        \"background\": \"#fae7e3\",\n        \"font\": \"#932b18\"\n      },\n      \"yellow\": {\n        \"background\": \"#f7f3ba\",\n        \"font\": \"#63480c\"\n      }\n    }\n  },\n  \"textColor\": {\n    \"default\": \"#3f3d3c\",\n    \"subtle\": \"#717171\",\n    \"link\": \"#0063c5\",\n    \"linkHover\": \"#004a94\",\n    \"icon\": \"#717171\"\n  },\n  \"fontFamily\": {\n    \"default\": \"\\\"Lato\\\", \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif\",\n    \"jp\": \"\\\"Lato\\\", \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif, \\\"Hiragino Kaku Gothic Pro\\\", \\\"ヒラギノ角ゴ Pro W3\\\", \\\"ＭＳ Ｐゴシック\\\", \\\"MS PGothic\\\"\",\n    \"kr\": \"\\\"Lato\\\", \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif, \\\"Malgun Gothic\\\"\",\n    \"zh\": \"\\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif, 黑體-繁, \\\"Heiti TC\\\", 儷黑Pro, \\\"LiHei Pro\\\", PMingLiu, 宋体, SimSun\"\n  },\n  \"table\": {\n    \"header\": {\n      \"backgroundColor\": \"#f0f0f0\"\n    },\n    \"row\": {\n      \"backgroundColor\": \"#ffffff\"\n    },\n    \"rowEven\": {\n      \"backgroundColor\": \"#f7f7f7\"\n    }\n  },\n  \"border\": {\n    \"radius\": \"3px\",\n    \"color\": \"#d7d7d7\",\n    \"hoverColor\": \"#a4a4a4\",\n    \"colorTransition\": \"border-color 0.2s\"\n  },\n  \"button\": {\n    \"borderRadius\": \"4px\"\n  },\n  \"card\": {\n    \"borderRadius\": \"6px\",\n    \"shadow\": \"0 0 0 1px rgba(63,61,60,0.05),0 1px 3px 0 rgba(63,61,60,0.15)\"\n  },\n  \"overlay\": {\n    \"animationDuration\": \"700\",\n    \"backdrop\": {\n      \"backgroundColor\": \"rgba(63,61,60,0.5)\"\n    }\n  },\n  \"modal\": {\n    \"backgroundColor\": \"#ffffff\",\n    \"borderRadius\": \"6px\",\n    \"shadow\": \"0 8px 12px -4px rgba(63,61,60,0.2),0 1px 3px 0 rgba(63,61,60,0.1)\",\n    \"sizes\": {\n      \"sm\": \"450px\",\n      \"md\": \"675px\",\n      \"lg\": \"900px\"\n    },\n    \"margin\": \"24px\",\n    \"top\": \"100px\",\n    \"footer\": {\n      \"backgroundColor\": \"#f7f7f7\"\n    }\n  },\n  \"checkbox\": {\n    \"sizeSm\": \"16px\",\n    \"sizeMd\": \"20px\",\n    \"sizeLg\": \"24px\"\n  },\n  \"radio\": {\n    \"sizeSm\": \"16px\",\n    \"sizeMd\": \"20px\",\n    \"sizeLg\": \"24px\"\n  },\n  \"icon\": {\n    \"sizeSm\": \"20px\",\n    \"sizeMd\": \"24px\",\n    \"sizeLg\": \"40px\",\n    \"sizeXlg\": \"48px\"\n  },\n  \"popover\": {\n    \"borderRadius\": \"6px\",\n    \"shadow\": \"0 2px 4px rgba(0,0,0,0.1)\"\n  },\n  \"counter\": {\n    \"small\": \"17px\",\n    \"medium\": \"19px\"\n  },\n  \"pill\": {\n    \"smallRadius\": \"8px / 50%\",\n    \"mediumRadius\": \"12px / 50%\"\n  },\n  \"backgroundColor\": {\n    \"level0\": \"#f7f7f7\"\n  },\n  \"fontSize\": {\n    \"default\": \"16px\"\n  },\n  \"shadow\": \"0px 1px 5px rgba(0,0,0,0.07),0px 7px 17px rgba(0,0,0,0.1)\",\n  \"diligent\": {\n    \"actionPrimary\": \"#5D7599\",\n    \"backgroundBase\": \"#F4F6F8\",\n    \"brandPrimary\": \"#2F3B4D\"\n  }\n};\nexport default tokens;"],"file":"tokens.js"}

package/lib/tokens.json

@@ -192,6 +192,12 @@
     "sizeMd": "20px",
     "sizeLg": "24px"
   },
+  "icon": {
+    "sizeSm": "20px",
+    "sizeMd": "24px",
+    "sizeLg": "40px",
+    "sizeXlg": "48px"
+  },
   "popover": {
     "borderRadius": "6px",
     "shadow": "0 2px 4px rgba(0,0,0,0.1)"

package/lib/tokens.mdx

@@ -149,6 +149,10 @@ import TokenSquare from "./TokenSquare"
 | $radio--size-sm | 16px |  | 
 | $radio--size-md | 20px |  | 
 | $radio--size-lg | 24px |  | 
+| $icon--size-sm | 20px |  | 
+| $icon--size-md | 24px |  | 
+| $icon--size-lg | 40px |  | 
+| $icon--size-Xlg | 48px |  | 
 | $popover--border-radius | 6px |  | 
 | $popover--shadow | 0 2px 4px rgba(0,0,0,0.1) |  | 
 | $counter--small | 17px |  | 

package/lib/tokens.scss

@@ -219,6 +219,13 @@ $radio--size-md: 20px;
 $radio--size-lg: 24px;
 
 
+//icon
+$icon--size-sm: 20px;
+$icon--size-md: 24px;
+$icon--size-lg: 40px;
+$icon--size-Xlg: 48px;
+
+
 //popover
 $popover--border-radius: 6px;
 $popover--shadow: 0 2px 4px rgba(0,0,0,0.1);

package/lib/tokens.yaml

@@ -189,6 +189,11 @@ radio:
   size-sm: 16px
   size-md: 20px
   size-lg: 24px
+icon:
+  size-sm: 20px
+  size-md: 24px
+  size-lg: 40px
+  size-Xlg: 48px
 popover:
   border-radius: $card--border-radius
   shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
@@ -210,7 +215,7 @@ font-size:
 shadow: 0px 1px 5px rgba(0, 0, 0, 0.07), 0px 7px 17px rgba(0, 0, 0, 0.1)
 #
 diligent:
-  action-primary: '#5D7599'
-  background-base: '#F4F6F8'
-  brand-primary: '#2F3B4D'
+  action-primary: $color--diligent-lighten-30
+  background-base: $color--diligent-lighten-70
+  brand-primary: $color--diligent
     

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paprika/tokens",
-  "version": "1.1.0",
+  "version": "1.1.2-next.1",
   "description": "Design tokens generated as scss + js",
   "author": "@paprika",
   "main": "lib/index.js",