@workday/canvas-kit-docs 12.0.0-alpha.855-next.0 → 12.0.0-alpha.862-next.0

package/dist/es6/lib/docs.js

@@ -1380,11 +1380,19 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "variant",
           "required": false,
           "type": {
-            "kind": "symbol",
-            "name": "AvatarVariant",
-            "value": "AvatarVariant"
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "light"
+              },
+              {
+                "kind": "string",
+                "value": "dark"
+              }
+            ]
           },
-          "description": "The variant of the Avatar default state. Accepts `Light` or `Dark`.",
+          "description": "The variant of the avatar. Use `light` on dark backgrounds and `dark` on light backgrounds.",
           "declarations": [
             {
               "name": "variant",
@@ -1392,39 +1400,13 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             }
           ],
           "tags": {
-            "default": "AvatarVariant.Light"
+            "default": "\"light\""
           },
           "defaultValue": {
-            "kind": "symbol",
-            "name": "AvatarVariant.Light",
-            "value": "AvatarVariant.Light"
+            "kind": "string",
+            "value": "light"
           }
         },
-        {
-          "kind": "property",
-          "name": "ref",
-          "required": false,
-          "type": {
-            "kind": "external",
-            "name": "Ref",
-            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
-            "typeParameters": [
-              {
-                "kind": "symbol",
-                "name": "HTMLButtonElement",
-                "value": "HTMLButtonElement"
-              }
-            ]
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "ref",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
-            }
-          ],
-          "tags": {}
-        },
         {
           "kind": "property",
           "name": "objectFit",
@@ -1434,14 +1416,20 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "name": "Property.ObjectFit",
             "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit"
           },
-          "description": "The object-fit CSS property sets how the content of a replaced element,\nsuch as an `<img>` or `<video>`, should be resized to fit its container.\nSee [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\nIf your image is not a square, you can use this property to ensure the image is rendered properly.",
+          "description": "An objectFit property that can customize how to resize your image to fit its container.",
           "declarations": [
             {
               "name": "objectFit",
               "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
             }
           ],
-          "tags": {}
+          "tags": {
+            "default": "\"contain\""
+          },
+          "defaultValue": {
+            "kind": "string",
+            "value": "contain"
+          }
         },
         {
           "kind": "property",
@@ -1451,17 +1439,48 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "union",
             "value": [
               {
-                "kind": "symbol",
-                "name": "SystemIconCircleSize",
-                "value": "SystemIconCircleSize"
+                "kind": "string",
+                "value": "extraSmall"
               },
               {
-                "kind": "primitive",
-                "value": "number"
+                "kind": "string",
+                "value": "small"
+              },
+              {
+                "kind": "string",
+                "value": "medium"
+              },
+              {
+                "kind": "string",
+                "value": "large"
+              },
+              {
+                "kind": "string",
+                "value": "extraLarge"
+              },
+              {
+                "kind": "string",
+                "value": "extraExtraLarge"
+              },
+              {
+                "kind": "parenthesis",
+                "value": {
+                  "kind": "intersection",
+                  "value": [
+                    {
+                      "kind": "primitive",
+                      "value": "string"
+                    },
+                    {
+                      "kind": "object",
+                      "properties": []
+                    }
+                  ]
+                }
               }
             ]
           },
-          "description": "The size of the Avatar.",
+          "description": "The size of the Avatar.\n- `extraExtraLarge`: 7.5rem x 7.5rem (120px  x 120px)\n- `extraLarge`: 4.5rem x 4.5rem (64px x 64px)\n- `large`: 2.5rem x 2.5rem (40px x 40px)\n- `medium`: 2rem x 2rem (32px x 32px)\n- `small`: 1.5rem x 1.5rem (24px x 24px)\n- `small`: 1rem x 1rem (16px x 16px)",
           "declarations": [
             {
               "name": "size",
@@ -1469,12 +1488,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             }
           ],
           "tags": {
-            "default": "SystemIconCircleSize.m"
+            "default": "\"medium\""
           },
           "defaultValue": {
-            "kind": "symbol",
-            "name": "SystemIconCircleSize.m",
-            "value": "SystemIconCircleSize.m"
+            "kind": "string",
+            "value": "medium"
           }
         },
         {
@@ -1485,7 +1503,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "string"
           },
-          "description": "The alt text of the Avatar image. This prop is also used for the aria-label",
+          "description": "The alt text of the Avatar image. This prop is also used for the aria-label.",
           "declarations": [
             {
               "name": "altText",
@@ -1509,7 +1527,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "string"
           },
-          "description": "The url of the Avatar image.",
+          "description": "The URL of the user's photo. For best fit, use square images.",
           "declarations": [
             {
               "name": "url",
@@ -11005,11 +11023,19 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "variant",
           "required": false,
           "type": {
-            "kind": "symbol",
-            "name": "AvatarVariant",
-            "value": "AvatarVariant"
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "light"
+              },
+              {
+                "kind": "string",
+                "value": "dark"
+              }
+            ]
           },
-          "description": "The variant of the Avatar default state. Accepts `Light` or `Dark`.",
+          "description": "The variant of the avatar. Use `light` on dark backgrounds and `dark` on light backgrounds.",
           "declarations": [
             {
               "name": "variant",
@@ -11017,12 +11043,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             }
           ],
           "tags": {
-            "default": "AvatarVariant.Light"
+            "default": "\"light\""
           },
           "defaultValue": {
-            "kind": "symbol",
-            "name": "AvatarVariant.Light",
-            "value": "AvatarVariant.Light"
+            "kind": "string",
+            "value": "light"
           }
         },
         {
@@ -11033,17 +11058,48 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "union",
             "value": [
               {
-                "kind": "symbol",
-                "name": "SystemIconCircleSize",
-                "value": "SystemIconCircleSize"
+                "kind": "string",
+                "value": "extraSmall"
               },
               {
-                "kind": "primitive",
-                "value": "number"
+                "kind": "string",
+                "value": "small"
+              },
+              {
+                "kind": "string",
+                "value": "medium"
+              },
+              {
+                "kind": "string",
+                "value": "large"
+              },
+              {
+                "kind": "string",
+                "value": "extraLarge"
+              },
+              {
+                "kind": "string",
+                "value": "extraExtraLarge"
+              },
+              {
+                "kind": "parenthesis",
+                "value": {
+                  "kind": "intersection",
+                  "value": [
+                    {
+                      "kind": "primitive",
+                      "value": "string"
+                    },
+                    {
+                      "kind": "object",
+                      "properties": []
+                    }
+                  ]
+                }
               }
             ]
           },
-          "description": "The size of the Avatar.",
+          "description": "The size of the Avatar.\n- `extraExtraLarge`: 7.5rem x 7.5rem (120px  x 120px)\n- `extraLarge`: 4.5rem x 4.5rem (64px x 64px)\n- `large`: 2.5rem x 2.5rem (40px x 40px)\n- `medium`: 2rem x 2rem (32px x 32px)\n- `small`: 1.5rem x 1.5rem (24px x 24px)\n- `small`: 1rem x 1rem (16px x 16px)",
           "declarations": [
             {
               "name": "size",
@@ -11051,12 +11107,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             }
           ],
           "tags": {
-            "default": "SystemIconCircleSize.m"
+            "default": "\"medium\""
           },
           "defaultValue": {
-            "kind": "symbol",
-            "name": "SystemIconCircleSize.m",
-            "value": "SystemIconCircleSize.m"
+            "kind": "string",
+            "value": "medium"
           }
         },
         {
@@ -11067,7 +11122,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "string"
           },
-          "description": "The alt text of the Avatar image. This prop is also used for the aria-label",
+          "description": "The alt text of the Avatar image. This prop is also used for the aria-label.",
           "declarations": [
             {
               "name": "altText",
@@ -11091,7 +11146,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "string"
           },
-          "description": "The url of the Avatar image.",
+          "description": "The URL of the user's photo. For best fit, use square images.",
           "declarations": [
             {
               "name": "url",
@@ -11100,27 +11155,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "as",
-          "required": false,
-          "type": {
-            "kind": "string",
-            "value": "div"
-          },
-          "description": "The alternative container type for the button. Uses Emotion's special `as` prop.\nWill render an `div` tag instead of a `button` when defined.",
-          "declarations": [
-            {
-              "name": "as",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
-            }
-          ],
-          "tags": {},
-          "defaultValue": {
-            "kind": "string",
-            "value": "div"
-          }
-        },
         {
           "kind": "property",
           "name": "objectFit",
@@ -11130,14 +11164,20 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "name": "Property.ObjectFit",
             "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit"
           },
-          "description": "The object-fit CSS property sets how the content of a replaced element,\nsuch as an `<img>` or `<video>`, should be resized to fit its container.\nSee [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\nIf your image is not a square, you can use this property to ensure the image is rendered properly.",
+          "description": "An objectFit property that can customize how to resize your image to fit its container.",
           "declarations": [
             {
               "name": "objectFit",
               "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
             }
           ],
-          "tags": {}
+          "tags": {
+            "default": "\"contain\""
+          },
+          "defaultValue": {
+            "kind": "string",
+            "value": "contain"
+          }
         },
         {
           "kind": "property",
@@ -11164,8 +11204,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           },
           "defaultValue": {
             "kind": "external",
-            "name": "button",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button"
+            "name": "div",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
           }
         },
         {
@@ -11185,8 +11225,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "required": true,
                 "defaultValue": {
                   "kind": "external",
-                  "name": "button",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button"
+                  "name": "div",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
                 }
               }
             ]
@@ -11246,8 +11286,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       ],
       "baseElement": {
         "kind": "external",
-        "name": "button",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button"
+        "name": "div",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
       },
       "model": "PillModel"
     }
@@ -37160,64 +37200,618 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     }
   },
   {
-    "name": "AvatarVariant",
+    "name": "AvatarProps",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx",
     "description": "",
     "declarations": [
       {
-        "name": "AvatarVariant",
+        "name": "AvatarProps",
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
       }
     ],
     "tags": {},
     "type": {
-      "kind": "object",
-      "typeParameters": [],
-      "properties": [
+      "kind": "alias",
+      "name": "Avatar"
+    }
+  },
+  {
+    "name": "avatarStencil",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "avatarStencil",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "options",
+          "type": {
+            "kind": "conditional",
+            "check": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "E",
+                  "value": "E"
+                }
+              ]
+            },
+            "extends": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "primitive",
+                  "value": "never"
+                }
+              ]
+            },
+            "trueType": {
+              "kind": "intersection",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "ModifierValuesStencil",
+                  "typeParameters": [
+                    {
+                      "kind": "symbol",
+                      "name": "M",
+                      "value": "M"
+                    },
+                    {
+                      "kind": "symbol",
+                      "name": "V",
+                      "value": "V"
+                    }
+                  ],
+                  "value": "ModifierValuesStencil<M, V>"
+                },
+                {
+                  "kind": "symbol",
+                  "name": "VariableValuesStencil",
+                  "typeParameters": [
+                    {
+                      "kind": "symbol",
+                      "name": "V",
+                      "value": "V"
+                    }
+                  ],
+                  "value": "VariableValuesStencil<V>"
+                }
+              ]
+            },
+            "falseType": {
+              "kind": "conditional",
+              "check": {
+                "kind": "symbol",
+                "name": "E",
+                "value": "E"
+              },
+              "extends": {
+                "kind": "symbol",
+                "name": "BaseStencil",
+                "typeParameters": [
+                  {
+                    "kind": "infer",
+                    "value": {
+                      "kind": "typeParameter",
+                      "name": "ME",
+                      "required": true
+                    }
+                  },
+                  {
+                    "kind": "infer",
+                    "value": {
+                      "kind": "typeParameter",
+                      "name": "VE",
+                      "required": true
+                    }
+                  },
+                  {
+                    "kind": "primitive",
+                    "value": "any"
+                  },
+                  {
+                    "kind": "primitive",
+                    "value": "any"
+                  }
+                ],
+                "value": "BaseStencil<M, V, E, ID>"
+              },
+              "trueType": {
+                "kind": "intersection",
+                "value": [
+                  {
+                    "kind": "symbol",
+                    "name": "ModifierValuesStencil",
+                    "typeParameters": [
+                      {
+                        "kind": "intersection",
+                        "value": [
+                          {
+                            "kind": "symbol",
+                            "name": "ME",
+                            "value": "ME"
+                          },
+                          {
+                            "kind": "symbol",
+                            "name": "M",
+                            "value": "M"
+                          }
+                        ]
+                      }
+                    ],
+                    "value": "ModifierValuesStencil<M, V>"
+                  },
+                  {
+                    "kind": "symbol",
+                    "name": "VariableValuesStencil",
+                    "typeParameters": [
+                      {
+                        "kind": "intersection",
+                        "value": [
+                          {
+                            "kind": "symbol",
+                            "name": "VE",
+                            "value": "VE"
+                          },
+                          {
+                            "kind": "symbol",
+                            "name": "V",
+                            "value": "V"
+                          }
+                        ]
+                      }
+                    ],
+                    "value": "VariableValuesStencil<V>"
+                  }
+                ]
+              },
+              "falseType": {
+                "kind": "primitive",
+                "value": "never"
+              }
+            }
+          },
+          "required": false,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "options",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [
         {
           "kind": "property",
-          "name": "Light",
+          "name": "vars",
+          "required": true,
           "type": {
-            "kind": "number",
-            "value": 0
-          }
+            "kind": "symbol",
+            "name": "StencilDefaultVars",
+            "typeParameters": [
+              {
+                "kind": "symbol",
+                "name": "V",
+                "value": "V"
+              },
+              {
+                "kind": "symbol",
+                "name": "E",
+                "value": "E"
+              },
+              {
+                "kind": "symbol",
+                "name": "ID",
+                "value": "ID"
+              }
+            ],
+            "value": "StencilDefaultVars<V, E, ID>"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "vars",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
         },
         {
           "kind": "property",
-          "name": "Dark",
+          "name": "base",
+          "required": true,
           "type": {
-            "kind": "number",
-            "value": 1
-          }
+            "kind": "primitive",
+            "value": "string"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "base",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "modifiers",
+          "required": true,
+          "type": {
+            "kind": "conditional",
+            "check": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "E",
+                  "value": "E"
+                }
+              ]
+            },
+            "extends": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "BaseStencil",
+                  "typeParameters": [
+                    {
+                      "kind": "infer",
+                      "value": {
+                        "kind": "typeParameter",
+                        "name": "ME",
+                        "required": true
+                      }
+                    },
+                    {
+                      "kind": "infer",
+                      "value": {
+                        "kind": "typeParameter",
+                        "name": "VE",
+                        "required": true
+                      }
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    }
+                  ],
+                  "value": "BaseStencil<M, V, E, ID>"
+                }
+              ]
+            },
+            "trueType": {
+              "kind": "symbol",
+              "name": "StencilModifierReturn",
+              "typeParameters": [
+                {
+                  "kind": "intersection",
+                  "value": [
+                    {
+                      "kind": "symbol",
+                      "name": "ME",
+                      "value": "ME"
+                    },
+                    {
+                      "kind": "symbol",
+                      "name": "M",
+                      "value": "M"
+                    }
+                  ]
+                },
+                {
+                  "kind": "intersection",
+                  "value": [
+                    {
+                      "kind": "symbol",
+                      "name": "VE",
+                      "value": "VE"
+                    },
+                    {
+                      "kind": "symbol",
+                      "name": "V",
+                      "value": "V"
+                    }
+                  ]
+                }
+              ],
+              "value": "StencilModifierReturn<M, V>"
+            },
+            "falseType": {
+              "kind": "symbol",
+              "name": "StencilModifierReturn",
+              "typeParameters": [
+                {
+                  "kind": "symbol",
+                  "name": "M",
+                  "value": "M"
+                },
+                {
+                  "kind": "symbol",
+                  "name": "V",
+                  "value": "V"
+                }
+              ],
+              "value": "StencilModifierReturn<M, V>"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "modifiers",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "defaultModifiers",
+          "required": true,
+          "type": {
+            "kind": "conditional",
+            "check": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "E",
+                  "value": "E"
+                }
+              ]
+            },
+            "extends": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "symbol",
+                  "name": "BaseStencil",
+                  "typeParameters": [
+                    {
+                      "kind": "infer",
+                      "value": {
+                        "kind": "typeParameter",
+                        "name": "ME",
+                        "required": true
+                      }
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "any"
+                    }
+                  ],
+                  "value": "BaseStencil<M, V, E, ID>"
+                }
+              ]
+            },
+            "trueType": {
+              "kind": "symbol",
+              "name": "StencilDefaultModifierReturn",
+              "typeParameters": [
+                {
+                  "kind": "intersection",
+                  "value": [
+                    {
+                      "kind": "symbol",
+                      "name": "ME",
+                      "value": "ME"
+                    },
+                    {
+                      "kind": "symbol",
+                      "name": "M",
+                      "value": "M"
+                    }
+                  ]
+                }
+              ],
+              "value": "StencilDefaultModifierReturn<M>"
+            },
+            "falseType": {
+              "kind": "symbol",
+              "name": "StencilDefaultModifierReturn",
+              "typeParameters": [
+                {
+                  "kind": "symbol",
+                  "name": "M",
+                  "value": "M"
+                }
+              ],
+              "value": "StencilDefaultModifierReturn<M>"
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "defaultModifiers",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__extends",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "E",
+            "value": "E"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__extends",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__vars",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "V",
+            "value": "V"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__vars",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__modifiers",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "M",
+            "value": "M"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__modifiers",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__id",
+          "required": true,
+          "type": {
+            "kind": "symbol",
+            "name": "ID",
+            "value": "ID"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__id",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
         }
       ],
-      "callSignatures": []
+      "returnType": {
+        "kind": "object",
+        "properties": [
+          {
+            "kind": "property",
+            "name": "className",
+            "required": true,
+            "type": {
+              "kind": "primitive",
+              "value": "string"
+            },
+            "description": "",
+            "declarations": [
+              {
+                "name": "className",
+                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+              }
+            ],
+            "tags": {}
+          },
+          {
+            "kind": "property",
+            "name": "style",
+            "required": false,
+            "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": "style",
+                "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+              }
+            ],
+            "tags": {}
+          }
+        ]
+      }
     }
   },
   {
-    "name": "AvatarProps",
+    "name": "Avatar",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx",
     "description": "",
     "declarations": [
       {
-        "name": "AvatarProps",
+        "name": "Avatar",
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
       }
     ],
     "tags": {},
     "type": {
-      "kind": "object",
-      "properties": [
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "Avatar",
+      "props": [
         {
           "kind": "property",
           "name": "variant",
           "required": false,
           "type": {
-            "kind": "symbol",
-            "name": "AvatarVariant",
-            "value": "AvatarVariant"
+            "kind": "union",
+            "value": [
+              {
+                "kind": "string",
+                "value": "light"
+              },
+              {
+                "kind": "string",
+                "value": "dark"
+              }
+            ]
           },
-          "description": "The variant of the Avatar default state. Accepts `Light` or `Dark`.",
+          "description": "The variant of the avatar. Use `light` on dark backgrounds and `dark` on light backgrounds.",
           "declarations": [
             {
               "name": "variant",
@@ -37225,7 +37819,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             }
           ],
           "tags": {
-            "default": "AvatarVariant.Light"
+            "default": "\"light\""
+          },
+          "defaultValue": {
+            "kind": "string",
+            "value": "light"
           }
         },
         {
@@ -37236,17 +37834,48 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "union",
             "value": [
               {
-                "kind": "symbol",
-                "name": "SystemIconCircleSize",
-                "value": "SystemIconCircleSize"
+                "kind": "string",
+                "value": "extraSmall"
               },
               {
-                "kind": "primitive",
-                "value": "number"
+                "kind": "string",
+                "value": "small"
+              },
+              {
+                "kind": "string",
+                "value": "medium"
+              },
+              {
+                "kind": "string",
+                "value": "large"
+              },
+              {
+                "kind": "string",
+                "value": "extraLarge"
+              },
+              {
+                "kind": "string",
+                "value": "extraExtraLarge"
+              },
+              {
+                "kind": "parenthesis",
+                "value": {
+                  "kind": "intersection",
+                  "value": [
+                    {
+                      "kind": "primitive",
+                      "value": "string"
+                    },
+                    {
+                      "kind": "object",
+                      "properties": []
+                    }
+                  ]
+                }
               }
             ]
           },
-          "description": "The size of the Avatar.",
+          "description": "The size of the Avatar.\n- `extraExtraLarge`: 7.5rem x 7.5rem (120px  x 120px)\n- `extraLarge`: 4.5rem x 4.5rem (64px x 64px)\n- `large`: 2.5rem x 2.5rem (40px x 40px)\n- `medium`: 2rem x 2rem (32px x 32px)\n- `small`: 1.5rem x 1.5rem (24px x 24px)\n- `small`: 1rem x 1rem (16px x 16px)",
           "declarations": [
             {
               "name": "size",
@@ -37254,7 +37883,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             }
           ],
           "tags": {
-            "default": "SystemIconCircleSize.m"
+            "default": "\"medium\""
+          },
+          "defaultValue": {
+            "kind": "string",
+            "value": "medium"
           }
         },
         {
@@ -37265,7 +37898,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "string"
           },
-          "description": "The alt text of the Avatar image. This prop is also used for the aria-label",
+          "description": "The alt text of the Avatar image. This prop is also used for the aria-label.",
           "declarations": [
             {
               "name": "altText",
@@ -37274,6 +37907,10 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {
             "default": "Avatar"
+          },
+          "defaultValue": {
+            "kind": "string",
+            "value": "Avatar"
           }
         },
         {
@@ -37284,7 +37921,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "string"
           },
-          "description": "The url of the Avatar image.",
+          "description": "The URL of the user's photo. For best fit, use square images.",
           "declarations": [
             {
               "name": "url",
@@ -37293,23 +37930,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "as",
-          "required": false,
-          "type": {
-            "kind": "string",
-            "value": "div"
-          },
-          "description": "The alternative container type for the button. Uses Emotion's special `as` prop.\nWill render an `div` tag instead of a `button` when defined.",
-          "declarations": [
-            {
-              "name": "as",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
-            }
-          ],
-          "tags": {}
-        },
         {
           "kind": "property",
           "name": "objectFit",
@@ -37319,69 +37939,80 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "name": "Property.ObjectFit",
             "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit"
           },
-          "description": "The object-fit CSS property sets how the content of a replaced element,\nsuch as an `<img>` or `<video>`, should be resized to fit its container.\nSee [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\nIf your image is not a square, you can use this property to ensure the image is rendered properly.",
+          "description": "An objectFit property that can customize how to resize your image to fit its container.",
           "declarations": [
             {
               "name": "objectFit",
               "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
             }
           ],
-          "tags": {}
-        }
-      ]
-    }
-  },
-  {
-    "name": "Avatar",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "Avatar",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
-      }
-    ],
-    "tags": {},
-    "type": {
-      "kind": "object",
-      "properties": [
+          "tags": {
+            "default": "\"contain\""
+          },
+          "defaultValue": {
+            "kind": "string",
+            "value": "contain"
+          }
+        },
         {
           "kind": "property",
-          "name": "Variant",
-          "required": true,
-          "type": {
-            "kind": "symbol",
-            "name": "AvatarVariant",
-            "value": "typeof AvatarVariant"
-          },
+          "name": "children",
           "description": "",
-          "declarations": [
-            {
-              "name": "Variant",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
-            }
-          ],
-          "tags": {}
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.ReactNode",
+            "url": "https://reactjs.org/docs/rendering-elements.html"
+          }
         },
         {
           "kind": "property",
-          "name": "Size",
-          "required": true,
+          "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": "symbol",
-            "name": "SystemIconCircleSize",
-            "value": "typeof SystemIconCircleSize"
+            "kind": "external",
+            "name": "React.ElementType",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
           },
-          "description": "",
-          "declarations": [
-            {
-              "name": "Size",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
-            }
-          ],
-          "tags": {}
+          "defaultValue": {
+            "kind": "external",
+            "name": "button",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button"
+          }
+        },
+        {
+          "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": "button",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button"
+                }
+              }
+            ]
+          }
         }
-      ]
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "button",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button"
+      }
     }
   },
   {
@@ -257700,11 +258331,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "value": [
           {
             "kind": "string",
-            "value": "4px"
+            "value": "999px"
           },
           {
             "kind": "string",
-            "value": "999px"
+            "value": "4px"
           },
           {
             "kind": "string",