@grantcodes/style-dictionary 1.0.0 → 1.2.0

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

@@ -0,0 +1,175 @@
+{
+  "color": {
+    "neutral": {
+      "white": {
+        "value": "oklch(100% 0 0)"
+      },
+      "100": {
+        "value": "oklch(95% 0 0)"
+      },
+      "200": {
+        "value": "oklch(90% 0 0)"
+      },
+      "300": {
+        "value": "oklch(80% 0 0)"
+      },
+      "400": {
+        "value": "oklch(70% 0 0)"
+      },
+      "500": {
+        "value": "oklch(60% 0 0)"
+      },
+      "600": {
+        "value": "oklch(50% 0 0)"
+      },
+      "700": {
+        "value": "oklch(40% 0 0)"
+      },
+      "800": {
+        "value": "oklch(30% 0 0)"
+      },
+      "900": {
+        "value": "oklch(20% 0 0)"
+      },
+      "black": {
+        "value": "oklch(0% 0 0)"
+      }
+    },
+    "utility": {
+      "green": {
+        "100": {
+          "value": "oklch(96.73% 0.0537 129.1)"
+        },
+        "200": {
+          "value": "oklch(93.45% 0.107 131.96)"
+        },
+        "300": {
+          "value": "oklch(87.97% 0.1546 135.05)"
+        },
+        "400": {
+          "value": "oklch(81.78% 0.1827 137.62)"
+        },
+        "500": {
+          "value": "oklch(74.01% 0.2132 139.87)"
+        },
+        "600": {
+          "value": "oklch(65.44% 0.1981 141.12)"
+        },
+        "700": {
+          "value": "oklch(57.11% 0.1795 142.12)"
+        },
+        "800": {
+          "value": "oklch(48.67% 0.1572 142.68)"
+        },
+        "900": {
+          "value": "oklch(42.59% 0.1358 143.3)"
+        }
+      },
+      "blue": {
+        "100": {
+          "value": "oklch(95.86% 0.0542 179.13)"
+        },
+        "200": {
+          "value": "oklch(92.82% 0.0973 184.41)"
+        },
+        "300": {
+          "value": "oklch(90.54% 0.1282 189.63)"
+        },
+        "500": {
+          "value": "oklch(81.86% 0.141005 208.7047)"
+        },
+        "600": {
+          "value": "oklch(68.89% 0.125872 220.4932)"
+        },
+        "700": {
+          "value": "oklch(56.7% 0.116289 232.4331)"
+        },
+        "800": {
+          "value": "oklch(45.75% 0.107158 241.2805)"
+        },
+        "900": {
+          "value": "oklch(37.55% 0.1037 249.04)"
+        }
+      },
+      "yellow": {
+        "100": {
+          "value": "oklch(97.66% 0.0606 103.43)"
+        },
+        "200": {
+          "value": "oklch(95.72% 0.1147 103.53)"
+        },
+        "300": {
+          "value": "oklch(93.47% 0.1552 102.21)"
+        },
+        "400": {
+          "value": "oklch(91.68% 0.1745 101.08)"
+        },
+        "500": {
+          "value": "oklch(88.99% 0.183778 97.6996)"
+        },
+        "600": {
+          "value": "oklch(78.68% 0.162 96.43)"
+        },
+        "700": {
+          "value": "oklch(68.35% 0.14027 94.7302)"
+        },
+        "800": {
+          "value": "oklch(58.04% 0.1189 93.71)"
+        },
+        "900": {
+          "value": "oklch(50.09% 0.1025 92.6)"
+        }
+      },
+      "red": {
+        "100": {
+          "value": "oklch(94.96% 0.0395 73.45)"
+        },
+        "200": {
+          "value": "oklch(89.21% 0.076552 65.9429)"
+        },
+        "300": {
+          "value": "oklch(82.67% 0.1156 57.65)"
+        },
+        "400": {
+          "value": "oklch(77.04% 0.1486 49.15)"
+        },
+        "500": {
+          "value": "oklch(69.31% 0.203172 39.994)"
+        },
+        "600": {
+          "value": "oklch(60.03% 0.1938 35.81)"
+        },
+        "700": {
+          "value": "oklch(51.18% 0.1802 32.56)"
+        },
+        "800": {
+          "value": "oklch(42.79% 0.16 30.38)"
+        },
+        "900": {
+          "value": "oklch(36.89% 0.1443 28.98)"
+        }
+      }
+    },
+    "transparent": {
+      "0": {
+        "value": "oklch(100% 0 0 / 0)"
+      },
+      "10": {
+        "value": "oklch(100% 0 0 / 0.1)"
+      },
+      "25": {
+        "value": "oklch(100% 0 0 / 0.25)"
+      },
+      "50": {
+        "value": "oklch(100% 0 0 / 0.5)"
+      },
+      "75": {
+        "value": "oklch(100% 0 0 / 0.75)"
+      },
+      "90": {
+        "value": "oklch(100% 0 0 / 0.9)"
+      }
+    }
+  }
+}
+

package/tokens/core/tier-1-definitions/z-index.json

@@ -0,0 +1,29 @@
+{
+  "z-index": {
+    "top": {
+      "value": "99999"
+    },
+    "500": {
+      "value": "500"
+    },
+    "400": {
+      "value": "400"
+    },
+    "300": {
+      "value": "300"
+    },
+    "200": {
+      "value": "200"
+    },
+    "100": {
+      "value": "100"
+    },
+    "0": {
+      "value": "0"
+    },
+    "bottom": {
+      "value": "-100"
+    }
+  }
+}
+

package/tokens/grantcodes/tier-1-definitions/animation.json

@@ -0,0 +1,27 @@
+{
+  "animation": {
+    "duration": {
+      "10": {
+        "value": "100ms"
+      },
+      "20": {
+        "value": "200ms"
+      },
+      "30": {
+        "value": "300ms"
+      },
+      "40": {
+        "value": "400ms"
+      }
+    },
+    "timing-function": {
+      "ease": {
+        "value": "ease-in-out"
+      },
+      "linear": {
+        "value": "linear"
+      }
+    }
+  }
+}
+

package/tokens/grantcodes/tier-1-definitions/borders.json

@@ -0,0 +1,36 @@
+{
+  "border": {
+    "radius": {
+      "square": {
+        "value": "0"
+      },
+      "125": {
+        "value": "0.125rem"
+      },
+      "250": {
+        "value": "0.25rem"
+      },
+      "500": {
+        "value": "0.5rem"
+      },
+      "1000": {
+        "value": "1rem"
+      },
+      "rounded": {
+        "value": "50%"
+      }
+    },
+    "width": {
+      "1": {
+        "value": "1px"
+      },
+      "2": {
+        "value": "2px"
+      },
+      "4": {
+        "value": "4px"
+      }
+    }
+  }
+}
+

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

@@ -0,0 +1,35 @@
+{
+	"color": {
+		"brand": {
+			"purple": {
+				"100": {
+					"value": "oklch(95% 0.04 279.42)"
+				},
+				"200": {
+					"value": "oklch(90% 0.08 279.42)"
+				},
+				"300": {
+					"value": "oklch(82% 0.12 279.42)"
+				},
+				"400": {
+					"value": "oklch(74% 0.17 279.42)"
+				},
+				"500": {
+					"value": "oklch(65% 0.22 279.42)"
+				},
+				"600": {
+					"value": "oklch(55% 0.26 279.42)"
+				},
+				"700": {
+					"value": "oklch(45% 0.24 279.42)"
+				},
+				"800": {
+					"value": "oklch(35% 0.18 279.42)"
+				},
+				"900": {
+					"value": "oklch(25% 0.12 279.42)"
+				}
+			}
+		}
+	}
+}

package/tokens/grantcodes/tier-1-definitions/shadows.json

@@ -0,0 +1,39 @@
+{
+  "shadow": {
+    "sm": {
+      "x": {
+        "value": "0px"
+      },
+      "y": {
+        "value": "4px"
+      },
+      "blur": {
+        "value": "4px"
+      },
+      "spread": {
+        "value": "0px"
+      },
+      "color": {
+        "value": "#00000040"
+      }
+    },
+    "md": {
+      "x": {
+        "value": "0px"
+      },
+      "y": {
+        "value": "8px"
+      },
+      "blur": {
+        "value": "6px"
+      },
+      "spread": {
+        "value": "-6px"
+      },
+      "color": {
+        "value": "#0000001a"
+      }
+    }
+  }
+}
+

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

@@ -0,0 +1,133 @@
+{
+  "typography": {
+    "font-family": {
+      "system": {
+        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"
+      },
+      "greycliff": {
+        "value": "Greycliff, {typography.font-family.system}"
+      }
+    },
+    "font-weight": {
+      "400": {
+        "value": "400"
+      },
+      "600": {
+        "value": "600"
+      },
+      "700": {
+        "value": "700"
+      }
+    },
+    "font-size": {
+      "12": {
+        "value": "12px"
+      },
+      "14": {
+        "value": "14px"
+      },
+      "16": {
+        "value": "16px"
+      },
+      "18": {
+        "value": "18px"
+      },
+      "20": {
+        "value": "20px"
+      },
+      "24": {
+        "value": "24px"
+      },
+      "28": {
+        "value": "28px"
+      },
+      "32": {
+        "value": "32px"
+      },
+      "40": {
+        "value": "40px"
+      },
+      "48": {
+        "value": "48px"
+      },
+      "56": {
+        "value": "56px"
+      },
+      "64": {
+        "value": "64px"
+      },
+      "100": {
+        "value": "100px"
+      }
+    },
+    "line-height": {
+      "16": {
+        "value": "16px"
+      },
+      "20": {
+        "value": "20px"
+      },
+      "24": {
+        "value": "24px"
+      },
+      "28": {
+        "value": "28px"
+      },
+      "32": {
+        "value": "32px"
+      },
+      "36": {
+        "value": "36px"
+      },
+      "40": {
+        "value": "40px"
+      },
+      "48": {
+        "value": "48px"
+      },
+      "56": {
+        "value": "56px"
+      },
+      "64": {
+        "value": "64px"
+      },
+      "72": {
+        "value": "72px"
+      },
+      "110": {
+        "value": "110px"
+      }
+    },
+    "letter-spacing": {
+      "0": {
+        "value": "0px"
+      },
+      "2": {
+        "value": "2px"
+      },
+      "minus-2": {
+        "value": "-2px"
+      },
+      "minus-1-half": {
+        "value": "-1.5px"
+      },
+      "minus-1": {
+        "value": "-1px"
+      },
+      "minus-half": {
+        "value": "-0.5px"
+      },
+      "half": {
+        "value": "0.5px"
+      }
+    },
+    "text-transform": {
+      "none": {
+        "value": "none"
+      },
+      "uppercase": {
+        "value": "uppercase"
+      }
+    }
+  }
+}

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

@@ -0,0 +1,72 @@
+{
+  "color": {
+    "background": {
+      "default": {
+        "value": "{color.neutral.white}"
+      },
+      "default-hover": {
+        "value": "{color.neutral.300}"
+      },
+      "subtle": {
+        "value": "{color.neutral.100}"
+      },
+      "subtle-hover": {
+        "value": "{color.neutral.200}"
+      },
+      "knockout": {
+        "value": "{color.neutral.black}"
+      },
+      "brand": {
+        "value": "{color.brand.purple.100}"
+      },
+      "brand-hover": {
+        "value": "{color.brand.purple.200}"
+      },
+      "brand-disabled": {
+        "value": "{color.neutral.200}"
+      },
+      "brand-knockout": {
+        "value": "{color.brand.purple.800}"
+      },
+      "brand-knockout-hover": {
+        "value": "{color.brand.purple.700}"
+      },
+      "utility": {
+        "error": {
+          "value": "{color.utility.red.100}"
+        },
+        "error-knockout": {
+          "value": "{color.utility.red.600}"
+        },
+        "warning": {
+          "value": "{color.utility.yellow.100}"
+        },
+        "warning-knockout": {
+          "value": "{color.utility.yellow.600}"
+        },
+        "success": {
+          "value": "{color.utility.green.100}"
+        },
+        "success-knockout": {
+          "value": "{color.utility.green.600}"
+        },
+        "info": {
+          "value": "{color.utility.blue.100}"
+        },
+        "info-knockout": {
+          "value": "{color.utility.blue.600}"
+        }
+      },
+      "disabled": {
+        "value": "{color.neutral.200}"
+      },
+      "transparent": {
+        "value": "{color.transparent.25}"
+      },
+      "transparent-strong": {
+        "value": "{color.transparent.90}"
+      }
+    }
+  }
+}
+

package/tokens/grantcodes/tier-2-usage/00-colors-border.json

@@ -0,0 +1,42 @@
+{
+  "color": {
+    "border": {
+      "default": {
+        "value": "{color.neutral.300}"
+      },
+      "default-hover": {
+        "value": "{color.neutral.500}"
+      },
+      "subtle": {
+        "value": "{color.neutral.200}"
+      },
+      "strong": {
+        "value": "{color.neutral.900}"
+      },
+      "knockout": {
+        "value": "{color.neutral.400}"
+      },
+      "brand": {
+        "value": "{color.brand.purple.700}"
+      },
+      "utility": {
+        "error": {
+          "value": "{color.utility.red.700}"
+        },
+        "warning": {
+          "value": "{color.utility.yellow.700}"
+        },
+        "success": {
+          "value": "{color.utility.green.700}"
+        },
+        "info": {
+          "value": "{color.utility.blue.700}"
+        }
+      },
+      "disabled": {
+        "value": "{color.neutral.200}"
+      }
+    }
+  }
+}
+

package/tokens/grantcodes/tier-2-usage/00-colors-content.json

@@ -0,0 +1,45 @@
+{
+  "color": {
+    "content": {
+      "default": {
+        "value": "{color.neutral.900}"
+      },
+      "default-hover": {
+        "value": "{color.neutral.black}"
+      },
+      "subtle": {
+        "value": "{color.neutral.500}"
+      },
+      "knockout": {
+        "value": "{color.neutral.white}"
+      },
+      "brand": {
+        "value": "{color.brand.purple.600}"
+      },
+      "brand-hover": {
+        "value": "{color.brand.purple.900}"
+      },
+      "brand-knockout": {
+        "value": "{color.brand.purple.100}"
+      },
+      "disabled": {
+        "value": "{color.neutral.600}"
+      },
+      "utility": {
+        "error": {
+          "value": "{color.utility.red.600}"
+        },
+        "warning": {
+          "value": "{color.utility.yellow.600}"
+        },
+        "success": {
+          "value": "{color.utility.green.600}"
+        },
+        "info": {
+          "value": "{color.utility.blue.600}"
+        }
+      }
+    }
+  }
+}
+

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

@@ -0,0 +1,23 @@
+{
+  "animation": {
+    "fade": {
+      "quick": {
+        "value": "{animation.duration.10}"
+      },
+      "long": {
+        "value": "{animation.duration.40}"
+      }
+    },
+    "move": {
+      "quick": {
+        "value": "{animation.duration.20}"
+      },
+      "long": {
+        "value": "{animation.duration.40}"
+      }
+    },
+    "ease": {
+      "value": "{animation.timing-function.ease}"
+    }
+  }
+}

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

@@ -0,0 +1,26 @@
+{
+  "border": {
+    "radius": {
+      "sm": {
+        "value": "{border.radius.125}"
+      },
+      "md": {
+        "value": "{border.radius.500}"
+      },
+      "lg": {
+        "value": "{border.radius.1000}"
+      }
+    },
+    "width": {
+      "sm": {
+        "value": "{border.width.1}"
+      },
+      "md": {
+        "value": "{border.width.2}"
+      },
+      "lg": {
+        "value": "{border.width.4}"
+      }
+    }
+  }
+}