feat: Add mighty tokens (#112)

Frontify · Oct 12, 2023 · 92f3dc8 · 92f3dc8
1 parent 0db8ed7
commit 92f3dc8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/tokens/alias.box.js b/tokens/alias.box.js
@@ -20,6 +20,13 @@ module.exports = {
  "neutral-strong-inverse-color-hover" : { value: "{color.grey.10.value}", attributes: { category: "color" } },
  "neutral-strong-inverse-color-pressed" : { value: "{color.grey.20.value}", attributes: { category: "color" } },
 
+ "neutral-mighty-color" : { value: "{color.grey.80.value}", attributes: { category: "color" } },
+ "neutral-mighty-color-hover" : { value: "{color.grey.70.value}", attributes: { category: "color" } },
+ "neutral-mighty-color-pressed" : { value: "{color.grey.100.value}", attributes: { category: "color" } },
+ "neutral-mighty-inverse-color" : { value: "{color.grey.0.value}", attributes: { category: "color" } },
+ "neutral-mighty-inverse-color-hover" : { value: "{color.grey.0.value}", attributes: { category: "color" } },
+ "neutral-mighty-inverse-color-pressed" : { value: "{color.grey.20.value}", attributes: { category: "color" } },
+
  // Selected
  "selected-color" : { value: "{color.violet.10.value}", attributes: { category: "color" } },
  "selected-color-hover" : { value: "{color.violet.20.value}", attributes: { category: "color" } },
@@ -87,4 +94,4 @@ module.exports = {
  "warning-strong-inverse-color-hover" : { value: "{color.grey.80.value}", attributes: { category: "color" } },
  "warning-strong-inverse-color-pressed" : { value: "{color.grey.80.value}", attributes: { category: "color" } },
  },
-};
+};
diff --git a/tokens/alias.line.js b/tokens/alias.line.js
@@ -11,6 +11,7 @@ module.exports = {
  "color-strong" : { value: "{color.grey.100.value}", attributes: { category: "color" }, modify: [{ type: "alpha", amount: 0.15 }] },
  "color-x-strong" : { value: "{color.grey.100.value}", attributes: { category: "color" }, modify: [{ type: "alpha", amount: 0.3 }] },
  "color-xx-strong" : { value: "{color.grey.80.value}", attributes: { category: "color" } },
+ "color-mighty" : { value: "{color.grey.0.value}", attributes: { category: "color" }, modify: [{ type: "alpha", amount: 0.15 }] },
  // Width
  "width" : { value: 0.063, attributes: { category: "size", type: "lineWidth" } },
  "width-large" : { value: 0.125, attributes: { category: "size", type: "lineWidth" } },