@workday/canvas-kit-docs 10.3.0-653-next.0 → 10.3.0-660-next.0

package/dist/es6/lib/docs.js

@@ -109075,6 +109075,551 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "accessibleHide",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AccessibleHide.tsx",
+    "description": "A utility to visually hide content, while still making accessible to screen readers\nSee https://a11y-101.com/development/skip-link",
+    "declarations": [
+      {
+        "name": "accessibleHide",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AccessibleHide.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "object",
+      "properties": [
+        {
+          "kind": "property",
+          "name": "clip",
+          "defaultValue": {
+            "kind": "string",
+            "value": "rect(1px, 1px, 1px, 1px)"
+          },
+          "type": {
+            "kind": "string",
+            "value": "rect(1px, 1px, 1px, 1px)"
+          },
+          "required": true,
+          "description": "",
+          "declarations": [
+            {
+              "name": "clip",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AccessibleHide.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "clipPath",
+          "defaultValue": {
+            "kind": "string",
+            "value": "polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px)"
+          },
+          "type": {
+            "kind": "string",
+            "value": "polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px)"
+          },
+          "required": true,
+          "description": "",
+          "declarations": [
+            {
+              "name": "clipPath",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AccessibleHide.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "position",
+          "defaultValue": {
+            "kind": "string",
+            "value": "absolute"
+          },
+          "type": {
+            "kind": "string",
+            "value": "absolute"
+          },
+          "required": true,
+          "description": "",
+          "declarations": [
+            {
+              "name": "position",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AccessibleHide.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "overflow",
+          "defaultValue": {
+            "kind": "string",
+            "value": "hidden"
+          },
+          "type": {
+            "kind": "string",
+            "value": "hidden"
+          },
+          "required": true,
+          "description": "",
+          "declarations": [
+            {
+              "name": "overflow",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AccessibleHide.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "whiteSpace",
+          "defaultValue": {
+            "kind": "string",
+            "value": "nowrap"
+          },
+          "type": {
+            "kind": "string",
+            "value": "nowrap"
+          },
+          "required": true,
+          "description": "",
+          "declarations": [
+            {
+              "name": "whiteSpace",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AccessibleHide.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "height",
+          "defaultValue": {
+            "kind": "string",
+            "value": "1px"
+          },
+          "type": {
+            "kind": "string",
+            "value": "1px"
+          },
+          "required": true,
+          "description": "",
+          "declarations": [
+            {
+              "name": "height",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AccessibleHide.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "width",
+          "defaultValue": {
+            "kind": "string",
+            "value": "1px"
+          },
+          "type": {
+            "kind": "string",
+            "value": "1px"
+          },
+          "required": true,
+          "description": "",
+          "declarations": [
+            {
+              "name": "width",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AccessibleHide.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "margin",
+          "defaultValue": {
+            "kind": "string",
+            "value": "-1px"
+          },
+          "type": {
+            "kind": "string",
+            "value": "-1px"
+          },
+          "required": true,
+          "description": "",
+          "declarations": [
+            {
+              "name": "margin",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AccessibleHide.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "padding",
+          "defaultValue": {
+            "kind": "number",
+            "value": 0
+          },
+          "type": {
+            "kind": "number",
+            "value": 0
+          },
+          "required": true,
+          "description": "",
+          "declarations": [
+            {
+              "name": "padding",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AccessibleHide.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "border",
+          "defaultValue": {
+            "kind": "number",
+            "value": 0
+          },
+          "type": {
+            "kind": "number",
+            "value": 0
+          },
+          "required": true,
+          "description": "",
+          "declarations": [
+            {
+              "name": "border",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AccessibleHide.tsx"
+            }
+          ],
+          "tags": {}
+        }
+      ]
+    }
+  },
+  {
+    "name": "AccessibleHide",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AccessibleHide.tsx",
+    "description": "A convenient component wrapper to visually hide content, while still making it accessible to screen readers",
+    "declarations": [
+      {
+        "name": "AccessibleHide",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AccessibleHide.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "AccessibleHide",
+      "props": [
+        {
+          "kind": "property",
+          "name": "cs",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "CSToPropsInput",
+            "value": "CSToPropsInput"
+          },
+          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
+          "declarations": [
+            {
+              "name": "cs",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "children",
+          "description": "",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.ReactNode",
+            "url": "https://reactjs.org/docs/rendering-elements.html"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "as",
+          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.ElementType",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
+          },
+          "defaultValue": {
+            "kind": "external",
+            "name": "div",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "ref",
+          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
+            "typeParameters": [
+              {
+                "kind": "typeParameter",
+                "name": "R",
+                "required": true,
+                "defaultValue": {
+                  "kind": "external",
+                  "name": "div",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
+                }
+              }
+            ]
+          }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "div",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
+      }
+    }
+  },
+  {
+    "name": "AriaLiveRegionProps",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AriaLiveRegion.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "AriaLiveRegionProps",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AriaLiveRegion.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "alias",
+      "name": "AriaLiveRegion"
+    }
+  },
+  {
+    "name": "AriaLiveRegion",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AriaLiveRegion.tsx",
+    "description": "A convenient wrapper for creating an [aria-live region](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions)",
+    "declarations": [
+      {
+        "name": "AriaLiveRegion",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AriaLiveRegion.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "AriaLiveRegion",
+      "props": [
+        {
+          "kind": "property",
+          "name": "aria-atomic",
+          "required": false,
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "boolean",
+                "value": true
+              },
+              {
+                "kind": "boolean",
+                "value": false
+              },
+              {
+                "kind": "string",
+                "value": "true"
+              },
+              {
+                "kind": "string",
+                "value": "false"
+              }
+            ]
+          },
+          "description": "set the [aria-atomic](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-atomic) attribute",
+          "declarations": [
+            {
+              "name": "aria-atomic",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AriaLiveRegion.tsx"
+            }
+          ],
+          "tags": {
+            "default": "true"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": true
+          }
+        },
+        {
+          "kind": "property",
+          "name": "aria-live",
+          "required": false,
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "polite"
+              },
+              {
+                "kind": "string",
+                "value": "assertive"
+              },
+              {
+                "kind": "string",
+                "value": "off"
+              }
+            ]
+          },
+          "description": "set the [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live) attribute",
+          "declarations": [
+            {
+              "name": "aria-live",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AriaLiveRegion.tsx"
+            }
+          ],
+          "tags": {
+            "default": "'polite'"
+          },
+          "defaultValue": {
+            "kind": "string",
+            "value": "polite"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "role",
+          "required": false,
+          "type": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "status"
+              },
+              {
+                "kind": "string",
+                "value": "alert"
+              },
+              {
+                "kind": "string",
+                "value": "log"
+              }
+            ]
+          },
+          "description": "set the live region's [aria role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/status_role)",
+          "declarations": [
+            {
+              "name": "role",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/AriaLiveRegion.tsx"
+            }
+          ],
+          "tags": {
+            "default": "'status'"
+          },
+          "defaultValue": {
+            "kind": "string",
+            "value": "status"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "cs",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "CSToPropsInput",
+            "value": "CSToPropsInput"
+          },
+          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
+          "declarations": [
+            {
+              "name": "cs",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "children",
+          "description": "",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.ReactNode",
+            "url": "https://reactjs.org/docs/rendering-elements.html"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "as",
+          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.ElementType",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
+          },
+          "defaultValue": {
+            "kind": "external",
+            "name": "div",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "ref",
+          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
+            "typeParameters": [
+              {
+                "kind": "typeParameter",
+                "name": "R",
+                "required": true,
+                "defaultValue": {
+                  "kind": "external",
+                  "name": "div",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
+                }
+              }
+            ]
+          }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "div",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
+      }
+    }
+  },
   {
     "name": "CanvasProviderProps",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx",
@@ -110243,23 +110788,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
-  {
-    "name": "accessibleHide",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/styles/accessibleHide.ts",
-    "description": "A utility to visually hide content, while still making accessible to screenreaders\nSee https://a11y-101.com/development/skip-link",
-    "declarations": [
-      {
-        "name": "accessibleHide",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/styles/accessibleHide.ts"
-      }
-    ],
-    "tags": {},
-    "type": {
-      "kind": "symbol",
-      "name": "CSSProperties",
-      "value": "CSSProperties"
-    }
-  },
   {
     "name": "getErrorColors",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/styles/errorRing.ts",
@@ -248213,17 +248741,7 @@ 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",
-            "typeParameters": [
-              {
-                "kind": "primitive",
-                "value": "string"
-              },
-              {
-                "kind": "primitive",
-                "value": "string"
-              }
-            ]
+            "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type"
           },
           "description": "",
           "declarations": [
@@ -248234,6 +248752,24 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
+        {
+          "kind": "property",
+          "name": "keyframes",
+          "required": true,
+          "type": {
+            "kind": "external",
+            "name": "Record",
+            "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "keyframes",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        },
         {
           "kind": "property",
           "name": "fallbackFiles",
@@ -248334,80 +248870,194 @@ 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": "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": "__1",
+          "defaultValue": {
+            "kind": "object",
+            "properties": [
+              {
+                "kind": "property",
+                "name": "prefix",
+                "defaultValue": {
+                  "kind": "string",
+                  "value": "css"
+                },
+                "type": {
+                  "kind": "primitive",
+                  "value": "string"
+                },
+                "required": true,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "prefix",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+                  }
+                ],
+                "tags": {}
+              },
+              {
+                "kind": "property",
+                "name": "variables",
+                "defaultValue": {
+                  "kind": "object",
+                  "properties": []
+                },
+                "type": {
+                  "kind": "object",
+                  "properties": []
+                },
+                "required": true,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "variables",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+                  }
+                ],
+                "tags": {}
+              },
+              {
+                "kind": "property",
+                "name": "keyframes",
+                "defaultValue": {
+                  "kind": "object",
+                  "properties": []
+                },
+                "type": {
+                  "kind": "object",
+                  "properties": []
+                },
+                "required": true,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "keyframes",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+                  }
+                ],
+                "tags": {}
+              },
+              {
+                "kind": "property",
+                "name": "transformers",
+                "defaultValue": {
+                  "kind": "unknown",
+                  "value": "unknown",
+                  "text": "defaultTransformers"
+                },
+                "type": {
+                  "kind": "array",
+                  "value": {
+                    "kind": "symbol",
+                    "name": "NodeTransformer",
+                    "value": "any"
+                  }
+                },
+                "required": true,
+                "description": "",
+                "declarations": [
+                  {
+                    "name": "transformers",
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+                  }
+                ],
+                "tags": {}
+              }
+            ]
+          },
+          "type": {
+            "kind": "symbol",
+            "name": "Partial",
+            "typeParameters": [
+              {
+                "kind": "symbol",
+                "name": "StyleTransformerOptions",
+                "value": "StyleTransformerOptions"
+              }
+            ],
+            "value": "Partial<T>"
+          },
+          "required": false,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "__1",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "symbol",
+        "name": "ts.TransformerFactory",
+        "typeParameters": [
+          {
+            "kind": "symbol",
+            "name": "ts.SourceFile",
+            "value": "SourceFile"
+          }
+        ],
+        "value": "TransformerFactory<T>"
+      }
+    }
+  },
+  {
+    "name": "transform",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
+    "description": "This function is useful for tests or a custom build. The `styleTransformer` function is used by\nthe https://www.npmjs.com/package/ttypescript package.",
+    "declarations": [
+      {
+        "name": "transform",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "program",
+          "type": {
+            "kind": "symbol",
+            "name": "ts.Program",
+            "value": "Program"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "program",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "parameter",
+          "name": "fileName",
+          "type": {
+            "kind": "primitive",
+            "value": "string"
           },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "fileName",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "parameter",
+          "name": "options",
           "type": {
             "kind": "symbol",
             "name": "Partial",
@@ -248425,7 +249075,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"
             }
           ],
@@ -248434,27 +249084,19 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       ],
       "members": [],
       "returnType": {
-        "kind": "symbol",
-        "name": "ts.TransformerFactory",
-        "typeParameters": [
-          {
-            "kind": "symbol",
-            "name": "ts.SourceFile",
-            "value": "SourceFile"
-          }
-        ],
-        "value": "TransformerFactory<T>"
+        "kind": "primitive",
+        "value": "string"
       }
     }
   },
   {
-    "name": "transform",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts",
-    "description": "This function is useful for tests or a custom build. The `styleTransformer` function is used by\nthe https://www.npmjs.com/package/ttypescript package.",
+    "name": "createStyleObjectNode",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts",
+    "description": "Creates an AST node representation of the passed in `styleObj`, but in the format of `{name:\nstring, styles: serializedStyles}`. The `name` is hard-coded here to work with both server-side\nand client-side style injection. This results in a stable style key for Emotion while also\noptimizing style serialization.\n\nIf `name` is provided, the name will be whatever `name` is, replacing \"{hash}\" with the hash\ncreated via `serializeStyles`. For example: 'animation-{hash}' will be converted into\n'animation-abc123'",
     "declarations": [
       {
-        "name": "transform",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+        "name": "createStyleObjectNode",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
       }
     ],
     "tags": {},
@@ -248463,85 +249105,46 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "parameters": [
         {
           "kind": "parameter",
-          "name": "program",
-          "type": {
-            "kind": "symbol",
-            "name": "ts.Program",
-            "value": "Program"
-          },
-          "required": true,
-          "rest": false,
-          "description": "",
-          "declarations": [
-            {
-              "name": "program",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "parameter",
-          "name": "fileName",
-          "type": {
-            "kind": "primitive",
-            "value": "string"
-          },
-          "required": true,
-          "rest": false,
-          "description": "",
-          "declarations": [
-            {
-              "name": "fileName",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "parameter",
-          "name": "options",
+          "name": "styleObj",
           "type": {
-            "kind": "symbol",
-            "name": "Partial",
-            "typeParameters": [
+            "kind": "union",
+            "value": [
               {
                 "kind": "symbol",
-                "name": "StyleTransformerOptions",
-                "value": "StyleTransformerOptions"
+                "name": "NestedStyleObject",
+                "value": "NestedStyleObject"
+              },
+              {
+                "kind": "primitive",
+                "value": "string"
               }
-            ],
-            "value": "Partial<T>"
+            ]
           },
-          "required": false,
+          "required": true,
           "rest": false,
           "description": "",
           "declarations": [
             {
-              "name": "options",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+              "name": "styleObj",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
             }
           ],
           "tags": {}
         },
         {
           "kind": "parameter",
-          "name": "transformers",
+          "name": "name",
           "type": {
-            "kind": "array",
-            "value": {
-              "kind": "symbol",
-              "name": "NodeTransformer",
-              "value": "NodeTransformer"
-            }
+            "kind": "primitive",
+            "value": "string"
           },
           "required": false,
           "rest": false,
           "description": "",
           "declarations": [
             {
-              "name": "transformers",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/styleTransform.ts"
+              "name": "name",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
             }
           ],
           "tags": {}
@@ -248549,18 +249152,19 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       ],
       "members": [],
       "returnType": {
-        "kind": "primitive",
-        "value": "string"
+        "kind": "symbol",
+        "name": "ObjectLiteralExpression",
+        "value": "ObjectLiteralExpression"
       }
     }
   },
   {
-    "name": "createStyleObjectNode",
+    "name": "getStaticCssClassName",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts",
-    "description": "Creates an AST node representation of the passed in `styleObj`, but in the format of `{name:\nstring, styles: serializedStyles}`. The `name` is hard-coded here to work with both server-side\nand client-side style injection. This results in a stable style key for Emotion while also\noptimizing style serialization.",
+    "description": "Returns the name created by `createStyleObjectNode`",
     "declarations": [
       {
-        "name": "createStyleObjectNode",
+        "name": "getStaticCssClassName",
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
       }
     ],
@@ -248570,18 +249174,18 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "parameters": [
         {
           "kind": "parameter",
-          "name": "styleObj",
+          "name": "node",
           "type": {
             "kind": "symbol",
-            "name": "NestedStyleObject",
-            "value": "NestedStyleObject"
+            "name": "ts.Node",
+            "value": "Node"
           },
           "required": true,
           "rest": false,
           "description": "",
           "declarations": [
             {
-              "name": "styleObj",
+              "name": "node",
               "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/createStyleObjectNode.ts"
             }
           ],
@@ -248590,9 +249194,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       ],
       "members": [],
       "returnType": {
-        "kind": "symbol",
-        "name": "ObjectLiteralExpression",
-        "value": "ObjectLiteralExpression"
+        "kind": "primitive",
+        "value": "string"
       }
     }
   },
@@ -249034,6 +249637,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "value": "NodeTransformer"
     }
   },
+  {
+    "name": "handleKeyframes",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleKeyframes.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "handleKeyframes",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handleKeyframes.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "symbol",
+      "name": "NodeTransformer",
+      "value": "NodeTransformer"
+    }
+  },
   {
     "name": "handlePx2Rem",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/handlePx2Rem.ts",
@@ -249186,73 +249806,18 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         },
         {
           "kind": "parameter",
-          "name": "checker",
+          "name": "context",
           "type": {
             "kind": "symbol",
-            "name": "ts.TypeChecker",
-            "value": "TypeChecker"
+            "name": "TransformerContext",
+            "value": "TransformerContext"
           },
           "required": true,
           "rest": false,
           "description": "",
           "declarations": [
             {
-              "name": "checker",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseNodeToStaticValue.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "parameter",
-          "name": "prefix",
-          "defaultValue": {
-            "kind": "string",
-            "value": "css"
-          },
-          "type": {
-            "kind": "primitive",
-            "value": "string"
-          },
-          "required": false,
-          "rest": false,
-          "description": "",
-          "declarations": [
-            {
-              "name": "prefix",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseNodeToStaticValue.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "parameter",
-          "name": "variables",
-          "defaultValue": {
-            "kind": "object",
-            "properties": []
-          },
-          "type": {
-            "kind": "external",
-            "name": "Record",
-            "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
-            "typeParameters": [
-              {
-                "kind": "primitive",
-                "value": "string"
-              },
-              {
-                "kind": "primitive",
-                "value": "string"
-              }
-            ]
-          },
-          "required": false,
-          "rest": false,
-          "description": "",
-          "declarations": [
-            {
-              "name": "variables",
+              "name": "context",
               "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseNodeToStaticValue.ts"
             }
           ],
@@ -249339,73 +249904,18 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         },
         {
           "kind": "parameter",
-          "name": "checker",
+          "name": "context",
           "type": {
             "kind": "symbol",
-            "name": "ts.TypeChecker",
-            "value": "TypeChecker"
+            "name": "TransformerContext",
+            "value": "TransformerContext"
           },
           "required": true,
           "rest": false,
           "description": "",
           "declarations": [
             {
-              "name": "checker",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "parameter",
-          "name": "prefix",
-          "defaultValue": {
-            "kind": "string",
-            "value": "css"
-          },
-          "type": {
-            "kind": "primitive",
-            "value": "string"
-          },
-          "required": false,
-          "rest": false,
-          "description": "",
-          "declarations": [
-            {
-              "name": "prefix",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "parameter",
-          "name": "variables",
-          "defaultValue": {
-            "kind": "object",
-            "properties": []
-          },
-          "type": {
-            "kind": "external",
-            "name": "Record",
-            "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
-            "typeParameters": [
-              {
-                "kind": "primitive",
-                "value": "string"
-              },
-              {
-                "kind": "primitive",
-                "value": "string"
-              }
-            ]
-          },
-          "required": false,
-          "rest": false,
-          "description": "",
-          "declarations": [
-            {
-              "name": "variables",
+              "name": "context",
               "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts"
             }
           ],
@@ -249455,44 +249965,85 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         },
         {
           "kind": "parameter",
+          "name": "context",
+          "type": {
+            "kind": "symbol",
+            "name": "TransformerContext",
+            "value": "TransformerContext"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "context",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "external",
+        "name": "Record",
+        "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type"
+      }
+    }
+  },
+  {
+    "name": "TransformerContext",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "TransformerContext",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "object",
+      "properties": [
+        {
+          "kind": "property",
           "name": "checker",
+          "required": true,
           "type": {
             "kind": "symbol",
             "name": "ts.TypeChecker",
             "value": "TypeChecker"
           },
-          "required": true,
-          "rest": false,
           "description": "",
           "declarations": [
             {
               "name": "checker",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
             }
           ],
           "tags": {}
         },
         {
-          "kind": "parameter",
+          "kind": "property",
           "name": "prefix",
+          "required": true,
           "type": {
             "kind": "primitive",
             "value": "string"
           },
-          "required": true,
-          "rest": false,
           "description": "",
           "declarations": [
             {
               "name": "prefix",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
             }
           ],
           "tags": {}
         },
         {
-          "kind": "parameter",
+          "kind": "property",
           "name": "variables",
+          "required": true,
           "type": {
             "kind": "external",
             "name": "Record",
@@ -249508,24 +250059,44 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               }
             ]
           },
-          "required": true,
-          "rest": false,
           "description": "",
           "declarations": [
             {
               "name": "variables",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/parseObjectToStaticValue.ts"
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "keyframes",
+          "required": true,
+          "type": {
+            "kind": "external",
+            "name": "Record",
+            "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
+            "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/utils/types.ts"
             }
           ],
           "tags": {}
         }
-      ],
-      "members": [],
-      "returnType": {
-        "kind": "external",
-        "name": "Record",
-        "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type"
-      }
+      ]
     }
   },
   {
@@ -249566,65 +250137,18 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           },
           {
             "kind": "parameter",
-            "name": "checker",
+            "name": "context",
             "type": {
               "kind": "symbol",
-              "name": "ts.TypeChecker",
-              "value": "TypeChecker"
+              "name": "TransformerContext",
+              "value": "TransformerContext"
             },
             "required": true,
             "rest": false,
             "description": "",
             "declarations": [
               {
-                "name": "checker",
-                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
-              }
-            ],
-            "tags": {}
-          },
-          {
-            "kind": "parameter",
-            "name": "prefix",
-            "type": {
-              "kind": "primitive",
-              "value": "string"
-            },
-            "required": true,
-            "rest": false,
-            "description": "",
-            "declarations": [
-              {
-                "name": "prefix",
-                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
-              }
-            ],
-            "tags": {}
-          },
-          {
-            "kind": "parameter",
-            "name": "variables",
-            "type": {
-              "kind": "external",
-              "name": "Record",
-              "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
-              "typeParameters": [
-                {
-                  "kind": "primitive",
-                  "value": "string"
-                },
-                {
-                  "kind": "primitive",
-                  "value": "string"
-                }
-              ]
-            },
-            "required": true,
-            "rest": false,
-            "description": "",
-            "declarations": [
-              {
-                "name": "variables",
+                "name": "context",
                 "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/utils/types.ts"
               }
             ],
@@ -252553,6 +253077,113 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "keyframes",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "keyframes",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "typeParameters": [
+        {
+          "kind": "typeParameter",
+          "name": "ID",
+          "constraint": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "required": true
+        }
+      ],
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "args",
+          "type": {
+            "kind": "array",
+            "value": {
+              "kind": "parenthesis",
+              "value": {
+                "kind": "union",
+                "value": [
+                  {
+                    "kind": "object",
+                    "properties": [
+                      {
+                        "kind": "property",
+                        "name": "name",
+                        "required": true,
+                        "type": {
+                          "kind": "generic",
+                          "name": "ID"
+                        },
+                        "description": "",
+                        "declarations": [
+                          {
+                            "name": "name",
+                            "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+                          }
+                        ],
+                        "tags": {}
+                      },
+                      {
+                        "kind": "property",
+                        "name": "styles",
+                        "required": true,
+                        "type": {
+                          "kind": "primitive",
+                          "value": "string"
+                        },
+                        "description": "",
+                        "declarations": [
+                          {
+                            "name": "styles",
+                            "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+                          }
+                        ],
+                        "tags": {}
+                      }
+                    ]
+                  },
+                  {
+                    "kind": "symbol",
+                    "name": "StyleProps",
+                    "value": "StyleProps"
+                  },
+                  {
+                    "kind": "symbol",
+                    "name": "TemplateStringsArray",
+                    "value": "TemplateStringsArray"
+                  }
+                ]
+              }
+            }
+          },
+          "required": true,
+          "rest": true,
+          "description": "",
+          "declarations": [
+            {
+              "name": "args",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "generic",
+        "name": "ID"
+      }
+    }
+  },
   {
     "name": "px2rem",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/px2rem.ts",