@workday/canvas-kit-docs 11.0.0-alpha.708-next.0 → 11.0.0-alpha.711-next.0

package/dist/es6/lib/docs.js

@@ -253910,12 +253910,12 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     }
   },
   {
-    "name": "DefaultedVarsMap",
+    "name": "DefaultedVarsMapToCSSVarNames",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts",
-    "description": "",
+    "description": "Maps JS var names to CSS variable names\n\n```ts\n// ID unknown\nDefaultedVarsMapToCSSVarNames<{foo: 'red'}, never> = Record<'foo', string>\n// ID unknown, nested\nDefaultedVarsMapToCSSVarNames<{foo: { bar: 'red' }}> = Record<'foo', Record<'bar', string>>\n\n// ID known\nDefaultedVarsMapToCSSVarNames<{foo: { bar: 'red' }}, 'my-id'> = { foo: '--my-id-red' }\n// ID known, nested\nDefaultedVarsMapToCSSVarNames<{foo: { bar: 'red' }}, 'my-id'> = { foo: { bar: '--my-id-red' }}\n```",
     "declarations": [
       {
-        "name": "DefaultedVarsMap",
+        "name": "DefaultedVarsMapToCSSVarNames",
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
       }
     ],
@@ -253925,7 +253925,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "typeParameters": [
         {
           "kind": "typeParameter",
-          "name": "T",
+          "name": "V",
           "constraint": {
             "kind": "union",
             "value": [
@@ -254017,7 +254017,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "kind": "conditional",
           "check": {
             "kind": "generic",
-            "name": "T"
+            "name": "V"
           },
           "extends": {
             "kind": "external",
@@ -254042,7 +254042,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               {
                 "kind": "unknown",
                 "value": "unknown",
-                "text": "keyof T"
+                "text": "keyof V"
               },
               {
                 "kind": "primitive",
@@ -254053,17 +254053,177 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "falseType": {
             "kind": "unknown",
             "value": "unknown",
-            "text": "{[K in keyof T]: Record<keyof T[K], string>}"
+            "text": "{[K in keyof V]: Record<keyof V[K], string>}"
           }
         },
         "falseType": {
           "kind": "unknown",
           "value": "unknown",
-          "text": "{\n      [K in keyof T]: T[K] extends Record<string, string>\n        ? DefaultedVarsMap<T[K], `${ID}-${ToString<K>}`> // TypeScript doesn't know K is a string here and will throw an error, so we have to coerce it\n        : CSSVarName<ID, K>;\n    }"
+          "text": "{\n      [K in keyof V]: V[K] extends Record<string, string>\n        ? DefaultedVarsMapToCSSVarNames<V[K], `${ID}-${ToString<K>}`> // TypeScript doesn't know K is a string here and will throw an error, so we have to coerce it\n        : CSSVarName<ID, K>;\n    }"
         }
       }
     }
   },
+  {
+    "name": "DefaultedVarsMap",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts",
+    "description": "Maps CSS var names to defaulted values if possible. If no ID is provided, TypeScript won't know\nthe CSS var name and will return `Record<string, string>`. If the ID is known, a full mapping\nwill be returned.\n\n```ts\n// ID known\nDefaultedVarsMap<{foo: 'red'}, 'my-id'> = { '--my-id-foo': 'red' }\n// ID known, nested\nDefaultedVarsMap<{foo: { bar: 'red' }}, 'my-id'> = { foo: { '--my-id-bar': 'red' }}\n```",
+    "declarations": [
+      {
+        "name": "DefaultedVarsMap",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "object",
+      "properties": [
+        {
+          "kind": "property",
+          "name": "$defaults",
+          "required": true,
+          "type": {
+            "kind": "conditional",
+            "check": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "generic",
+                  "name": "ID"
+                }
+              ]
+            },
+            "extends": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "primitive",
+                  "value": "never"
+                }
+              ]
+            },
+            "trueType": {
+              "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"
+                }
+              ]
+            },
+            "falseType": {
+              "kind": "conditional",
+              "check": {
+                "kind": "generic",
+                "name": "V"
+              },
+              "extends": {
+                "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"
+                  }
+                ]
+              },
+              "trueType": {
+                "kind": "unknown",
+                "value": "unknown",
+                "text": "{\n        [K in keyof V as CSSVarName<ID, K>]: V[K]; // The variables are a simple flat object with string values\n      }"
+              },
+              "falseType": {
+                "kind": "unknown",
+                "value": "unknown",
+                "text": "{[K in FlattenObjectKeys<V> as CSSVarName<ID, K>]: ExtractValue<V, K>}"
+              }
+            }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "$defaults",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "typeParameters": [
+        {
+          "kind": "typeParameter",
+          "name": "V",
+          "constraint": {
+            "kind": "union",
+            "value": [
+              {
+                "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"
+                  }
+                ]
+              },
+              {
+                "kind": "external",
+                "name": "Record",
+                "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
+                "typeParameters": [
+                  {
+                    "kind": "primitive",
+                    "value": "string"
+                  },
+                  {
+                    "kind": "external",
+                    "name": "Record",
+                    "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
+                    "typeParameters": [
+                      {
+                        "kind": "primitive",
+                        "value": "string"
+                      },
+                      {
+                        "kind": "primitive",
+                        "value": "string"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          "required": true
+        },
+        {
+          "kind": "typeParameter",
+          "name": "ID",
+          "constraint": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "required": true
+        }
+      ]
+    }
+  },
   {
     "name": "createDefaultedVars",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts",
@@ -254222,43 +254382,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "name": "T"
           },
           {
-            "kind": "parenthesis",
-            "value": {
-              "kind": "function",
-              "parameters": [
-                {
-                  "kind": "parameter",
-                  "name": "modifiers",
-                  "type": {
-                    "kind": "symbol",
-                    "name": "Partial",
-                    "typeParameters": [
-                      {
-                        "kind": "symbol",
-                        "name": "ModifierValues",
-                        "value": "ModifierValues<T>"
-                      }
-                    ],
-                    "value": "Partial<T>"
-                  },
-                  "required": true,
-                  "rest": false,
-                  "description": "",
-                  "declarations": [
-                    {
-                      "name": "modifiers",
-                      "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
-                    }
-                  ],
-                  "tags": {}
-                }
-              ],
-              "members": [],
-              "returnType": {
-                "kind": "primitive",
-                "value": "string"
-              }
-            }
+            "kind": "symbol",
+            "name": "ModifierFn",
+            "value": "ModifierFn<T>"
           }
         ]
       }
@@ -254470,14 +254596,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "members": [],
       "returnType": {
         "kind": "symbol",
-        "name": "ModifierReturn",
-        "typeParameters": [
-          {
-            "kind": "generic",
-            "name": "M"
-          }
-        ],
-        "value": "ModifierReturn<T>"
+        "name": "ModifierFn",
+        "value": "ModifierFn<M>"
       }
     }
   },
@@ -255016,6 +255136,38 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             ]
           },
           "required": false
+        },
+        {
+          "kind": "typeParameter",
+          "name": "E",
+          "defaultValue": {
+            "kind": "primitive",
+            "value": "never"
+          },
+          "constraint": {
+            "kind": "symbol",
+            "name": "BaseStencil",
+            "typeParameters": [
+              {
+                "kind": "primitive",
+                "value": "any"
+              },
+              {
+                "kind": "primitive",
+                "value": "any"
+              },
+              {
+                "kind": "primitive",
+                "value": "any"
+              },
+              {
+                "kind": "primitive",
+                "value": "any"
+              }
+            ],
+            "value": "BaseStencil<M, V, E, ID>"
+          },
+          "required": false
         }
       ],
       "value": {
@@ -255039,7 +255191,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               {
                 "kind": "symbol",
                 "name": "StylesReturn",
-                "value": "StylesReturn<V>"
+                "value": "StylesReturn<V, E>"
               }
             ]
           }
@@ -255131,6 +255283,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     "type": {
       "kind": "object",
       "properties": [
+        {
+          "kind": "property",
+          "name": "extends",
+          "required": false,
+          "type": {
+            "kind": "generic",
+            "name": "E"
+          },
+          "description": "A Stencil can extend another stencil. Styles are not copied from one stencil to another, but\nrather the class name generated for each stencil will be included in the stencil output. For\nexample:\n\n```ts\nconst baseStencil = createStencil({\n  base: {padding: 5}\n});\nconst extendingStencil = createStencil({\n  extends: baseStencil,\n  base: {margin: 5}\n});\n```\n\nIn this example, `extendingStencil` does not have a base style that includes `padding`, but\ncalling the stencil will return both style classes created:\n\n```ts\nextendingStencil() // {className: 'css-{base} css-{extending}'}\n```\n\nNotice when the stencil is called, it will return the CSS class name of each stencil.\n\nAn extending stencil can use a `compound` modifier that includes references to the base stencil\nmodifiers. For runtime, each compound modifier has a unique class name. The static CSS\nextraction will use the base modifier name in the selector.",
+          "declarations": [
+            {
+              "name": "extends",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+            }
+          ],
+          "tags": {}
+        },
         {
           "kind": "property",
           "name": "vars",
@@ -255139,7 +255308,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "generic",
             "name": "V"
           },
-          "description": "",
+          "description": "A stencil can support CSS variables. Since CSS variables cascade by default, variables are\ndefined with defaults. These defaults are added automatically to the `base` styles to prevent\nCSS variables defined higher in the DOM tree from cascading into a component.\n\n```ts\nconst buttonStencil = createStencil({\n  vars: {color: 'red'},\n  base: {padding: 5}\n})\n```\n\n```css\n.css-button {\n  --css-button-color: red;\n  padding: 5px;\n}\n```\n\nAccess to variables in `base` and `modifiers` is done via a function wrapper that gives\nall variables.\n\n```ts\nconst buttonStencil = createStyles({\n  vars: {color: 'red'},\n  base({color}) {\n    return {color: color}\n  }\n})\n```\n\n```css\n.css-button {\n  --css-button-color: red;\n  color: var(--css-button-color);\n}\n```",
           "declarations": [
             {
               "name": "vars",
@@ -255155,7 +255324,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "type": {
             "kind": "symbol",
             "name": "StylesReturn",
-            "value": "StylesReturn<V>"
+            "value": "StylesReturn<V, E>"
           },
           "description": "Base styles. These styles will always be returned when the stencil is called",
           "declarations": [
@@ -255190,22 +255359,104 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "type": {
             "kind": "array",
             "value": {
-              "kind": "symbol",
-              "name": "StencilCompoundConfig",
-              "typeParameters": [
-                {
-                  "kind": "generic",
-                  "name": "M"
-                }
-              ],
-              "value": "StencilCompoundConfig<M>"
-            }
-          },
-          "description": "Stencil compound modifiers. The styles of a compound modifier are returned only if each modifier\nmatches the specified value. For example:\n\n```tsx\nconst stencil = createStencil({\n  base: {\n    padding: 5,\n  },\n  modifiers: {\n    size: {\n      large: {\n        padding: 10\n      }\n    },\n    position: {\n      start: {\n        paddingInlineStart: 0\n      }\n    }\n  },\n  compound: [\n    {\n      modifiers: {\n        size: 'large',\n        position: 'start',\n      },\n      styles: {\n        paddingInlineStart: 5\n      }\n    }\n  ]\n})\n\nstencil({})\n// {padding: 5px;}\nstencil({size: 'large'})\n// {padding: 10px;}\nstencil({position: 'start' })\n// {padding: 5px; paddingInlineStart: 0}\nstencil({size: 'large', position: 'start' })\n// {padding: 10px; paddingInlineStart: 5px;}\n```",
-          "declarations": [
-            {
-              "name": "compound",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+              "kind": "parenthesis",
+              "value": {
+                "kind": "conditional",
+                "check": {
+                  "kind": "tuple",
+                  "value": [
+                    {
+                      "kind": "generic",
+                      "name": "E"
+                    }
+                  ]
+                },
+                "extends": {
+                  "kind": "tuple",
+                  "value": [
+                    {
+                      "kind": "primitive",
+                      "value": "never"
+                    }
+                  ]
+                },
+                "trueType": {
+                  "kind": "symbol",
+                  "name": "StencilCompoundConfig",
+                  "typeParameters": [
+                    {
+                      "kind": "generic",
+                      "name": "M"
+                    }
+                  ],
+                  "value": "StencilCompoundConfig<M>"
+                },
+                "falseType": {
+                  "kind": "conditional",
+                  "check": {
+                    "kind": "generic",
+                    "name": "E"
+                  },
+                  "extends": {
+                    "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": "StencilCompoundConfig",
+                    "typeParameters": [
+                      {
+                        "kind": "intersection",
+                        "value": [
+                          {
+                            "kind": "generic",
+                            "name": "ME"
+                          },
+                          {
+                            "kind": "generic",
+                            "name": "M"
+                          }
+                        ]
+                      }
+                    ],
+                    "value": "StencilCompoundConfig<M>"
+                  },
+                  "falseType": {
+                    "kind": "primitive",
+                    "value": "never"
+                  }
+                }
+              }
+            }
+          },
+          "description": "Stencil compound modifiers. The styles of a compound modifier are returned only if each modifier\nmatches the specified value. For example:\n\n```tsx\nconst stencil = createStencil({\n  base: {\n    padding: 5,\n  },\n  modifiers: {\n    size: {\n      large: {\n        padding: 10\n      }\n    },\n    position: {\n      start: {\n        paddingInlineStart: 0\n      }\n    }\n  },\n  compound: [\n    {\n      modifiers: {\n        size: 'large',\n        position: 'start',\n      },\n      styles: {\n        paddingInlineStart: 5\n      }\n    }\n  ]\n})\n\nstencil({})\n// {padding: 5px;}\nstencil({size: 'large'})\n// {padding: 10px;}\nstencil({position: 'start' })\n// {padding: 5px; paddingInlineStart: 0}\nstencil({size: 'large', position: 'start' })\n// {padding: 10px; paddingInlineStart: 5px;}\n```",
+          "declarations": [
+            {
+              "name": "compound",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
             }
           ],
           "tags": {}
@@ -255258,23 +255509,235 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                       {
                         "kind": "generic",
                         "name": "V"
+                      },
+                      {
+                        "kind": "generic",
+                        "name": "E"
                       }
                     ],
-                    "value": "StylesReturn<V>"
+                    "value": "StylesReturn<V, E>"
+                  }
+                ]
+              }
+            ]
+          },
+          "required": true
+        },
+        {
+          "kind": "typeParameter",
+          "name": "V",
+          "defaultValue": {
+            "kind": "object",
+            "properties": []
+          },
+          "constraint": {
+            "kind": "union",
+            "value": [
+              {
+                "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"
                   }
                 ]
+              },
+              {
+                "kind": "external",
+                "name": "Record",
+                "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
+                "typeParameters": [
+                  {
+                    "kind": "primitive",
+                    "value": "string"
+                  },
+                  {
+                    "kind": "external",
+                    "name": "Record",
+                    "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
+                    "typeParameters": [
+                      {
+                        "kind": "primitive",
+                        "value": "string"
+                      },
+                      {
+                        "kind": "primitive",
+                        "value": "string"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          "required": false
+        },
+        {
+          "kind": "typeParameter",
+          "name": "E",
+          "defaultValue": {
+            "kind": "primitive",
+            "value": "never"
+          },
+          "constraint": {
+            "kind": "symbol",
+            "name": "BaseStencil",
+            "typeParameters": [
+              {
+                "kind": "primitive",
+                "value": "any"
+              },
+              {
+                "kind": "primitive",
+                "value": "any"
+              },
+              {
+                "kind": "primitive",
+                "value": "any"
+              },
+              {
+                "kind": "primitive",
+                "value": "any"
+              }
+            ],
+            "value": "BaseStencil<M, V, E, ID>"
+          },
+          "required": false
+        },
+        {
+          "kind": "typeParameter",
+          "name": "ID",
+          "defaultValue": {
+            "kind": "primitive",
+            "value": "never"
+          },
+          "constraint": {
+            "kind": "union",
+            "value": [
+              {
+                "kind": "primitive",
+                "value": "string"
+              },
+              {
+                "kind": "primitive",
+                "value": "never"
+              }
+            ]
+          },
+          "required": false
+        }
+      ]
+    }
+  },
+  {
+    "name": "BaseStencil",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts",
+    "description": "",
+    "declarations": [
+      {
+        "name": "BaseStencil",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "object",
+      "properties": [
+        {
+          "kind": "property",
+          "name": "__extends",
+          "required": false,
+          "type": {
+            "kind": "generic",
+            "name": "E"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__extends",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__vars",
+          "required": true,
+          "type": {
+            "kind": "generic",
+            "name": "V"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__vars",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__modifiers",
+          "required": true,
+          "type": {
+            "kind": "generic",
+            "name": "M"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__modifiers",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__id",
+          "required": true,
+          "type": {
+            "kind": "generic",
+            "name": "ID"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__id",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "typeParameters": [
+        {
+          "kind": "typeParameter",
+          "name": "M",
+          "constraint": {
+            "kind": "symbol",
+            "name": "StencilModifierConfig",
+            "typeParameters": [
+              {
+                "kind": "generic",
+                "name": "V"
               }
-            ]
+            ],
+            "value": "StencilModifierConfig<V, E>"
           },
           "required": true
         },
         {
           "kind": "typeParameter",
           "name": "V",
-          "defaultValue": {
-            "kind": "object",
-            "properties": []
-          },
           "constraint": {
             "kind": "union",
             "value": [
@@ -255321,27 +255784,50 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               }
             ]
           },
-          "required": false
+          "required": true
         },
         {
           "kind": "typeParameter",
-          "name": "ID",
+          "name": "E",
           "defaultValue": {
             "kind": "primitive",
             "value": "never"
           },
           "constraint": {
-            "kind": "union",
-            "value": [
+            "kind": "symbol",
+            "name": "BaseStencil",
+            "typeParameters": [
               {
                 "kind": "primitive",
-                "value": "string"
+                "value": "any"
               },
               {
                 "kind": "primitive",
-                "value": "never"
+                "value": "any"
+              },
+              {
+                "kind": "primitive",
+                "value": "any"
+              },
+              {
+                "kind": "primitive",
+                "value": "any"
               }
-            ]
+            ],
+            "value": "BaseStencil<M, V, E, ID>"
+          },
+          "required": false
+        },
+        {
+          "kind": "typeParameter",
+          "name": "ID",
+          "defaultValue": {
+            "kind": "primitive",
+            "value": "never"
+          },
+          "constraint": {
+            "kind": "primitive",
+            "value": "string"
           },
           "required": false
         }
@@ -255367,9 +255853,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "vars",
           "required": true,
           "type": {
-            "kind": "symbol",
-            "name": "DefaultedVars",
-            "value": "DefaultedVars<V, ID>"
+            "kind": "generic",
+            "name": "StencilDefaultVars"
           },
           "description": "",
           "declarations": [
@@ -255402,9 +255887,72 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "modifiers",
           "required": true,
           "type": {
-            "kind": "symbol",
-            "name": "StencilModifierReturn",
-            "value": "StencilModifierReturn<M, V>"
+            "kind": "conditional",
+            "check": {
+              "kind": "tuple",
+              "value": [
+                {
+                  "kind": "generic",
+                  "name": "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",
+              "value": "StencilModifierReturn<ME & M, VE & V>"
+            },
+            "falseType": {
+              "kind": "symbol",
+              "name": "StencilModifierReturn",
+              "typeParameters": [
+                {
+                  "kind": "generic",
+                  "name": "M"
+                },
+                {
+                  "kind": "generic",
+                  "name": "V"
+                }
+              ],
+              "value": "StencilModifierReturn<M, V>"
+            }
           },
           "description": "",
           "declarations": [
@@ -255414,6 +255962,92 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             }
           ],
           "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "defaultModifiers",
+          "required": true,
+          "type": {
+            "kind": "unknown",
+            "value": "unknown",
+            "text": "{[K in keyof M]?: keyof M[K]}"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "defaultModifiers",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__extends",
+          "required": false,
+          "type": {
+            "kind": "generic",
+            "name": "E"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__extends",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__vars",
+          "required": true,
+          "type": {
+            "kind": "generic",
+            "name": "V"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__vars",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__modifiers",
+          "required": true,
+          "type": {
+            "kind": "generic",
+            "name": "M"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__modifiers",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "__id",
+          "required": true,
+          "type": {
+            "kind": "generic",
+            "name": "ID"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "__id",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
+            }
+          ],
+          "tags": {}
         }
       ],
       "typeParameters": [
@@ -255427,9 +256061,13 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               {
                 "kind": "generic",
                 "name": "V"
+              },
+              {
+                "kind": "generic",
+                "name": "E"
               }
             ],
-            "value": "StencilModifierConfig<V>"
+            "value": "StencilModifierConfig<V, E>"
           },
           "required": true
         },
@@ -255484,6 +256122,38 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           },
           "required": true
         },
+        {
+          "kind": "typeParameter",
+          "name": "E",
+          "defaultValue": {
+            "kind": "primitive",
+            "value": "never"
+          },
+          "constraint": {
+            "kind": "symbol",
+            "name": "BaseStencil",
+            "typeParameters": [
+              {
+                "kind": "primitive",
+                "value": "any"
+              },
+              {
+                "kind": "primitive",
+                "value": "any"
+              },
+              {
+                "kind": "primitive",
+                "value": "any"
+              },
+              {
+                "kind": "primitive",
+                "value": "any"
+              }
+            ],
+            "value": "BaseStencil<M, V, E, ID>"
+          },
+          "required": false
+        },
         {
           "kind": "typeParameter",
           "name": "ID",
@@ -255526,7 +256196,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "name": "V"
               }
             ],
-            "value": "StencilModifierConfig<V>"
+            "value": "StencilModifierConfig<V, E>"
           },
           "required": true
         },
@@ -255585,6 +256255,38 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           },
           "required": false
         },
+        {
+          "kind": "typeParameter",
+          "name": "E",
+          "defaultValue": {
+            "kind": "primitive",
+            "value": "never"
+          },
+          "constraint": {
+            "kind": "symbol",
+            "name": "BaseStencil",
+            "typeParameters": [
+              {
+                "kind": "primitive",
+                "value": "any"
+              },
+              {
+                "kind": "primitive",
+                "value": "any"
+              },
+              {
+                "kind": "primitive",
+                "value": "any"
+              },
+              {
+                "kind": "primitive",
+                "value": "any"
+              }
+            ],
+            "value": "BaseStencil<M, V, E, ID>"
+          },
+          "required": false
+        },
         {
           "kind": "typeParameter",
           "name": "ID",
@@ -255615,12 +256317,16 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "kind": "generic",
                 "name": "V"
               },
+              {
+                "kind": "generic",
+                "name": "E"
+              },
               {
                 "kind": "generic",
                 "name": "ID"
               }
             ],
-            "value": "StencilConfig<M, V, ID>"
+            "value": "StencilConfig<M, V, E, ID>"
           },
           "required": true,
           "rest": false,
@@ -255665,12 +256371,16 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "generic",
             "name": "V"
           },
+          {
+            "kind": "generic",
+            "name": "E"
+          },
           {
             "kind": "generic",
             "name": "ID"
           }
         ],
-        "value": "Stencil<M, V, ID>"
+        "value": "Stencil<M, V, E, ID>"
       }
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "11.0.0-alpha.708-next.0",
+  "version": "11.0.0-alpha.711-next.0",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -44,10 +44,10 @@
   "dependencies": {
     "@emotion/styled": "^11.6.0",
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-labs-react": "^11.0.0-alpha.708-next.0",
-    "@workday/canvas-kit-preview-react": "^11.0.0-alpha.708-next.0",
-    "@workday/canvas-kit-react": "^11.0.0-alpha.708-next.0",
-    "@workday/canvas-kit-styling": "^11.0.0-alpha.708-next.0",
+    "@workday/canvas-kit-labs-react": "^11.0.0-alpha.711-next.0",
+    "@workday/canvas-kit-preview-react": "^11.0.0-alpha.711-next.0",
+    "@workday/canvas-kit-react": "^11.0.0-alpha.711-next.0",
+    "@workday/canvas-kit-styling": "^11.0.0-alpha.711-next.0",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^1.0.2",
     "markdown-to-jsx": "^6.10.3",
@@ -59,5 +59,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "4.2"
   },
-  "gitHead": "c88b748b4f8ad105e0cc48bd7b67716841abe30d"
+  "gitHead": "1dc9ed8928cfa20e36933a878d798660ef07dde5"
 }