npm - @workday/canvas-kit-docs - Versions diffs - 14.0.0-alpha.1230-next.0 → 14.0.0-alpha.1234-next.0 - Mend

@workday/canvas-kit-docs 14.0.0-alpha.1230-next.0 → 14.0.0-alpha.1234-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (74) hide show

package/dist/es6/lib/docs.js CHANGED Viewed

@@ -2245,7 +2245,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/search-form/lib/SearchForm.tsx"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `SearchFormProps` is deprecated and will be removed in a future major version. Please reference our [Autocomplete example](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs#usage)."
+    },
     "type": {
       "kind": "alias",
       "name": "SearchForm"
@@ -2261,7 +2263,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/search-form/lib/SearchForm.tsx"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `SearchFormState` is deprecated and will be removed in a future major version. Please reference our [Autocomplete example](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs#usage)."
+    },
     "type": {
       "kind": "object",
       "properties": [
@@ -2329,7 +2333,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/search-form/lib/SearchForm.tsx"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `searchFormStencil` is deprecated and will be removed in a future major version. Please reference our [Autocomplete example](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs#usage)."
+    },
     "type": {
       "kind": "function",
       "parameters": [
@@ -3033,7 +3039,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/search-form/lib/SearchForm.tsx"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `SearchForm` is deprecated and will be removed in a future major version. Please reference our [Autocomplete example](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs#usage)."
+    },
     "type": {
       "kind": "component",
       "props": [
@@ -3490,7 +3498,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/search-form/lib/themes.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `SearchTheme` is deprecated and will be removed in a future major version. Please our CSS tokens to theme components."
+    },
     "type": {
       "kind": "object",
       "typeParameters": [],
@@ -3533,7 +3543,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/search-form/lib/themes.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `SearchThemeAttributes` is deprecated and will be removed in a future major version. Please our CSS tokens to theme components."
+    },
     "type": {
       "kind": "object",
       "properties": [
@@ -3703,7 +3715,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/search-form/lib/themes.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `SearchThemes` is deprecated and will be removed in a future major version. Please our CSS tokens to theme components."
+    },
     "type": {
       "kind": "object",
       "properties": [],
@@ -3732,7 +3746,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/search-form/lib/themes.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `searchThemes` is deprecated and will be removed in a future major version. Please our CSS tokens to theme components."
+    },
     "type": {
       "kind": "symbol",
       "name": "SearchThemes",
@@ -10949,7 +10965,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "Divider",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/divider/lib/Divider.tsx",
-    "description": "# Divider\nA divider to segment and visually organize content. By default, it renders a semantic `[<hr>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr)` element.\n\n[View Docs](https://workday.github.io/canvas-kit/?path=/docs/preview-divider-react)\n\nThe `space` prop will equally apply top and bottom margin styles.\nIn the example below, `x2` (0.5rem), adds `0.25rem` margin to the top and `0.25rem` to the bottom",
+    "description": "# Divider\nA divider to segment and visually organize content. By default, it renders a semantic `[<hr>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr)` element.\n\n[View Docs](https://workday.github.io/canvas-kit/?path=/docs/preview-divider--docs)\n\nThe `space` prop will equally apply top and bottom margin styles.\nIn the example below, `x2` (0.5rem), adds `0.25rem` margin to the top and `0.25rem` to the bottom",
     "declarations": [
       {
         "name": "Divider",
@@ -63232,7 +63248,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `scrollIntoViewIfNeeded` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `scrollIntoViewIfNeeded` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "function",
@@ -63297,7 +63313,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `SelectProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `SelectProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "alias",
@@ -63315,7 +63331,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `Select` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `Select` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "enhancedComponent",
@@ -63561,7 +63577,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `Option` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `Option` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "object",
@@ -63677,7 +63693,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `NormalizedOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `NormalizedOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "object",
@@ -63793,7 +63809,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `RenderSelectedFunction` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `RenderSelectedFunction` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "unknown",
@@ -63812,7 +63828,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `RenderableOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `RenderableOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "object",
@@ -63962,7 +63978,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `RenderOptionFunction` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `RenderOptionFunction` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "unknown",
@@ -63981,7 +63997,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `CoreSelectBaseProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `CoreSelectBaseProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "object",
@@ -64110,7 +64126,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `SelectBaseProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `SelectBaseProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "alias",
@@ -64144,7 +64160,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `SelectBase` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `SelectBase` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "component",
@@ -64667,7 +64683,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `SelectMenu` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `SelectMenu` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "component",
@@ -64888,7 +64904,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `SelectOptionProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `SelectOptionProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "alias",
@@ -64906,7 +64922,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `SelectOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `SelectOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "component",
@@ -65066,7 +65082,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `MenuPlacement` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `MenuPlacement` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "type",
@@ -65097,7 +65113,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `MenuVisibility` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `MenuVisibility` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "type",
@@ -65217,7 +65233,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `getCorrectedIndexByValue` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead."
+      "deprecated": "⚠️ `getCorrectedIndexByValue` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead."
     },
     "type": {
       "kind": "function",
@@ -68951,872 +68967,22 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         },
         {
           "kind": "property",
-          "name": "children",
-          "required": false,
-          "type": {
-            "kind": "external",
-            "name": "ReactNode",
-            "url": "https://reactjs.org/docs/rendering-elements.html"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "children",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "as",
-          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.ElementType",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
-          },
-          "defaultValue": {
-            "kind": "external",
-            "name": "span",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "ref",
-          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.Ref",
-            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "R",
-                "required": true,
-                "defaultValue": {
-                  "kind": "external",
-                  "name": "span",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span"
-                }
-              }
-            ]
-          }
-        }
-      ],
-      "baseElement": {
-        "kind": "external",
-        "name": "span",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span"
-      },
-      "styleComponent": {
-        "kind": "symbol",
-        "name": "Box"
-      }
-    }
-  },
-  {
-    "name": "TextAreaProps",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-area/lib/TextArea.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "TextAreaProps",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-area/lib/TextArea.tsx"
-      }
-    ],
-    "tags": {
-      "deprecated": "⚠️ `TextAreaProps` in Preview has been deprecated and will be removed in a future major version. Please use [`TextArea` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs) instead."
-    },
-    "type": {
-      "kind": "alias",
-      "name": "TextArea"
-    }
-  },
-  {
-    "name": "TextArea",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-area/lib/TextArea.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "TextArea",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-area/lib/TextArea.tsx"
-      }
-    ],
-    "tags": {
-      "stencil": "formFieldStencil",
-      "deprecated": "⚠️ `TextArea` in Preview has been deprecated and will be removed in a future major version. Please use [`TextArea` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs) instead."
-    },
-    "type": {
-      "kind": "enhancedComponent",
-      "componentType": "container",
-      "displayName": "TextArea",
-      "props": [
-        {
-          "kind": "property",
-          "name": "children",
-          "required": true,
-          "type": {
-            "kind": "external",
-            "name": "ReactNode",
-            "url": "https://reactjs.org/docs/rendering-elements.html"
-          },
-          "description": "Children of the Text Input. Should contain a `<TextArea.Field>`, a `<TextArea.Label>` and an optional `<TextArea.Hint>`",
-          "declarations": [
-            {
-              "name": "children",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-area/lib/TextArea.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "orientation",
-          "required": false,
-          "type": {
-            "kind": "union",
-            "value": [
-              {
-                "kind": "string",
-                "value": "vertical"
-              },
-              {
-                "kind": "string",
-                "value": "horizontalStart"
-              },
-              {
-                "kind": "string",
-                "value": "horizontalEnd"
-              }
-            ]
-          },
-          "description": "The direction the child elements should stack. In v13, `horizontal` will be removed. Please use `horizontalStart` or `horizontalEnd` for horizontal alignment.",
-          "declarations": [
-            {
-              "name": "orientation",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/form-field/lib/FormField.tsx"
-            }
-          ],
-          "tags": {
-            "default": "vertical"
-          },
-          "defaultValue": {
-            "kind": "symbol",
-            "name": "vertical",
-            "value": "vertical"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "cs",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CSToPropsInput",
-            "value": "CSToPropsInput"
-          },
-          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles } instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
-          "declarations": [
-            {
-              "name": "cs",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "grow",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "True if the component should grow to its container's width. False otherwise.",
-          "declarations": [
-            {
-              "name": "grow",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/types.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "as",
-          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.ElementType",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
-          },
-          "defaultValue": {
-            "kind": "external",
-            "name": "div",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "ref",
-          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.Ref",
-            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "R",
-                "required": true,
-                "defaultValue": {
-                  "kind": "external",
-                  "name": "div",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
-                }
-              }
-            ]
-          }
-        },
-        {
-          "kind": "property",
-          "name": "model",
-          "description": "Optional model to pass to the component. This will override the default model created for the component. This can be useful if you want to access to the state and events of the model, or if you have nested components of the same type and you need to override the model provided by React Context.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "symbol",
-            "name": "TextInputModel"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "elemPropsHook",
-          "description": "Optional hook that receives the model and all props to be applied to the element. If you use this, it is your responsibility to return props, merging as appropriate. For example, returning an empty object will disable all elemProps hooks associated with this component. This allows finer control over a component without creating a new one.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "function",
-            "parameters": [
-              {
-                "kind": "parameter",
-                "description": "",
-                "tags": {},
-                "declarations": [],
-                "name": "model",
-                "type": {
-                  "kind": "symbol",
-                  "name": "TextInputModel"
-                },
-                "required": true
-              },
-              {
-                "kind": "parameter",
-                "description": "",
-                "tags": {},
-                "declarations": [],
-                "name": "elemProps",
-                "type": {
-                  "kind": "generic",
-                  "name": "TProps"
-                }
-              }
-            ],
-            "returnType": {
-              "kind": "external",
-              "name": "HTML Attributes",
-              "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
-            }
-          }
-        }
-      ],
-      "baseElement": {
-        "kind": "external",
-        "name": "div",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
-      },
-      "model": "TextInputModel",
-      "styleComponent": {
-        "kind": "symbol",
-        "name": "Flex"
-      },
-      "subComponents": [
-        {
-          "name": "Field",
-          "symbol": "TextAreaField",
-          "description": "",
-          "declarations": [
-            {
-              "name": "Field",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-area/lib/TextArea.tsx"
-            },
-            {
-              "name": "TextAreaField",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-area/lib/TextAreaField.tsx"
-            }
-          ],
-          "tags": {}
-        }
-      ]
-    }
-  },
-  {
-    "name": "TextAreaField",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-area/lib/TextAreaField.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "TextAreaField",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-area/lib/TextAreaField.tsx"
-      }
-    ],
-    "tags": {
-      "deprecated": "⚠️ `TextAreaField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField`](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) in Preview instead."
-    },
-    "type": {
-      "kind": "enhancedComponent",
-      "componentType": "subcomponent",
-      "displayName": "TextArea.Field",
-      "props": [
-        {
-          "kind": "property",
-          "name": "cs",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CSToPropsInput",
-            "value": "CSToPropsInput"
-          },
-          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles } instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
-          "declarations": [
-            {
-              "name": "cs",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "children",
-          "description": "",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.ReactNode",
-            "url": "https://reactjs.org/docs/rendering-elements.html"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "as",
-          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.ElementType",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
-          },
-          "defaultValue": {
-            "kind": "external",
-            "name": "textarea",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "ref",
-          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.Ref",
-            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "R",
-                "required": true,
-                "defaultValue": {
-                  "kind": "external",
-                  "name": "textarea",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea"
-                }
-              }
-            ]
-          }
-        },
-        {
-          "kind": "property",
-          "name": "model",
-          "description": "Optional model to pass to the component. This will override the default model created for the component. This can be useful if you want to access to the state and events of the model, or if you have nested components of the same type and you need to override the model provided by React Context.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "symbol",
-            "name": "TextInputModel"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "elemPropsHook",
-          "description": "Optional hook that receives the model and all props to be applied to the element. If you use this, it is your responsibility to return props, merging as appropriate. For example, returning an empty object will disable all elemProps hooks associated with this component. This allows finer control over a component without creating a new one.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "function",
-            "parameters": [
-              {
-                "kind": "parameter",
-                "description": "",
-                "tags": {},
-                "declarations": [],
-                "name": "model",
-                "type": {
-                  "kind": "symbol",
-                  "name": "TextInputModel"
-                },
-                "required": true
-              },
-              {
-                "kind": "parameter",
-                "description": "",
-                "tags": {},
-                "declarations": [],
-                "name": "elemProps",
-                "type": {
-                  "kind": "generic",
-                  "name": "TProps"
-                }
-              }
-            ],
-            "returnType": {
-              "kind": "external",
-              "name": "HTML Attributes",
-              "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
-            }
-          }
-        }
-      ],
-      "baseElement": {
-        "kind": "external",
-        "name": "textarea",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea"
-      },
-      "styleComponent": {
-        "kind": "symbol",
-        "name": "Box"
-      },
-      "model": "TextInputModel"
-    }
-  },
-  {
-    "name": "useTextInputField",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-input/lib/hooks/useTextInputField.tsx",
-    "description": "Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.",
-    "declarations": [
-      {
-        "name": "useTextInputField",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-input/lib/hooks/useTextInputField.tsx"
-      }
-    ],
-    "tags": {
-      "deprecated": "⚠️ `useTextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead."
-    },
-    "type": {
-      "kind": "function",
-      "name": {
-        "kind": "symbol",
-        "name": "createElemPropsHook"
-      },
-      "parameters": [
-        {
-          "kind": "parameter",
-          "name": "model",
-          "description": "",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "symbol",
-            "name": "TextInputModel"
-          },
-          "required": true
-        },
-        {
-          "kind": "parameter",
-          "name": "elemProps",
-          "description": "",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "object",
-            "properties": []
-          },
-          "required": false
-        },
-        {
-          "kind": "parameter",
-          "name": "ref",
-          "description": "",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.Ref",
-            "url": "https://reactjs.org/docs/refs-and-the-dom.html"
-          },
-          "required": false
-        }
-      ],
-      "returnType": {
-        "kind": "object",
-        "properties": [
-          {
-            "kind": "property",
-            "name": "type",
-            "required": true,
-            "type": {
-              "kind": "string",
-              "value": "text"
-            },
-            "description": "",
-            "tags": {},
-            "declarations": []
-          }
-        ]
-      }
-    }
-  },
-  {
-    "name": "useTextInputModel",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-input/lib/hooks/useTextInputModel.ts",
-    "description": "",
-    "declarations": [
-      {
-        "name": "useTextInputModel",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-input/lib/hooks/useTextInputModel.ts"
-      }
-    ],
-    "tags": {
-      "deprecated": "⚠️ `useTextInputModel` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead."
-    },
-    "type": {
-      "kind": "symbol",
-      "name": "useFormFieldModel"
-    }
-  },
-  {
-    "name": "TextInputProps",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-input/lib/TextInput.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "TextInputProps",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-input/lib/TextInput.tsx"
-      }
-    ],
-    "tags": {
-      "deprecated": "⚠️ `TextInputProps` in Preview has been deprecated and will be removed in a future major version. Please use [`TextInput` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-text-input--docs) instead."
-    },
-    "type": {
-      "kind": "alias",
-      "name": "TextInput"
-    }
-  },
-  {
-    "name": "TextInput",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-input/lib/TextInput.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "TextInput",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-input/lib/TextInput.tsx"
-      }
-    ],
-    "tags": {
-      "stencil": "formFieldStencil",
-      "deprecated": "⚠️ `TextInput` in Preview has been deprecated and will be removed in a future major version. Please use [`TextInput` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textinput--docs) instead."
-    },
-    "type": {
-      "kind": "enhancedComponent",
-      "componentType": "container",
-      "displayName": "TextInput",
-      "props": [
-        {
-          "kind": "property",
-          "name": "orientation",
-          "required": false,
-          "type": {
-            "kind": "union",
-            "value": [
-              {
-                "kind": "string",
-                "value": "vertical"
-              },
-              {
-                "kind": "string",
-                "value": "horizontalStart"
-              },
-              {
-                "kind": "string",
-                "value": "horizontalEnd"
-              }
-            ]
-          },
-          "description": "The direction the child elements should stack. In v13, `horizontal` will be removed. Please use `horizontalStart` or `horizontalEnd` for horizontal alignment.",
-          "declarations": [
-            {
-              "name": "orientation",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/form-field/lib/FormField.tsx"
-            }
-          ],
-          "tags": {
-            "default": "vertical"
-          },
-          "defaultValue": {
-            "kind": "symbol",
-            "name": "vertical",
-            "value": "vertical"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "children",
-          "required": true,
-          "type": {
-            "kind": "external",
-            "name": "ReactNode",
-            "url": "https://reactjs.org/docs/rendering-elements.html"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "children",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/form-field/lib/FormField.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "cs",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CSToPropsInput",
-            "value": "CSToPropsInput"
-          },
-          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles } instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
-          "declarations": [
-            {
-              "name": "cs",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "grow",
+          "name": "children",
           "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "True if the component should grow to its container's width. False otherwise.",
-          "declarations": [
-            {
-              "name": "grow",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/types.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "as",
-          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
-          "tags": {},
-          "declarations": [],
           "type": {
             "kind": "external",
-            "name": "React.ElementType",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
+            "name": "ReactNode",
+            "url": "https://reactjs.org/docs/rendering-elements.html"
           },
-          "defaultValue": {
-            "kind": "external",
-            "name": "div",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "ref",
-          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.Ref",
-            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "R",
-                "required": true,
-                "defaultValue": {
-                  "kind": "external",
-                  "name": "div",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
-                }
-              }
-            ]
-          }
-        },
-        {
-          "kind": "property",
-          "name": "model",
-          "description": "Optional model to pass to the component. This will override the default model created for the component. This can be useful if you want to access to the state and events of the model, or if you have nested components of the same type and you need to override the model provided by React Context.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "symbol",
-            "name": "FormFieldModel"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "elemPropsHook",
-          "description": "Optional hook that receives the model and all props to be applied to the element. If you use this, it is your responsibility to return props, merging as appropriate. For example, returning an empty object will disable all elemProps hooks associated with this component. This allows finer control over a component without creating a new one.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "function",
-            "parameters": [
-              {
-                "kind": "parameter",
-                "description": "",
-                "tags": {},
-                "declarations": [],
-                "name": "model",
-                "type": {
-                  "kind": "symbol",
-                  "name": "FormFieldModel"
-                },
-                "required": true
-              },
-              {
-                "kind": "parameter",
-                "description": "",
-                "tags": {},
-                "declarations": [],
-                "name": "elemProps",
-                "type": {
-                  "kind": "generic",
-                  "name": "TProps"
-                }
-              }
-            ],
-            "returnType": {
-              "kind": "external",
-              "name": "HTML Attributes",
-              "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
-            }
-          }
-        }
-      ],
-      "baseElement": {
-        "kind": "external",
-        "name": "div",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
-      },
-      "model": "FormFieldModel",
-      "styleComponent": {
-        "kind": "symbol",
-        "name": "Flex"
-      },
-      "subComponents": [
-        {
-          "name": "Field",
-          "symbol": "TextInputField",
           "description": "",
           "declarations": [
             {
-              "name": "Field",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-input/lib/TextInput.tsx"
-            },
-            {
-              "name": "TextInputField",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-input/lib/TextInputField.tsx"
-            }
-          ],
-          "tags": {}
-        }
-      ]
-    }
-  },
-  {
-    "name": "TextInputField",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-input/lib/TextInputField.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "TextInputField",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-input/lib/TextInputField.tsx"
-      }
-    ],
-    "tags": {
-      "deprecated": "⚠️ `TextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) instead."
-    },
-    "type": {
-      "kind": "enhancedComponent",
-      "componentType": "subcomponent",
-      "elemPropsHook": "useTextInputField",
-      "displayName": "TextInput.Field",
-      "props": [
-        {
-          "kind": "property",
-          "name": "cs",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CSToPropsInput",
-            "value": "CSToPropsInput"
-          },
-          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles } instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
-          "declarations": [
-            {
-              "name": "cs",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+              "name": "children",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
             }
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "children",
-          "description": "",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.ReactNode",
-            "url": "https://reactjs.org/docs/rendering-elements.html"
-          }
-        },
         {
           "kind": "property",
           "name": "as",
@@ -69830,8 +68996,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           },
           "defaultValue": {
             "kind": "external",
-            "name": "input",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
+            "name": "span",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span"
           }
         },
         {
@@ -69851,75 +69017,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "required": true,
                 "defaultValue": {
                   "kind": "external",
-                  "name": "input",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
+                  "name": "span",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span"
                 }
               }
             ]
           }
-        },
-        {
-          "kind": "property",
-          "name": "model",
-          "description": "Optional model to pass to the component. This will override the default model created for the component. This can be useful if you want to access to the state and events of the model, or if you have nested components of the same type and you need to override the model provided by React Context.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "symbol",
-            "name": "TextInputModel"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "elemPropsHook",
-          "description": "Optional hook that receives the model and all props to be applied to the element. If you use this, it is your responsibility to return props, merging as appropriate. For example, returning an empty object will disable all elemProps hooks associated with this component. This allows finer control over a component without creating a new one.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "function",
-            "parameters": [
-              {
-                "kind": "parameter",
-                "description": "",
-                "tags": {},
-                "declarations": [],
-                "name": "model",
-                "type": {
-                  "kind": "symbol",
-                  "name": "TextInputModel"
-                },
-                "required": true
-              },
-              {
-                "kind": "parameter",
-                "description": "",
-                "tags": {},
-                "declarations": [],
-                "name": "elemProps",
-                "type": {
-                  "kind": "generic",
-                  "name": "TProps"
-                }
-              }
-            ],
-            "returnType": {
-              "kind": "external",
-              "name": "HTML Attributes",
-              "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
-            }
-          }
         }
       ],
       "baseElement": {
         "kind": "external",
-        "name": "input",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
+        "name": "span",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span"
       },
       "styleComponent": {
         "kind": "symbol",
         "name": "Box"
-      },
-      "model": "TextInputModel"
+      }
     }
   },
   {
@@ -196583,7 +195697,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "useThemedRing",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/useThemedRing.ts",
-    "description": "This is a way to automatically add themed colors to your input and is helpful when showing alerts, success or errors to users.\nIt supports `error`, `alert`, and `success` states. It will try and use the corresponding\n`main` colors from your `CanvasThemePalette` unless they do not meet accessibility contrast, in\nwhich case the outer ring will use the `darkest` color. This hook will also show a `focusOutline`\nring when the input is focused. Note: You should not rely on these colors alone to differentiate\nalerts, but use them in combination with icons or hint text.\n```tsx\n// Add here jsx pragma to use css\nimport {jsx} from '@emotion/react';\nimport React from 'react';\nimport {TextInput} from '@workday/canvas-kit-preview-react/text-input';\nimport {useThemedRing} from '@workday/canvas-kit-react/common';\n\nexport const MyInput = ({handleChange}) => {\n const [value, setValue] = React.useState('invalid@email');\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n   setValue(event.target.value);\n };\n\n const alertStyles = useThemedRing('alert');\n\n return (\n   <TextInput>\n    <TextInput.Label>Email</TextInput.Label>\n     <TextInput.Field css={alertStyles} onChange={handleChange} value={value} />\n     <TextInput.Hint>Please enter a valid email.</TextInput.Hint>\n   </TextInput>\n );\n};\n```",
+    "description": "This is a way to automatically add themed colors to your input and is helpful when showing alerts, success or errors to users.\nIt supports `error`, `alert`, and `success` states. It will try and use the corresponding\n`main` colors from your `CanvasThemePalette` unless they do not meet accessibility contrast, in\nwhich case the outer ring will use the `darkest` color. This hook will also show a `focusOutline`\nring when the input is focused. Note: You should not rely on these colors alone to differentiate\nalerts, but use them in combination with icons or hint text.\n```tsx\n// Add here jsx pragma to use css\nimport {jsx} from '@emotion/react';\nimport React from 'react';\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextInput} from '@workday/canvas-kit-react/text-input';\nimport {useThemedRing} from '@workday/canvas-kit-react/common';\n\nexport const MyInput = ({handleChange}) => {\n const [value, setValue] = React.useState('invalid@email');\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n   setValue(event.target.value);\n };\n\n const alertStyles = useThemedRing('alert');\n\n return (\n   <FormField>\n     <FormField.Label>Email</FormField.Label>\n     <FormField.Field css={alertStyles}>\n       <FormField.Input as={TextInput} onChange={handleChange} value={value} />\n       <FormField.Hint>Add a valid email</FormField.Hint>\n     </FormField.Field>\n   </FormField>\n );\n};\n```",
     "declarations": [
       {
         "name": "useThemedRing",
@@ -344251,7 +343365,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in Preview instead."
+      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--docs) in Preview instead."
     },
     "type": {
       "kind": "object",
@@ -344320,7 +343434,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in Preview instead."
+      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--docs) in Preview instead."
     },
     "type": {
       "kind": "object",
@@ -344357,7 +343471,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in Preview instead."
+      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--docs) in Preview instead."
     },
     "type": {
       "kind": "object",
@@ -344453,7 +343567,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in Preview instead."
+      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--docs) in Preview instead."
     },
     "type": {
       "kind": "symbol",
@@ -344472,7 +343586,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in Preview instead."
+      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--docs) in Preview instead."
     },
     "type": {
       "kind": "alias",
@@ -344490,7 +343604,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--basic) in Preview instead."
+      "deprecated": "⚠️ Status Indicator has been deprecated and will be removed in a future major version. Please use [`Status Indicator`](https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--docs) in Preview instead."
     },
     "type": {
       "kind": "component",
@@ -388099,7 +387213,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `LabelText` has been deprecated and will be removed in a future major version. Please use [FormField.Label](https://workday.github.io/canvas-kit/?path=/docs/preview-inputs-form-field--basic) from Preview instead."
+      "deprecated": "⚠️ `LabelText` has been deprecated and will be removed in a future major version. Please use [FormField.Label](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) from Main instead."
     },
     "type": {
       "kind": "enhancedComponent",
@@ -405899,7 +405013,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/colors.types.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `BrandingColor` has been deprecated in a future major version. Please use our css var based [`brand colors`](https://workday.github.io/canvas-tokens/?path=/docs/docs-brand-tokens--docs) tokens."
+    },
     "type": {
       "kind": "object",
       "typeParameters": [],
@@ -406110,7 +405226,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/colors.types.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `CanvasColor` has been deprecated in a future major version. Please use our css var based [`color tokens`](https://workday.github.io/canvas-tokens/?path=/docs/docs-base-tokens--docs) tokens."
+    },
     "type": {
       "kind": "type",
       "typeParameters": [],
@@ -406779,7 +405897,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/depth.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `CanvasDepth` has been deprecated in a future major version. Please use our css var based [`depth tokens`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-depth--docs) tokens."
+    },
     "type": {
       "kind": "object",
       "properties": [
@@ -407055,7 +406175,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/depth.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `CanvasDepthValues` has been deprecated in a future major version. Please use our css var based [`depth tokens`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-depth--docs) tokens."
+    },
     "type": {
       "kind": "type",
       "typeParameters": [],
@@ -407231,7 +406353,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "example": "```tsx\nimport { depth } from '@workday/canvas-kit-react/tokens';\n\nconst CustomCard = () => {\n  return (\n    <div css={depth[2]}>\n      A standard-depth card\n    </div>\n  );\n}\n```"
+      "example": "```tsx\nimport { depth } from '@workday/canvas-kit-react/tokens';\n\nconst CustomCard = () => {\n  return (\n    <div css={depth[2]}>\n      A standard-depth card\n    </div>\n  );\n}\n```",
+      "deprecated": "⚠️ `depth` has been deprecated in a future major version. Please use our css var based [`depth tokens`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-depth--docs) tokens."
     },
     "type": {
       "kind": "symbol",
@@ -407249,7 +406372,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/radius.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `CanvasBorderRadius` has been deprecated in a future major version. Please use our css var based [`borderRadius tokens`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-shape--docs) tokens."
+    },
     "type": {
       "kind": "object",
       "properties": [
@@ -407351,7 +406476,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/radius.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `CanvasBorderRadiusKeys` has been deprecated in a future major version. Please use our css var based [`borderRadius tokens`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-shape--docs) tokens."
+    },
     "type": {
       "kind": "type",
       "typeParameters": [],
@@ -407376,7 +406503,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/radius.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `CanvasBorderRadiusValues` has been deprecated in a future major version. Please use our css var based [`borderRadius tokens`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-shape--docs) tokens."
+    },
     "type": {
       "kind": "type",
       "typeParameters": [],
@@ -407417,7 +406546,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/radius.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `borderRadius` has been deprecated in a future major version. Please use our css var based [`borderRadius tokens`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-shape--docs) tokens."
+    },
     "type": {
       "kind": "symbol",
       "name": "CanvasBorderRadius",
@@ -407725,7 +406856,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `spaceNumbers` has been deprecated in a future major version. Please use our `rem` based [`space`](https://workday.github.io/canvas-kit/?path=/docs/tokens--space) tokens. In the case where you need to calculate a value, use [CSS calc()](https://developer.mozilla.org/en-US/docs/Web/CSS/calc)."
+      "deprecated": "⚠️ `spaceNumbers` has been deprecated in a future major version. Please use our css var based [`space`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-space--docs) tokens. In the case where you need to calculate a value, use [calc() function](https://workday.github.io/canvas-kit/?path=/docs/styling-utilities--docs#calc-functions)."
     },
     "type": {
       "kind": "object",
@@ -407914,7 +407045,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `CanvasSpaceNumberValues` has been deprecated in a future major version. Please use our `rem` based [`space`](https://workday.github.io/canvas-kit/?path=/docs/tokens--space) tokens. In the case where you need to calculate a value, use [CSS calc()](https://developer.mozilla.org/en-US/docs/Web/CSS/calc)."
+      "deprecated": "⚠️ `CanvasSpaceNumberValues` has been deprecated in a future major version. Please use our css var based [`space`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-space--docs) tokens. In the case where you need to calculate a value, use [calc() function](https://workday.github.io/canvas-kit/?path=/docs/styling-utilities--docs#calc-functions)."
     },
     "type": {
       "kind": "type",
@@ -407977,7 +407108,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "deprecated": "⚠️ `spaceNumbers` has been deprecated in a future major version. Please use our `rem` based [`space`](https://workday.github.io/canvas-kit/?path=/docs/tokens--space) tokens. In the case where you need to calculate a value, use [CSS calc()](https://developer.mozilla.org/en-US/docs/Web/CSS/calc)."
+      "deprecated": "⚠️ `spaceNumbers` has been deprecated in a future major version. Please use our css var based [`space`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-space--docs) tokens. In the case where you need to calculate a value, use [calc() function](https://workday.github.io/canvas-kit/?path=/docs/styling-utilities--docs#calc-functions)."
     },
     "type": {
       "kind": "symbol",
@@ -407995,7 +407126,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/fontFamilies.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `fontFamily` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
+    },
     "type": {
       "kind": "union",
       "value": [
@@ -408020,7 +407153,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/fontFamilies.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `monoFontFamily` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
+    },
     "type": {
       "kind": "primitive",
       "value": "string"
@@ -408029,7 +407164,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "fontFamilies",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/fontFamilies.ts",
-    "description": "### Font Family Tokens\n[View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)\n\n---\nThere are two font family tokens:\n\n- `default`: \"Roboto\" - what you'll almost always want to choose\n- `monospace`: \"Roboto Mono\" - what you'll want for monospace type\n\nYou can find more detailed information by inspecting individual families.",
+    "description": "### Font Family Tokens\n---\nThere are two font family tokens:\n\n- `default`: \"Roboto\" - what you'll almost always want to choose\n- `monospace`: \"Roboto Mono\" - what you'll want for monospace type\n\nYou can find more detailed information by inspecting individual families.",
     "declarations": [
       {
         "name": "fontFamilies",
@@ -408037,7 +407172,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "example": "```tsx\nimport { type } from '@workday/canvas-kit-react/tokens';\n\nconst MonospaceText = () => (\n  <p css={{fontFamily: type.properties.fonts.monospace}}>\n    monospace_text\n  </p>\n);\n```"
+      "example": "```tsx\nimport { type } from '@workday/canvas-kit-react/tokens';\n\nconst MonospaceText = () => (\n  <p css={{fontFamily: type.properties.fonts.monospace}}>\n    monospace_text\n  </p>\n);\n```",
+      "deprecated": "⚠️ `fontFamilies` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
     },
     "type": {
       "kind": "symbol",
@@ -408055,7 +407191,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/fontFamilies.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `CanvasFontFamilies` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
+    },
     "type": {
       "kind": "object",
       "properties": [
@@ -408109,7 +407247,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "example": "```tsx\nimport { type } from '@workday/canvas-kit-react/tokens';\n\nconst LargeText = () => (\n  <p css={{fontSize: type.properties.fontSizes[20]}}>\n    Bold Text\n  </p>\n);\n```"
+      "example": "```tsx\nimport { type } from '@workday/canvas-kit-react/tokens';\n\nconst LargeText = () => (\n  <p css={{fontSize: type.properties.fontSizes[20]}}>\n    Bold Text\n  </p>\n);\n```",
+      "deprecated": "⚠️ `fontSizes` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
     },
     "type": {
       "kind": "symbol",
@@ -408127,7 +407266,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/fontSizes.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `CanvasFontSizes` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
+    },
     "type": {
       "kind": "object",
       "properties": [
@@ -408348,7 +407489,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/fontSizes.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `CanvasFontSizeValues` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
+    },
     "type": {
       "kind": "type",
       "typeParameters": [],
@@ -408418,7 +407561,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "example": "```tsx\nimport { type } from '@workday/canvas-kit-react/tokens';\n\nconst BoldText = () => (\n  <p css={{fontWeight: type.properties.fontWeights.bold}>\n    Bold Text\n  </p>\n);\n```"
+      "example": "```tsx\nimport { type } from '@workday/canvas-kit-react/tokens';\n\nconst BoldText = () => (\n  <p css={{fontWeight: type.properties.fontWeights.bold}>\n    Bold Text\n  </p>\n);\n```",
+      "deprecated": "⚠️ `fontWeights` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
     },
     "type": {
       "kind": "symbol",
@@ -408436,7 +407580,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/fontWeights.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `CanvasFontWeights` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
+    },
     "type": {
       "kind": "object",
       "properties": [
@@ -408504,7 +407650,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/fontWeights.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `CanvasFontWeightValues` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
+    },
     "type": {
       "kind": "type",
       "typeParameters": [],
@@ -408530,14 +407678,16 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "type",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/index.ts",
-    "description": "### Canvas Type Tokens\n[View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)\n\n---\nType tokens are separated into three sections:\n\n- `levels` - provide higher-level styles for the Canvas type hierarchy: title, heading, body, and subtext\n- `properties` - provide low-level type properties (font families, sizes, and weights)\n- `variants` - provide modifiers for text styles (error, hint, and inverse)",
+    "description": "### Canvas Type Tokens\n[View Storybook Docs](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs)\n\n---\nType tokens are separated into three sections:\n\n- `levels` - provide higher-level styles for the Canvas type hierarchy: title, heading, body, and subtext\n- `properties` - provide low-level type properties (font families, sizes, and weights)\n- `variants` - provide modifiers for text styles (error, hint, and inverse)",
     "declarations": [
       {
         "name": "type",
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/index.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `type` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
+    },
     "type": {
       "kind": "symbol",
       "name": "CanvasType",
@@ -408554,7 +407704,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/index.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `CanvasType` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
+    },
     "type": {
       "kind": "object",
       "properties": [
@@ -408682,7 +407834,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "levels",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/levels.ts",
-    "description": "### Canvas Type Hierarchy\n[View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)\n\n---\nThe hierarchy is organized into four levels, which correspond to levels defined in Figma.\n\n- `title`: Intended to be used for large page titles.\n- `heading`: Intended to be used for headings and large text.\n- `body`: Intended to be used for standard body text.\n- `subtext`: Intended to be used for small subtext content or in tight spaces.\n\nEach level has three sizes: `large`, `medium`, and `small`.\n\nThe type hierarchy tokens are recommended for most type usage.\nThese objects handle font sizes, weights, line heights, letter spacing, and color for you,\nmaking it really simple to implement consistent type without much effort\n\nYou can find more detailed information by inspecting individual levels and sizes.",
+    "description": "### Canvas Type Hierarchy\n[View Storybook Docs](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs)\n\n---\nThe hierarchy is organized into four levels, which correspond to levels defined in Figma.\n\n- `title`: Intended to be used for large page titles.\n- `heading`: Intended to be used for headings and large text.\n- `body`: Intended to be used for standard body text.\n- `subtext`: Intended to be used for small subtext content or in tight spaces.\n\nEach level has three sizes: `large`, `medium`, and `small`.\n\nThe type hierarchy tokens are recommended for most type usage.\nThese objects handle font sizes, weights, line heights, letter spacing, and color for you,\nmaking it really simple to implement consistent type without much effort\n\nYou can find more detailed information by inspecting individual levels and sizes.",
     "declarations": [
       {
         "name": "levels",
@@ -408690,7 +407842,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "example": "```tsx\nimport { type } from '@workday/canvas-kit-react/tokens';\n\nconst Heading = () => (\n  <h3 css={type.levels.heading.medium}>\n    Heading Text\n  </h3>\n);\n```"
+      "example": "```tsx\nimport { type } from '@workday/canvas-kit-react/tokens';\n\nconst Heading = () => (\n  <h3 css={type.levels.heading.medium}>\n    Heading Text\n  </h3>\n);\n```",
+      "deprecated": "⚠️ `levels` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
     },
     "type": {
       "kind": "symbol",
@@ -408708,7 +407861,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/levels.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `CanvasTypeHierarchy` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
+    },
     "type": {
       "kind": "object",
       "properties": [
@@ -410222,7 +409377,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "variants",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/variants.ts",
-    "description": "### Canvas Type Variants\n[View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)\n\n---\nThere are three type variants:\n\n- `error` Used for making errors more visible\n- `hint` Used for help text and secondary content\n- `inverse` Used for any text on a dark or colored background\n\nType variants provide modifiers for text styles.\nThey are typically used in conjunction with other type styles\nsuch as the type hierarchy and type properties tokens.\nYou can find more detailed information by inspecting individual variants.",
+    "description": "### Canvas Type Variants\n[View Storybook Docs](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs)\n\n---\nThere are three type variants:\n\n- `error` Used for making errors more visible\n- `hint` Used for help text and secondary content\n- `inverse` Used for any text on a dark or colored background\n\nType variants provide modifiers for text styles.\nThey are typically used in conjunction with other type styles\nsuch as the type hierarchy and type properties tokens.\nYou can find more detailed information by inspecting individual variants.",
     "declarations": [
       {
         "name": "variants",
@@ -410230,7 +409385,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "example": "```tsx\nimport { type } from '@workday/canvas-kit-react/tokens';\n\nconst ErrorText = () => (\n  <span css={{ ...type.levels.subtext.small, ...type.variants.error}}>\n    Error Text\n  </span>\n);\n```"
+      "example": "```tsx\nimport { type } from '@workday/canvas-kit-react/tokens';\n\nconst ErrorText = () => (\n  <span css={{ ...type.levels.subtext.small, ...type.variants.error}}>\n    Error Text\n  </span>\n);\n```",
+      "deprecated": "⚠️ `variants` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
     },
     "type": {
       "kind": "symbol",
@@ -410248,7 +409404,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tokens/lib/type/variants.ts"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `CanvasTypeVariants` has been deprecated in a future major version. Please use our css var based [`fontFamily`](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs) tokens."
+    },
     "type": {
       "kind": "object",
       "properties": [