@workday/canvas-kit-docs 11.0.0-alpha.645-next.0 → 11.0.0-alpha.656-next.0

package/dist/es6/lib/docs.js

@@ -6079,13 +6079,21 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "variant",
           "required": false,
           "type": {
-            "kind": "keyof",
-            "name": {
-              "kind": "symbol",
-              "name": "CanvasTypeVariants",
-              "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx",
-              "value": "keyof CanvasTypeVariants"
-            }
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "error"
+              },
+              {
+                "kind": "string",
+                "value": "hint"
+              },
+              {
+                "kind": "string",
+                "value": "inverse"
+              }
+            ]
           },
           "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
           "declarations": [
@@ -6440,41 +6448,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "cursor",
-          "required": false,
-          "type": {
-            "kind": "external",
-            "name": "Property.Cursor",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/cursor"
-          },
-          "description": "sets [CSS cursor property](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor)",
-          "declarations": [
-            {
-              "name": "cursor",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "disabled",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "disabled",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
-            }
-          ],
-          "tags": {}
-        },
         {
           "kind": "property",
           "name": "typeLevel",
@@ -6508,57 +6481,82 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               },
               {
                 "kind": "string",
-                "value": "heading.medium"
+                "value": "subtext.medium"
               },
               {
                 "kind": "string",
-                "value": "heading.large"
+                "value": "subtext.large"
               },
               {
                 "kind": "string",
-                "value": "heading.small"
+                "value": "subtext.small"
               },
               {
                 "kind": "string",
-                "value": "subtext.medium"
+                "value": "heading.medium"
               },
               {
                 "kind": "string",
-                "value": "subtext.large"
+                "value": "heading.large"
               },
               {
                 "kind": "string",
-                "value": "subtext.small"
+                "value": "heading.small"
               }
             ]
           },
-          "description": "Type token as string with level and size separated by dot.\nThese values map to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).\n\n```tsx\n<Text typeLevel=\"body.small\">Small body text</Text>\n```",
+          "description": "",
           "declarations": [
             {
               "name": "typeLevel",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
             }
           ],
           "tags": {}
         },
         {
           "kind": "property",
-          "name": "variant",
+          "name": "disabled",
           "required": false,
           "type": {
-            "kind": "keyof",
-            "name": {
-              "kind": "symbol",
-              "name": "CanvasTypeVariants",
-              "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx",
-              "value": "keyof CanvasTypeVariants"
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "Disabled state as a boolean\n\n```tsx\n<LabelText disabled={true}>Error text</LabelText>\n```",
+          "declarations": [
+            {
+              "name": "disabled",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
             }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "variant",
+          "required": false,
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "error"
+              },
+              {
+                "kind": "string",
+                "value": "hint"
+              },
+              {
+                "kind": "string",
+                "value": "inverse"
+              }
+            ]
           },
-          "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
+          "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<LabelText variant=\"error\">Error text</LabelText>\n```",
           "declarations": [
             {
               "name": "variant",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
             }
           ],
           "tags": {}
@@ -7768,6 +7766,118 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "LoadingSparkles",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/loading-sparkles/lib/LoadingSparkles.tsx",
+    "description": "A simple component that displays three horizontal sparkles, to be used when an AI operation is in progress.",
+    "declarations": [
+      {
+        "name": "LoadingSparkles",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/loading-sparkles/lib/LoadingSparkles.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "LoadingSparkles",
+      "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": "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"
+                }
+              }
+            ]
+          }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "div",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
+      }
+    }
+  },
+  {
+    "name": "sparkleIcon",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/loading-sparkles/lib/sparkleIcon.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "sparkleIcon",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/loading-sparkles/lib/sparkleIcon.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "symbol",
+      "name": "CanvasSystemIcon",
+      "value": "CanvasSystemIcon"
+    }
+  },
   {
     "name": "DeprecatedMenuProps",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/menu/lib/Menu.tsx",
@@ -31421,27 +31531,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               },
               {
                 "kind": "string",
-                "value": "heading.medium"
+                "value": "subtext.medium"
               },
               {
                 "kind": "string",
-                "value": "heading.large"
+                "value": "subtext.large"
               },
               {
                 "kind": "string",
-                "value": "heading.small"
+                "value": "subtext.small"
               },
               {
                 "kind": "string",
-                "value": "subtext.medium"
+                "value": "heading.medium"
               },
               {
                 "kind": "string",
-                "value": "subtext.large"
+                "value": "heading.large"
               },
               {
                 "kind": "string",
-                "value": "subtext.small"
+                "value": "heading.small"
               }
             ]
           },
@@ -31463,13 +31573,21 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "variant",
           "required": false,
           "type": {
-            "kind": "keyof",
-            "name": {
-              "kind": "symbol",
-              "name": "CanvasTypeVariants",
-              "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx",
-              "value": "keyof CanvasTypeVariants"
-            }
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "error"
+              },
+              {
+                "kind": "string",
+                "value": "hint"
+              },
+              {
+                "kind": "string",
+                "value": "inverse"
+              }
+            ]
           },
           "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
           "declarations": [
@@ -44148,27 +44266,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               },
               {
                 "kind": "string",
-                "value": "heading.medium"
+                "value": "subtext.medium"
               },
               {
                 "kind": "string",
-                "value": "heading.large"
+                "value": "subtext.large"
               },
               {
                 "kind": "string",
-                "value": "heading.small"
+                "value": "subtext.small"
               },
               {
                 "kind": "string",
-                "value": "subtext.medium"
+                "value": "heading.medium"
               },
               {
                 "kind": "string",
-                "value": "subtext.large"
+                "value": "heading.large"
               },
               {
                 "kind": "string",
-                "value": "subtext.small"
+                "value": "heading.small"
               }
             ]
           },
@@ -44190,13 +44308,21 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "variant",
           "required": false,
           "type": {
-            "kind": "keyof",
-            "name": {
-              "kind": "symbol",
-              "name": "CanvasTypeVariants",
-              "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx",
-              "value": "keyof CanvasTypeVariants"
-            }
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "error"
+              },
+              {
+                "kind": "string",
+                "value": "hint"
+              },
+              {
+                "kind": "string",
+                "value": "inverse"
+              }
+            ]
           },
           "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
           "declarations": [
@@ -63667,6 +63793,22 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "CardBodyProps",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/card/lib/CardBody.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "CardBodyProps",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/card/lib/CardBody.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "alias",
+      "name": "CardBody"
+    }
+  },
   {
     "name": "CardBody",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/card/lib/CardBody.tsx",
@@ -163231,14 +163373,20 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         {
           "kind": "property",
           "name": "children",
-          "description": "",
-          "tags": {},
-          "declarations": [],
+          "required": false,
           "type": {
             "kind": "external",
-            "name": "React.ReactNode",
+            "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",
@@ -188197,14 +188345,20 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         {
           "kind": "property",
           "name": "children",
-          "description": "",
-          "tags": {},
-          "declarations": [],
+          "required": false,
           "type": {
             "kind": "external",
-            "name": "React.ReactNode",
+            "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",
@@ -223485,45 +223639,12 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
       }
     ],
-    "tags": {},
+    "tags": {
+      "deprecated": "⚠️ `TypeLabelProps` has been deprecated and will be removed in a future major version."
+    },
     "type": {
       "kind": "object",
       "properties": [
-        {
-          "kind": "property",
-          "name": "cursor",
-          "required": false,
-          "type": {
-            "kind": "external",
-            "name": "Property.Cursor",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/cursor"
-          },
-          "description": "sets [CSS cursor property](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor)",
-          "declarations": [
-            {
-              "name": "cursor",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "disabled",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "disabled",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
-            }
-          ],
-          "tags": {}
-        },
         {
           "kind": "property",
           "name": "typeLevel",
@@ -223557,57 +223678,82 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               },
               {
                 "kind": "string",
-                "value": "heading.medium"
+                "value": "subtext.medium"
               },
               {
                 "kind": "string",
-                "value": "heading.large"
+                "value": "subtext.large"
               },
               {
                 "kind": "string",
-                "value": "heading.small"
+                "value": "subtext.small"
               },
               {
                 "kind": "string",
-                "value": "subtext.medium"
+                "value": "heading.medium"
               },
               {
                 "kind": "string",
-                "value": "subtext.large"
+                "value": "heading.large"
               },
               {
                 "kind": "string",
-                "value": "subtext.small"
+                "value": "heading.small"
               }
             ]
           },
-          "description": "Type token as string with level and size separated by dot.\nThese values map to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).\n\n```tsx\n<Text typeLevel=\"body.small\">Small body text</Text>\n```",
+          "description": "",
           "declarations": [
             {
               "name": "typeLevel",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
             }
           ],
           "tags": {}
         },
         {
           "kind": "property",
-          "name": "variant",
+          "name": "disabled",
           "required": false,
           "type": {
-            "kind": "keyof",
-            "name": {
-              "kind": "symbol",
-              "name": "CanvasTypeVariants",
-              "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx",
-              "value": "keyof CanvasTypeVariants"
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "Disabled state as a boolean\n\n```tsx\n<LabelText disabled={true}>Error text</LabelText>\n```",
+          "declarations": [
+            {
+              "name": "disabled",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
             }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "variant",
+          "required": false,
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "error"
+              },
+              {
+                "kind": "string",
+                "value": "hint"
+              },
+              {
+                "kind": "string",
+                "value": "inverse"
+              }
+            ]
           },
-          "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
+          "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<LabelText variant=\"error\">Error text</LabelText>\n```",
           "declarations": [
             {
               "name": "variant",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
             }
           ],
           "tags": {}
@@ -225606,6 +225752,24 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
+        {
+          "kind": "property",
+          "name": "cursor",
+          "required": false,
+          "type": {
+            "kind": "external",
+            "name": "Property.Cursor",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/cursor"
+          },
+          "description": "sets [CSS cursor property](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor)",
+          "declarations": [
+            {
+              "name": "cursor",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/utils/other.ts"
+            }
+          ],
+          "tags": {}
+        },
         {
           "kind": "property",
           "name": "fill",
@@ -228073,54 +228237,21 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "LabelText",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx",
-    "description": "This component is intended to be used for labeling input fields. It's built on top of the\n{@link Text} component, so it has access to all `TextProps`. By default, it renders a semantic\n`label` element.\n\nIt also uses the `subtext.large` typeLevel by default:\n- font-size: 14px (0.875rem)\n- font-weight: regular (400)\n\n```tsx\nimport { LabelText } from '@workday/canvas-kit-react/text';\n\nconst CustomLabelText = () => (\n  <LabelText>Input Label Text</LabelText>\n);\n```",
+    "description": "This component is intended to be used for labeling input fields.\nBy default, it renders a semantic `label` element.\n\nIt also uses the `subtext.large` typeLevel by default:\n- font-size: 14px (0.875rem)\n- font-weight: regular (400)\n\n```tsx\nimport { LabelText } from '@workday/canvas-kit-react/text';\n\nconst CustomLabelText = () => (\n  <LabelText>Input Label Text</LabelText>\n);\n```",
     "declarations": [
       {
         "name": "LabelText",
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
       }
     ],
-    "tags": {},
+    "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."
+    },
     "type": {
       "kind": "enhancedComponent",
       "componentType": "regular",
       "displayName": "Label",
       "props": [
-        {
-          "kind": "property",
-          "name": "cursor",
-          "required": false,
-          "type": {
-            "kind": "external",
-            "name": "Property.Cursor",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/cursor"
-          },
-          "description": "sets [CSS cursor property](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor)",
-          "declarations": [
-            {
-              "name": "cursor",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "disabled",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "disabled",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
-            }
-          ],
-          "tags": {}
-        },
         {
           "kind": "property",
           "name": "typeLevel",
@@ -228154,61 +228285,82 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               },
               {
                 "kind": "string",
-                "value": "heading.medium"
+                "value": "subtext.medium"
               },
               {
                 "kind": "string",
-                "value": "heading.large"
+                "value": "subtext.large"
               },
               {
                 "kind": "string",
-                "value": "heading.small"
+                "value": "subtext.small"
               },
               {
                 "kind": "string",
-                "value": "subtext.medium"
+                "value": "heading.medium"
               },
               {
                 "kind": "string",
-                "value": "subtext.large"
+                "value": "heading.large"
               },
               {
                 "kind": "string",
-                "value": "subtext.small"
+                "value": "heading.small"
               }
             ]
           },
-          "description": "Type token as string with level and size separated by dot.\nThese values map to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).\n\n```tsx\n<Text typeLevel=\"body.small\">Small body text</Text>\n```",
+          "description": "",
           "declarations": [
             {
               "name": "typeLevel",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
             }
           ],
-          "tags": {},
-          "defaultValue": {
-            "kind": "string",
-            "value": "subtext.large"
-          }
+          "tags": {}
         },
         {
           "kind": "property",
-          "name": "variant",
+          "name": "disabled",
           "required": false,
           "type": {
-            "kind": "keyof",
-            "name": {
-              "kind": "symbol",
-              "name": "CanvasTypeVariants",
-              "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx",
-              "value": "keyof CanvasTypeVariants"
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "Disabled state as a boolean\n\n```tsx\n<LabelText disabled={true}>Error text</LabelText>\n```",
+          "declarations": [
+            {
+              "name": "disabled",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
             }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "variant",
+          "required": false,
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "error"
+              },
+              {
+                "kind": "string",
+                "value": "hint"
+              },
+              {
+                "kind": "string",
+                "value": "inverse"
+              }
+            ]
           },
-          "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
+          "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<LabelText variant=\"error\">Error text</LabelText>\n```",
           "declarations": [
             {
               "name": "variant",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/LabelText.tsx"
             }
           ],
           "tags": {}
@@ -228321,7 +228473,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "Text",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx",
-    "description": "This is a generic base component intended to render any text. It's built on top of the\n{@link Box} component. It also has `typeLevel` and `variant` style props that simplify navigating\nour type hierarchy and using [Canvas type\ntokens](https://canvas.workday.com/tokens/type#type-styles). By default, it renders a semantic\n`span` element, but you can adjust this as needed with the `as` prop.\n\nThe type hierarchy is organized into four levels, which correspond to our [Canvas type\nlevels](https://canvas.workday.com/tokens/type#type-styles).\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\nYou can provide any level and size to the `typeLevel` prop, and it will apply the correct styles\naccordingly. In the example below we're providing the `subtext` level and `small` size to the\ncomponent with the value `subtext.small`.\n\n```tsx\nimport { Text } from '@workday/canvas-kit-react/text';\n\nconst CustomErrorText = () => (\n  <Text typeLevel=\"subtext.small\" variant=\"error\">\n    Error Text\n  </Text>\n);\n```",
+    "description": "This is a generic base component intended to render any text.\nIt has `typeLevel` and `variant` style props that simplify navigating\nour type hierarchy and using [Canvas type tokens](https://canvas.workday.com/tokens/type#type-styles).\nBy default, it renders a semantic `span` element,\nbut you can adjust this as needed with the `as` prop.\n\nThe type hierarchy is organized into four levels, which correspond to our [Canvas type\nlevels](https://canvas.workday.com/tokens/type#type-styles).\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\nYou can provide any level and size to the `typeLevel` prop, and it will apply the correct styles\naccordingly. In the example below we're providing the `subtext` level and `small` size to the\ncomponent with the value `subtext.small`.\n\n```tsx\nimport { Text } from '@workday/canvas-kit-react/text';\n\nconst CustomErrorText = () => (\n  <Text typeLevel=\"subtext.small\" variant=\"error\">\n    Error Text\n  </Text>\n);\n```",
     "declarations": [
       {
         "name": "Text",
@@ -228367,27 +228519,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               },
               {
                 "kind": "string",
-                "value": "heading.medium"
+                "value": "subtext.medium"
               },
               {
                 "kind": "string",
-                "value": "heading.large"
+                "value": "subtext.large"
               },
               {
                 "kind": "string",
-                "value": "heading.small"
+                "value": "subtext.small"
               },
               {
                 "kind": "string",
-                "value": "subtext.medium"
+                "value": "heading.medium"
               },
               {
                 "kind": "string",
-                "value": "subtext.large"
+                "value": "heading.large"
               },
               {
                 "kind": "string",
-                "value": "subtext.small"
+                "value": "heading.small"
               }
             ]
           },
@@ -228405,13 +228557,21 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "variant",
           "required": false,
           "type": {
-            "kind": "keyof",
-            "name": {
-              "kind": "symbol",
-              "name": "CanvasTypeVariants",
-              "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx",
-              "value": "keyof CanvasTypeVariants"
-            }
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "error"
+              },
+              {
+                "kind": "string",
+                "value": "hint"
+              },
+              {
+                "kind": "string",
+                "value": "inverse"
+              }
+            ]
           },
           "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
           "declarations": [
@@ -228530,21 +228690,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "size",
           "required": true,
           "type": {
-            "kind": "union",
-            "value": [
-              {
-                "kind": "string",
-                "value": "large"
-              },
-              {
-                "kind": "string",
-                "value": "medium"
-              },
-              {
-                "kind": "string",
-                "value": "small"
-              }
-            ]
+            "kind": "symbol",
+            "name": "Size",
+            "value": "Size"
           },
           "description": "Each type level has three sizes: `large`, `medium`, and `small`.",
           "declarations": [
@@ -228560,13 +228708,21 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "variant",
           "required": false,
           "type": {
-            "kind": "keyof",
-            "name": {
-              "kind": "symbol",
-              "name": "CanvasTypeVariants",
-              "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx",
-              "value": "keyof CanvasTypeVariants"
-            }
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "error"
+              },
+              {
+                "kind": "string",
+                "value": "hint"
+              },
+              {
+                "kind": "string",
+                "value": "inverse"
+              }
+            ]
           },
           "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
           "declarations": [
@@ -233074,21 +233230,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "size",
           "required": true,
           "type": {
-            "kind": "union",
-            "value": [
-              {
-                "kind": "string",
-                "value": "large"
-              },
-              {
-                "kind": "string",
-                "value": "medium"
-              },
-              {
-                "kind": "string",
-                "value": "small"
-              }
-            ]
+            "kind": "symbol",
+            "name": "Size",
+            "value": "Size"
           },
           "description": "Each type level has three sizes: `large`, `medium`, and `small`.",
           "declarations": [
@@ -233104,13 +233248,21 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "variant",
           "required": false,
           "type": {
-            "kind": "keyof",
-            "name": {
-              "kind": "symbol",
-              "name": "CanvasTypeVariants",
-              "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx",
-              "value": "keyof CanvasTypeVariants"
-            }
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "error"
+              },
+              {
+                "kind": "string",
+                "value": "hint"
+              },
+              {
+                "kind": "string",
+                "value": "inverse"
+              }
+            ]
           },
           "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
           "declarations": [
@@ -233231,21 +233383,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "size",
           "required": true,
           "type": {
-            "kind": "union",
-            "value": [
-              {
-                "kind": "string",
-                "value": "large"
-              },
-              {
-                "kind": "string",
-                "value": "medium"
-              },
-              {
-                "kind": "string",
-                "value": "small"
-              }
-            ]
+            "kind": "symbol",
+            "name": "Size",
+            "value": "Size"
           },
           "description": "Each type level has three sizes: `large`, `medium`, and `small`.",
           "declarations": [
@@ -233261,13 +233401,21 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "variant",
           "required": false,
           "type": {
-            "kind": "keyof",
-            "name": {
-              "kind": "symbol",
-              "name": "CanvasTypeVariants",
-              "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx",
-              "value": "keyof CanvasTypeVariants"
-            }
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "error"
+              },
+              {
+                "kind": "string",
+                "value": "hint"
+              },
+              {
+                "kind": "string",
+                "value": "inverse"
+              }
+            ]
           },
           "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
           "declarations": [
@@ -233387,22 +233535,163 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "kind": "property",
           "name": "size",
           "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "Size",
+            "value": "Size"
+          },
+          "description": "Each type level has three sizes: `large`, `medium`, and `small`.",
+          "declarations": [
+            {
+              "name": "size",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/TypeLevelComponents.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "variant",
+          "required": false,
           "type": {
             "kind": "union",
             "value": [
               {
                 "kind": "string",
-                "value": "large"
+                "value": "error"
               },
               {
                 "kind": "string",
-                "value": "medium"
+                "value": "hint"
               },
               {
                 "kind": "string",
-                "value": "small"
+                "value": "inverse"
+              }
+            ]
+          },
+          "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
+          "declarations": [
+            {
+              "name": "variant",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.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": "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": "h2",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h2"
+          }
+        },
+        {
+          "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": "h2",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h2"
+                }
               }
             ]
+          }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "h2",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h2"
+      },
+      "styleComponent": {
+        "kind": "symbol",
+        "name": "Box"
+      }
+    }
+  },
+  {
+    "name": "Title",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/TypeLevelComponents.tsx",
+    "description": "This component is intended to be used large page titles.\nBy default, it renders a semantic `h1` element, but you can adjust this as needed with the `as` prop.\nIt has three sizes: large, medium, and small.\nHere's a quick reference for font-sizes and weights:\n\n- `large`\n  - font-size: 56px (3/5rem)\n  - font-weight: bold (700)\n- `medium`\n  - font-size: 48px (3rem)\n  - font-weight: bold (700)\n- `small`\n  - font-size: 40px (2.5rem)\n  - font-weight: bold (700)\n\n```tsx\nimport { Title } from '@workday/canvas-kit-react/text';\n\nconst CustomTitle = () => (\n  <Title size=\"small\">Title Text</Title>\n);\n```",
+    "declarations": [
+      {
+        "name": "Title",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/TypeLevelComponents.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "Title",
+      "props": [
+        {
+          "kind": "property",
+          "name": "size",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "Size",
+            "value": "Size"
           },
           "description": "Each type level has three sizes: `large`, `medium`, and `small`.",
           "declarations": [
@@ -233418,170 +233707,21 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "variant",
           "required": false,
           "type": {
-            "kind": "keyof",
-            "name": {
-              "kind": "symbol",
-              "name": "CanvasTypeVariants",
-              "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx",
-              "value": "keyof CanvasTypeVariants"
-            }
-          },
-          "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
-          "declarations": [
-            {
-              "name": "variant",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.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": "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": "h2",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h2"
-          }
-        },
-        {
-          "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": "h2",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h2"
-                }
-              }
-            ]
-          }
-        }
-      ],
-      "baseElement": {
-        "kind": "external",
-        "name": "h2",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h2"
-      },
-      "styleComponent": {
-        "kind": "symbol",
-        "name": "Box"
-      }
-    }
-  },
-  {
-    "name": "Title",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/TypeLevelComponents.tsx",
-    "description": "This component is intended to be used large page titles.\nBy default, it renders a semantic `h1` element, but you can adjust this as needed with the `as` prop.\nIt has three sizes: large, medium, and small.\nHere's a quick reference for font-sizes and weights:\n\n- `large`\n  - font-size: 56px (3/5rem)\n  - font-weight: bold (700)\n- `medium`\n  - font-size: 48px (3rem)\n  - font-weight: bold (700)\n- `small`\n  - font-size: 40px (2.5rem)\n  - font-weight: bold (700)\n\n```tsx\nimport { Title } from '@workday/canvas-kit-react/text';\n\nconst CustomTitle = () => (\n  <Title size=\"small\">Title Text</Title>\n);\n```",
-    "declarations": [
-      {
-        "name": "Title",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/TypeLevelComponents.tsx"
-      }
-    ],
-    "tags": {},
-    "type": {
-      "kind": "enhancedComponent",
-      "componentType": "regular",
-      "displayName": "Title",
-      "props": [
-        {
-          "kind": "property",
-          "name": "size",
-          "required": true,
-          "type": {
-            "kind": "union",
-            "value": [
-              {
-                "kind": "string",
-                "value": "large"
-              },
-              {
-                "kind": "string",
-                "value": "medium"
-              },
-              {
-                "kind": "string",
-                "value": "small"
-              }
-            ]
-          },
-          "description": "Each type level has three sizes: `large`, `medium`, and `small`.",
-          "declarations": [
-            {
-              "name": "size",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/TypeLevelComponents.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "variant",
-          "required": false,
-          "type": {
-            "kind": "keyof",
-            "name": {
-              "kind": "symbol",
-              "name": "CanvasTypeVariants",
-              "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx",
-              "value": "keyof CanvasTypeVariants"
-            }
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "error"
+              },
+              {
+                "kind": "string",
+                "value": "hint"
+              },
+              {
+                "kind": "string",
+                "value": "inverse"
+              }
+            ]
           },
           "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
           "declarations": [
@@ -234260,6 +234400,24 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
+        {
+          "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": "model",
@@ -234380,18 +234538,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "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",
@@ -235594,13 +235740,21 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "variant",
           "required": false,
           "type": {
-            "kind": "keyof",
-            "name": {
-              "kind": "symbol",
-              "name": "CanvasTypeVariants",
-              "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx",
-              "value": "keyof CanvasTypeVariants"
-            }
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "error"
+              },
+              {
+                "kind": "string",
+                "value": "hint"
+              },
+              {
+                "kind": "string",
+                "value": "inverse"
+              }
+            ]
           },
           "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
           "declarations": [
@@ -244067,15 +244221,15 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "value": [
           {
             "kind": "string",
-            "value": "1rem"
+            "value": "0.75rem"
           },
           {
             "kind": "string",
-            "value": "1.5rem"
+            "value": "0"
           },
           {
             "kind": "string",
-            "value": "2rem"
+            "value": "0.5rem"
           },
           {
             "kind": "string",
@@ -244083,27 +244237,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           },
           {
             "kind": "string",
-            "value": "5rem"
+            "value": "2rem"
           },
           {
             "kind": "string",
-            "value": "0.25rem"
+            "value": "1.5rem"
           },
           {
             "kind": "string",
-            "value": "0.75rem"
+            "value": "0.25rem"
           },
           {
             "kind": "string",
-            "value": "0"
+            "value": "1rem"
           },
           {
             "kind": "string",
-            "value": "0.5rem"
+            "value": "4rem"
           },
           {
             "kind": "string",
-            "value": "4rem"
+            "value": "5rem"
           }
         ]
       }
@@ -244769,27 +244923,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "value": [
           {
             "kind": "string",
-            "value": "1rem"
+            "value": "0.875rem"
           },
           {
             "kind": "string",
-            "value": "1.5rem"
+            "value": "0.75rem"
           },
           {
             "kind": "string",
-            "value": "2rem"
+            "value": "2.5rem"
           },
           {
             "kind": "string",
-            "value": "0.875rem"
+            "value": "2rem"
           },
           {
             "kind": "string",
-            "value": "2.5rem"
+            "value": "1.5rem"
           },
           {
             "kind": "string",
-            "value": "0.75rem"
+            "value": "1rem"
           },
           {
             "kind": "string",
@@ -248429,14 +248583,548 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "NestedStyleObject",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "NestedStyleObject",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "object",
+      "properties": [],
+      "indexSignature": {
+        "kind": "indexSignature",
+        "name": "key",
+        "type": {
+          "kind": "primitive",
+          "value": "string"
+        },
+        "value": {
+          "kind": "union",
+          "value": [
+            {
+              "kind": "primitive",
+              "value": "string"
+            },
+            {
+              "kind": "symbol",
+              "name": "NestedStyleObject",
+              "value": "NestedStyleObject"
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    "name": "StyleTransformerOptions",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "StyleTransformerOptions",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "object",
+      "properties": [
+        {
+          "kind": "property",
+          "name": "prefix",
+          "required": true,
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "prefix",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "variables",
+          "required": true,
+          "type": {
+            "kind": "external",
+            "name": "Record",
+            "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "variables",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "keyframes",
+          "required": true,
+          "type": {
+            "kind": "external",
+            "name": "Record",
+            "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "keyframes",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "fallbackFiles",
+          "required": false,
+          "type": {
+            "kind": "array",
+            "value": {
+              "kind": "primitive",
+              "value": "string"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "fallbackFiles",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "transformers",
+          "required": false,
+          "type": {
+            "kind": "array",
+            "value": {
+              "kind": "symbol",
+              "name": "NodeTransformer",
+              "value": "NodeTransformer"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "transformers",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ]
+    }
+  },
+  {
+    "name": "_reset",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
+    "description": "The reset is used in tests and should not be called normally.",
+    "declarations": [
+      {
+        "name": "_reset",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [],
+      "members": [],
+      "returnType": {
+        "kind": "primitive",
+        "value": "void"
+      }
+    }
+  },
+  {
+    "name": "default",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "default",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "program",
+          "type": {
+            "kind": "symbol",
+            "name": "ts.Program",
+            "value": "Program"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "program",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "parameter",
+          "name": "__1",
+          "defaultValue": {
+            "kind": "object",
+            "properties": [
+              {
+                "kind": "property",
+                "name": "prefix",
+                "defaultValue": {
+                  "kind": "string",
+                  "value": "css"
+                },
+                "type": {
+                  "kind": "primitive",
+                  "value": "string"
+                },
+                "required": true,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "prefix",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+                  }
+                ],
+                "tags": {}
+              },
+              {
+                "kind": "property",
+                "name": "variables",
+                "defaultValue": {
+                  "kind": "object",
+                  "properties": []
+                },
+                "type": {
+                  "kind": "object",
+                  "properties": []
+                },
+                "required": true,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "variables",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+                  }
+                ],
+                "tags": {}
+              },
+              {
+                "kind": "property",
+                "name": "keyframes",
+                "defaultValue": {
+                  "kind": "object",
+                  "properties": []
+                },
+                "type": {
+                  "kind": "object",
+                  "properties": []
+                },
+                "required": true,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "keyframes",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+                  }
+                ],
+                "tags": {}
+              },
+              {
+                "kind": "property",
+                "name": "transformers",
+                "defaultValue": {
+                  "kind": "unknown",
+                  "value": "unknown",
+                  "text": "defaultTransformers"
+                },
+                "type": {
+                  "kind": "array",
+                  "value": {
+                    "kind": "symbol",
+                    "name": "NodeTransformer",
+                    "value": "any"
+                  }
+                },
+                "required": true,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "transformers",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+                  }
+                ],
+                "tags": {}
+              }
+            ]
+          },
+          "type": {
+            "kind": "symbol",
+            "name": "Partial",
+            "typeParameters": [
+              {
+                "kind": "symbol",
+                "name": "StyleTransformerOptions",
+                "value": "StyleTransformerOptions"
+              }
+            ],
+            "value": "Partial<T>"
+          },
+          "required": false,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "__1",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "symbol",
+        "name": "ts.TransformerFactory",
+        "typeParameters": [
+          {
+            "kind": "symbol",
+            "name": "ts.SourceFile",
+            "value": "SourceFile"
+          }
+        ],
+        "value": "TransformerFactory<T>"
+      }
+    }
+  },
+  {
+    "name": "transform",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
+    "description": "This function is useful for tests or a custom build. The `styleTransformer` function is used by\nthe https://www.npmjs.com/package/ttypescript package.",
+    "declarations": [
+      {
+        "name": "transform",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "program",
+          "type": {
+            "kind": "symbol",
+            "name": "ts.Program",
+            "value": "Program"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "program",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "parameter",
+          "name": "fileName",
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "fileName",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "parameter",
+          "name": "options",
+          "type": {
+            "kind": "symbol",
+            "name": "Partial",
+            "typeParameters": [
+              {
+                "kind": "symbol",
+                "name": "StyleTransformerOptions",
+                "value": "StyleTransformerOptions"
+              }
+            ],
+            "value": "Partial<T>"
+          },
+          "required": false,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "options",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "primitive",
+        "value": "string"
+      }
+    }
+  },
+  {
+    "name": "createStyleObjectNode",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts",
+    "description": "Creates an AST node representation of the passed in `styleObj`, but in the format of `{name:\nstring, styles: serializedStyles}`. The `name` is hard-coded here to work with both server-side\nand client-side style injection. This results in a stable style key for Emotion while also\noptimizing style serialization.\n\nIf `name` is provided, the name will be whatever `name` is, replacing \"{hash}\" with the hash\ncreated via `serializeStyles`. For example: 'animation-{hash}' will be converted into\n'animation-abc123'",
+    "declarations": [
+      {
+        "name": "createStyleObjectNode",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "styleObj",
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "symbol",
+                "name": "NestedStyleObject",
+                "value": "NestedStyleObject"
+              },
+              {
+                "kind": "primitive",
+                "value": "string"
+              }
+            ]
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "styleObj",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "parameter",
+          "name": "name",
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "required": false,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "name",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "symbol",
+        "name": "ObjectLiteralExpression",
+        "value": "ObjectLiteralExpression"
+      }
+    }
+  },
+  {
+    "name": "getStaticCssClassName",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts",
+    "description": "Returns the name created by `createStyleObjectNode`",
+    "declarations": [
+      {
+        "name": "getStaticCssClassName",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "node",
+          "type": {
+            "kind": "symbol",
+            "name": "ts.Node",
+            "value": "Node"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "node",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "primitive",
+        "value": "string"
+      }
+    }
+  },
   {
     "name": "getVariablesFromFiles",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/getCssVariables.ts",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getCssVariables.ts",
     "description": "",
     "declarations": [
       {
         "name": "getVariablesFromFiles",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/getCssVariables.ts"
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getCssVariables.ts"
       }
     ],
     "tags": {},
@@ -248459,7 +249147,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "declarations": [
             {
               "name": "files",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/getCssVariables.ts"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getCssVariables.ts"
             }
           ],
           "tags": {}
@@ -248485,12 +249173,12 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   },
   {
     "name": "extractVariables",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/getCssVariables.ts",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getCssVariables.ts",
     "description": "",
     "declarations": [
       {
         "name": "extractVariables",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/getCssVariables.ts"
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getCssVariables.ts"
       }
     ],
     "tags": {},
@@ -248523,7 +249211,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "declarations": [
             {
               "name": "blocks",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/getCssVariables.ts"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getCssVariables.ts"
             }
           ],
           "tags": {}
@@ -248556,7 +249244,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "declarations": [
             {
               "name": "variables",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/getCssVariables.ts"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getCssVariables.ts"
             }
           ],
           "tags": {}
@@ -248580,14 +249268,55 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "getErrorMessage",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getErrorMessage.ts",
+    "description": "Creates an error message around a node. It will look something like:\n\n```\nUnknown type at: \"fontSize\".\nFile: test.ts, Line: 6, Character: 17.\nconst styles = createStyles({\n  fontSize: fontSize\n            ========\n})\n```",
+    "declarations": [
+      {
+        "name": "getErrorMessage",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getErrorMessage.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "node",
+          "type": {
+            "kind": "symbol",
+            "name": "ts.Node",
+            "value": "Node"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "node",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getErrorMessage.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "primitive",
+        "value": "string"
+      }
+    }
+  },
   {
     "name": "getFallbackVariable",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/getCssVariables.ts",
-    "description": "",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getFallbackVariable.ts",
+    "description": "Looks for a variable value that doesn't include a fallback and automatically adds one if found in\nthe current cache of variables. This allows fallbacks to be automatically included in\nenvironments without the variables defined. This is most useful for Storybook or other sandboxes\nthat may not have CSS Variables defined. The fallbacks will allow the UI to look correct without\nadditional setup. Fallbacks come from the `fallbackFiles` transform configuration.",
     "declarations": [
       {
         "name": "getFallbackVariable",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/getCssVariables.ts"
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getFallbackVariable.ts"
       }
     ],
     "tags": {},
@@ -248607,7 +249336,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "declarations": [
             {
               "name": "variableName",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/getCssVariables.ts"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getFallbackVariable.ts"
             }
           ],
           "tags": {}
@@ -248636,7 +249365,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "declarations": [
             {
               "name": "variables",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/getCssVariables.ts"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getFallbackVariable.ts"
             }
           ],
           "tags": {}
@@ -248658,14 +249387,376 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "getVarName",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getVarName.ts",
+    "description": "This function returns a calculated name of a node by walking up the AST and looking for nodes\nwith a `name` property that has an `Identifier` node type. The result is dash-case. This is\nuseful for automatically generating variable names based on a TS file.\n\nIn the following example, the `baz` node would have a name of `foo-bar-baz`.\n```ts\nconst foo = {\n  bar: {\n    baz: ''\n  }\n}\n```",
+    "declarations": [
+      {
+        "name": "getVarName",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getVarName.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "node",
+          "type": {
+            "kind": "symbol",
+            "name": "ts.Node",
+            "value": "Node"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "node",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getVarName.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "parameter",
+          "name": "parts",
+          "defaultValue": {
+            "kind": "tuple",
+            "value": []
+          },
+          "type": {
+            "kind": "array",
+            "value": {
+              "kind": "primitive",
+              "value": "string"
+            }
+          },
+          "required": false,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "parts",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getVarName.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "primitive",
+        "value": "string"
+      }
+    }
+  },
+  {
+    "name": "handleCalc",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleCalc.ts",
+    "description": "Handle all instances of `calc.*()` statically. It converts `calc.*` call expressions to template\nstring literals. The transformer will then transform the template literal into static values.\n\n```ts\n// in\ncalc.add('80%', '2px')\n\n// out\n`calc(${'80%'} + ${'2px'})`\n```\n\nA template literal is used because the values might be Identifiers, PropertyAccessExpressions,\netc. The transform can handle template string literals with different spans, so we'll convert to\nthose as an intermediate step.",
+    "declarations": [
+      {
+        "name": "handleCalc",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleCalc.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "symbol",
+      "name": "NodeTransformer",
+      "value": "NodeTransformer"
+    }
+  },
+  {
+    "name": "handleCreateStencil",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleCreateStencil.ts",
+    "description": "Handle all arguments of the CallExpression `createStencil()`",
+    "declarations": [
+      {
+        "name": "handleCreateStencil",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleCreateStencil.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "symbol",
+      "name": "NodeTransformer",
+      "value": "NodeTransformer"
+    }
+  },
+  {
+    "name": "handleCreateStyles",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleCreateStyles.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "handleCreateStyles",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleCreateStyles.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "symbol",
+      "name": "NodeTransformer",
+      "value": "NodeTransformer"
+    }
+  },
+  {
+    "name": "handleCreateVars",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleCreateVars.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "handleCreateVars",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleCreateVars.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "symbol",
+      "name": "NodeTransformer",
+      "value": "NodeTransformer"
+    }
+  },
+  {
+    "name": "handleCssVar",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleCssVar.ts",
+    "description": "Converts `cssVar` to a `TemplateExpression` with each argument as a span\n\n- `cssVar('--foo')` => `\\`var(${'--foo'})\\``\n- `cssVar('--foo', 'fallback')` => `\\`var(${'--foo'}, ${'fallback'})\\``\n\nThe value parser will figure out what to do from there. We don't have access to variables at this\npoint, so we forward CallExpression arguments in ways the value parser understands.",
+    "declarations": [
+      {
+        "name": "handleCssVar",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleCssVar.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "symbol",
+      "name": "NodeTransformer",
+      "value": "NodeTransformer"
+    }
+  },
+  {
+    "name": "handleFocusRing",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleFocusRing.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "handleFocusRing",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleFocusRing.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "symbol",
+      "name": "NodeTransformer",
+      "value": "NodeTransformer"
+    }
+  },
+  {
+    "name": "handleKeyframes",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleKeyframes.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "handleKeyframes",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleKeyframes.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "symbol",
+      "name": "NodeTransformer",
+      "value": "NodeTransformer"
+    }
+  },
+  {
+    "name": "handlePx2Rem",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handlePx2Rem.ts",
+    "description": "Handle the CallExpression `px2rem` to do static conversion and remove the CallExpression.",
+    "declarations": [
+      {
+        "name": "handlePx2Rem",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handlePx2Rem.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "symbol",
+      "name": "NodeTransformer",
+      "value": "NodeTransformer"
+    }
+  },
+  {
+    "name": "isImportedFromStyling",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/isImportedFromStyling.ts",
+    "description": "Checks if the node was imported from '@workday/canvas-kit-styling'. This is useful if you want to\nlimit transformation to only styling imports.",
+    "declarations": [
+      {
+        "name": "isImportedFromStyling",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/isImportedFromStyling.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "node",
+          "type": {
+            "kind": "symbol",
+            "name": "ts.Node",
+            "value": "Node"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "node",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/isImportedFromStyling.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "parameter",
+          "name": "checker",
+          "type": {
+            "kind": "symbol",
+            "name": "ts.TypeChecker",
+            "value": "TypeChecker"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "checker",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/isImportedFromStyling.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "primitive",
+        "value": "boolean"
+      }
+    }
+  },
+  {
+    "name": "makeEmotionSafe",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/makeEmotionSafe.ts",
+    "description": "Util function to fix an issue with Emotion by\nappending `EmotionIssue#3066` to end of css variable\nSee issue: [#3066](https://github.com/emotion-js/emotion/issues/3066)",
+    "declarations": [
+      {
+        "name": "makeEmotionSafe",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/makeEmotionSafe.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "key",
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "key",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/makeEmotionSafe.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "primitive",
+        "value": "string"
+      }
+    }
+  },
+  {
+    "name": "parseNodeToStaticValue",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseNodeToStaticValue.ts",
+    "description": "This is the workhorse of statically analyzing style values",
+    "declarations": [
+      {
+        "name": "parseNodeToStaticValue",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseNodeToStaticValue.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "node",
+          "type": {
+            "kind": "symbol",
+            "name": "ts.Node",
+            "value": "Node"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "node",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseNodeToStaticValue.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "parameter",
+          "name": "context",
+          "type": {
+            "kind": "symbol",
+            "name": "TransformerContext",
+            "value": "TransformerContext"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "context",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseNodeToStaticValue.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "primitive",
+        "value": "string"
+      }
+    }
+  },
   {
     "name": "NestedStyleObject",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts",
     "description": "",
     "declarations": [
       {
         "name": "NestedStyleObject",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts"
       }
     ],
     "tags": {},
@@ -248697,19 +249788,159 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     }
   },
   {
-    "name": "StyleTransformerOptions",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
+    "name": "parseObjectToStaticValue",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts",
     "description": "",
     "declarations": [
       {
-        "name": "StyleTransformerOptions",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+        "name": "parseObjectToStaticValue",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "node",
+          "type": {
+            "kind": "symbol",
+            "name": "ts.Node",
+            "value": "Node"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "node",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "parameter",
+          "name": "context",
+          "type": {
+            "kind": "symbol",
+            "name": "TransformerContext",
+            "value": "TransformerContext"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "context",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "symbol",
+        "name": "NestedStyleObject",
+        "value": "NestedStyleObject"
+      }
+    }
+  },
+  {
+    "name": "parseStyleObjFromType",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts",
+    "description": "If we're here, we have a `ts.Type` that represents a style object. We try to parse a style object\nfrom the AST, but we might have something that is more complicated like a function call or an\nidentifier that represents an object. It could be imported from another file.",
+    "declarations": [
+      {
+        "name": "parseStyleObjFromType",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "type",
+          "type": {
+            "kind": "symbol",
+            "name": "ts.Type",
+            "value": "Type"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "type",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "parameter",
+          "name": "context",
+          "type": {
+            "kind": "symbol",
+            "name": "TransformerContext",
+            "value": "TransformerContext"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "context",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "external",
+        "name": "Record",
+        "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type"
+      }
+    }
+  },
+  {
+    "name": "TransformerContext",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "TransformerContext",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
       }
     ],
     "tags": {},
     "type": {
       "kind": "object",
       "properties": [
+        {
+          "kind": "property",
+          "name": "checker",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "ts.TypeChecker",
+            "value": "TypeChecker"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "checker",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        },
         {
           "kind": "property",
           "name": "prefix",
@@ -248722,7 +249953,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "declarations": [
             {
               "name": "prefix",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
             }
           ],
           "tags": {}
@@ -248750,27 +249981,35 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "declarations": [
             {
               "name": "variables",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
             }
           ],
           "tags": {}
         },
         {
           "kind": "property",
-          "name": "fallbackFiles",
-          "required": false,
+          "name": "keyframes",
+          "required": true,
           "type": {
-            "kind": "array",
-            "value": {
-              "kind": "primitive",
-              "value": "string"
-            }
+            "kind": "external",
+            "name": "Record",
+            "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
+            "typeParameters": [
+              {
+                "kind": "primitive",
+                "value": "string"
+              },
+              {
+                "kind": "primitive",
+                "value": "string"
+              }
+            ]
           },
           "description": "",
           "declarations": [
             {
-              "name": "fallbackFiles",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+              "name": "keyframes",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
             }
           ],
           "tags": {}
@@ -248779,209 +250018,76 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     }
   },
   {
-    "name": "default",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
-    "description": "",
+    "name": "NodeTransformer",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts",
+    "description": "Transformer function type. A transformer will be called by the TypeScript AST transformer visitor\nfrom the bottom of the tree to the top (inside-out/leaf first, root last). If a transformer knows\nhow to handle the AST node, a node should be returned. Even if no transformation is desired,\nreturning a node shortcuts processing. The visitor will call all NodeTransformers until a match\nis met.",
     "declarations": [
       {
-        "name": "default",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+        "name": "NodeTransformer",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
       }
     ],
     "tags": {},
     "type": {
-      "kind": "function",
-      "parameters": [
-        {
-          "kind": "parameter",
-          "name": "program",
-          "type": {
-            "kind": "symbol",
-            "name": "ts.Program",
-            "value": "Program"
-          },
-          "required": true,
-          "rest": false,
-          "description": "",
-          "declarations": [
-            {
-              "name": "program",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "parameter",
-          "name": "__1",
-          "defaultValue": {
-            "kind": "object",
-            "properties": [
-              {
-                "kind": "property",
-                "name": "prefix",
-                "defaultValue": {
-                  "kind": "string",
-                  "value": "css"
-                },
-                "type": {
-                  "kind": "primitive",
-                  "value": "string"
-                },
-                "required": true,
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "prefix",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
-                  }
-                ],
-                "tags": {}
-              },
+      "kind": "type",
+      "typeParameters": [],
+      "value": {
+        "kind": "function",
+        "parameters": [
+          {
+            "kind": "parameter",
+            "name": "node",
+            "type": {
+              "kind": "symbol",
+              "name": "ts.Node",
+              "value": "Node"
+            },
+            "required": true,
+            "rest": false,
+            "description": "",
+            "declarations": [
               {
-                "kind": "property",
-                "name": "variables",
-                "defaultValue": {
-                  "kind": "object",
-                  "properties": []
-                },
-                "type": {
-                  "kind": "object",
-                  "properties": []
-                },
-                "required": true,
-                "description": "",
-                "declarations": [
-                  {
-                    "name": "variables",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
-                  }
-                ],
-                "tags": {}
+                "name": "node",
+                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
               }
-            ]
+            ],
+            "tags": {}
           },
-          "type": {
-            "kind": "symbol",
-            "name": "Partial",
-            "typeParameters": [
+          {
+            "kind": "parameter",
+            "name": "context",
+            "type": {
+              "kind": "symbol",
+              "name": "TransformerContext",
+              "value": "TransformerContext"
+            },
+            "required": true,
+            "rest": false,
+            "description": "",
+            "declarations": [
               {
-                "kind": "symbol",
-                "name": "StyleTransformerOptions",
-                "value": "StyleTransformerOptions"
+                "name": "context",
+                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
               }
             ],
-            "value": "Partial<T>"
-          },
-          "required": false,
-          "rest": false,
-          "description": "",
-          "declarations": [
-            {
-              "name": "__1",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
-            }
-          ],
-          "tags": {}
-        }
-      ],
-      "members": [],
-      "returnType": {
-        "kind": "symbol",
-        "name": "ts.TransformerFactory",
-        "typeParameters": [
-          {
-            "kind": "symbol",
-            "name": "ts.SourceFile",
-            "value": "SourceFile"
+            "tags": {}
           }
         ],
-        "value": "TransformerFactory<T>"
-      }
-    }
-  },
-  {
-    "name": "transform",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
-    "description": "",
-    "declarations": [
-      {
-        "name": "transform",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
-      }
-    ],
-    "tags": {},
-    "type": {
-      "kind": "function",
-      "parameters": [
-        {
-          "kind": "parameter",
-          "name": "program",
-          "type": {
-            "kind": "symbol",
-            "name": "ts.Program",
-            "value": "Program"
-          },
-          "required": true,
-          "rest": false,
-          "description": "",
-          "declarations": [
-            {
-              "name": "program",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "parameter",
-          "name": "fileName",
-          "type": {
-            "kind": "primitive",
-            "value": "string"
-          },
-          "required": true,
-          "rest": false,
-          "description": "",
-          "declarations": [
+        "members": [],
+        "returnType": {
+          "kind": "union",
+          "value": [
             {
-              "name": "fileName",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "parameter",
-          "name": "options",
-          "type": {
-            "kind": "symbol",
-            "name": "Partial",
-            "typeParameters": [
-              {
-                "kind": "symbol",
-                "name": "StyleTransformerOptions",
-                "value": "StyleTransformerOptions"
-              }
-            ],
-            "value": "Partial<T>"
-          },
-          "required": false,
-          "rest": false,
-          "description": "",
-          "declarations": [
+              "kind": "symbol",
+              "name": "ts.Node",
+              "value": "Node"
+            },
             {
-              "name": "options",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+              "kind": "primitive",
+              "value": "void"
             }
-          ],
-          "tags": {}
+          ]
         }
-      ],
-      "members": [],
-      "returnType": {
-        "kind": "primitive",
-        "value": "string"
       }
     }
   },
@@ -251307,9 +252413,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "value": "SerializedStyles"
               },
               {
-                "kind": "external",
-                "name": "CSSObject",
-                "url": "https://emotion.sh/docs/object-styles"
+                "kind": "symbol",
+                "name": "CSSObjectWithVars",
+                "value": "CSSObjectWithVars<CSSObject>"
               }
             ]
           },
@@ -251889,6 +252995,113 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "keyframes",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "keyframes",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "typeParameters": [
+        {
+          "kind": "typeParameter",
+          "name": "ID",
+          "constraint": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "required": true
+        }
+      ],
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "args",
+          "type": {
+            "kind": "array",
+            "value": {
+              "kind": "parenthesis",
+              "value": {
+                "kind": "union",
+                "value": [
+                  {
+                    "kind": "object",
+                    "properties": [
+                      {
+                        "kind": "property",
+                        "name": "name",
+                        "required": true,
+                        "type": {
+                          "kind": "generic",
+                          "name": "ID"
+                        },
+                        "description": "",
+                        "declarations": [
+                          {
+                            "name": "name",
+                            "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+                          }
+                        ],
+                        "tags": {}
+                      },
+                      {
+                        "kind": "property",
+                        "name": "styles",
+                        "required": true,
+                        "type": {
+                          "kind": "primitive",
+                          "value": "string"
+                        },
+                        "description": "",
+                        "declarations": [
+                          {
+                            "name": "styles",
+                            "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+                          }
+                        ],
+                        "tags": {}
+                      }
+                    ]
+                  },
+                  {
+                    "kind": "symbol",
+                    "name": "StyleProps",
+                    "value": "StyleProps"
+                  },
+                  {
+                    "kind": "symbol",
+                    "name": "TemplateStringsArray",
+                    "value": "TemplateStringsArray"
+                  }
+                ]
+              }
+            }
+          },
+          "required": true,
+          "rest": true,
+          "description": "",
+          "declarations": [
+            {
+              "name": "args",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "generic",
+        "name": "ID"
+      }
+    }
+  },
   {
     "name": "px2rem",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/px2rem.ts",