@workday/canvas-kit-docs 16.0.0 → 16.0.2

package/dist/es6/lib/docs.js

@@ -229805,7 +229805,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "BRAND_SCOPE_INDEPENDENT",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
-    "description": "Independently brandable tokens — writable when explicitly provided,\nbut NEVER derived from primary.main / brand.primary.600.",
+    "description": "Independently brandable tokens — writable when explicitly provided,\nbut NEVER derived from primary.main / brand.primary.600 / brand.primary.500.",
     "declarations": [
       {
         "name": "BRAND_SCOPE_INDEPENDENT",
@@ -229847,31 +229847,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 ],
                 "tags": {}
               },
-              {
-                "kind": "property",
-                "name": "brandToken",
-                "defaultValue": {
-                  "kind": "property",
-                  "name": "primary500",
-                  "type": {
-                    "kind": "string",
-                    "value": "--cnvs-brand-primary-500"
-                  }
-                },
-                "type": {
-                  "kind": "string",
-                  "value": "--cnvs-brand-primary-500"
-                },
-                "required": true,
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "brandToken",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
-                  }
-                ],
-                "tags": {}
-              },
               {
                 "kind": "property",
                 "name": "semanticKey",
@@ -229923,31 +229898,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 ],
                 "tags": {}
               },
-              {
-                "kind": "property",
-                "name": "brandToken",
-                "defaultValue": {
-                  "kind": "property",
-                  "name": "primary500",
-                  "type": {
-                    "kind": "string",
-                    "value": "--cnvs-brand-primary-500"
-                  }
-                },
-                "type": {
-                  "kind": "string",
-                  "value": "--cnvs-brand-primary-500"
-                },
-                "required": true,
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "brandToken",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
-                  }
-                ],
-                "tags": {}
-              },
               {
                 "kind": "property",
                 "name": "semanticKey",
@@ -230012,31 +229962,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 ],
                 "tags": {}
               },
-              {
-                "kind": "property",
-                "name": "brandToken",
-                "defaultValue": {
-                  "kind": "property",
-                  "name": "primary500",
-                  "type": {
-                    "kind": "string",
-                    "value": "--cnvs-brand-primary-500"
-                  }
-                },
-                "type": {
-                  "kind": "string",
-                  "value": "--cnvs-brand-primary-500"
-                },
-                "required": true,
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "brandToken",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
-                  }
-                ],
-                "tags": {}
-              },
               {
                 "kind": "property",
                 "name": "semanticKey",
@@ -230088,31 +230013,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 ],
                 "tags": {}
               },
-              {
-                "kind": "property",
-                "name": "brandToken",
-                "defaultValue": {
-                  "kind": "property",
-                  "name": "primary500",
-                  "type": {
-                    "kind": "string",
-                    "value": "--cnvs-brand-primary-500"
-                  }
-                },
-                "type": {
-                  "kind": "string",
-                  "value": "--cnvs-brand-primary-500"
-                },
-                "required": true,
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "brandToken",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
-                  }
-                ],
-                "tags": {}
-              },
               {
                 "kind": "property",
                 "name": "semanticKey",
@@ -230714,10 +230614,109 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "writeFocusShortcuts",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
+    "description": "Writes first-class focus shortcuts — never derived from brand.primary.",
+    "declarations": [
+      {
+        "name": "writeFocusShortcuts",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "focus",
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "union",
+                "value": [
+                  {
+                    "kind": "object",
+                    "properties": [
+                      {
+                        "kind": "property",
+                        "name": "primary",
+                        "required": false,
+                        "type": {
+                          "kind": "union",
+                          "value": [
+                            {
+                              "kind": "primitive",
+                              "value": "string"
+                            },
+                            {
+                              "kind": "primitive",
+                              "value": "undefined"
+                            }
+                          ]
+                        },
+                        "description": "",
+                        "tags": {},
+                        "declarations": []
+                      }
+                    ]
+                  },
+                  {
+                    "kind": "primitive",
+                    "value": "undefined"
+                  }
+                ]
+              },
+              {
+                "kind": "primitive",
+                "value": "undefined"
+              }
+            ]
+          },
+          "required": false,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "focus",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "parameter",
+          "name": "style",
+          "type": {
+            "kind": "symbol",
+            "name": "React.CSSProperties",
+            "value": "CSSProperties"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "style",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "primitive",
+        "value": "void"
+      }
+    }
+  },
   {
     "name": "writeIndependentBrandTokens",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
-    "description": "Writes focus/border from explicit common or brand.primary.500 input — never from primary.main.",
+    "description": "Writes focus/border from explicit input — never from primary.main or primary.500.\nNumerical themes use {@link writeFocusShortcuts }; legacy uses `common.focusOutline`.",
     "declarations": [
       {
         "name": "writeIndependentBrandTokens",
@@ -233018,7 +233017,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "CanvasBrandRamp",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts",
-    "description": "Numerical brand ramp keys. Each key maps 1:1 to a `--cnvs-brand-{family}-{key}` CSS variable.\n\nCommon keys:\n- `'600'` — main accent / button fill / default brand fg\n- `'700'` — strong fg / selected text (when not using `selected.fg`)\n- `'500'` — focus rings and border primary (independent of `'600'`)\n- `'A50'` — selected surface tint (when not using `selected.surface`)\n- `'25'` / `'A25'` — subtle brand surfaces\n\nNeutral-only Sana steps (`'150'`, `'850'`, `'A150'`) live on {@link CanvasNeutralBrandRamp }.",
+    "description": "Numerical brand ramp keys. Each key maps 1:1 to a `--cnvs-brand-{family}-{key}` CSS variable.\n\nCommon keys:\n- `'600'` — main accent / button fill / default brand fg\n- `'700'` — strong fg / selected text (when not using `selected.fg`)\n- `'500'` — mid primary ramp (does **not** set focus — use {@link CanvasNumericalBrandTheme.focus })\n- `'A50'` — selected surface tint (when not using `selected.surface`)\n- `'25'` / `'A25'` — subtle brand surfaces\n\nNeutral-only Sana steps (`'150'`, `'850'`, `'A150'`) live on {@link CanvasNeutralBrandRamp }.",
     "declarations": [
       {
         "name": "CanvasBrandRamp",
@@ -233294,7 +233293,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "example": "Minimal — brand buttons + selected states only\n```tsx\n<CanvasProvider theme={{brand: {primary: {'600': base.magenta600}}}} />\n```\nExplicit — focus independent of primary\n```tsx\n<CanvasProvider theme={{\nbrand: {primary: {'600': base.red600, '500': base.blue500}},\nselected: {fg: base.red700, surface: base.redA50},\n}} />\n```",
+      "example": "Minimal — brand buttons + selected states only\n```tsx\n<CanvasProvider theme={{brand: {primary: {'600': base.magenta600}}}} />\n```\nExplicit — focus independent of primary\n```tsx\n<CanvasProvider theme={{\nbrand: {primary: {'600': base.red600}},\nselected: {fg: base.red700, surface: base.redA50},\nfocus: {primary: base.blue500},\n}} />\n```",
       "see": "sanaCanvasProviderTheme\n \nwhen `<html>` is unavailable and popups need Sana brand forwarding"
     },
     "type": {
@@ -233316,7 +233315,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                   "name": "CanvasBrandRamp",
                   "value": "Partial<Record<\"25\" | \"50\" | \"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\" | \"950\" | \"975\" | \"A25\" | \"A50\" | \"A100\" | \"A200\", string>>"
                 },
-                "description": "Primary brand ramp (`--cnvs-brand-primary-*`).\n\n**Shortcut (brand scope only):** when `'600'` is the only key under `primary`,\nalso sets:\n- `PrimaryButton` — `brand.action.base`, `accent.primary`, `accent.action`\n- Selected `Menu.Item` — `system.color.brand.fg.selected`, `surface.selected`\n\nDoes **not** set focus rings — use `'500'` or `canvas.palette.common.focusOutline`.\n\n| Key | CSS variable | Typical consumers |\n|-----|--------------|-------------------|\n| `'600'` | `--cnvs-brand-primary-600` | PrimaryButton, brand links, accent.primary |\n| `'700'` | `--cnvs-brand-primary-700` | Strong primary fg, selected text |\n| `'500'` | `--cnvs-brand-primary-500` | Focus rings, border primary |\n| `'A50'` | `--cnvs-brand-primary-A50` | Selected/hover surfaces |",
+                "description": "Primary brand ramp (`--cnvs-brand-primary-*`).\n\n**Shortcut (brand scope only):** when `'600'` is the only key under `primary`,\nalso sets:\n- `PrimaryButton` — `brand.action.base`, `accent.primary`, `accent.action`\n- Selected `Menu.Item` — `system.color.brand.fg.selected`, `surface.selected`\n\nDoes **not** set focus rings — use {@link CanvasNumericalBrandTheme.focus }\nor legacy `canvas.palette.common.focusOutline`.\n\n| Key | CSS variable | Typical consumers |\n|-----|--------------|-------------------|\n| `'600'` | `--cnvs-brand-primary-600` | PrimaryButton, brand links, accent.primary |\n| `'700'` | `--cnvs-brand-primary-700` | Strong primary fg, selected text |\n| `'500'` | `--cnvs-brand-primary-500` | Mid primary ramp only (not focus) |\n| `'A50'` | `--cnvs-brand-primary-A50` | Selected/hover surfaces |",
                 "declarations": [
                   {
                     "name": "primary",
@@ -233478,6 +233477,41 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
+        {
+          "kind": "property",
+          "name": "focus",
+          "required": false,
+          "type": {
+            "kind": "object",
+            "properties": [
+              {
+                "kind": "property",
+                "name": "primary",
+                "required": false,
+                "type": {
+                  "kind": "primitive",
+                  "value": "string"
+                },
+                "description": "Focus ring and primary border color",
+                "declarations": [
+                  {
+                    "name": "primary",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
+                  }
+                ],
+                "tags": {}
+              }
+            ]
+          },
+          "description": "Focus-ring shortcuts. Independent of `brand.primary` — matches tokens where\n`--cnvs-sys-color-brand-focus-primary` is not derived from primary brand.\n\n| Key | CSS variable | Typical consumers |\n|-----|--------------|-------------------|\n| `primary` | `--cnvs-sys-color-brand-focus-primary` (+ border primary) | Menu, Button, input focus rings |",
+          "declarations": [
+            {
+              "name": "focus",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
+            }
+          ],
+          "tags": {}
+        },
         {
           "kind": "property",
           "name": "system",

package/dist/es6/lib/stackblitzFiles/packageJSONFile.js

@@ -18,11 +18,11 @@ export const packageJSONFile = `{
     "@emotion/react": "11.11.4",
     "@types/react": "18.2.60",
     "@types/react-dom": "18.2.19",
-    "@workday/canvas-kit-labs-react": "16.0.0",
-    "@workday/canvas-kit-preview-react": "16.0.0",
-    "@workday/canvas-kit-react": "16.0.0",
-    "@workday/canvas-kit-react-fonts": "^16.0.0",
-    "@workday/canvas-kit-styling": "16.0.0",
+    "@workday/canvas-kit-labs-react": "16.0.2",
+    "@workday/canvas-kit-preview-react": "16.0.2",
+    "@workday/canvas-kit-react": "16.0.2",
+    "@workday/canvas-kit-react-fonts": "^16.0.2",
+    "@workday/canvas-kit-styling": "16.0.2",
     "@workday/canvas-system-icons-web": "^5.0.3",
     "@workday/canvas-expressive-icons-web": "1.0.1",
     "@workday/canvas-tokens-web": "4.4.0-beta.11"

package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts

@@ -19,11 +19,11 @@ export const packageJSONFile = `{
     "@emotion/react": "11.11.4",
     "@types/react": "18.2.60",
     "@types/react-dom": "18.2.19",
-    "@workday/canvas-kit-labs-react": "16.0.0",
-    "@workday/canvas-kit-preview-react": "16.0.0",
-    "@workday/canvas-kit-react": "16.0.0",
-    "@workday/canvas-kit-react-fonts": "^16.0.0",
-    "@workday/canvas-kit-styling": "16.0.0",
+    "@workday/canvas-kit-labs-react": "16.0.2",
+    "@workday/canvas-kit-preview-react": "16.0.2",
+    "@workday/canvas-kit-react": "16.0.2",
+    "@workday/canvas-kit-react-fonts": "^16.0.2",
+    "@workday/canvas-kit-styling": "16.0.2",
     "@workday/canvas-system-icons-web": "^5.0.3",
     "@workday/canvas-expressive-icons-web": "1.0.1",
     "@workday/canvas-tokens-web": "4.4.0-beta.11"

package/dist/mdx/16.0-UPGRADE-GUIDE.mdx

@@ -14,6 +14,22 @@ The Sana Canvas **theme** (CSS variables + `data-theme="sana-canvas"`) is a sepa
 that updates brand colors, neutrals, surfaces, and shapes at the application level. See
 [Sana Canvas Theme](#sana-canvas-theme) below.
 
+### What You Need
+- Canvas Tokens v4.4.0: Introduces the new Sana Canvas variables.
+- Canvas System Icons v5.0.0: Introduces the new Sana Canvas icons.
+- Canvas Kit v16: The new version of Canvas Kit that includes the new Sana Canvas components and utilities.
+
+> **Note:** Canvas Tokens and Canvas System Icons are not included in the Canvas Kit package. Install
+> them separately, then upgrade Canvas Kit itself:
+
+```sh
+# Separate packages required by Canvas Kit v16
+yarn add @workday/canvas-tokens-web@4.4.0 @workday/canvas-system-icons-web@5.0.0
+
+# Upgrade Canvas Kit packages (adjust package names to what your app uses)
+yarn add @workday/canvas-kit-react@^16
+```
+
 
 ## Sana Canvas Theme
 
@@ -160,6 +176,9 @@ remove the theme prop.
 - [Codemod](#codemod)
   - [Instructions](#instructions)
   - [Codemod Transformations for Icons](#codemod-transformations-for-icons)
+- [MCP](#mcp)
+  - [Icon migration — `get-canvas-kit-icon-migration`](#icon-migration--get-canvas-kit-icon-migration)
+  - [Token references — `get-canvas-kit-tokens`](#token-references--get-canvas-kit-tokens)
 - [New Components](#new-components)
   - [KBD](#kbd)
   - [Tabs](#tabs)
@@ -207,6 +226,8 @@ remove the theme prop.
 - [New Utilities](#new-utilities)
   - [cornerShapeStencil](#cornershapestencil)
 - [Fonts](#fonts)
+  - [Sana Canvas Theme — Switch to Sana Sans](#sana-canvas-theme--switch-to-sana-sans)
+  - [Classic Canvas — Keep Roboto](#classic-canvas--keep-roboto)
 - [Deprecations](#deprecations)
 - [Glossary](#glossary)
   - [Main](#main)
@@ -381,6 +402,34 @@ import {Tabs} from '@workday/canvas-kit-preview-react/tabs';
 </Tabs>;
 ```
 
+## MCP
+
+Canvas Kit's MCP server (`@workday/canvas-kit-mcp`) helps agents migrate icons and look up tokens for
+v16 / tokens `4.4.0`.
+
+### Icon migration — `get-canvas-kit-icon-migration`
+
+Use this tool when upgrading `@workday/canvas-system-icons-web` to v5 (Sana Canvas Assets), finding
+replacements for deprecated icons, or running the `icon-migration` codemod.
+
+1. Install / enable the Canvas Kit MCP server (see the
+   [MCP docs](/docs/ai-for-llms-mcp-docs--docs)).
+2. Ask your agent to call `get-canvas-kit-icon-migration`.
+3. Follow the returned guides:
+   - [Sana Canvas Assets overview](/docs/guides-icon-migration-sana-canvas-assets-overview--docs)
+     (full deprecated → replacement table)
+   - [Icon Migration codemod](/docs/guides-icon-migration-codemod--docs)
+
+```sh
+npx @workday/canvas-kit-codemod icon-migration [path]
+```
+
+### Token references — `get-canvas-kit-tokens`
+
+Token docs were updated for `@workday/canvas-tokens-web` `4.4.0`. Call `get-canvas-kit-tokens` and
+start with the v4.4 token reference served by the MCP (`docs://tokens/v4/v4.4-token-reference`) for
+the current token surface (Sana Canvas, t-shirt scales, deprecations).
+
 ## Component Updates
 
 ### Action Bar
@@ -1163,6 +1212,65 @@ export const myStencil = createStencil({
 `Card`, `Expandable` (`Expandable.Target`), `Menu` (`Menu.Card`, `Menu.List`, `Menu.Item`),
 `MultiSelect`, and `Table` (`BaseTable`, `Table`) extend this stencil for their rounded corners.
 
+## Fonts
+
+Canvas Kit does not bundle fonts. In v16, which font you load depends on whether you opt into the
+[Sana Canvas theme](#sana-canvas-theme).
+
+| Theme | Typeface | Package |
+| ----- | -------- | ------- |
+| Sana Canvas (`data-theme="sana-canvas"`) | Sana Sans (+ IBM Plex Mono) | `@workday/canvas-kit-react/fonts` |
+| Classic Canvas (default) | Roboto (+ Roboto Mono) | `@workday/canvas-kit-react-fonts` |
+
+### Sana Canvas Theme — Switch to Sana Sans
+
+When you opt into Sana, `--cnvs-sys-font-family-default` (`system.fontFamily.default`) points at
+`'Sana Sans VF'`. Load the matching `@font-face` rules from the new fonts module (requires
+`@workday/canvas-tokens-web` `4.4.0` or later):
+
+```ts
+import {fonts} from '@workday/canvas-kit-react/fonts';
+import {injectGlobal} from '@workday/canvas-kit-styling';
+import {system} from '@workday/canvas-tokens-web';
+
+injectGlobal({
+  ...fonts,
+  'html, body': {
+    fontFamily: system.fontFamily.default,
+    margin: 0,
+    minHeight: '100vh',
+  },
+});
+```
+
+If your environment already provides Sana Sans, you can skip injecting `@font-face` and keep using
+`system.fontFamily.default`.
+
+> **Note:** Prefer `@workday/canvas-kit-react/fonts` over `@workday/canvas-kit-react-fonts` when the
+> Sana Canvas theme is enabled. The older package still loads Roboto and will not match the Sana
+> font-family token.
+
+### Classic Canvas — Keep Roboto
+
+If you are **not** setting `data-theme="sana-canvas"`, continue using
+`@workday/canvas-kit-react-fonts` as before:
+
+```ts
+import {fonts} from '@workday/canvas-kit-react-fonts';
+import {injectGlobal} from '@workday/canvas-kit-styling';
+import {system} from '@workday/canvas-tokens-web';
+
+injectGlobal({
+  ...fonts,
+  'html, body': {
+    fontFamily: system.fontFamily.default,
+  },
+});
+```
+
+For full installation details, variable-font notes, and monospace coverage, see the
+[Fonts guide](https://workday.github.io/canvas-kit/?path=/docs/guides-fonts--docs).
+
 ## Deprecations
 
 We add the [@deprecated](https://jsdoc.app/tags-deprecated.html) JSDoc tag to code we plan to remove

package/dist/mdx/FONTS.mdx

@@ -61,7 +61,7 @@ supports multiple font weights and styles. It also provides more flexibility and
 traditional, static fonts. But you should be able to use it identically to how you've been using
 other fonts.
 
-- **Family**: Sana Sans
+- **Family**: Sana Sans VF
 - **Format**: TrueType variable font
 - **Weight range**: 100–700 (Regular through Bold)
 - **Styles**: normal, italic

package/dist/mdx/react/common/mdx/Theming.mdx

@@ -78,7 +78,7 @@ variable.
 | You set | Components affected |
 | ------- | ------------------- |
 | `brand.primary['600']` alone | `PrimaryButton`, selected `Menu.Item` (text + background) |
-| `brand.primary['500']` | Focus rings, border primary (independent of `600`) |
+| `focus.primary` | Focus rings, border primary (independent of primary brand) |
 | `brand.action.*` | `PrimaryButton` (read before `brand.primary`) |
 | `brand.critical.*` | `TextInput` error, critical accents |
 | `brand.caution.*` | `TextInput` caution, caution focus |
@@ -87,7 +87,7 @@ variable.
 | `selected.fg` / `selected.surface` | Selected list/menu states directly |
 
 **Focus does not follow primary.** Setting only `brand.primary['600']` leaves focus rings at the
-default blue unless you also set `brand.primary['500']`.
+default blue unless you also set `focus.primary`.
 
 ```tsx
 import {CanvasProvider} from '@workday/canvas-kit-react/common';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "16.0.0",
+  "version": "16.0.2",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -47,10 +47,10 @@
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/csf": "0.0.1",
     "@workday/canvas-expressive-icons-web": "1.0.2",
-    "@workday/canvas-kit-labs-react": "^16.0.0",
-    "@workday/canvas-kit-preview-react": "^16.0.0",
-    "@workday/canvas-kit-react": "^16.0.0",
-    "@workday/canvas-kit-styling": "^16.0.0",
+    "@workday/canvas-kit-labs-react": "^16.0.2",
+    "@workday/canvas-kit-preview-react": "^16.0.2",
+    "@workday/canvas-kit-react": "^16.0.2",
+    "@workday/canvas-kit-styling": "^16.0.2",
     "@workday/canvas-system-icons-web": "^5.0.3",
     "@workday/canvas-tokens-web": "^4.4.0",
     "markdown-to-jsx": "^7.2.0",
@@ -63,5 +63,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "5.0"
   },
-  "gitHead": "3f3f7e9a3251cf61ffb40f93dba3dd50d9f3e3cf"
+  "gitHead": "72c62cffaadb20c6881fc9bb59365db3034186fd"
 }