@khanacademy/wonder-blocks-tokens 16.2.0 → 16.3.0

package/.turbo/turbo-build$colon$css.log

@@ -1,5 +1,5 @@
 
-> @khanacademy/wonder-blocks-tokens@16.2.0 build:css /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-tokens
+> @khanacademy/wonder-blocks-tokens@16.3.0 build:css /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-tokens
 > node -r @swc-node/register ./src/build/generate-css-variables.ts
 
 CSS variables generated successfully in: /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-tokens/dist/css

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @khanacademy/wonder-blocks-tokens
 
+## 16.3.0
+
+### Minor Changes
+
+- 40f217b: Add Noto as fallback font for Thunderblocks in tokens.fontFamily
+
 ## 16.2.0
 
 ### Minor Changes

package/dist/build/generate-token-docs.d.ts

@@ -0,0 +1,41 @@
+#!/usr/bin/env -S node -r @swc-node/register
+import themeDefault from "../theme/default";
+type ThemeObject = typeof themeDefault;
+export declare function flattenToMap(obj: unknown, prefix?: string, map?: Map<string, string | number>): Map<string, string | number>;
+export declare function toCssVar(tokenGroup: string, dotPath: string): string;
+type Group = {
+    /** Slug used for the output filename. */
+    id: string;
+    /** Storybook title path. */
+    title: string;
+    /** H1 rendered in the MDX page. */
+    heading: string;
+    /** Variable name used in code examples (e.g. `sizing`). */
+    tokenPrefix: string;
+    /** Short blurb shown above the table, rendered as markdown. */
+    description: string;
+    /** Whether to emit a CSS Variable column. */
+    includeCssVar: boolean;
+} & ({
+    /**
+     * Returns the token subtree for a given theme. One value column is
+     * emitted per theme.
+     */
+    getTokens: (theme: ThemeObject) => unknown;
+} | {
+    /**
+     * For tokens that aren't themed (e.g. media query breakpoints). A
+     * single Value column is emitted.
+     */
+    tokens: unknown;
+});
+export declare const groups: ReadonlyArray<Group>;
+export declare function renderThemedTable(group: Group & {
+    getTokens: (theme: ThemeObject) => unknown;
+}): string;
+export declare function renderSimpleTable(group: Group & {
+    tokens: unknown;
+}): string;
+export declare function renderMdx(group: Group): string;
+export declare function generateTokenDocs(outputDir: string): void;
+export {};

package/dist/css/index.css

@@ -856,7 +856,7 @@
 --wb-boxShadow-low: 0 2px 2px 0 color-mix(in srgb, #252368 20%, transparent);
 --wb-boxShadow-mid: 0 4px 8px 0 color-mix(in srgb, #252368 20%, transparent);
 --wb-boxShadow-high: 0 8px 16px 0 color-mix(in srgb, #252368 20%, transparent);
---wb-font-family-sans: Plus Jakarta Sans, serif;
+--wb-font-family-sans: Plus Jakarta Sans, "Noto Sans", sans-serif;
 --wb-font-family-serif: "Noto Serif", serif;
 --wb-font-family-mono: Inconsolata, monospace;
 --wb-font-size-xxxLarge: 3.6rem;

package/dist/css/vars.css

@@ -490,7 +490,7 @@
 --wb-boxShadow-low: 0 2px 2px 0 color-mix(in srgb, #252368 20%, transparent);
 --wb-boxShadow-mid: 0 4px 8px 0 color-mix(in srgb, #252368 20%, transparent);
 --wb-boxShadow-high: 0 8px 16px 0 color-mix(in srgb, #252368 20%, transparent);
---wb-font-family-sans: Plus Jakarta Sans, serif;
+--wb-font-family-sans: Plus Jakarta Sans, "Noto Sans", sans-serif;
 --wb-font-family-serif: "Noto Serif", serif;
 --wb-font-family-mono: Inconsolata, monospace;
 --wb-font-size-xxxLarge: 3.6rem;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core primitive design tokens for Web Wonder Blocks",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "16.2.0",
+  "version": "16.3.0",
   "publishConfig": {
     "access": "public"
   },
@@ -35,6 +35,7 @@
   "bin": "./bin/cli.js",
   "scripts": {
     "build:css": "node -r @swc-node/register ./src/build/generate-css-variables.ts",
+    "build:token-docs": "node -r @swc-node/register ./src/build/generate-token-docs.ts",
     "test": "echo \"Error: no test specified\" && exit 1"
   }
 }