@workday/canvas-kit-docs 15.0.0-alpha.1303-next.0 → 15.0.0

package/README.md

@@ -12,13 +12,13 @@ yarn add @workday/canvas-kit-docs
 
 ## Usage
 
-The `Specifications` component is meant to be used in MDX files by file name and top-level `describe`
-name:
+The `Specifications` component is meant to be used in MDX files by file name and top-level
+`describe` name:
 
 ```mdx
 import {Specifications} from '@workday/canvas-kit-docs';
 
-<Specifications file="Tooltip.spec.tsx" name="Tooltip">
+<Specifications file="./cypress/component/Tooltip.spec.tsx" name="Tooltip">
 ```
 
 ## Component Props
@@ -53,15 +53,15 @@ import {StorybookURL} from '@workday/canvas-kit-docs';
 
 <StorybookURL.Provider value="https://workday.github.io/canvas-kit/">
   <Specifications file="Tooltip.spec.ts" />
-</StorybookURL.Provider>
+</StorybookURL.Provider>;
 ```
 
 This provider should be defined high up in the React tree and not directly in MDX files.
 
 # GithubBranch
 
-The `GithubBranch` is used for links to source code files in documentation. The default is `master` which
-works for mainline development, but could also point to a specific branch or tag.
+The `GithubBranch` is used for links to source code files in documentation. The default is `master`
+which works for mainline development, but could also point to a specific branch or tag.
 
 ## Usage
 

package/dist/es6/docgen/createTraversals.d.ts

@@ -1,5 +1,2 @@
-/**
- * Creates `traversals.ts` from the source typescript.d.ts file for guards and the `find` function
- */
 export {};
 //# sourceMappingURL=createTraversals.d.ts.map

package/dist/es6/docgen/createTraversals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTraversals.d.ts","sourceRoot":"","sources":["../../../docgen/createTraversals.ts"],"names":[],"mappings":"AAAA;;GAEG"}
+{"version":3,"file":"createTraversals.d.ts","sourceRoot":"","sources":["../../../docgen/createTraversals.ts"],"names":[],"mappings":""}

package/dist/es6/docgen/docParser.d.ts

@@ -1,5 +1,5 @@
 import ts from 'typescript';
-import { JSDoc, ExportedSymbol, Value, TypeParameter, UnknownValue, ObjectProperty, FunctionParameter } from './docTypes';
+import { ExportedSymbol, FunctionParameter, JSDoc, ObjectProperty, TypeParameter, UnknownValue, Value } from './docTypes';
 export declare class DocParser<T extends {
     kind: string;
 } = any> {

package/dist/es6/docgen/docParser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"docParser.d.ts","sourceRoot":"","sources":["../../../docgen/docParser.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"docParser.d.ts","sourceRoot":"","sources":["../../../docgen/docParser.ts"],"names":[],"mappings":"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"}

package/dist/es6/docgen/docParser.js

@@ -21,8 +21,9 @@ export class DocParser {
     getExportedSymbols(fileName) {
         const symbols = [];
         const sourceFile = this.program.getSourceFile(fileName);
-        if (!sourceFile)
+        if (!sourceFile) {
             return symbols;
+        }
         find(sourceFile, node => {
             const kind = node.kind;
             return ([
@@ -293,6 +294,7 @@ function _getValueFromNode(parser, node) {
         const symbol = getSymbolFromNode(parser, node);
         const type = checker.getTypeAtLocation(node);
         const jsDoc = findDocComment(checker, symbol);
+        // eslint-disable-next-line no-empty
         if (jsDoc.tags.default) {
         }
         return {
@@ -394,8 +396,9 @@ function _getValueFromNode(parser, node) {
             return getObjectValueFromType(parser, type);
         }
         const value = getValueFromType(parser, type);
-        if (value)
+        if (value) {
             return value;
+        }
     }
     /**
      * A property signature is a property of a type object (or interface). This will include JSDoc.
@@ -805,6 +808,7 @@ function _getValueFromNode(parser, node) {
         const type = checker.getTypeAtLocation(node);
         if (symbol) {
             if (type.getFlags() & ts.TypeFlags.Instantiable) {
+                // eslint-disable-next-line @typescript-eslint/no-unused-expressions
                 symbol.name;
                 // It is a generic type
                 return { kind: 'generic', name: symbol === null || symbol === void 0 ? void 0 : symbol.name };
@@ -987,7 +991,13 @@ export function getFullJsDocComment(checker, symbol) {
     if (symbol.getDocumentationComment === undefined) {
         return defaultJSDoc;
     }
-    let mainComment = ts.displayPartsToString(symbol.getDocumentationComment(checker));
+    let mainComment = ts.displayPartsToString(symbol
+        .getDocumentationComment(checker)
+        .map(s => s.kind === 'linkText'
+        ? { ...s, text: s.text.trim() }
+        : s.kind === 'linkName'
+            ? { ...s, text: s.text.trim() + ' ' }
+            : s));
     if (mainComment) {
         mainComment = mainComment.replace(/\r\n/g, '\n');
     }
@@ -1268,7 +1278,7 @@ export function getValueFromType(parser, type, node) {
     if (type.isUnion()) {
         // If we got here, it means a TypeNode was a TypeReference that wasn't exported or a synthetic
         // TypeNode `keyof *` that `getValueFromNode` couldn't properly parse.
-        let filteredTypes = type.types;
+        const filteredTypes = type.types;
         return {
             kind: 'union',
             value: filteredTypes.map(t => getValueFromType(parser, t) || unknownValue(checker.typeToString(t))),

package/dist/es6/docgen/plugins/componentParser.d.ts

@@ -1,7 +1,7 @@
 import ts from 'typescript';
-import { ComponentValue } from './customTypes';
 import { DocParser } from '../docParser';
 import { ObjectProperty, Value } from '../docTypes';
+import { ComponentValue } from './customTypes';
 export declare const componentParser: import("../docParser").ParserPlugin<ComponentValue>;
 /**
  * Evaluate the return type looking for a `React.ReactElement` type based on the `props`.

package/dist/es6/docgen/plugins/componentParser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"componentParser.d.ts","sourceRoot":"","sources":["../../../../docgen/plugins/componentParser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAE7C,OAAO,EAEL,SAAS,EAOV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAC,cAAc,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AAElD,eAAO,MAAM,eAAe,qDA+I1B,CAAC;AAEH;;GAEG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,WAS9C;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,SAAS,CAAC,cAAc,CAAC,EACjC,IAAI,EAAE,EAAE,CAAC,IAAI,EACb,YAAY,GAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAM,GACvC,cAAc,EAAE,CAgBlB;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,SAAS,EACjB,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,GACb,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAUvB;AAED;;;;;GAKG;AACH,wBAAgB,mCAAmC,CACjD,MAAM,EAAE,SAAS,EACjB,IAAI,EAAE,EAAE,CAAC,IAAI,GACZ,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAevB"}
+{"version":3,"file":"componentParser.d.ts","sourceRoot":"","sources":["../../../../docgen/plugins/componentParser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EACL,SAAS,EAQV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,cAAc,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AAElD,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,eAAe,qDA+I1B,CAAC;AAEH;;GAEG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,WAS9C;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,SAAS,CAAC,cAAc,CAAC,EACjC,IAAI,EAAE,EAAE,CAAC,IAAI,EACb,YAAY,GAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAM,GACvC,cAAc,EAAE,CAgBlB;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,SAAS,EACjB,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,GACb,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAavB;AAED;;;;;GAKG;AACH,wBAAgB,mCAAmC,CACjD,MAAM,EAAE,SAAS,EACjB,IAAI,EAAE,EAAE,CAAC,IAAI,GACZ,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAkBvB"}

package/dist/es6/docgen/plugins/componentParser.js

@@ -1,5 +1,5 @@
 import ts from 'typescript';
-import { createParserPlugin, filterObjectProperties, getValueDeclaration, getDefaultFromTags, isObject, isExportedSymbol, getValidDefaultFromNode, } from '../docParser';
+import { createParserPlugin, filterObjectProperties, getDefaultFromTags, getValidDefaultFromNode, getValueDeclaration, isExportedSymbol, isObject, } from '../docParser';
 import t from '../traverse';
 export const componentParser = createParserPlugin((node, parser) => {
     var _a, _b;

package/dist/es6/docgen/plugins/customTypes.d.ts

@@ -1,4 +1,4 @@
-import { ObjectProperty, Value, JSDoc, SymbolValue, FunctionValue } from '../docTypes';
+import { FunctionValue, JSDoc, ObjectProperty, SymbolValue, Value } from '../docTypes';
 export interface ModelHookValue {
     kind: 'modelHook';
     name: string;

package/dist/es6/docgen/plugins/customTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"customTypes.d.ts","sourceRoot":"","sources":["../../../../docgen/plugins/customTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAC,MAAM,aAAa,CAAC;AAErF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,cAAc,EAAE,cAAc,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB;;OAEG;IACH,eAAe,EAAE,cAAc,EAAE,CAAC;CACnC;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,WAAW,EAAE,cAAc,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,uBAAuB,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,WAAW,GAAG,kBAAkB,GAAG,0BAA0B,CAAC,EAAE,CAAC;CAC7E;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,uBAAuB,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,aAAa,CAAC;IAClB,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;IAClB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,aAAa,EAAE,WAAW,GAAG,cAAc,GAAG,SAAS,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,GAAG;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAAC,EAAE,CAAC;IAC3D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,WAAW,CAAC;CAC9B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,aAAa,CAAC;CACrB"}
+{"version":3,"file":"customTypes.d.ts","sourceRoot":"","sources":["../../../../docgen/plugins/customTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AAErF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,cAAc,EAAE,cAAc,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB;;OAEG;IACH,eAAe,EAAE,cAAc,EAAE,CAAC;CACnC;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,WAAW,EAAE,cAAc,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,uBAAuB,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,WAAW,GAAG,kBAAkB,GAAG,0BAA0B,CAAC,EAAE,CAAC;CAC7E;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,uBAAuB,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,aAAa,CAAC;IAClB,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;IAClB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,aAAa,EAAE,WAAW,GAAG,cAAc,GAAG,SAAS,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,GAAG;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAAC,EAAE,CAAC;IAC3D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,WAAW,CAAC;CAC9B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,aAAa,CAAC;CACrB"}

package/dist/es6/docgen/plugins/enhancedComponentParser.d.ts

@@ -1,4 +1,4 @@
-import { EnhancedComponentValue, CanvasColorValue, ElemPropsHookValue, ComposedElemPropsHookValue, SubModelElemPropsHookValue } from './customTypes';
+import { CanvasColorValue, ComposedElemPropsHookValue, ElemPropsHookValue, EnhancedComponentValue, SubModelElemPropsHookValue } from './customTypes';
 type SupportedValues = EnhancedComponentValue | CanvasColorValue | ElemPropsHookValue | ComposedElemPropsHookValue | SubModelElemPropsHookValue;
 export declare const enhancedComponentParser: import("../docParser").ParserPlugin<SupportedValues>;
 export {};

package/dist/es6/docgen/plugins/enhancedComponentParser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"enhancedComponentParser.d.ts","sourceRoot":"","sources":["../../../../docgen/plugins/enhancedComponentParser.ts"],"names":[],"mappings":"AACA,OAAO,EACL,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,0BAA0B,EAC1B,0BAA0B,EAC3B,MAAM,eAAe,CAAC;AA2IvB,KAAK,eAAe,GAChB,sBAAsB,GACtB,gBAAgB,GAChB,kBAAkB,GAClB,0BAA0B,GAC1B,0BAA0B,CAAC;AAE/B,eAAO,MAAM,uBAAuB,sDAmYlC,CAAC"}
+{"version":3,"file":"enhancedComponentParser.d.ts","sourceRoot":"","sources":["../../../../docgen/plugins/enhancedComponentParser.ts"],"names":[],"mappings":"AAwBA,OAAO,EACL,gBAAgB,EAChB,0BAA0B,EAC1B,kBAAkB,EAClB,sBAAsB,EACtB,0BAA0B,EAC3B,MAAM,eAAe,CAAC;AAoHvB,KAAK,eAAe,GAChB,sBAAsB,GACtB,gBAAgB,GAChB,kBAAkB,GAClB,0BAA0B,GAC1B,0BAA0B,CAAC;AAE/B,eAAO,MAAM,uBAAuB,sDAmYlC,CAAC"}

package/dist/es6/docgen/plugins/enhancedComponentParser.js

@@ -1,5 +1,5 @@
 import ts from 'typescript';
-import { createParserPlugin, defaultJSDoc, findDocComment, getDefaultsFromObjectBindingParameter, getSymbolFromNode, getValueDeclaration, unknownValue, filterObjectProperties, getDefaultFromTags, getValidDefaultFromNode, } from '../docParser';
+import { createParserPlugin, defaultJSDoc, filterObjectProperties, findDocComment, getDefaultFromTags, getDefaultsFromObjectBindingParameter, getSymbolFromNode, getValidDefaultFromNode, getValueDeclaration, unknownValue, } from '../docParser';
 import t from '../traverse';
 /** Track if we've set a custom color symbol yet */
 let shouldCreateColorSymbol = true;
@@ -470,6 +470,7 @@ function getReturnTypeFromElemPropsHook(parser, signature) {
         if (typeNode) {
             const value = parser.getValueFromNode(typeNode);
             if (value.kind === 'object') {
+                // eslint-disable-next-line @typescript-eslint/no-unused-expressions
                 value.properties;
             }
             return value;

package/dist/es6/docgen/plugins/modelParser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modelParser.d.ts","sourceRoot":"","sources":["../../../../docgen/plugins/modelParser.ts"],"names":[],"mappings":"AASA,OAAO,EAAC,cAAc,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAMzD,eAAO,MAAM,WAAW,kEA+WtB,CAAC"}
+{"version":3,"file":"modelParser.d.ts","sourceRoot":"","sources":["../../../../docgen/plugins/modelParser.ts"],"names":[],"mappings":"AASA,OAAO,EAAC,cAAc,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAMzD,eAAO,MAAM,WAAW,kEAkXtB,CAAC"}

package/dist/es6/docgen/plugins/modelParser.js

@@ -1,4 +1,4 @@
-import { createParserPlugin, getValueDeclaration, defaultJSDoc, getSymbolFromNode, getFullJsDocComment, } from '../docParser';
+import { createParserPlugin, defaultJSDoc, getFullJsDocComment, getSymbolFromNode, getValueDeclaration, } from '../docParser';
 import t from '../traverse';
 function capitalize(string) {
     return string[0].toUpperCase() + string.substring(1);
@@ -309,7 +309,7 @@ export const modelParser = createParserPlugin((node, parser) => {
             ...jsDoc,
             type: {
                 kind: 'object',
-                properties: (configProps['defaultConfig'] || []).concat(configProps['requiredConfig'], eventConfig),
+                properties: (configProps.defaultConfig || []).concat(configProps.requiredConfig, eventConfig),
             },
         });
         // Model State
@@ -336,8 +336,8 @@ export const modelParser = createParserPlugin((node, parser) => {
         return {
             kind: 'modelHook',
             name: `use${modelName}`,
-            defaultConfig: configProps['defaultConfig'] || [],
-            requiredConfig: configProps['requiredConfig'] || [],
+            defaultConfig: configProps.defaultConfig || [],
+            requiredConfig: configProps.requiredConfig || [],
         };
     }
     return;

package/dist/es6/docgen/traverse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"traverse.d.ts","sourceRoot":"","sources":["../../../docgen/traverse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAsB,MAAM,cAAc,CAAC;AAEnE,KAAK,OAAO,GAAG,OAAO,QAAQ,CAAC;AAC/B,KAAK,MAAM,GAAG,OAAO,MAAM,CAAC;AAE5B,MAAM,WAAW,GAAI,SAAQ,OAAO,EAAE,MAAM;IAC1C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG;QACf,IAAI,CAAC,CAAC,SAAS,MAAM,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;KACjG,CAAC;IACF,mBAAmB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC;CAC5C;AACD,wBAAgB,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO,GAAG,EAAE,CAAC,IAAI,EAAE,CAcpF;AAED,QAAA,IAAI,CAAC,EAAE,GAAG,CAAC;AAkBX,eAAe,CAAC,CAAC"}
+{"version":3,"file":"traverse.d.ts","sourceRoot":"","sources":["../../../docgen/traverse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAsB,MAAM,EAAE,QAAQ,EAAC,MAAM,cAAc,CAAC;AAEnE,KAAK,OAAO,GAAG,OAAO,QAAQ,CAAC;AAC/B,KAAK,MAAM,GAAG,OAAO,MAAM,CAAC;AAE5B,MAAM,WAAW,GAAI,SAAQ,OAAO,EAAE,MAAM;IAC1C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG;QACf,IAAI,CAAC,CAAC,SAAS,MAAM,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;KACjG,CAAC;IACF,mBAAmB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC;CAC5C;AACD,wBAAgB,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO,GAAG,EAAE,CAAC,IAAI,EAAE,CAcpF;AAED,QAAA,IAAI,CAAC,EAAE,GAAG,CAAC;AAkBX,eAAe,CAAC,CAAC"}

package/dist/es6/docgen/traverse.js

@@ -1,4 +1,4 @@
-import { guards, getKindNameFromNode } from './traversals';
+import { getKindNameFromNode, guards } from './traversals';
 export function find(node, predicate) {
     const nodes = [];
     if (!node) {

package/dist/es6/lib/DescriptionTooltip.d.ts

@@ -1,6 +1,3 @@
-export declare const DescriptionTooltip: import("@emotion/styled").StyledComponent<import("@workday/canvas-kit-react/tooltip").TooltipProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "as" | keyof import("@workday/canvas-kit-react/tooltip").TooltipProps> & {
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
+import { TooltipProps } from '@workday/canvas-kit-react/tooltip';
+export declare const DescriptionTooltip: (props: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DescriptionTooltip.d.ts.map

package/dist/es6/lib/DescriptionTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionTooltip.d.ts","sourceRoot":"","sources":["../../../lib/DescriptionTooltip.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB;;;;UAO7B,CAAC"}
+{"version":3,"file":"DescriptionTooltip.d.ts","sourceRoot":"","sources":["../../../lib/DescriptionTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAIxE,eAAO,MAAM,kBAAkB,UAAW,YAAY,4CAYrD,CAAC"}

package/dist/es6/lib/DescriptionTooltip.js

@@ -1,11 +1,12 @@
-import styled from '@emotion/styled';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Tooltip } from '@workday/canvas-kit-react/tooltip';
-import { colors } from '@workday/canvas-kit-react/tokens';
-export const DescriptionTooltip = styled(Tooltip)({
-    ':before': {
-        borderWidth: 1,
-        borderStyle: 'solid',
-        borderColor: colors.blackPepper500,
-        backgroundColor: 'rgba(255,255,255,.85)',
-    },
-});
+import { cssVar, px2rem } from '@workday/canvas-kit-styling';
+import { system } from '@workday/canvas-tokens-web';
+export const DescriptionTooltip = (props) => (_jsx(Tooltip, { cs: {
+        ':before': {
+            borderWidth: px2rem(1),
+            borderStyle: 'solid',
+            borderColor: system.color.border.contrast.default,
+            backgroundColor: `oklch(from ${cssVar(system.color.surface.default)} / ${system.opacity.contrast})`,
+        },
+    }, ...props }));

package/dist/es6/lib/DownloadLLMFile.js

@@ -1,24 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from '@workday/canvas-kit-react/card';
 import { ExternalHyperlink, SecondaryButton } from '@workday/canvas-kit-react/button';
-import { downloadIcon, fileIcon } from '@workday/canvas-system-icons-web';
-import { SystemIcon } from '@workday/canvas-kit-react';
-import { createStencil } from '@workday/canvas-kit-styling';
+import { Card } from '@workday/canvas-kit-react/card';
+import { SystemIcon } from '@workday/canvas-kit-react/icon';
+import { createStencil, cssVar, px2rem } from '@workday/canvas-kit-styling';
+import { documentIcon, downloadIcon } from '@workday/canvas-system-icons-web';
 import { system } from '@workday/canvas-tokens-web';
 const flexBlock = createStencil({
     vars: {
-        gap: system.space.x1,
+        gap: '',
     },
     base: ({ gap }) => ({
         display: 'flex',
         alignItems: 'center',
-        gap,
+        gap: cssVar(gap, system.gap.xs),
         code: {
             fontFamily: system.fontFamily.mono,
-            padding: system.space.x1,
-            paddingInline: system.space.x2,
-            backgroundColor: system.color.bg.alt.softer,
-            borderRadius: system.shape.half,
+            padding: system.padding.xxs,
+            paddingInline: system.padding.xs,
+            backgroundColor: system.color.surface.alt.default,
+            borderRadius: px2rem(2),
         },
     }),
 });
@@ -41,5 +41,5 @@ export const DownloadLLMFile = ({ rawFileLink, filename }) => {
             console.error('Failed to download file:', error);
         }
     };
-    return (_jsx(Card, { className: "sb-unstyled", cs: { boxShadow: 'none', borderStyle: 'dashed' }, children: _jsxs(Card.Body, { cs: { display: 'grid', gridTemplateColumns: '1fr auto', alignItems: 'center' }, children: [_jsxs("div", { ...flexBlock(), children: [_jsx(SystemIcon, { icon: fileIcon }), _jsx("code", { children: filename })] }), _jsxs("div", { ...flexBlock({ gap: system.space.x4 }), children: [_jsx(ExternalHyperlink, { href: rawFileLink, children: "View raw file" }), _jsx(SecondaryButton, { icon: downloadIcon, size: "small", onClick: handleDownload, children: "Download LLM File" })] })] }) }));
+    return (_jsx(Card, { className: "sb-unstyled", cs: { boxShadow: 'none', borderStyle: 'dashed' }, children: _jsxs(Card.Body, { cs: { display: 'grid', gridTemplateColumns: '1fr auto', alignItems: 'center' }, children: [_jsxs("div", { ...flexBlock(), children: [_jsx(SystemIcon, { icon: documentIcon }), _jsx("code", { children: filename })] }), _jsxs("div", { ...flexBlock({ gap: system.gap.md }), children: [_jsx(ExternalHyperlink, { href: rawFileLink, children: "View raw file" }), _jsx(SecondaryButton, { icon: downloadIcon, size: "small", onClick: handleDownload, children: "Download LLM File" })] })] }) }));
 };

package/dist/es6/lib/ExampleCodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleCodeBlock.d.ts","sourceRoot":"","sources":["../../../lib/ExampleCodeBlock.tsx"],"names":[],"mappings":"AAsEA,eAAO,MAAM,gBAAgB,aAAY,GAAG,4CAkH3C,CAAC"}
+{"version":3,"file":"ExampleCodeBlock.d.ts","sourceRoot":"","sources":["../../../lib/ExampleCodeBlock.tsx"],"names":[],"mappings":"AA8EA,eAAO,MAAM,gBAAgB,aAAY,GAAG,4CAoH3C,CAAC"}

package/dist/es6/lib/ExampleCodeBlock.js

@@ -1,53 +1,60 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import sdk from '@stackblitz/sdk';
 import React from 'react';
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { vscDarkPlus } from 'react-syntax-highlighter/dist/cjs/styles/prism';
 import { TertiaryButton } from '@workday/canvas-kit-react/button';
 import { Card } from '@workday/canvas-kit-react/card';
+import { CanvasProvider, defaultBranding } from '@workday/canvas-kit-react/common';
+import { Tooltip } from '@workday/canvas-kit-react/tooltip';
 import { calc, createStencil, cssVar, px2rem } from '@workday/canvas-kit-styling';
-import { system } from '@workday/canvas-tokens-web';
-import { vscDarkPlus } from 'react-syntax-highlighter/dist/cjs/styles/prism';
 import { checkCircleIcon, copyIcon } from '@workday/canvas-system-icons-web';
-import { Tooltip } from '@workday/canvas-kit-react/tooltip';
-import sdk from '@stackblitz/sdk';
-import tsconfigFile from '!!raw-loader!./stackblitzFiles/tsconfig.json';
+import { base, system } from '@workday/canvas-tokens-web';
+import eslintrc from './stackblitzFiles/.eslintrc.cjs.txt?raw';
+import appFile from './stackblitzFiles/App.tsx?raw';
+import indexHTMLFile from './stackblitzFiles/index.html?raw';
+import mainFile from './stackblitzFiles/main.tsx?raw';
 import { packageJSONFile } from './stackblitzFiles/packageJSONFile';
-import indexHTMLFile from '!!raw-loader!./stackblitzFiles/index.html';
-import mainFile from '!!raw-loader!./stackblitzFiles/main.tsx';
-import viteConfigFile from '!!raw-loader!./stackblitzFiles/vite.config.ts';
-import eslintrc from '!!raw-loader!./stackblitzFiles/.eslintrc.cjs.txt';
-import tsconfigNodeFile from '!!raw-loader!./stackblitzFiles/tsconfig.node.json';
-import appFile from '!!raw-loader!./stackblitzFiles/App.tsx';
-import viteEnvFile from '!!raw-loader!./stackblitzFiles/vite-env.d.ts';
-import { CanvasProvider, defaultBranding } from '@workday/canvas-kit-react/common';
+import tsconfigFile from './stackblitzFiles/tsconfig.json?raw';
+import tsconfigNodeFile from './stackblitzFiles/tsconfig.node.json?raw';
+import viteEnvFile from './stackblitzFiles/vite-env.d.ts?raw';
+import viteConfigFile from './stackblitzFiles/vite.config.ts?raw';
 const cardStencil = createStencil({
     base: {
+        // Lets the block shrink inside flex/grid doc layouts so content width does not force overflow.
+        minWidth: 0,
+        maxWidth: '100%',
         '[data-part="example-block"]': {
             boxShadow: system.depth[1],
-            borderRadius: system.shape.x1,
+            borderRadius: system.shape.sm,
+            padding: system.padding.md,
             position: 'relative',
+            minWidth: 0,
             overflow: 'auto', // This allows for the entire ExampleCodeBlock to scroll on smaller viewports
         },
         '[data-part="example-block-container"]': {
+            minWidth: 0,
             overflow: 'auto',
+            padding: system.padding.md,
         },
         '[data-part="code-block"]': {
             display: 'none',
             boxShadow: system.depth[1],
-            borderRadius: system.shape.x1,
+            borderRadius: system.shape.sm,
         },
         '[data-part="code-toggle-stackblitz-btn-container"]': {
             position: 'absolute',
             right: calc.negate(px2rem(1)),
-            bottom: calc.negate(px2rem(1)),
+            bottom: calc.negate(px2rem(4)),
             display: 'flex',
-            gap: system.space.x2,
+            gap: system.gap.sm,
         },
         '[data-part="copy-btn"]': {
             position: 'absolute',
-            bottom: system.space.zero,
-            right: system.space.zero,
-            borderRadius: system.shape.zero,
-            borderTopLeftRadius: system.shape.x1,
+            bottom: '0',
+            right: '0',
+            borderRadius: system.shape.none,
+            borderTopLeftRadius: system.shape.sm,
         },
     },
     modifiers: {
@@ -55,12 +62,12 @@ const cardStencil = createStencil({
             true: {
                 '[data-part="code-block"]': {
                     display: 'block',
-                    borderTopLeftRadius: system.shape.zero,
-                    borderTopRightRadius: system.shape.zero,
+                    borderTopLeftRadius: system.shape.none,
+                    borderTopRightRadius: system.shape.none,
                 },
                 '[data-part="example-block"]': {
-                    borderBottomLeftRadius: system.shape.zero,
-                    borderBottomRightRadius: system.shape.zero,
+                    borderBottomLeftRadius: system.shape.none,
+                    borderBottomRightRadius: system.shape.none,
                 },
             },
         },
@@ -115,9 +122,11 @@ export const ExampleCodeBlock = ({ code }) => {
         });
     };
     return (_jsxs("div", { ...cardStencil({ opened: isCodeDisplayed }), children: [_jsx(Card, { "data-part": "example-block", className: "sb-unstyled", children: _jsx(Card.Body, { "data-part": "example-block-container", children: _jsxs(CanvasProvider, { className: defaultBranding, children: [React.createElement(code), code && (_jsxs("div", { "data-part": "code-toggle-stackblitz-btn-container", children: [_jsx(TertiaryButton, { size: "extraSmall", onClick: () => openProjectInStackblitz(), children: "\u26A1\uFE0F Edit in Stackblitz" }), _jsx(TertiaryButton, { size: "extraSmall", onClick: () => setCodeDisplayed(!isCodeDisplayed), children: !isCodeDisplayed ? 'Show Code' : 'Hide Code' })] }))] }) }) }), _jsx(Card, { "data-part": "code-block", padding: 0, children: _jsx(Card.Body, { cs: { position: 'relative' }, children: _jsxs(CanvasProvider, { className: defaultBranding, children: [code && (_jsx("div", { ref: textInput, children: _jsx(SyntaxHighlighter, { className: "sb-unstyled", language: "jsx", style: vscDarkPlus, customStyle: {
-                                        fontSize: cssVar(system.fontSize.subtext.large),
-                                        lineHeight: cssVar(system.lineHeight.subtext.large),
+                                        fontSize: cssVar(system.fontSize.subtext.lg),
+                                        lineHeight: cssVar(system.lineHeight.subtext.lg),
                                         margin: '0',
-                                        padding: `${cssVar(system.space.x8)} ${cssVar(system.space.x10)}`,
+                                        padding: `${cssVar(system.padding.xxl)} ${cssVar(base.size500)}`,
+                                        boxSizing: 'border-box',
+                                        maxWidth: '100%',
                                     }, children: code.__RAW__ }) })), _jsx(Tooltip, { title: copied ? 'Copied!' : 'Copy Source Code', children: _jsx(TertiaryButton, { "aria-label": "Copy Code", size: "large", "data-part": "copy-btn", variant: "inverse", iconPosition: "end", icon: copied ? checkCircleIcon : copyIcon, onClick: onCopy }) })] }) }) })] }));
 };

package/dist/es6/lib/MDXElements.d.ts

@@ -3,7 +3,7 @@
  * Canvas Site. This means our docs can use the same components used in our MDX files without
  * needing to use MDX directly.
  */
-export declare const MDX: import("@workday/canvas-kit-react").ElementComponent<"div", unknown>;
+export declare const MDX: import("@workday/canvas-kit-react/common").ElementComponent<"div", unknown>;
 /**
  * Custom MDX to JSX parsing
  */

package/dist/es6/lib/MDXElements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MDXElements.d.ts","sourceRoot":"","sources":["../../../lib/MDXElements.tsx"],"names":[],"mappings":"AAQA;;;;GAIG;AACH,eAAO,MAAM,GAAG,sEAMd,CAAC;AAwDH;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAC,4CAYnD,CAAC"}
+{"version":3,"file":"MDXElements.d.ts","sourceRoot":"","sources":["../../../lib/MDXElements.tsx"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,GAAG,6EAMd,CAAC;AAwDH;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAC,4CAYnD,CAAC"}

package/dist/es6/lib/MDXElements.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-//@ts-ignore
 import { useMDXComponents } from '@mdx-js/react';
-import React from 'react';
 import MarkdownToJSX from 'markdown-to-jsx';
-import { Box, createComponent } from '@workday/canvas-kit-react';
+import React from 'react';
+import { createComponent } from '@workday/canvas-kit-react/common';
+import { Box } from '@workday/canvas-kit-react/layout';
 import { HeadingLevelContext, SymbolDialog } from './widgetUtils';
 /**
  * Special component that taps into @mdx-js/react components that are used by both Storybook and the
@@ -30,14 +30,14 @@ const Button = (props) => {
                     value: props.children[0],
                 } }) }));
     }
-    return React.createElement(components['button'] || 'button', props, props.children);
+    return React.createElement(components.button || 'button', props, props.children);
 };
 /**
  * Convert [JSDoc link](https://jsdoc.app/tags-inline-link.html) into a `button` element for later
  * processing. This allows us to convert {@link SymbolName Link Text} to a `<SymbolDialog>`!
  */
 function convertLinkToSymbolLinks(input) {
-    return input.replace(/{@link ([a-z0-9.]+)( [a-z0-9.]+)?}/gi, (_substr, symbol, text = '') => `<button data-symbol="${text.trim()}" className="token symbol">${symbol}</button>`);
+    return input.replace(/{@link\s+([^\s}]+)(?:\s+([^}]+))?\s?}/gi, (_substr, symbol, text = '') => `<button data-symbol="${text.trim()}" className="token symbol">${symbol}</button>`);
 }
 /**
  * Replace all heading levels in the JSDoc to start at the same heading level as `startingLevel`.

package/dist/es6/lib/MoreTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoreTooltip.d.ts","sourceRoot":"","sources":["../../../lib/MoreTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA4B,SAAS,EAAS,MAAM,iCAAiC,CAAC;AAS7F,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;;;;;;OAOG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AA0BD,eAAO,MAAM,WAAW,iDAKrB,gBAAgB,4CAwClB,CAAC"}
+{"version":3,"file":"MoreTooltip.d.ts","sourceRoot":"","sources":["../../../lib/MoreTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,SAAS,EAAoC,MAAM,iCAAiC,CAAC;AAO7F,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;;;;;;OAOG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AA6BD,eAAO,MAAM,WAAW,iDAKrB,gBAAgB,4CAwClB,CAAC"}

package/dist/es6/lib/MoreTooltip.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { getTransformFromPlacement, Popper } from '@workday/canvas-kit-react/popup';
 import { mergeCallback } from '@workday/canvas-kit-react/common';
+import { Popper, getTransformFromPlacement } from '@workday/canvas-kit-react/popup';
 import { TooltipContainer, useTooltip } from '@workday/canvas-kit-react/tooltip';
 const isOverflowed = (element) => {
     return (element.textContent || '').includes('more');

package/dist/es6/lib/Specifications.d.ts

@@ -1,6 +1,8 @@
+import { type FileBlock } from '../utils/parseSpecFile';
 export interface SpecificationsProps {
     file: string;
     name?: string;
+    initialSpecs?: FileBlock;
 }
-export declare const Specifications: ({ file, name }: SpecificationsProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Specifications: ({ file, name, initialSpecs }: SpecificationsProps) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=Specifications.d.ts.map

package/dist/es6/lib/Specifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Specifications.d.ts","sourceRoot":"","sources":["../../../lib/Specifications.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA8CD,eAAO,MAAM,cAAc,mBAAkB,mBAAmB,mDAqF/D,CAAC"}
+{"version":3,"file":"Specifications.d.ts","sourceRoot":"","sources":["../../../lib/Specifications.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAkBtD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AA8CD,eAAO,MAAM,cAAc,iCAAgC,mBAAmB,mDAiF7E,CAAC"}

package/dist/es6/lib/Specifications.js

@@ -1,11 +1,21 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable no-param-reassign */
-import React from 'react';
 import { toId } from '@storybook/csf';
-import { Table } from '@workday/canvas-kit-react/table';
+import React from 'react';
 import { Hyperlink } from '@workday/canvas-kit-react/button';
-import { specifications } from './specs';
+import { Table } from '@workday/canvas-kit-react/table';
 import { GithubBranch, GithubUrl, StorybookUrl } from './docs';
+function useFetchSpecification({ file, initialSpecs }) {
+    const [specs, setSpecs] = React.useState(initialSpecs);
+    React.useEffect(() => {
+        if (file && !initialSpecs) {
+            import(/* @vite-ignore */ file).then(({ default: contents }) => {
+                setSpecs(contents);
+            });
+        }
+    }, [file, initialSpecs]);
+    return specs;
+}
 function createTableRows(rows, item, index, children, context = { given: [], when: [], then: [], prefix: '' }) {
     if (item.type === 'describe') {
         if (/^given/i.test(item.name)) {
@@ -36,15 +46,15 @@ function createTableRows(rows, item, index, children, context = { given: [], whe
     }
     return rows;
 }
-export const Specifications = ({ file, name }) => {
+export const Specifications = ({ file, name, initialSpecs }) => {
     const storybookBaseUrl = React.useContext(StorybookUrl);
     const githubUrl = React.useContext(GithubUrl);
     const githubBranch = React.useContext(GithubBranch);
-    const specFile = specifications.find(f => f.name === file);
-    if (!specFile) {
+    const contents = useFetchSpecification({ file, initialSpecs });
+    if (!contents) {
         return null;
     }
-    const block = name ? specFile.children.find(d => d.name === name) : specFile.children[0];
+    const block = name ? contents.children.find(d => d.name === name) : contents.children[0];
     if (!block) {
         return null;
     }
@@ -57,7 +67,7 @@ export const Specifications = ({ file, name }) => {
             return input;
         }
         const [, first, kind, name, last] = matches;
-        return (_jsxs(_Fragment, { children: [first.replace(/given /i, ''), _jsx(Hyperlink, { href: `${storybookBaseUrl}?path=/story/${toId(kind, name.replace('DefaultStory', 'Default Story'))}`, children: name.replace('DefaultStory', 'Default') }), last] }));
+        return (_jsxs("div", { children: [first.replace(/given /i, ''), _jsx(Hyperlink, { href: `${storybookBaseUrl}?path=/story/${toId(kind, name.replace('DefaultStory', 'Default Story').replace(/([A-Z])/g, '-$1'))}`, children: name.replace('DefaultStory', 'Default') }), last] }));
     };
-    return block.type === 'describe' ? (_jsxs(_Fragment, { children: [_jsxs(Table, { children: [_jsx(Table.Head, { children: _jsxs(Table.Row, { children: [_jsx(Table.Header, { children: "Given" }), _jsx(Table.Header, { children: "When" }), _jsx(Table.Header, { children: "Then" })] }) }), _jsx(Table.Body, { children: block.children.reduce(createTableRows, []).map((row, index) => (_jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: renderGiven(row.given[0]) }), _jsx(Table.Cell, { children: _jsx("ul", { children: row.when.map((item, index) => (_jsx("li", { children: (index !== 0 ? 'AND THEN ' : '') + item.replace(/[tw]hen /i, '') }, index))) }) }), _jsx(Table.Cell, { children: _jsx("ul", { children: row.then.map((item, index) => (_jsx("li", { children: (item.indexOf('should') === 0 ? 'it ' : '') + item }, index))) }) })] }, index))) })] }), "Source:", ' ', _jsx(Hyperlink, { href: `${githubUrl}blob/${githubBranch}/cypress/integration/${file}`, children: file })] })) : null;
+    return block.type === 'describe' ? (_jsxs("div", { className: "sb-unstyled", children: [_jsxs(Table, { children: [_jsx(Table.Head, { children: _jsxs(Table.Row, { children: [_jsx(Table.Header, { children: "Given" }), _jsx(Table.Header, { children: "When" }), _jsx(Table.Header, { children: "Then" })] }) }), _jsx(Table.Body, { children: block.children.reduce(createTableRows, []).map((row, index) => (_jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: renderGiven(row.given[0]) }), _jsx(Table.Cell, { children: _jsx("ul", { children: row.when.map((item, index) => (_jsx("li", { children: (index !== 0 ? 'AND THEN ' : '') + item.replace(/[tw]hen /i, '') }, index))) }) }), _jsx(Table.Cell, { children: _jsx("ul", { children: row.then.map((item, index) => (_jsx("li", { children: (item.indexOf('should') === 0 ? 'it ' : '') + item }, index))) }) })] }, index))) })] }), "Source: ", _jsx(Hyperlink, { href: `${githubUrl}blob/${githubBranch}/${file}`, children: file })] })) : null;
 };

package/dist/es6/lib/StorybookStatusIndicator.d.ts

@@ -1,4 +1,4 @@
-export declare const StorybookStatusIndicator: ({ type }: {
-    type: 'ai' | 'deprecated';
+export declare const StorybookStatusIndicator: ({ type, }: {
+    type: 'ai' | 'deprecated' | 'new' | 'promoted';
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StorybookStatusIndicator.d.ts.map