@grantcodes/style-dictionary 1.0.0 → 1.2.0

package/tokens/grantcodes/tier-2-usage/shadows.json

@@ -0,0 +1,39 @@
+{
+  "box-shadow": {
+    "sm": {
+      "x": {
+        "value": "{shadow.sm.x}"
+      },
+      "y": {
+        "value": "{shadow.sm.y}"
+      },
+      "blur": {
+        "value": "{shadow.sm.blur}"
+      },
+      "spread": {
+        "value": "{shadow.sm.spread}"
+      },
+      "color": {
+        "value": "{shadow.sm.color}"
+      }
+    },
+    "md": {
+      "x": {
+        "value": "{shadow.md.x}"
+      },
+      "y": {
+        "value": "{shadow.md.y}"
+      },
+      "blur": {
+        "value": "{shadow.md.blur}"
+      },
+      "spread": {
+        "value": "{shadow.md.spread}"
+      },
+      "color": {
+        "value": "{shadow.md.color}"
+      }
+    }
+  }
+}
+

package/tokens/grantcodes/tier-2-usage/typography-usage.json

@@ -0,0 +1,277 @@
+{
+  "typography": {
+    "display-default": {
+      "font-family": {
+        "value": "{typography.font-family.greycliff}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.600}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.100}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.110}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.0}"
+      }
+    },
+    "display-sm": {
+      "font-family": {
+        "value": "{typography.font-family.greycliff}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.600}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.100}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.110}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.0}"
+      }
+    },
+    "headline-lg": {
+      "font-family": {
+        "value": "{typography.font-family.greycliff}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.600}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.48}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.56}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.half}"
+      }
+    },
+    "headline-default": {
+      "font-family": {
+        "value": "{typography.font-family.greycliff}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.600}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.40}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.48}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.half}"
+      }
+    },
+    "headline-sm": {
+      "font-family": {
+        "value": "{typography.font-family.greycliff}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.600}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.32}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.40}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.half}"
+      }
+    },
+    "title-lg": {
+      "font-family": {
+        "value": "{typography.font-family.system}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.600}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.32}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.40}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.half}"
+      }
+    },
+    "title-default": {
+      "font-family": {
+        "value": "{typography.font-family.system}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.600}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.28}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.36}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.half}"
+      }
+    },
+    "title-sm": {
+      "font-family": {
+        "value": "{typography.font-family.system}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.600}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.24}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.32}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.half}"
+      }
+    },
+    "label-lg": {
+      "font-family": {
+        "value": "{typography.font-family.system}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.600}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.20}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.28}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.0}"
+      }
+    },
+    "label-default": {
+      "font-family": {
+        "value": "{typography.font-family.system}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.600}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.16}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.24}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.0}"
+      }
+    },
+    "label-sm": {
+      "font-family": {
+        "value": "{typography.font-family.system}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.600}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.14}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.20}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.0}"
+      }
+    },
+    "body-lg": {
+      "font-family": {
+        "value": "{typography.font-family.system}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.400}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.20}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.28}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.0}"
+      }
+    },
+    "body-default": {
+      "font-family": {
+        "value": "{typography.font-family.system}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.400}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.16}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.24}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.0}"
+      }
+    },
+    "body-sm": {
+      "font-family": {
+        "value": "{typography.font-family.system}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.400}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.14}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.20}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.0}"
+      }
+    },
+    "meta-default": {
+      "font-family": {
+        "value": "{typography.font-family.system}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.600}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.14}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.20}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.2}"
+      }
+    },
+    "meta-sm": {
+      "font-family": {
+        "value": "{typography.font-family.system}"
+      },
+      "font-weight": {
+        "value": "{typography.font-weight.600}"
+      },
+      "font-size": {
+        "value": "{typography.font-size.12}"
+      },
+      "line-height": {
+        "value": "{typography.line-height.16}"
+      },
+      "letter-spacing": {
+        "value": "{typography.letter-spacing.2}"
+      }
+    }
+  }
+}
+

package/tokens/grantcodes/tier-3-components/button.json

@@ -0,0 +1,94 @@
+{
+  "button": {
+    "color": {
+      "background": {
+        "default": {
+          "value": "{color.background.brand}"
+        },
+        "hover": {
+          "value": "{color.background.brand-hover}"
+        },
+        "active": {
+          "value": "{color.background.brand-hover}"
+        },
+        "disabled": {
+          "value": "{color.background.default}"
+        }
+      },
+      "content": {
+        "default": {
+          "value": "{color.content.brand-knockout}"
+        },
+        "hover": {
+          "value": "{color.content.brand-knockout}"
+        },
+        "active": {
+          "value": "{color.content.brand-knockout}"
+        },
+        "disabled": {
+          "value": "{color.content.disabled}"
+        }
+      },
+      "border": {
+        "default": {
+          "value": "{color.border.default}"
+        },
+        "hover": {
+          "value": "{color.border.brand}"
+        },
+        "active": {
+          "value": "{color.border.brand}"
+        },
+        "disabled": {
+          "value": "{color.border.default}"
+        }
+      }
+    },
+    "primary": {
+      "color": {
+        "background": {
+          "default": {
+            "value": "{color.brand.purple.500}"
+          },
+          "hover": {
+            "value": "{color.brand.purple.600}"
+          },
+          "active": {
+            "value": "{color.brand.purple.700}"
+          },
+          "disabled": {
+            "value": "{color.background.brand-disabled}"
+          }
+        },
+        "content": {
+          "default": {
+            "value": "{color.neutral.white}"
+          },
+          "hover": {
+            "value": "{color.neutral.white}"
+          },
+          "active": {
+            "value": "{color.neutral.white}"
+          },
+          "disabled": {
+            "value": "{color.content.default}"
+          }
+        },
+        "border": {
+          "default": {
+            "value": "{color.brand.purple.500}"
+          },
+          "hover": {
+            "value": "{color.brand.purple.700}"
+          },
+          "active": {
+            "value": "{color.brand.purple.700}"
+          },
+          "disabled": {
+            "value": "{color.border.default}"
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/grantcodes/tier-3-components/focus-ring.json

@@ -0,0 +1,26 @@
+{
+  "focus-ring": {
+    "color": {
+      "default": {
+        "value": "rgba(106, 91, 197, 0.4)"
+      },
+      "contrast": {
+        "value": "{color.brand.purple.200}"
+      },
+      "contrast-shadow": {
+        "value": "{color.brand.purple.800}"
+      }
+    },
+    "width": {
+      "default": {
+        "value": "0.2rem"
+      }
+    },
+    "offset": {
+      "default": {
+        "value": "0px"
+      }
+    }
+  }
+}
+

package/tokens/grantcodes/tier-3-components/form.json

@@ -0,0 +1,69 @@
+{
+  "form": {
+    "color": {
+      "background": {
+        "default": {
+          "value": "{color.background.default}"
+        },
+        "focus": {
+          "value": "{color.background.default}"
+        },
+        "hover": {
+          "value": "{color.background.subtle}"
+        },
+        "active": {
+          "value": "{color.background.default}"
+        },
+        "disabled": {
+          "value": "{color.background.default}"
+        }
+      },
+      "content": {
+        "default": {
+          "value": "{color.content.default}"
+        },
+        "focus": {
+          "value": "{color.content.default}"
+        },
+        "hover": {
+          "value": "{color.content.default}"
+        },
+        "active": {
+          "value": "{color.content.default}"
+        },
+        "disabled": {
+          "value": "{color.content.disabled}"
+        }
+      },
+      "border": {
+        "default": {
+          "value": "{color.border.default}"
+        },
+        "focus": {
+          "value": "{color.border.brand}"
+        },
+        "hover": {
+          "value": "{color.border.default-hover}"
+        },
+        "active": {
+          "value": "{color.border.brand}"
+        },
+        "disabled": {
+          "value": "{color.border.default}"
+        },
+        "error": {
+          "value": "{color.border.utility.error}"
+        }
+      }
+    },
+    "input": {
+      "accent": {
+        "color": {
+          "default": {
+            "value": "{color.brand.purple.500}"
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/grantcodes/tier-3-components/link.json

@@ -0,0 +1,39 @@
+{
+  "link": {
+    "color": {
+      "content": {
+        "default": {
+          "value": "{color.brand.purple.500}"
+        },
+        "hover": {
+          "value": "{color.brand.purple.600}"
+        },
+        "active": {
+          "value": "{color.brand.purple.600}"
+        },
+        "visited": {
+          "value": "{color.brand.purple.500}"
+        }
+      }
+    },
+    "knockout": {
+      "color": {
+        "content": {
+          "default": {
+            "value": "{color.content.knockout}"
+          },
+          "hover": {
+            "value": "{color.content.knockout}"
+          },
+          "active": {
+            "value": "{color.content.knockout}"
+          },
+          "visited": {
+            "value": "{color.content.knockout}"
+          }
+        }
+      }
+    }
+  }
+}
+

package/tokens/todomap/tier-1-definitions/colors.json

@@ -0,0 +1,92 @@
+{
+  "color": {
+    "brand": {
+      "100": {
+        "value": "oklch(94.96% 0.050 15.5)"
+      },
+      "200": {
+        "value": "oklch(89.21% 0.097 15.5)"
+      },
+      "300": {
+        "value": "oklch(82.67% 0.147 15.5)"
+      },
+      "400": {
+        "value": "oklch(77.04% 0.189 15.5)"
+      },
+      "500": {
+        "value": "oklch(62.8% 0.258 15.5)"
+      },
+      "600": {
+        "value": "oklch(60.03% 0.246 15.5)"
+      },
+      "700": {
+        "value": "oklch(51.18% 0.229 15.5)"
+      },
+      "800": {
+        "value": "oklch(42.79% 0.203 15.5)"
+      },
+      "900": {
+        "value": "oklch(36.89% 0.183 15.5)"
+      },
+      "purple": {
+        "100": {
+          "value": "oklch(94.96% 0.028 280.5)"
+        },
+        "200": {
+          "value": "oklch(89.21% 0.054 280.5)"
+        },
+        "300": {
+          "value": "oklch(82.67% 0.082 280.5)"
+        },
+        "400": {
+          "value": "oklch(77.04% 0.105 280.5)"
+        },
+        "500": {
+          "value": "oklch(65.0% 0.144 280.5)"
+        },
+        "600": {
+          "value": "oklch(60.03% 0.137 280.5)"
+        },
+        "700": {
+          "value": "oklch(51.18% 0.128 280.5)"
+        },
+        "800": {
+          "value": "oklch(42.79% 0.113 280.5)"
+        },
+        "900": {
+          "value": "oklch(36.89% 0.102 280.5)"
+        }
+      },
+      "pink": {
+        "100": {
+          "value": "oklch(94.96% 0.050 15.5)"
+        },
+        "200": {
+          "value": "oklch(89.21% 0.097 15.5)"
+        },
+        "300": {
+          "value": "oklch(82.67% 0.147 15.5)"
+        },
+        "400": {
+          "value": "oklch(77.04% 0.189 15.5)"
+        },
+        "500": {
+          "value": "oklch(62.8% 0.258 15.5)"
+        },
+        "600": {
+          "value": "oklch(60.03% 0.246 15.5)"
+        },
+        "700": {
+          "value": "oklch(51.18% 0.229 15.5)"
+        },
+        "800": {
+          "value": "oklch(42.79% 0.203 15.5)"
+        },
+        "900": {
+          "value": "oklch(36.89% 0.183 15.5)"
+        }
+      }
+    }
+  }
+}
+

package/tokens/todomap/tier-1-definitions/typography.json

@@ -0,0 +1,10 @@
+{
+  "typography": {
+    "font-family": {
+      "system": {
+        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"
+      }
+    }
+  }
+}
+

package/tokens/todomap/tier-2-usage/00-colors-background.json

@@ -0,0 +1,36 @@
+{
+  "color": {
+    "background": {
+      "default": {
+        "value": "{color.neutral.white}"
+      },
+      "subtle": {
+        "value": "{color.neutral.100}"
+      },
+      "knockout": {
+        "value": "{color.neutral.black}"
+      },
+      "brand": {
+        "value": "{color.brand.100}"
+      },
+      "brand-hover": {
+        "value": "{color.brand.200}"
+      },
+      "utility": {
+        "error": {
+          "value": "{color.utility.red.100}"
+        },
+        "warning": {
+          "value": "{color.utility.yellow.100}"
+        },
+        "success": {
+          "value": "{color.utility.green.100}"
+        },
+        "info": {
+          "value": "{color.utility.blue.100}"
+        }
+      }
+    }
+  }
+}
+