@workday/canvas-kit-docs 11.0.0-alpha.669-next.0 → 11.0.0-alpha.682-next.0

package/dist/es6/lib/docs.js

@@ -11478,8 +11478,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
           },
           "defaultValue": {
-            "kind": "symbol",
-            "name": "Flex"
+            "kind": "external",
+            "name": "div",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
           }
         },
         {
@@ -11498,8 +11499,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "name": "R",
                 "required": true,
                 "defaultValue": {
-                  "kind": "symbol",
-                  "name": "Flex"
+                  "kind": "external",
+                  "name": "div",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
                 }
               }
             ]
@@ -11558,8 +11560,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         }
       ],
       "baseElement": {
-        "kind": "symbol",
-        "name": "Flex"
+        "kind": "external",
+        "name": "div",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
       },
       "model": "RadioModel",
       "styleComponent": {
@@ -12354,24 +12357,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "theme",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "EmotionCanvasTheme",
-            "value": "EmotionCanvasTheme"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "theme",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
-            }
-          ],
-          "tags": {}
-        },
         {
           "kind": "property",
           "name": "children",
@@ -64019,19 +64004,121 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     }
   },
   {
-    "name": "CheckboxProps",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/Checkbox.tsx",
+    "name": "backgroundVars",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckBackground.tsx",
     "description": "",
     "declarations": [
       {
-        "name": "CheckboxProps",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/Checkbox.tsx"
+        "name": "backgroundVars",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckBackground.tsx"
       }
     ],
     "tags": {},
     "type": {
-      "kind": "alias",
-      "name": "Checkbox"
+      "kind": "symbol",
+      "name": "CsVars",
+      "value": "CsVars<\"inner\" | \"outer\", never>"
+    }
+  },
+  {
+    "name": "CheckBackground",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckBackground.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "CheckBackground",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckBackground.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "CheckBackground",
+      "props": [
+        {
+          "kind": "property",
+          "name": "children",
+          "required": true,
+          "type": {
+            "kind": "external",
+            "name": "ReactNode",
+            "url": "https://reactjs.org/docs/rendering-elements.html"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "children",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckBackground.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "error",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "ErrorType",
+            "value": "ErrorType"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "error",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckBackground.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": "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"
+      }
     }
   },
   {
@@ -64062,7 +64149,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "declarations": [
             {
               "name": "checked",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/Checkbox.tsx"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
             }
           ],
           "tags": {
@@ -64085,7 +64172,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "declarations": [
             {
               "name": "disabled",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/Checkbox.tsx"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
             }
           ],
           "tags": {
@@ -64096,6 +64183,24 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "error",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "ErrorType",
+            "value": "ErrorType"
+          },
+          "description": "The type of error associated with the Checkbox (if applicable).",
+          "declarations": [
+            {
+              "name": "error",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {}
+        },
         {
           "kind": "property",
           "name": "id",
@@ -64108,7 +64213,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "declarations": [
             {
               "name": "id",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/Checkbox.tsx"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
             }
           ],
           "tags": {
@@ -64120,6 +64225,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "useUniqueId"
           }
         },
+        {
+          "kind": "property",
+          "name": "indeterminate",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If true, set the Checkbox to an indeterminate state. Use this on a Checkbox with nested child Checkboxes to denote that some (but not all) child Checkboxes are checked.",
+          "declarations": [
+            {
+              "name": "indeterminate",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "label",
@@ -64132,7 +64260,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "declarations": [
             {
               "name": "label",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/Checkbox.tsx"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
             }
           ],
           "tags": {
@@ -64171,7 +64299,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "declarations": [
                   {
                     "name": "e",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/Checkbox.tsx"
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
                   }
                 ],
                 "tags": {}
@@ -64187,7 +64315,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "declarations": [
             {
               "name": "onChange",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/Checkbox.tsx"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
             }
           ],
           "tags": {}
@@ -64204,92 +64332,211 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "declarations": [
             {
               "name": "value",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/Checkbox.tsx"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
             }
           ],
           "tags": {}
         },
         {
           "kind": "property",
-          "name": "error",
+          "name": "variant",
           "required": false,
           "type": {
-            "kind": "symbol",
-            "name": "ErrorType",
-            "value": "ErrorType"
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "inverse"
+              },
+              {
+                "kind": "primitive",
+                "value": "undefined"
+              }
+            ]
           },
-          "description": "The type of error associated with the Checkbox (if applicable).",
+          "description": "The variant for the checkbox",
           "declarations": [
             {
-              "name": "error",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/Checkbox.tsx"
+              "name": "variant",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
             }
           ],
           "tags": {}
         },
         {
           "kind": "property",
-          "name": "indeterminate",
+          "name": "cs",
           "required": false,
           "type": {
-            "kind": "primitive",
-            "value": "boolean"
+            "kind": "symbol",
+            "name": "CSToPropsInput",
+            "value": "CSToPropsInput"
           },
-          "description": "If true, set the Checkbox to an indeterminate state. Use this on a Checkbox with nested child Checkboxes to denote that some (but not all) child Checkboxes are checked.",
+          "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": "indeterminate",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/Checkbox.tsx"
+              "name": "cs",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
             }
           ],
-          "tags": {
-            "default": "false"
+          "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": "boolean",
-            "value": false
+            "kind": "external",
+            "name": "input",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
           }
         },
         {
           "kind": "property",
-          "name": "variant",
-          "required": false,
+          "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": "union",
-            "value": [
-              {
-                "kind": "string",
-                "value": "inverse"
-              },
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
+            "typeParameters": [
               {
-                "kind": "primitive",
-                "value": "undefined"
+                "kind": "typeParameter",
+                "name": "R",
+                "required": true,
+                "defaultValue": {
+                  "kind": "external",
+                  "name": "input",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
+                }
               }
             ]
-          },
-          "description": "The variant for the checkbox",
+          }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "input",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
+      },
+      "subComponents": [
+        {
+          "name": "ErrorType",
+          "symbol": "ErrorType",
+          "description": "",
           "declarations": [
             {
-              "name": "variant",
+              "name": "ErrorType",
               "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/Checkbox.tsx"
             }
           ],
           "tags": {}
+        }
+      ]
+    }
+  },
+  {
+    "name": "CheckboxCheck",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxCheck.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "CheckboxCheck",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxCheck.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "CheckboxCheck",
+      "props": [
+        {
+          "kind": "property",
+          "name": "checked",
+          "required": true,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "checked",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxCheck.tsx"
+            }
+          ],
+          "tags": {}
         },
         {
           "kind": "property",
-          "name": "theme",
+          "name": "error",
           "required": false,
           "type": {
             "kind": "symbol",
-            "name": "EmotionCanvasTheme",
-            "value": "EmotionCanvasTheme"
+            "name": "ErrorType",
+            "value": "ErrorType"
           },
           "description": "",
           "declarations": [
             {
-              "name": "theme",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
+              "name": "error",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxCheck.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "indeterminate",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "indeterminate",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxCheck.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "variant",
+          "required": false,
+          "type": {
+            "kind": "string",
+            "value": "inverse"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "variant",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxCheck.tsx"
             }
           ],
           "tags": {}
@@ -64319,8 +64566,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           },
           "defaultValue": {
             "kind": "external",
-            "name": "input",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
+            "name": "div",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
           }
         },
         {
@@ -64340,8 +64587,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "required": true,
                 "defaultValue": {
                   "kind": "external",
-                  "name": "input",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
+                  "name": "div",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
                 }
               }
             ]
@@ -64350,18 +64597,430 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       ],
       "baseElement": {
         "kind": "external",
-        "name": "input",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
-      },
-      "subComponents": [
+        "name": "div",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
+      }
+    }
+  },
+  {
+    "name": "inputVars",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxContainer.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "inputVars",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxContainer.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "symbol",
+      "name": "CsVars",
+      "value": "CsVars<\"errorInner\" | \"errorOuter\" | \"alertInner\" | \"alertOuter\", never>"
+    }
+  },
+  {
+    "name": "CheckboxContainer",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxContainer.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "CheckboxContainer",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxContainer.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "CheckboxContainer",
+      "props": [
         {
-          "name": "ErrorType",
-          "symbol": "ErrorType",
+          "kind": "property",
+          "name": "children",
+          "required": true,
+          "type": {
+            "kind": "external",
+            "name": "ReactNode",
+            "url": "https://reactjs.org/docs/rendering-elements.html"
+          },
           "description": "",
           "declarations": [
             {
-              "name": "ErrorType",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/Checkbox.tsx"
+              "name": "children",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxContainer.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/checkbox/lib/CheckboxContainer.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "id",
+          "required": true,
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "id",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxContainer.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "label",
+          "required": true,
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "label",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxContainer.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "variant",
+          "required": false,
+          "type": {
+            "kind": "string",
+            "value": "inverse"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "variant",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxContainer.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": "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": "CheckboxProps",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "CheckboxProps",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "object",
+      "properties": [
+        {
+          "kind": "property",
+          "name": "checked",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If true, set the Checkbox to the checked state.",
+          "declarations": [
+            {
+              "name": "checked",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "disabled",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If true, set the Checkbox to the disabled state.",
+          "declarations": [
+            {
+              "name": "disabled",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "error",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "ErrorType",
+            "value": "ErrorType"
+          },
+          "description": "The type of error associated with the Checkbox (if applicable).",
+          "declarations": [
+            {
+              "name": "error",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "id",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "The HTML `id` of the underlying checkbox input element. This is required if `label` is defined as a non-empty string.",
+          "declarations": [
+            {
+              "name": "id",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {
+            "default": "{useUniqueId}"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "indeterminate",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If true, set the Checkbox to an indeterminate state. Use this on a Checkbox with nested child Checkboxes to denote that some (but not all) child Checkboxes are checked.",
+          "declarations": [
+            {
+              "name": "indeterminate",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "label",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "The text of the Checkbox label.",
+          "declarations": [
+            {
+              "name": "label",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {
+            "default": "''"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "onChange",
+          "required": false,
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "kind": "parameter",
+                "name": "e",
+                "type": {
+                  "kind": "symbol",
+                  "name": "React.ChangeEvent",
+                  "typeParameters": [
+                    {
+                      "kind": "symbol",
+                      "name": "HTMLInputElement",
+                      "value": "HTMLInputElement"
+                    }
+                  ],
+                  "value": "ChangeEvent<T>"
+                },
+                "required": true,
+                "rest": false,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "e",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+                  }
+                ],
+                "tags": {}
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "void"
+            }
+          },
+          "description": "The function called when the Checkbox state changes.",
+          "declarations": [
+            {
+              "name": "onChange",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "value",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "The value of the Checkbox.",
+          "declarations": [
+            {
+              "name": "value",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "variant",
+          "required": false,
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "inverse"
+              },
+              {
+                "kind": "primitive",
+                "value": "undefined"
+              }
+            ]
+          },
+          "description": "The variant for the checkbox",
+          "declarations": [
+            {
+              "name": "variant",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.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": {}
@@ -64369,6 +65028,405 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       ]
     }
   },
+  {
+    "name": "CheckboxInput",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "CheckboxInput",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "CheckboxInput",
+      "props": [
+        {
+          "kind": "property",
+          "name": "checked",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If true, set the Checkbox to the checked state.",
+          "declarations": [
+            {
+              "name": "checked",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "disabled",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If true, set the Checkbox to the disabled state.",
+          "declarations": [
+            {
+              "name": "disabled",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "error",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "ErrorType",
+            "value": "ErrorType"
+          },
+          "description": "The type of error associated with the Checkbox (if applicable).",
+          "declarations": [
+            {
+              "name": "error",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "id",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "The HTML `id` of the underlying checkbox input element. This is required if `label` is defined as a non-empty string.",
+          "declarations": [
+            {
+              "name": "id",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {
+            "default": "{useUniqueId}"
+          },
+          "defaultValue": {
+            "kind": "symbol",
+            "name": "useUniqueId",
+            "value": "useUniqueId"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "indeterminate",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If true, set the Checkbox to an indeterminate state. Use this on a Checkbox with nested child Checkboxes to denote that some (but not all) child Checkboxes are checked.",
+          "declarations": [
+            {
+              "name": "indeterminate",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "label",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "The text of the Checkbox label.",
+          "declarations": [
+            {
+              "name": "label",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {
+            "default": "''"
+          },
+          "defaultValue": {
+            "kind": "symbol",
+            "name": "''",
+            "value": "''"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "onChange",
+          "required": false,
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "kind": "parameter",
+                "name": "e",
+                "type": {
+                  "kind": "symbol",
+                  "name": "React.ChangeEvent",
+                  "typeParameters": [
+                    {
+                      "kind": "symbol",
+                      "name": "HTMLInputElement",
+                      "value": "HTMLInputElement"
+                    }
+                  ],
+                  "value": "ChangeEvent<T>"
+                },
+                "required": true,
+                "rest": false,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "e",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+                  }
+                ],
+                "tags": {}
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "void"
+            }
+          },
+          "description": "The function called when the Checkbox state changes.",
+          "declarations": [
+            {
+              "name": "onChange",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "value",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "The value of the Checkbox.",
+          "declarations": [
+            {
+              "name": "value",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "variant",
+          "required": false,
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "inverse"
+              },
+              {
+                "kind": "primitive",
+                "value": "undefined"
+              }
+            ]
+          },
+          "description": "The variant for the checkbox",
+          "declarations": [
+            {
+              "name": "variant",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxInput.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",
+          "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": "input",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
+          }
+        },
+        {
+          "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": "input",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
+                }
+              }
+            ]
+          }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "input",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
+      }
+    }
+  },
+  {
+    "name": "CheckboxRipple",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxRipple.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "CheckboxRipple",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/checkbox/lib/CheckboxRipple.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "CheckboxRipple",
+      "props": [
+        {
+          "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": "span",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "ref",
+          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
+            "typeParameters": [
+              {
+                "kind": "typeParameter",
+                "name": "R",
+                "required": true,
+                "defaultValue": {
+                  "kind": "external",
+                  "name": "span",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span"
+                }
+              }
+            ]
+          }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "span",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span"
+      }
+    }
+  },
   {
     "name": "orientationKeyMap",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/keyUtils.ts",
@@ -249156,6 +250214,90 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "createObjectTransform",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/createObjectTransform.ts",
+    "description": "Object transforms take an AST node that represents a style object and turn it into a\n`NestedStyleObject` or return `void`. If an object transform returns an object, transformation\nparsing stops on that node. If `void` is returned, processing continues using\n`parseObjectToStaticValue`. These transforms are useful if you have custom utility functions\nthat are not statically parsable by the static styling transformer.",
+    "declarations": [
+      {
+        "name": "createObjectTransform",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/createObjectTransform.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "transformFn",
+          "type": {
+            "kind": "symbol",
+            "name": "ObjectTransform",
+            "value": "ObjectTransform"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "transformFn",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/createObjectTransform.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "symbol",
+        "name": "ObjectTransform",
+        "value": "ObjectTransform"
+      }
+    }
+  },
+  {
+    "name": "createPropertyTransform",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/createPropertyTransform.ts",
+    "description": "A property transform takes a style property node and will return a string. You can use\n`parseNodeToStaticValue` to help you process properties that might be inputs to a function.",
+    "declarations": [
+      {
+        "name": "createPropertyTransform",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/createPropertyTransform.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "transformFn",
+          "type": {
+            "kind": "symbol",
+            "name": "PropertyTransform",
+            "value": "PropertyTransform"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "transformFn",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/createPropertyTransform.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "symbol",
+        "name": "PropertyTransform",
+        "value": "PropertyTransform"
+      }
+    }
+  },
   {
     "name": "NestedStyleObject",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
@@ -249208,6 +250350,65 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     "type": {
       "kind": "object",
       "properties": [
+        {
+          "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": {}
+        },
+        {
+          "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",
@@ -249220,7 +250421,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": {}
@@ -249232,13 +250433,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "type": {
             "kind": "external",
             "name": "Record",
-            "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type"
+            "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
+            "typeParameters": [
+              {
+                "kind": "primitive",
+                "value": "string"
+              },
+              {
+                "kind": "primitive",
+                "value": "string"
+              }
+            ]
           },
           "description": "",
           "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": {}
@@ -249250,24 +250461,73 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "type": {
             "kind": "external",
             "name": "Record",
-            "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type"
+            "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
+            "typeParameters": [
+              {
+                "kind": "primitive",
+                "value": "string"
+              },
+              {
+                "kind": "primitive",
+                "value": "string"
+              }
+            ]
           },
           "description": "",
           "declarations": [
             {
               "name": "keyframes",
-              "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": "styles",
+          "required": true,
           "type": {
-            "kind": "array",
-            "value": {
+            "kind": "symbol",
+            "name": "StylesOutput",
+            "value": "StylesOutput"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "styles",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "getFileName",
+          "required": true,
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "kind": "parameter",
+                "name": "path",
+                "type": {
+                  "kind": "primitive",
+                  "value": "string"
+                },
+                "required": true,
+                "rest": false,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "path",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+                  }
+                ],
+                "tags": {}
+              }
+            ],
+            "members": [],
+            "returnType": {
               "kind": "primitive",
               "value": "string"
             }
@@ -249275,29 +250535,67 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "description": "",
           "declarations": [
             {
-              "name": "fallbackFiles",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+              "name": "getFileName",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
             }
           ],
           "tags": {}
         },
         {
           "kind": "property",
-          "name": "transformers",
-          "required": false,
+          "name": "objectTransforms",
+          "required": true,
           "type": {
             "kind": "array",
             "value": {
               "kind": "symbol",
-              "name": "NodeTransformer",
-              "value": "NodeTransformer"
+              "name": "ObjectTransform",
+              "value": "ObjectTransform"
             }
           },
           "description": "",
           "declarations": [
             {
-              "name": "transformers",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+              "name": "objectTransforms",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "propertyTransforms",
+          "required": true,
+          "type": {
+            "kind": "array",
+            "value": {
+              "kind": "symbol",
+              "name": "PropertyTransform",
+              "value": "PropertyTransform"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "propertyTransforms",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "fileName",
+          "required": true,
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "fileName",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
             }
           ],
           "tags": {}
@@ -249361,101 +250659,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         },
         {
           "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": {}
-              }
-            ]
-          },
+          "name": "options",
           "type": {
             "kind": "symbol",
             "name": "Partial",
@@ -249473,7 +250677,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "description": "",
           "declarations": [
             {
-              "name": "__1",
+              "name": "options",
               "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
             }
           ],
@@ -249495,6 +250699,88 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "withDefaultContext",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "withDefaultContext",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "typeParameters": [
+        {
+          "kind": "typeParameter",
+          "name": "T",
+          "constraint": {
+            "kind": "symbol",
+            "name": "TransformerContext",
+            "value": "TransformerContext"
+          },
+          "required": true
+        }
+      ],
+      "parameters": [
+        {
+          "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/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "parameter",
+          "name": "input",
+          "defaultValue": {
+            "kind": "object",
+            "properties": []
+          },
+          "type": {
+            "kind": "symbol",
+            "name": "Partial",
+            "typeParameters": [
+              {
+                "kind": "generic",
+                "name": "T"
+              }
+            ],
+            "value": "Partial<T>"
+          },
+          "required": false,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "input",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "generic",
+        "name": "T"
+      }
+    }
+  },
   {
     "name": "transform",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
@@ -249531,11 +250817,15 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         {
           "kind": "parameter",
           "name": "fileName",
+          "defaultValue": {
+            "kind": "string",
+            "value": "test.ts"
+          },
           "type": {
             "kind": "primitive",
             "value": "string"
           },
-          "required": true,
+          "required": false,
           "rest": false,
           "description": "",
           "declarations": [
@@ -249580,6 +250870,59 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "getConfig",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "getConfig",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "basePath",
+          "defaultValue": {
+            "kind": "string",
+            "value": "."
+          },
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "required": false,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "basePath",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "union",
+        "value": [
+          {
+            "kind": "primitive",
+            "value": "string"
+          },
+          {
+            "kind": "primitive",
+            "value": "undefined"
+          }
+        ]
+      }
+    }
+  },
   {
     "name": "createStyleObjectNode",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts",
@@ -249596,27 +250939,17 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "parameters": [
         {
           "kind": "parameter",
-          "name": "styleObj",
+          "name": "styles",
           "type": {
-            "kind": "union",
-            "value": [
-              {
-                "kind": "symbol",
-                "name": "NestedStyleObject",
-                "value": "NestedStyleObject"
-              },
-              {
-                "kind": "primitive",
-                "value": "string"
-              }
-            ]
+            "kind": "primitive",
+            "value": "string"
           },
           "required": true,
           "rest": false,
           "description": "",
           "declarations": [
             {
-              "name": "styleObj",
+              "name": "styles",
               "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
             }
           ],
@@ -249650,12 +250983,12 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     }
   },
   {
-    "name": "getStaticCssClassName",
+    "name": "compileCSS",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts",
-    "description": "Returns the name created by `createStyleObjectNode`",
+    "description": "Compiles CSS using stylis. Emotion's `serializeStyles` creates an unwrapped string for cache\nstorage and it often needs to be wrapped by a CSS selector or `@keyframes`. This function does\nthis the same way Emotion does it internally.",
     "declarations": [
       {
-        "name": "getStaticCssClassName",
+        "name": "compileCSS",
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
       }
     ],
@@ -249665,18 +250998,17 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "parameters": [
         {
           "kind": "parameter",
-          "name": "node",
+          "name": "input",
           "type": {
-            "kind": "symbol",
-            "name": "ts.Node",
-            "value": "Node"
+            "kind": "primitive",
+            "value": "string"
           },
           "required": true,
           "rest": false,
           "description": "",
           "declarations": [
             {
-              "name": "node",
+              "name": "input",
               "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
             }
           ],
@@ -249690,6 +251022,57 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "serializeStyles",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "serializeStyles",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "input",
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "symbol",
+                "name": "NestedStyleObject",
+                "value": "NestedStyleObject"
+              },
+              {
+                "kind": "primitive",
+                "value": "string"
+              }
+            ]
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "input",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "symbol",
+        "name": "SerializedStyles",
+        "value": "SerializedStyles"
+      }
+    }
+  },
   {
     "name": "getVariablesFromFiles",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/getCssVariables.ts",
@@ -249873,6 +251256,25 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             }
           ],
           "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/getErrorMessage.ts"
+            }
+          ],
+          "tags": {}
         }
       ],
       "members": [],
@@ -250029,7 +251431,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "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.",
+    "description": "",
     "declarations": [
       {
         "name": "handleCalc",
@@ -250038,9 +251440,61 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     ],
     "tags": {},
     "type": {
-      "kind": "symbol",
-      "name": "NodeTransformer",
-      "value": "NodeTransformer"
+      "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/types.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/types.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "union",
+        "value": [
+          {
+            "kind": "primitive",
+            "value": "string"
+          },
+          {
+            "kind": "primitive",
+            "value": "void"
+          }
+        ]
+      }
     }
   },
   {
@@ -250097,7 +251551,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "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.",
+    "description": "",
     "declarations": [
       {
         "name": "handleCssVar",
@@ -250106,26 +251560,61 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     ],
     "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"
+      "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/types.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/types.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "union",
+        "value": [
+          {
+            "kind": "primitive",
+            "value": "string"
+          },
+          {
+            "kind": "primitive",
+            "value": "void"
+          }
+        ]
       }
-    ],
-    "tags": {},
-    "type": {
-      "kind": "symbol",
-      "name": "NodeTransformer",
-      "value": "NodeTransformer"
     }
   },
   {
@@ -250148,7 +251637,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "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.",
+    "description": "",
     "declarations": [
       {
         "name": "handlePx2Rem",
@@ -250157,9 +251646,61 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     ],
     "tags": {},
     "type": {
-      "kind": "symbol",
-      "name": "NodeTransformer",
-      "value": "NodeTransformer"
+      "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/types.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/types.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "union",
+        "value": [
+          {
+            "kind": "primitive",
+            "value": "string"
+          },
+          {
+            "kind": "primitive",
+            "value": "void"
+          }
+        ]
+      }
     }
   },
   {
@@ -250322,44 +251863,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
-  {
-    "name": "NestedStyleObject",
-    "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/utils/parseObjectToStaticValue.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": "parseObjectToStaticValue",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts",
@@ -250482,6 +251985,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "prettyStringify",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/stylisFns.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "prettyStringify",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/stylisFns.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "symbol",
+      "name": "Middleware",
+      "value": "Middleware"
+    }
+  },
   {
     "name": "TransformerContext",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts",
@@ -250586,10 +252106,166 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             }
           ],
           "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "styles",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "StylesOutput",
+            "value": "StylesOutput"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "styles",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "getFileName",
+          "required": true,
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "kind": "parameter",
+                "name": "path",
+                "type": {
+                  "kind": "primitive",
+                  "value": "string"
+                },
+                "required": true,
+                "rest": false,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "path",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+                  }
+                ],
+                "tags": {}
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "string"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "getFileName",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "objectTransforms",
+          "required": true,
+          "type": {
+            "kind": "array",
+            "value": {
+              "kind": "symbol",
+              "name": "ObjectTransform",
+              "value": "ObjectTransform"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "objectTransforms",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "propertyTransforms",
+          "required": true,
+          "type": {
+            "kind": "array",
+            "value": {
+              "kind": "symbol",
+              "name": "PropertyTransform",
+              "value": "PropertyTransform"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "propertyTransforms",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "fileName",
+          "required": true,
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "fileName",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
         }
       ]
     }
   },
+  {
+    "name": "NestedStyleObject",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "NestedStyleObject",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.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": "NodeTransformer",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts",
@@ -250664,6 +252340,345 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "StylesOutput",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts",
+    "description": "Used to collect styles. The format will be:\n\n```js\n{\n  '/absolute/file/name': [\n    '.styles-1 { ... }'\n  ]\n}\n```",
+    "declarations": [
+      {
+        "name": "StylesOutput",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "type",
+      "typeParameters": [],
+      "value": {
+        "kind": "external",
+        "name": "Record",
+        "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
+        "typeParameters": [
+          {
+            "kind": "primitive",
+            "value": "string"
+          },
+          {
+            "kind": "array",
+            "value": {
+              "kind": "primitive",
+              "value": "string"
+            }
+          }
+        ]
+      }
+    }
+  },
+  {
+    "name": "Config",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "Config",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "object",
+      "properties": [
+        {
+          "kind": "property",
+          "name": "prefix",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "The prefix for all CSS class names and variables. This should be something short and\ndistinguish your CSS class names from others on the page.",
+          "declarations": [
+            {
+              "name": "prefix",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "fallbackFiles",
+          "required": false,
+          "type": {
+            "kind": "array",
+            "value": {
+              "kind": "primitive",
+              "value": "string"
+            }
+          },
+          "description": "If you wish to automatically include CSS variable fallbacks, you can provide paths to CSS files\nthat contain CSS variables. Fallbacks are useful if you expect your CSS to be loaded in an\nenvironment that might not include these CSS files. An example might be Storybook or other dev\nenvironments where you want your CSS to look good even in these environments. Fallbacks make\nbigger files because fallbacks are embedded.\n\nFor example:\n```ts\nconst myComponent = createStyles({\n  color: '--primary-color-100'\n})\n```\n\nIf you provide a fallback file that defines `--primary-color-100`, the fallback will be\ninlined:\n```css\n// without\n.my-component{color:var(--primary-color-100);}\n\n// with fallback\n.my-component{color:var(--primary-color-100,#0000ff);}\n```\n\nThe benefit is your CSS will work even without the files that define all your global CSS\nvariables.",
+          "declarations": [
+            {
+              "name": "fallbackFiles",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "additionalTransforms",
+          "required": false,
+          "type": {
+            "kind": "array",
+            "value": {
+              "kind": "symbol",
+              "name": "NodeTransformer",
+              "value": "NodeTransformer"
+            }
+          },
+          "description": "Optional additional transforms. A transform takes an AST node and optionally returns a new AST\nnode. This is useful if your source files use custom utility functions. The style\ntransformation process must receive static strings while reading your source files. The base\ntransformers handle all style utilities provided by `@workday/canvas-kit-styling`, but you may\nuse more. The transformer makes use of TypeScript's type checker to extract a static types out\nof variables, but will throw errors if it finds a generic type like `string` or `number`. If\nyou get these errors and the error points to a function, maybe you need an additional\ntransformer to understand the code. Some simple examples from `@workday/canvas-kit-styling` are\n`px2rem` and `calc.*`. Those have special handlers that are allowed to return new AST nodes\nthat can be further processed. You can return `NumericLiteral`, `StringLiteral`, or\n`TemplateExpression` AST nodes. You can see `handlePx2Rem` and `handleCalc` transformers as\nexamples as well as associated tests.\n\nTransforms are called using the visitor pattern. The order is innermost to outermost of the\nAST. This means if you have a special utility function used to return a style property, it will\nbe called before the `createStyles` or `createStencils` is called.\n\nhttps://ts-ast-viewer.com/#code/MYewdgzgLgBAtgTwMIjgB3AUzLAvDYAJ0wEMpMBlKBAG0wgAoBvAKBhjRIBMuBLMAOYAuGAMxQACtz6CGAcgAeNOQEoWAXxVA\n```ts\nconst myComponent = createStyles({\n  padding: getPadding('xl')\n})\n```\n\nIn this example, your transform will be called with `'xl'`, `getPadding`, the `padding`\nPropertyAssignment, `createStyles`, then variable declarations for `myComponent`. You must\ncreate your own filters for each AST node so you only transform the correct nodes. You can\nvisit ts-ast-viewer.com to see the AST and types. You can also use the factory creator to\nreturn new AST.",
+          "declarations": [
+            {
+              "name": "additionalTransforms",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "getFileName",
+          "required": false,
+          "type": {
+            "kind": "function",
+            "parameters": [
+              {
+                "kind": "parameter",
+                "name": "path",
+                "type": {
+                  "kind": "primitive",
+                  "value": "string"
+                },
+                "required": true,
+                "rest": false,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "path",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+                  }
+                ],
+                "tags": {}
+              }
+            ],
+            "members": [],
+            "returnType": {
+              "kind": "primitive",
+              "value": "string"
+            }
+          },
+          "description": "This will be called every time a style or keyframe needs to be injected into extracted style\nfiles. By default, the file name will be the current file with the `.tsx` replaced with a\n`.css`. If you wish to move or combine styles into a file, provide a custom `getFileName`. You\ncan return the same file path for multiple sources. If the same file is used (maybe always\nreturning `index.css`), new styles will be appended to the end of the file.",
+          "declarations": [
+            {
+              "name": "getFileName",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "objectTransforms",
+          "required": false,
+          "type": {
+            "kind": "array",
+            "value": {
+              "kind": "symbol",
+              "name": "ObjectTransform",
+              "value": "ObjectTransform"
+            }
+          },
+          "description": "Object transforms take an AST node that represents a style object and turn it into a\n`NestedStyleObject` or return `void`. If an object transform returns an object, transformation\nparsing stops on that node. If `void` is returned, processing continues using\n`parseObjectToStaticValue`. These transforms are useful if you have custom utility functions\nthat are not statically parsable by the static styling transformer.",
+          "declarations": [
+            {
+              "name": "objectTransforms",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "propertyTransforms",
+          "required": false,
+          "type": {
+            "kind": "array",
+            "value": {
+              "kind": "symbol",
+              "name": "PropertyTransform",
+              "value": "PropertyTransform"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "propertyTransforms",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ]
+    }
+  },
+  {
+    "name": "ObjectTransform",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "ObjectTransform",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "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": [
+              {
+                "name": "node",
+                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.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/types.ts"
+              }
+            ],
+            "tags": {}
+          }
+        ],
+        "members": [],
+        "returnType": {
+          "kind": "union",
+          "value": [
+            {
+              "kind": "symbol",
+              "name": "NestedStyleObject",
+              "value": "NestedStyleObject"
+            },
+            {
+              "kind": "primitive",
+              "value": "void"
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    "name": "PropertyTransform",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "PropertyTransform",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "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": [
+              {
+                "name": "node",
+                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.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/types.ts"
+              }
+            ],
+            "tags": {}
+          }
+        ],
+        "members": [],
+        "returnType": {
+          "kind": "union",
+          "value": [
+            {
+              "kind": "primitive",
+              "value": "string"
+            },
+            {
+              "kind": "primitive",
+              "value": "void"
+            }
+          ]
+        }
+      }
+    }
+  },
   {
     "name": "calc",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/calc.ts",