@workday/canvas-kit-docs
Version:
Documentation components of Canvas Kit components
1,588 lines (1,586 loc) • 16.2 MB
JavaScript
import React from 'react';
export const GithubUrl = React.createContext('https://github.com/Workday/canvas-kit/');
export const GithubBranch = React.createContext('master');
export const StorybookUrl = React.createContext(typeof location !== 'undefined' && location.pathname.indexOf('/canvas-kit/') === 0
? '/canvas-kit/'
: '/');
export const docs = (typeof window !== 'undefined' && window.__docs) ||
[
{
"name": "AIIngressButtonProps",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/ai-ingress-button/lib/AIIngressButton.tsx",
"description": "",
"declarations": [
{
"name": "AIIngressButtonProps",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/ai-ingress-button/lib/AIIngressButton.tsx"
}
],
"tags": {},
"type": {
"kind": "alias",
"name": "AIIngressButton"
}
},
{
"name": "AIIngressButtonStencil",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/ai-ingress-button/lib/AIIngressButton.tsx",
"description": "",
"declarations": [
{
"name": "AIIngressButtonStencil",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/ai-ingress-button/lib/AIIngressButton.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": "primitive",
"value": "any"
},
{
"kind": "infer",
"value": {
"kind": "typeParameter",
"name": "VE",
"required": true
}
},
{
"kind": "primitive",
"value": "any"
},
{
"kind": "primitive",
"value": "any"
}
],
"value": "BaseStencil<M, P, 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"
}
]
},
{
"kind": "intersection",
"value": [
{
"kind": "symbol",
"name": "VE",
"value": "VE"
},
{
"kind": "symbol",
"name": "V",
"value": "V"
}
]
}
],
"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": "parts",
"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": "primitive",
"value": "any"
},
{
"kind": "infer",
"value": {
"kind": "typeParameter",
"name": "PE",
"required": true
}
},
{
"kind": "primitive",
"value": "any"
},
{
"kind": "primitive",
"value": "any"
},
{
"kind": "primitive",
"value": "any"
}
],
"value": "BaseStencil<M, P, V, E, ID>"
}
]
},
"trueType": {
"kind": "symbol",
"name": "StencilPartProps",
"typeParameters": [
{
"kind": "intersection",
"value": [
{
"kind": "symbol",
"name": "PE",
"value": "PE"
},
{
"kind": "symbol",
"name": "P",
"value": "P"
}
]
}
],
"value": "StencilPartProps<T>"
},
"falseType": {
"kind": "symbol",
"name": "StencilPartProps",
"typeParameters": [
{
"kind": "symbol",
"name": "P",
"value": "P"
}
],
"value": "StencilPartProps<T>"
}
},
"description": "",
"declarations": [
{
"name": "parts",
"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": "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": "base",
"required": true,
"type": {
"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": "primitive",
"value": "any"
},
{
"kind": "infer",
"value": {
"kind": "typeParameter",
"name": "VE",
"required": true
}
},
{
"kind": "primitive",
"value": "any"
},
{
"kind": "primitive",
"value": "any"
}
],
"value": "BaseStencil<M, P, 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"
},
{
"kind": "primitive",
"value": "any"
}
],
"value": "BaseStencil<M, P, 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": {}
},
{
"kind": "property",
"name": "__parts",
"required": false,
"type": {
"kind": "symbol",
"name": "P",
"value": "P"
},
"description": "",
"declarations": [
{
"name": "__parts",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
}
],
"tags": {}
}
],
"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": "AIIngressButton",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/ai-ingress-button/lib/AIIngressButton.tsx",
"description": "",
"declarations": [
{
"name": "AIIngressButton",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/ai-ingress-button/lib/AIIngressButton.tsx"
}
],
"tags": {},
"type": {
"kind": "enhancedComponent",
"componentType": "regular",
"displayName": "AIIngressButton",
"props": [
{
"kind": "property",
"name": "toggled",
"required": false,
"type": {
"kind": "primitive",
"value": "boolean"
},
"description": "When true, indicates that the AI Ingress button is toggled.",
"declarations": [
{
"name": "toggled",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/ai-ingress-button/lib/AIIngressButton.tsx"
}
],
"tags": {}
},
{
"kind": "property",
"name": "variant",
"required": false,
"type": {
"kind": "string",
"value": "inverse"
},
"description": "Used on dark backgrounds.",
"declarations": [
{
"name": "variant",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/ai-ingress-button/lib/AIIngressButton.tsx"
}
],
"tags": {}
},
{
"kind": "property",
"name": "shouldMirror",
"required": false,
"type": {
"kind": "primitive",
"value": "boolean"
},
"description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
"declarations": [
{
"name": "shouldMirror",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
}
],
"tags": {
"default": "false"
},
"defaultValue": {
"kind": "boolean",
"value": false
}
},
{
"kind": "property",
"name": "shouldMirrorInRTL",
"required": false,
"type": {
"kind": "primitive",
"value": "boolean"
},
"description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
"declarations": [
{
"name": "shouldMirrorInRTL",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
}
],
"tags": {
"default": "false"
},
"defaultValue": {
"kind": "boolean",
"value": false
}
},
{
"kind": "property",
"name": "cs",
"required": false,
"type": {
"kind": "symbol",
"name": "CSToPropsInput",
"value": "CSToPropsInput"
},
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles }, or the result of {@link createVars } and\n{@link createModifiers }. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp } wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n {...handleCsProp(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
"declarations": [
{
"name": "cs",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
}
],
"tags": {}
},
{
"kind": "property",
"name": "color",
"required": false,
"type": {
"kind": "primitive",
"value": "string"
},
"description": "The color of the SystemIcon. This defines `accent` and `fill`. `color` may be overwritten by `accent` and `fill`.",
"declarations": [
{
"name": "color",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/SystemIcon.tsx"
}
],
"tags": {}
},
{
"kind": "property",
"name": "children",
"required": false,
"type": {
"kind": "external",
"name": "ReactNode",
"url": "https://reactjs.org/docs/rendering-elements.html"
},
"description": "",
"declarations": [
{
"name": "children",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
}
],
"tags": {}
},
{
"kind": "property",
"name": "accent",
"required": false,
"type": {
"kind": "primitive",
"value": "string"
},
"description": "The accent color of the SystemIcon. This overrides `color`.",
"declarations": [
{
"name": "accent",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/SystemIcon.tsx"
}
],
"tags": {}
},
{
"kind": "property",
"name": "background",
"required": false,
"type": {
"kind": "primitive",
"value": "string"
},
"description": "The background color of the SystemIcon.",
"declarations": [
{
"name": "background",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/SystemIcon.tsx"
}
],
"tags": {}
},
{
"kind": "property",
"name": "fillIcon",
"required": false,
"type": {
"kind": "primitive",
"value": "boolean"
},
"description": "Whether the icon should received filled (colored background layer) or regular styles.\nCorresponds to `toggled` in ToolbarIconButton",
"declarations": [
{
"name": "fillIcon",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
}
],
"tags": {}
},
{
"kind": "property",
"name": "grow",
"required": false,
"type": {
"kind": "primitive",
"value": "boolean"
},
"description": "True if the component should grow to its container's width. False otherwise.",
"declarations": [
{
"name": "grow",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/types.ts"
}
],
"tags": {}
},
{
"kind": "property",
"name": "as",
"description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
"tags": {},
"declarations": [],
"type": {
"kind": "external",
"name": "React.ElementType",
"url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
},
"defaultValue": {
"kind": "external",
"name": "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"
}
}
},
{
"name": "getAIIngressIcon",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/ai-ingress-button/lib/AIIngressIcon.tsx",
"description": "",
"declarations": [
{
"name": "getAIIngressIcon",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/ai-ingress-button/lib/AIIngressIcon.tsx"
}
],
"tags": {},
"type": {
"kind": "function",
"parameters": [
{
"kind": "parameter",
"name": "svgId",
"type": {
"kind": "primitive",
"value": "string"
},
"required": true,
"rest": false,
"description": "",
"declarations": [
{
"name": "svgId",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/ai-ingress-button/lib/AIIngressIcon.tsx"
}
],
"tags": {}
}
],
"members": [],
"returnType": {
"kind": "symbol",
"name": "CanvasSystemIcon",
"value": "CanvasSystemIcon"
}
}
},
{
"name": "ComponentStyles",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/common/lib/theming/useThemeRTL.ts",
"description": "",
"declarations": [
{
"name": "ComponentStyles",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/common/lib/theming/useThemeRTL.ts"
}
],
"tags": {},
"type": {
"kind": "type",
"typeParameters": [],
"value": {
"kind": "external",
"name": "Record",
"url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
"typeParameters": [
{
"kind": "primitive",
"value": "string"
},
{
"kind": "symbol",
"name": "CSSProperties",
"value": "CSSProperties"
}
]
}
}
},
{
"name": "useThemeRTL",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/common/lib/theming/useThemeRTL.ts",
"description": "A helpful hook for supporting bidirectional styles.\n* Read below for more detail or [view the docs](https://github.com/Workday/canvas-kit/blob/master/modules/labs-react/common/README.md#useThemeRTL).",
"declarations": [
{
"name": "useThemeRTL",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/common/lib/theming/useThemeRTL.ts"
}
],
"tags": {
"returns": "* `themeRTL` - a function to transform bidirectional styles\n* `theme` - the Canvas theme object (optional, provided for convenience)\n\n`themeRTL` allows you to support bidirectionality with a single set of styles and pass them along to a component.\nIt accepts CSS object styles and transforms CSS attributes based on the content direction set in the theme (LTR or RTL).",
"example": "import { type } from '@workday/canvas-kit-react/tokens';\nimport { useThemeRTL } from '@workday/canvas-kit-labs-react/common';\n\nconst ErrorText: React.FC = (props) => {\n const { themeRTL, theme } = useThemeRTL();\n // `borderLeft` will be converted to `borderRight`\n // when the theme direction is `RTL`.\n // All other styles will remain unchanged.\n const errorTextStyles = themeRTL({\n ...type.levels.subtext.medium,\n color: theme.canvas.palette.error.main,\n borderLeft: `solid 2px ${theme.canvas.palette.error.main}`,\n });\n\n return <span css={errorTextStyles} {...props} />;\n}",
"deprecated": "⚠️ `useThemeRTL` has been deprecated and will be removed in a future major version. Now that IE11 is no longer supported, we encourage consumers to use [CSS logical properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties)."
},
"type": {
"kind": "function",
"parameters": [],
"members": [],
"returnType": {
"kind": "object",
"properties": [
{
"kind": "property",
"name": "themeRTL",
"type": {
"kind": "function",
"parameters": [
{
"kind": "parameter",
"name": "cssObject",
"type": {
"kind": "array",
"value": {
"kind": "symbol",
"name": "CSSProperties",
"value": "CSSProperties"
}
},
"required": true,
"rest": true,
"description": "",
"declarations": [
{
"name": "cssObject",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/common/lib/theming/useThemeRTL.ts"
}
],
"tags": {}
}
],
"members": [],
"returnType": {
"kind": "external",
"name": "CSSProperties",
"url": "https://emotion.sh/docs/object-styles"
}
},
"description": "",
"declarations": [
{
"name": "themeRTL",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/common/lib/theming/useThemeRTL.ts"
}
],
"tags": {}
},
{
"kind": "property",
"name": "theme",
"type": {
"kind": "symbol",
"name": "EmotionCanvasTheme",
"value": "EmotionCanvasTheme"
},
"description": "",
"declarations": [
{
"name": "theme",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/common/lib/theming/useThemeRTL.ts"
}
],
"tags": {}
}
]
}
}
},
{
"name": "version",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/version/lib/version.ts",
"description": "",
"declarations": [
{
"name": "version",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/version/lib/version.ts"
}
],
"tags": {},
"type": {
"kind": "primitive",
"value": "string"
}
},
{
"name": "McpAppProvider",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx",
"description": "",
"declarations": [
{
"name": "McpAppProvider",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {},
"type": {
"kind": "function",
"parameters": [
{
"kind": "parameter",
"name": "props",
"type": {
"kind": "symbol",
"name": "P",
"value": "P"
},
"required": true,
"rest": false,
"description": "",
"declarations": [
{
"name": "props",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/node_modules/@types/react/ts5.0/index.d.ts"
}
],
"tags": {}
}
],
"members": [],
"returnType": {
"kind": "union",
"value": [
{
"kind": "external",
"name": "ReactElement",
"url": "https://reactjs.org/docs/rendering-elements.html"
},
{
"kind": "primitive",
"value": "null"
}
]
}
}
},
{
"name": "useMcpApp",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx",
"description": "",
"declarations": [
{
"name": "useMcpApp",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {},
"type": {
"kind": "function",
"parameters": [],
"members": [],
"returnType": {
"kind": "union",
"value": [
{
"kind": "symbol",
"name": "App",
"value": "App"
},
{
"kind": "primitive",
"value": "null"
}
]
}
}
},
{
"name": "ExampleCodeBlock",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx",
"description": "",
"declarations": [
{
"name": "ExampleCodeBlock",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {},
"type": {
"kind": "component",
"props": [
{
"kind": "property",
"name": "code",
"required": true,
"type": {
"kind": "symbol",
"name": "ExampleComponent",
"value": "ExampleComponent"
},
"description": "",
"declarations": [
{
"name": "code",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {}
}
]
}
},
{
"name": "SymbolDoc",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx",
"description": "",
"declarations": [
{
"name": "SymbolDoc",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {},
"type": {
"kind": "function",
"parameters": [
{
"kind": "parameter",
"name": "_props",
"type": {
"kind": "object",
"properties": [
{
"kind": "property",
"name": "name",
"required": false,
"type": {
"kind": "primitive",
"value": "string"
},
"description": "",
"declarations": [
{
"name": "name",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {}
},
{
"kind": "property",
"name": "fileName",
"required": false,
"type": {
"kind": "primitive",
"value": "string"
},
"description": "",
"declarations": [
{
"name": "fileName",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {}
}
]
},
"required": true,
"rest": false,
"description": "",
"declarations": [
{
"name": "_props",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {}
}
],
"members": [],
"returnType": {
"kind": "primitive",
"value": "null"
}
}
},
{
"name": "SymbolDescription",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx",
"description": "",
"declarations": [
{
"name": "SymbolDescription",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {},
"type": {
"kind": "function",
"parameters": [
{
"kind": "parameter",
"name": "_props",
"type": {
"kind": "object",
"properties": [
{
"kind": "property",
"name": "name",
"required": false,
"type": {
"kind": "primitive",
"value": "string"
},
"description": "",
"declarations": [
{
"name": "name",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {}
},
{
"kind": "property",
"name": "fileName",
"required": false,
"type": {
"kind": "primitive",
"value": "string"
},
"description": "",
"declarations": [
{
"name": "fileName",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {}
}
]
},
"required": true,
"rest": false,
"description": "",
"declarations": [
{
"name": "_props",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {}
}
],
"members": [],
"returnType": {
"kind": "primitive",
"value": "null"
}
}
},
{
"name": "Specifications",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx",
"description": "",
"declarations": [
{
"name": "Specifications",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {},
"type": {
"kind": "function",
"parameters": [
{
"kind": "parameter",
"name": "_props",
"type": {
"kind": "object",
"properties": [
{
"kind": "property",
"name": "file",
"required": false,
"type": {
"kind": "primitive",
"value": "string"
},
"description": "",
"declarations": [
{
"name": "file",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {}
},
{
"kind": "property",
"name": "name",
"required": false,
"type": {
"kind": "primitive",
"value": "string"
},
"description": "",
"declarations": [
{
"name": "name",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {}
}
]
},
"required": true,
"rest": false,
"description": "",
"declarations": [
{
"name": "_props",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {}
}
],
"members": [],
"returnType": {
"kind": "primitive",
"value": "null"
}
}
},
{
"name": "StorybookStatusIndicator",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx",
"description": "",
"declarations": [
{
"name": "StorybookStatusIndicator",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {},
"type": {
"kind": "component",
"props": [
{
"kind": "property",
"name": "type",
"required": true,
"type": {
"kind": "union",
"value": [
{
"kind": "string",
"value": "ai"
},
{
"kind": "string",
"value": "deprecated"
},
{
"kind": "string",
"value": "new"
}
]
},
"description": "",
"declarations": [
{
"name": "type",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {}
}
]
}
},
{
"name": "InformationHighlight",
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx",
"description": "",
"declarations": [
{
"name": "InformationHighlight",
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/mcp/build/storybook-stubs/canvas-kit-docs.tsx"
}
],
"tags": {},
"type": {
"kind": "component",
"props": [
{
"kind": "property",
"name": "variant",
"required": false,
"type": {
"kind": "primitive",
"value": "string"
},
"description": "",
"declarations": [
{
"name": "variant",