@workday/canvas-kit-docs 13.0.0-alpha.1069-next.0 → 13.0.0-alpha.1074-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (209) hide show
  1. package/dist/es6/lib/ExampleCodeBlock.d.ts +1 -2
  2. package/dist/es6/lib/ExampleCodeBlock.d.ts.map +1 -1
  3. package/dist/es6/lib/ExampleCodeBlock.js +7 -18
  4. package/dist/es6/lib/MDXElements.d.ts +1 -2
  5. package/dist/es6/lib/MDXElements.d.ts.map +1 -1
  6. package/dist/es6/lib/MDXElements.js +4 -4
  7. package/dist/es6/lib/MoreTooltip.d.ts +1 -1
  8. package/dist/es6/lib/MoreTooltip.d.ts.map +1 -1
  9. package/dist/es6/lib/MoreTooltip.js +11 -12
  10. package/dist/es6/lib/Specifications.d.ts +1 -2
  11. package/dist/es6/lib/Specifications.d.ts.map +1 -1
  12. package/dist/es6/lib/Specifications.js +3 -20
  13. package/dist/es6/lib/StylePropsTable.d.ts +1 -2
  14. package/dist/es6/lib/StylePropsTable.d.ts.map +1 -1
  15. package/dist/es6/lib/StylePropsTable.js +6 -16
  16. package/dist/es6/lib/Table.d.ts.map +1 -1
  17. package/dist/es6/lib/Table.js +7 -7
  18. package/dist/es6/lib/Value.d.ts +3 -3
  19. package/dist/es6/lib/Value.d.ts.map +1 -1
  20. package/dist/es6/lib/Value.js +16 -51
  21. package/dist/es6/lib/docs.js +102 -29
  22. package/dist/es6/lib/stackblitzFiles/App.d.ts +1 -2
  23. package/dist/es6/lib/stackblitzFiles/App.d.ts.map +1 -1
  24. package/dist/es6/lib/stackblitzFiles/App.js +2 -5
  25. package/dist/es6/lib/stackblitzFiles/App.tsx +0 -1
  26. package/dist/es6/lib/stackblitzFiles/Demo.d.ts +1 -2
  27. package/dist/es6/lib/stackblitzFiles/Demo.d.ts.map +1 -1
  28. package/dist/es6/lib/stackblitzFiles/Demo.js +2 -2
  29. package/dist/es6/lib/stackblitzFiles/Demo.tsx +0 -2
  30. package/dist/es6/lib/stackblitzFiles/main.d.ts.map +1 -1
  31. package/dist/es6/lib/stackblitzFiles/main.js +2 -2
  32. package/dist/es6/lib/stackblitzFiles/main.tsx +0 -1
  33. package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
  34. package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
  35. package/dist/es6/lib/widgetUtils.d.ts +5 -5
  36. package/dist/es6/lib/widgetUtils.d.ts.map +1 -1
  37. package/dist/es6/lib/widgetUtils.js +25 -54
  38. package/dist/es6/lib/widgets/array.js +2 -4
  39. package/dist/es6/lib/widgets/callExpression.js +2 -14
  40. package/dist/es6/lib/widgets/canvasColor.js +2 -2
  41. package/dist/es6/lib/widgets/component.js +2 -4
  42. package/dist/es6/lib/widgets/conditional.js +2 -12
  43. package/dist/es6/lib/widgets/enhancedComponent.js +14 -66
  44. package/dist/es6/lib/widgets/external.js +2 -4
  45. package/dist/es6/lib/widgets/function.js +7 -26
  46. package/dist/es6/lib/widgets/intersection.js +2 -3
  47. package/dist/es6/lib/widgets/model.js +3 -19
  48. package/dist/es6/lib/widgets/object.js +2 -2
  49. package/dist/es6/lib/widgets/parenthesis.js +2 -5
  50. package/dist/es6/lib/widgets/primitives.js +9 -27
  51. package/dist/es6/lib/widgets/qualifiedName.js +2 -5
  52. package/dist/es6/lib/widgets/symbol.js +2 -2
  53. package/dist/es6/lib/widgets/tuple.js +2 -5
  54. package/dist/es6/lib/widgets/typeParameter.js +2 -13
  55. package/dist/es6/lib/widgets/union.js +4 -10
  56. package/dist/es6/mdx/installBlock.d.ts +1 -2
  57. package/dist/es6/mdx/installBlock.d.ts.map +1 -1
  58. package/dist/es6/mdx/installBlock.js +2 -6
  59. package/dist/es6/mdx/style-props/examples/Background.d.ts +1 -2
  60. package/dist/es6/mdx/style-props/examples/Background.d.ts.map +1 -1
  61. package/dist/es6/mdx/style-props/examples/Background.js +2 -5
  62. package/dist/es6/mdx/style-props/examples/Border.d.ts +1 -2
  63. package/dist/es6/mdx/style-props/examples/Border.d.ts.map +1 -1
  64. package/dist/es6/mdx/style-props/examples/Border.js +2 -5
  65. package/dist/es6/mdx/style-props/examples/Color.d.ts +1 -2
  66. package/dist/es6/mdx/style-props/examples/Color.d.ts.map +1 -1
  67. package/dist/es6/mdx/style-props/examples/Color.js +2 -5
  68. package/dist/es6/mdx/style-props/examples/Depth.d.ts +1 -2
  69. package/dist/es6/mdx/style-props/examples/Depth.d.ts.map +1 -1
  70. package/dist/es6/mdx/style-props/examples/Depth.js +2 -5
  71. package/dist/es6/mdx/style-props/examples/Flex.d.ts +1 -2
  72. package/dist/es6/mdx/style-props/examples/Flex.d.ts.map +1 -1
  73. package/dist/es6/mdx/style-props/examples/Flex.js +2 -14
  74. package/dist/es6/mdx/style-props/examples/FlexItem.d.ts +1 -2
  75. package/dist/es6/mdx/style-props/examples/FlexItem.d.ts.map +1 -1
  76. package/dist/es6/mdx/style-props/examples/FlexItem.js +2 -13
  77. package/dist/es6/mdx/style-props/examples/Grid.d.ts +1 -2
  78. package/dist/es6/mdx/style-props/examples/Grid.d.ts.map +1 -1
  79. package/dist/es6/mdx/style-props/examples/Grid.js +2 -6
  80. package/dist/es6/mdx/style-props/examples/GridItem.d.ts +1 -2
  81. package/dist/es6/mdx/style-props/examples/GridItem.d.ts.map +1 -1
  82. package/dist/es6/mdx/style-props/examples/GridItem.js +2 -6
  83. package/dist/es6/mdx/style-props/examples/Layout.d.ts +1 -2
  84. package/dist/es6/mdx/style-props/examples/Layout.d.ts.map +1 -1
  85. package/dist/es6/mdx/style-props/examples/Layout.js +2 -5
  86. package/dist/es6/mdx/style-props/examples/Other.d.ts +1 -2
  87. package/dist/es6/mdx/style-props/examples/Other.d.ts.map +1 -1
  88. package/dist/es6/mdx/style-props/examples/Other.js +2 -5
  89. package/dist/es6/mdx/style-props/examples/Position.d.ts +1 -2
  90. package/dist/es6/mdx/style-props/examples/Position.d.ts.map +1 -1
  91. package/dist/es6/mdx/style-props/examples/Position.js +2 -5
  92. package/dist/es6/mdx/style-props/examples/Space.d.ts +1 -2
  93. package/dist/es6/mdx/style-props/examples/Space.d.ts.map +1 -1
  94. package/dist/es6/mdx/style-props/examples/Space.js +2 -8
  95. package/dist/es6/mdx/style-props/examples/Text.d.ts +1 -2
  96. package/dist/es6/mdx/style-props/examples/Text.d.ts.map +1 -1
  97. package/dist/es6/mdx/style-props/examples/Text.js +2 -5
  98. package/dist/es6/mdx/versionsTable.d.ts +1 -2
  99. package/dist/es6/mdx/versionsTable.d.ts.map +1 -1
  100. package/dist/es6/mdx/versionsTable.js +8 -21
  101. package/dist/es6/mdx/welcomePage.d.ts +1 -2
  102. package/dist/es6/mdx/welcomePage.d.ts.map +1 -1
  103. package/dist/es6/mdx/welcomePage.js +2 -38
  104. package/dist/mdx/13.0-UPGRADE-GUIDE.mdx +16 -0
  105. package/dist/mdx/labs-react/expandable/examples/Avatar.tsx +0 -2
  106. package/dist/mdx/labs-react/expandable/examples/Depth.tsx +0 -2
  107. package/dist/mdx/labs-react/expandable/examples/EndIcon.tsx +0 -2
  108. package/dist/mdx/labs-react/expandable/examples/LongTitle.tsx +0 -2
  109. package/dist/mdx/labs-react/expandable/examples/RTL.tsx +0 -2
  110. package/dist/mdx/labs-react/expandable/examples/StartIcon.tsx +0 -2
  111. package/dist/mdx/preview-react/information-highlight/examples/Caution.tsx +0 -1
  112. package/dist/mdx/preview-react/information-highlight/examples/Critical.tsx +0 -1
  113. package/dist/mdx/preview-react/information-highlight/examples/Informational.tsx +0 -1
  114. package/dist/mdx/preview-react/pill/examples/WithReadOnly.tsx +0 -2
  115. package/dist/mdx/preview-react/segmented-control/examples/Disabled.tsx +0 -1
  116. package/dist/mdx/preview-react/segmented-control/examples/RTL.tsx +0 -1
  117. package/dist/mdx/preview-react/segmented-control/examples/Vertical.tsx +0 -1
  118. package/dist/mdx/preview-react/select/examples/Top Label/Alert.tsx +0 -2
  119. package/dist/mdx/preview-react/select/examples/Top Label/Default.tsx +0 -2
  120. package/dist/mdx/preview-react/select/examples/Top Label/DefaultWithCustomOptions.tsx +0 -2
  121. package/dist/mdx/preview-react/select/examples/Top Label/DefaultWithSimpleOptions.tsx +0 -2
  122. package/dist/mdx/preview-react/select/examples/Top Label/Disabled.tsx +0 -2
  123. package/dist/mdx/preview-react/select/examples/Top Label/Error.tsx +0 -2
  124. package/dist/mdx/preview-react/select/examples/Top Label/Grow.tsx +0 -2
  125. package/dist/mdx/preview-react/select/examples/Top Label/Scrollable.tsx +0 -2
  126. package/dist/mdx/preview-react/select/examples/storiesData.tsx +0 -1
  127. package/dist/mdx/preview-react/text-area/examples/Alert.tsx +1 -4
  128. package/dist/mdx/preview-react/text-input/examples/Alert.tsx +1 -4
  129. package/dist/mdx/preview-react/text-input/examples/ThemedAlert.tsx +1 -4
  130. package/dist/mdx/react/action-bar/examples/Basic.tsx +0 -1
  131. package/dist/mdx/react/action-bar/examples/DeleteAction.tsx +0 -2
  132. package/dist/mdx/react/action-bar/examples/Icons.tsx +0 -2
  133. package/dist/mdx/react/avatar/avatar/examples/Basic.tsx +0 -1
  134. package/dist/mdx/react/avatar/avatar/examples/Button.tsx +0 -1
  135. package/dist/mdx/react/avatar/avatar/examples/CustomStyles.tsx +0 -1
  136. package/dist/mdx/react/avatar/avatar/examples/Image.tsx +0 -1
  137. package/dist/mdx/react/avatar/avatar/examples/LazyLoad.tsx +0 -1
  138. package/dist/mdx/react/avatar/avatar/examples/ObjectFit.tsx +0 -1
  139. package/dist/mdx/react/avatar/avatar/examples/Size.tsx +0 -1
  140. package/dist/mdx/react/avatar/avatar/examples/Variant.tsx +0 -1
  141. package/dist/mdx/react/banner/examples/Error.tsx +0 -2
  142. package/dist/mdx/react/banner/examples/Sticky.tsx +0 -1
  143. package/dist/mdx/react/banner/examples/StickyAnimation.tsx +42 -26
  144. package/dist/mdx/react/breadcrumbs/examples/Basic.tsx +0 -1
  145. package/dist/mdx/react/button/button/examples/Delete.tsx +0 -2
  146. package/dist/mdx/react/button/button/examples/ExternalHyperlink.tsx +0 -2
  147. package/dist/mdx/react/button/button/examples/Hyperlink.tsx +0 -2
  148. package/dist/mdx/react/button/button/examples/Primary.tsx +0 -2
  149. package/dist/mdx/react/color-picker/color-preview/examples/Basic.tsx +0 -1
  150. package/dist/mdx/react/dialog/examples/DialogWithFallbackPlacements.tsx +0 -1
  151. package/dist/mdx/react/modal/examples/Basic.tsx +0 -2
  152. package/dist/mdx/react/modal/examples/IframeTest.tsx +0 -1
  153. package/dist/mdx/react/modal/examples/ModalWithPopup.tsx +0 -1
  154. package/dist/mdx/react/modal/examples/StackedModals.tsx +0 -1
  155. package/dist/mdx/react/pagination/examples/CustomRange.tsx +0 -1
  156. package/dist/mdx/react/pagination/examples/GoToForm.tsx +0 -1
  157. package/dist/mdx/react/pagination/examples/JumpControls.tsx +0 -1
  158. package/dist/mdx/react/popup/examples/Basic.tsx +0 -2
  159. package/dist/mdx/react/popup/examples/CloseOnTargetHiddenTest.tsx +0 -1
  160. package/dist/mdx/react/popup/examples/ComboboxWithinPopup.tsx +0 -1
  161. package/dist/mdx/react/popup/examples/MultiplePopups.tsx +0 -2
  162. package/dist/mdx/react/popup/examples/PopupWithFallbackPlacements.tsx +0 -1
  163. package/dist/mdx/react/popup/examples/PopupWithNonHidablePopup.tsx +0 -1
  164. package/dist/mdx/react/popup/examples/ReturnFocusTest.tsx +0 -2
  165. package/dist/mdx/react/popup/examples/TooltipReturnFocus.tsx +0 -1
  166. package/dist/mdx/react/select/examples/MenuHeight.tsx +0 -1
  167. package/dist/mdx/react/tabs/examples/Basic.tsx +0 -1
  168. package/dist/mdx/react/tabs/examples/DisabledTab.tsx +0 -1
  169. package/dist/mdx/react/tabs/examples/NamedTabs.tsx +0 -1
  170. package/dist/mdx/react/tabs/examples/RightToLeft.tsx +0 -1
  171. package/dist/mdx/react/text-input/examples/Basic.tsx +0 -3
  172. package/dist/mdx/react/toast/examples/Basic.tsx +0 -2
  173. package/dist/mdx/react/toast/examples/ToastAlert.tsx +0 -2
  174. package/dist/mdx/react/toast/examples/ToastDialog.tsx +0 -2
  175. package/dist/mdx/react/tooltip/examples/Default.tsx +0 -2
  176. package/dist/mdx/react/tooltip/examples/DescribeType.tsx +0 -2
  177. package/dist/mdx/react/tooltip/examples/DescriptionType.tsx +0 -2
  178. package/dist/mdx/react/tooltip/examples/Muted.tsx +0 -2
  179. package/dist/mdx/style-props/examples/Background.tsx +0 -1
  180. package/dist/mdx/style-props/examples/Border.tsx +0 -1
  181. package/dist/mdx/style-props/examples/Color.tsx +0 -1
  182. package/dist/mdx/style-props/examples/Depth.tsx +0 -1
  183. package/dist/mdx/style-props/examples/Flex.tsx +0 -1
  184. package/dist/mdx/style-props/examples/FlexItem.tsx +0 -1
  185. package/dist/mdx/style-props/examples/Grid.tsx +0 -1
  186. package/dist/mdx/style-props/examples/GridItem.tsx +0 -1
  187. package/dist/mdx/style-props/examples/Layout.tsx +0 -1
  188. package/dist/mdx/style-props/examples/Other.tsx +0 -1
  189. package/dist/mdx/style-props/examples/Position.tsx +0 -1
  190. package/dist/mdx/style-props/examples/Space.tsx +0 -1
  191. package/dist/mdx/style-props/examples/Text.tsx +0 -1
  192. package/lib/StylePropsTable.tsx +0 -1
  193. package/lib/Table.tsx +0 -1
  194. package/lib/stackblitzFiles/App.tsx +0 -1
  195. package/lib/stackblitzFiles/Demo.tsx +0 -2
  196. package/lib/stackblitzFiles/main.tsx +0 -1
  197. package/lib/widgets/array.tsx +0 -2
  198. package/lib/widgets/canvasColor.tsx +0 -2
  199. package/lib/widgets/component.tsx +0 -2
  200. package/lib/widgets/conditional.tsx +0 -2
  201. package/lib/widgets/external.tsx +0 -1
  202. package/lib/widgets/model.tsx +0 -2
  203. package/lib/widgets/parenthesis.tsx +0 -2
  204. package/lib/widgets/primitives.tsx +1 -5
  205. package/lib/widgets/qualifiedName.tsx +0 -2
  206. package/lib/widgets/symbol.tsx +0 -2
  207. package/lib/widgets/tuple.tsx +0 -2
  208. package/lib/widgets/typeParameter.tsx +0 -2
  209. package/package.json +6 -6
@@ -1,31 +1,13 @@
1
- import React from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import { registerWidget, Value } from '../Value';
3
3
  import { renderTypeParameters } from '../widgetUtils';
4
- registerWidget('primitive', ({ value }) => (React.createElement("span", { className: "token primitive" }, value.value)));
5
- registerWidget('boolean', ({ value }) => (React.createElement("span", { className: "token primitive" }, String(value.value))));
6
- registerWidget('string', ({ value }) => (React.createElement("span", { className: "token string" },
7
- "'",
8
- value.value,
9
- "'")));
10
- registerWidget('number', ({ value }) => (React.createElement("span", { className: "token number" }, value.value)));
11
- registerWidget('generic', ({ value }) => (React.createElement("span", { className: "token symbol" }, value.name)));
4
+ registerWidget('primitive', ({ value }) => (_jsx("span", { className: "token primitive", children: value.value })));
5
+ registerWidget('boolean', ({ value }) => (_jsx("span", { className: "token primitive", children: String(value.value) })));
6
+ registerWidget('string', ({ value }) => (_jsxs("span", { className: "token string", children: ["'", value.value, "'"] })));
7
+ registerWidget('number', ({ value }) => (_jsx("span", { className: "token number", children: value.value })));
8
+ registerWidget('generic', ({ value }) => (_jsx("span", { className: "token symbol", children: value.name })));
12
9
  registerWidget('type', ({ value, doc }) => {
13
- return (React.createElement(React.Fragment, null,
14
- (doc === null || doc === void 0 ? void 0 : doc.name) && (React.createElement(React.Fragment, null,
15
- React.createElement("span", { className: "token keyword" }, "type"),
16
- ' ',
17
- React.createElement("span", { className: "token symbol" }, (doc === null || doc === void 0 ? void 0 : doc.name) || 'unknown'),
18
- renderTypeParameters(value.typeParameters),
19
- " ",
20
- React.createElement("span", { className: "token operator" }, "="),
21
- ' ')),
22
- React.createElement(Value, { value: value.value })));
10
+ return (_jsxs(_Fragment, { children: [(doc === null || doc === void 0 ? void 0 : doc.name) && (_jsxs(_Fragment, { children: [_jsx("span", { className: "token keyword", children: "type" }), ' ', _jsx("span", { className: "token symbol", children: (doc === null || doc === void 0 ? void 0 : doc.name) || 'unknown' }), renderTypeParameters(value.typeParameters), " ", _jsx("span", { className: "token operator", children: "=" }), ' '] })), _jsx(Value, { value: value.value })] }));
23
11
  });
24
- registerWidget('infer', ({ value }) => (React.createElement(React.Fragment, null,
25
- React.createElement("span", { className: "token keyword" }, "infer"),
26
- " ",
27
- React.createElement(Value, { value: value.value }))));
28
- registerWidget('keyof', ({ value }) => (React.createElement(React.Fragment, null,
29
- React.createElement("span", { className: "token keyword" }, "keyof"),
30
- " ",
31
- React.createElement(Value, { value: value.name }))));
12
+ registerWidget('infer', ({ value }) => (_jsxs(_Fragment, { children: [_jsx("span", { className: "token keyword", children: "infer" }), " ", _jsx(Value, { value: value.value })] })));
13
+ registerWidget('keyof', ({ value }) => (_jsxs(_Fragment, { children: [_jsx("span", { className: "token keyword", children: "keyof" }), " ", _jsx(Value, { value: value.name })] })));
@@ -1,8 +1,5 @@
1
- import React from 'react';
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { registerWidget, Value } from '../Value';
3
3
  registerWidget('qualifiedName', ({ value }) => {
4
- return (React.createElement(React.Fragment, null,
5
- React.createElement(Value, { value: value.left }),
6
- React.createElement("span", { className: "token punctuation" }, "."),
7
- React.createElement(Value, { value: value.right })));
4
+ return (_jsxs(_Fragment, { children: [_jsx(Value, { value: value.left }), _jsx("span", { className: "token punctuation", children: "." }), _jsx(Value, { value: value.right })] }));
8
5
  });
@@ -1,6 +1,6 @@
1
- import React from 'react';
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { registerWidget } from '../Value';
3
3
  import { SymbolDialog } from '../widgetUtils';
4
4
  registerWidget('symbol', ({ value }) => {
5
- return React.createElement(SymbolDialog, { value: value });
5
+ return _jsx(SymbolDialog, { value: value });
6
6
  });
@@ -1,9 +1,6 @@
1
- import React from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { registerWidget, Value } from '../Value';
3
3
  import { RenderContext } from '../widgetUtils';
4
4
  registerWidget('tuple', ({ value }) => {
5
- return (React.createElement(RenderContext.Provider, { value: "inline" },
6
- React.createElement("span", { className: "token punctuation" }, "["),
7
- value.value.map((v, i) => (React.createElement(Value, { key: i, value: v }))),
8
- React.createElement("span", { className: "token punctuation" }, "]")));
5
+ return (_jsxs(RenderContext.Provider, { value: "inline", children: [_jsx("span", { className: "token punctuation", children: "[" }), value.value.map((v, i) => (_jsx(Value, { value: v }, i))), _jsx("span", { className: "token punctuation", children: "]" })] }));
9
6
  });
@@ -1,16 +1,5 @@
1
- import React from 'react';
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { registerWidget, Value } from '../Value';
3
3
  registerWidget('typeParameter', ({ value }) => {
4
- return (React.createElement(React.Fragment, null,
5
- React.createElement("span", { className: "token symbol" }, value.name),
6
- value.constraint && (React.createElement(React.Fragment, null,
7
- ' ',
8
- React.createElement("span", { className: "token keyword" }, "extends"),
9
- " ",
10
- React.createElement(Value, { value: value.constraint }))),
11
- value.defaultValue && (React.createElement(React.Fragment, null,
12
- ' ',
13
- React.createElement("span", { className: "token operator" }, "="),
14
- " ",
15
- React.createElement(Value, { value: value.defaultValue })))));
4
+ return (_jsxs(_Fragment, { children: [_jsx("span", { className: "token symbol", children: value.name }), value.constraint && (_jsxs(_Fragment, { children: [' ', _jsx("span", { className: "token keyword", children: "extends" }), " ", _jsx(Value, { value: value.constraint })] })), value.defaultValue && (_jsxs(_Fragment, { children: [' ', _jsx("span", { className: "token operator", children: "=" }), " ", _jsx(Value, { value: value.defaultValue })] }))] }));
16
5
  });
@@ -1,16 +1,10 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
1
2
  import React from 'react';
2
3
  import { registerWidget, Value } from '../Value';
3
4
  import { IndentLevelContext, RenderContext, indent } from '../widgetUtils';
4
5
  registerWidget('union', ({ value }) => {
5
6
  const level = React.useContext(IndentLevelContext);
6
- return (React.createElement(RenderContext.Provider, { value: "inline" }, value.value.map((v, index) => {
7
- return (React.createElement(React.Fragment, { key: index },
8
- ' ',
9
- value.value.length > 3 && (React.createElement(React.Fragment, null,
10
- React.createElement("br", null),
11
- indent(level + 1))),
12
- index !== 0 && React.createElement("span", { className: "token punctuation" }, " |\u00A0"),
13
- React.createElement(IndentLevelContext.Provider, { value: level + 1 },
14
- React.createElement(Value, { value: v }))));
15
- })));
7
+ return (_jsx(RenderContext.Provider, { value: "inline", children: value.value.map((v, index) => {
8
+ return (_jsxs(React.Fragment, { children: [' ', value.value.length > 3 && (_jsxs(_Fragment, { children: [_jsx("br", {}), indent(level + 1)] })), index !== 0 && _jsx("span", { className: "token punctuation", children: " |\u00A0" }), _jsx(IndentLevelContext.Provider, { value: level + 1, children: _jsx(Value, { value: v }) })] }, index));
9
+ }) }));
16
10
  });
@@ -1,7 +1,6 @@
1
- import React from 'react';
2
1
  export interface InstallBlockProps {
3
2
  command?: string;
4
3
  packageName?: string;
5
4
  }
6
- export declare const InstallBlock: ({ command, packageName }: InstallBlockProps) => React.JSX.Element;
5
+ export declare const InstallBlock: ({ command, packageName }: InstallBlockProps) => import("react/jsx-runtime").JSX.Element;
7
6
  //# sourceMappingURL=installBlock.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"installBlock.d.ts","sourceRoot":"","sources":["../../../mdx/installBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,6BAA4B,iBAAiB,sBA8BrE,CAAC"}
1
+ {"version":3,"file":"installBlock.d.ts","sourceRoot":"","sources":["../../../mdx/installBlock.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,6BAA4B,iBAAiB,4CA8BrE,CAAC"}
@@ -1,3 +1,4 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
2
  import React from 'react';
2
3
  import { Flex } from '@workday/canvas-kit-react/layout';
3
4
  import { colors } from '@workday/canvas-kit-react/tokens';
@@ -14,10 +15,5 @@ export const InstallBlock = ({ command, packageName }) => {
14
15
  navigator.clipboard.writeText(commandRef.current.innerText);
15
16
  }
16
17
  };
17
- return (React.createElement(Flex, { padding: "xs", backgroundColor: colors.licorice500, borderRadius: "m", justifyContent: "space-between", alignItems: "center", flexWrap: 'wrap' },
18
- React.createElement("pre", { ref: commandRef },
19
- React.createElement("span", { style: { color: colors.blueberry200 } }, command),
20
- ' ',
21
- React.createElement("span", { style: { color: colors.frenchVanilla100 } }, packageName)),
22
- React.createElement(PrimaryButton, { variant: "inverse", onClick: handleCopy, size: "small" }, copied ? 'Copied' : 'Copy')));
18
+ return (_jsxs(Flex, { padding: "xs", backgroundColor: colors.licorice500, borderRadius: "m", justifyContent: "space-between", alignItems: "center", flexWrap: 'wrap', children: [_jsxs("pre", { ref: commandRef, children: [_jsx("span", { style: { color: colors.blueberry200 }, children: command }), ' ', _jsx("span", { style: { color: colors.frenchVanilla100 }, children: packageName })] }), _jsx(PrimaryButton, { variant: "inverse", onClick: handleCopy, size: "small", children: copied ? 'Copied' : 'Copy' })] }));
23
19
  };
@@ -1,3 +1,2 @@
1
- import * as React from 'react';
2
- export declare const Background: () => React.JSX.Element;
1
+ export declare const Background: () => import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Background.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,UAAU,yBActB,CAAC"}
1
+ {"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Background.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,UAAU,+CActB,CAAC"}
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Box } from '@workday/canvas-kit-react/layout';
3
3
  const baseStyles = {
4
4
  color: 'blackPepper500',
@@ -9,8 +9,5 @@ const baseStyles = {
9
9
  padding: 'xs',
10
10
  };
11
11
  export const Background = () => {
12
- return (React.createElement(React.Fragment, null,
13
- React.createElement(Box, { backgroundColor: "cinnamon300", ...baseStyles }, "Cinnamon 300"),
14
- React.createElement(Box, { backgroundColor: "sourLemon300", ...baseStyles }, "Sour Lemon 300"),
15
- React.createElement(Box, { backgroundColor: "blueberry300", ...baseStyles }, "Blueberry 300")));
12
+ return (_jsxs(_Fragment, { children: [_jsx(Box, { backgroundColor: "cinnamon300", ...baseStyles, children: "Cinnamon 300" }), _jsx(Box, { backgroundColor: "sourLemon300", ...baseStyles, children: "Sour Lemon 300" }), _jsx(Box, { backgroundColor: "blueberry300", ...baseStyles, children: "Blueberry 300" })] }));
16
13
  };
@@ -1,3 +1,2 @@
1
- import * as React from 'react';
2
- export declare const Border: () => React.JSX.Element;
1
+ export declare const Border: () => import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Border.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Border.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Border.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,MAAM,yBAYlB,CAAC"}
1
+ {"version":3,"file":"Border.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Border.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,MAAM,+CAYlB,CAAC"}
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Box } from '@workday/canvas-kit-react/layout';
3
3
  const baseStyles = {
4
4
  color: 'blackPepper300',
@@ -8,7 +8,4 @@ const baseStyles = {
8
8
  minWidth: '8rem',
9
9
  padding: 'xs',
10
10
  };
11
- export const Border = () => (React.createElement(React.Fragment, null,
12
- React.createElement(Box, { borderRadius: "m", border: "solid 4px", borderColor: "cinnamon300", ...baseStyles }, "Cinnamon 300"),
13
- React.createElement(Box, { borderRadius: "m", border: "solid 4px", borderColor: "sourLemon300", ...baseStyles }, "Sour Lemon 300"),
14
- React.createElement(Box, { borderRadius: "m", border: "solid 4px", borderColor: "blueberry300", ...baseStyles }, "Blueberry 300")));
11
+ export const Border = () => (_jsxs(_Fragment, { children: [_jsx(Box, { borderRadius: "m", border: "solid 4px", borderColor: "cinnamon300", ...baseStyles, children: "Cinnamon 300" }), _jsx(Box, { borderRadius: "m", border: "solid 4px", borderColor: "sourLemon300", ...baseStyles, children: "Sour Lemon 300" }), _jsx(Box, { borderRadius: "m", border: "solid 4px", borderColor: "blueberry300", ...baseStyles, children: "Blueberry 300" })] }));
@@ -1,3 +1,2 @@
1
- import * as React from 'react';
2
- export declare const Color: () => React.JSX.Element;
1
+ export declare const Color: () => import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Color.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Color.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,KAAK,yBAYjB,CAAC"}
1
+ {"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Color.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,KAAK,+CAYjB,CAAC"}
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Box } from '@workday/canvas-kit-react/layout';
3
3
  const baseStyles = {
4
4
  display: 'inline-block',
@@ -7,7 +7,4 @@ const baseStyles = {
7
7
  minWidth: '8rem',
8
8
  padding: 'xs',
9
9
  };
10
- export const Color = () => (React.createElement(React.Fragment, null,
11
- React.createElement(Box, { backgroundColor: "cinnamon300", color: "blackPepper500", ...baseStyles }, "Cinnamon 300"),
12
- React.createElement(Box, { backgroundColor: "sourLemon300", color: "blackPepper500", ...baseStyles }, "Sour Lemon 300"),
13
- React.createElement(Box, { backgroundColor: "blueberry300", color: "blackPepper500", ...baseStyles }, "Blueberry 300")));
10
+ export const Color = () => (_jsxs(_Fragment, { children: [_jsx(Box, { backgroundColor: "cinnamon300", color: "blackPepper500", ...baseStyles, children: "Cinnamon 300" }), _jsx(Box, { backgroundColor: "sourLemon300", color: "blackPepper500", ...baseStyles, children: "Sour Lemon 300" }), _jsx(Box, { backgroundColor: "blueberry300", color: "blackPepper500", ...baseStyles, children: "Blueberry 300" })] }));
@@ -1,3 +1,2 @@
1
- import * as React from 'react';
2
- export declare const Depth: () => React.JSX.Element;
1
+ export declare const Depth: () => import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Depth.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Depth.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Depth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,KAAK,yBAYjB,CAAC"}
1
+ {"version":3,"file":"Depth.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Depth.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,KAAK,+CAYjB,CAAC"}
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Box } from '@workday/canvas-kit-react/layout';
3
3
  const baseStyles = {
4
4
  color: 'blackPepper500',
@@ -8,7 +8,4 @@ const baseStyles = {
8
8
  minWidth: '8rem',
9
9
  padding: 'xs',
10
10
  };
11
- export const Depth = () => (React.createElement(React.Fragment, null,
12
- React.createElement(Box, { backgroundColor: "cinnamon300", depth: 1, ...baseStyles }, "Depth 1"),
13
- React.createElement(Box, { backgroundColor: "sourLemon300", depth: 2, ...baseStyles }, "Depth 2"),
14
- React.createElement(Box, { backgroundColor: "blueberry300", depth: 3, ...baseStyles }, "Depth 3")));
11
+ export const Depth = () => (_jsxs(_Fragment, { children: [_jsx(Box, { backgroundColor: "cinnamon300", depth: 1, ...baseStyles, children: "Depth 1" }), _jsx(Box, { backgroundColor: "sourLemon300", depth: 2, ...baseStyles, children: "Depth 2" }), _jsx(Box, { backgroundColor: "blueberry300", depth: 3, ...baseStyles, children: "Depth 3" })] }));
@@ -1,3 +1,2 @@
1
- import * as React from 'react';
2
- export declare const FlexExample: () => React.JSX.Element;
1
+ export declare const FlexExample: () => import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Flex.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,WAAW,yBAoCvB,CAAC"}
1
+ {"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Flex.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,+CAoCvB,CAAC"}
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Flex } from '@workday/canvas-kit-react/layout';
3
3
  const baseStyles = {
4
4
  color: 'blackPepper500',
@@ -6,16 +6,4 @@ const baseStyles = {
6
6
  minWidth: '2rem',
7
7
  padding: 'xs',
8
8
  };
9
- export const FlexExample = () => (React.createElement(Flex, { columnGap: "xs" },
10
- React.createElement(Flex, { flexDirection: "column", rowGap: "xs", flex: 1 },
11
- React.createElement(Flex.Item, { backgroundColor: "cinnamon300", textAlign: "center", ...baseStyles }, "1"),
12
- React.createElement(Flex.Item, { backgroundColor: "sourLemon300", textAlign: "center", ...baseStyles }, "1"),
13
- React.createElement(Flex.Item, { backgroundColor: "blueberry300", textAlign: "center", ...baseStyles }, "1")),
14
- React.createElement(Flex, { flexDirection: "column", rowGap: "xs", flex: 2 },
15
- React.createElement(Flex.Item, { backgroundColor: "cinnamon300", textAlign: "center", ...baseStyles }, "2"),
16
- React.createElement(Flex.Item, { backgroundColor: "sourLemon300", textAlign: "center", ...baseStyles }, "2"),
17
- React.createElement(Flex.Item, { backgroundColor: "blueberry300", textAlign: "center", ...baseStyles }, "2")),
18
- React.createElement(Flex, { flexDirection: "column", rowGap: "xs", flex: 1 },
19
- React.createElement(Flex.Item, { backgroundColor: "cinnamon300", textAlign: "center", ...baseStyles }, "1"),
20
- React.createElement(Flex.Item, { backgroundColor: "sourLemon300", textAlign: "center", ...baseStyles }, "1"),
21
- React.createElement(Flex.Item, { backgroundColor: "blueberry300", textAlign: "center", ...baseStyles }, "1"))));
9
+ export const FlexExample = () => (_jsxs(Flex, { columnGap: "xs", children: [_jsxs(Flex, { flexDirection: "column", rowGap: "xs", flex: 1, children: [_jsx(Flex.Item, { backgroundColor: "cinnamon300", textAlign: "center", ...baseStyles, children: "1" }), _jsx(Flex.Item, { backgroundColor: "sourLemon300", textAlign: "center", ...baseStyles, children: "1" }), _jsx(Flex.Item, { backgroundColor: "blueberry300", textAlign: "center", ...baseStyles, children: "1" })] }), _jsxs(Flex, { flexDirection: "column", rowGap: "xs", flex: 2, children: [_jsx(Flex.Item, { backgroundColor: "cinnamon300", textAlign: "center", ...baseStyles, children: "2" }), _jsx(Flex.Item, { backgroundColor: "sourLemon300", textAlign: "center", ...baseStyles, children: "2" }), _jsx(Flex.Item, { backgroundColor: "blueberry300", textAlign: "center", ...baseStyles, children: "2" })] }), _jsxs(Flex, { flexDirection: "column", rowGap: "xs", flex: 1, children: [_jsx(Flex.Item, { backgroundColor: "cinnamon300", textAlign: "center", ...baseStyles, children: "1" }), _jsx(Flex.Item, { backgroundColor: "sourLemon300", textAlign: "center", ...baseStyles, children: "1" }), _jsx(Flex.Item, { backgroundColor: "blueberry300", textAlign: "center", ...baseStyles, children: "1" })] })] }));
@@ -1,3 +1,2 @@
1
- import * as React from 'react';
2
- export declare const FlexItem: () => React.JSX.Element;
1
+ export declare const FlexItem: () => import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=FlexItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/FlexItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,QAAQ,yBAiCpB,CAAC"}
1
+ {"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/FlexItem.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,QAAQ,+CAiCpB,CAAC"}
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Flex } from '@workday/canvas-kit-react/layout';
3
3
  const baseStyles = {
4
4
  color: 'blackPepper500',
@@ -6,15 +6,4 @@ const baseStyles = {
6
6
  minWidth: '2rem',
7
7
  padding: 'xs',
8
8
  };
9
- export const FlexItem = () => (React.createElement(Flex, { flexDirection: "column", rowGap: "xs" },
10
- React.createElement(Flex, { columnGap: "xs" },
11
- React.createElement(Flex.Item, { backgroundColor: "cinnamon300", flex: 1, textAlign: "center", ...baseStyles }, "1"),
12
- React.createElement(Flex.Item, { backgroundColor: "sourLemon300", flex: 2, textAlign: "center", ...baseStyles }, "2"),
13
- React.createElement(Flex.Item, { backgroundColor: "blueberry300", flex: 1, textAlign: "center", ...baseStyles }, "1")),
14
- React.createElement(Flex, { columnGap: "xs" },
15
- React.createElement(Flex.Item, { backgroundColor: "cinnamon300", flex: 2, textAlign: "center", ...baseStyles }, "2"),
16
- React.createElement(Flex.Item, { backgroundColor: "sourLemon300", flex: 1, textAlign: "center", ...baseStyles }, "1"),
17
- React.createElement(Flex.Item, { backgroundColor: "blueberry300", flex: 2, textAlign: "center", ...baseStyles }, "2")),
18
- React.createElement(Flex, { columnGap: "xs" },
19
- React.createElement(Flex.Item, { backgroundColor: "cinnamon300", flex: 1, textAlign: "center", ...baseStyles }, "1"),
20
- React.createElement(Flex.Item, { backgroundColor: "blueberry300", flex: 1, textAlign: "center", ...baseStyles }, "1"))));
9
+ export const FlexItem = () => (_jsxs(Flex, { flexDirection: "column", rowGap: "xs", children: [_jsxs(Flex, { columnGap: "xs", children: [_jsx(Flex.Item, { backgroundColor: "cinnamon300", flex: 1, textAlign: "center", ...baseStyles, children: "1" }), _jsx(Flex.Item, { backgroundColor: "sourLemon300", flex: 2, textAlign: "center", ...baseStyles, children: "2" }), _jsx(Flex.Item, { backgroundColor: "blueberry300", flex: 1, textAlign: "center", ...baseStyles, children: "1" })] }), _jsxs(Flex, { columnGap: "xs", children: [_jsx(Flex.Item, { backgroundColor: "cinnamon300", flex: 2, textAlign: "center", ...baseStyles, children: "2" }), _jsx(Flex.Item, { backgroundColor: "sourLemon300", flex: 1, textAlign: "center", ...baseStyles, children: "1" }), _jsx(Flex.Item, { backgroundColor: "blueberry300", flex: 2, textAlign: "center", ...baseStyles, children: "2" })] }), _jsxs(Flex, { columnGap: "xs", children: [_jsx(Flex.Item, { backgroundColor: "cinnamon300", flex: 1, textAlign: "center", ...baseStyles, children: "1" }), _jsx(Flex.Item, { backgroundColor: "blueberry300", flex: 1, textAlign: "center", ...baseStyles, children: "1" })] })] }));
@@ -1,3 +1,2 @@
1
- import * as React from 'react';
2
- export declare const GridExample: () => React.JSX.Element;
1
+ export declare const GridExample: () => import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Grid.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,WAAW,yBAYvB,CAAC"}
1
+ {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Grid.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,+CAYvB,CAAC"}
@@ -1,11 +1,7 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Grid } from '@workday/canvas-kit-react/layout';
3
3
  const baseStyles = {
4
4
  color: 'blackPepper500',
5
5
  padding: 'xs',
6
6
  };
7
- export const GridExample = () => (React.createElement(Grid, { gridGap: "xs", gridTemplateAreas: "'head head' 'nav main' 'nav foot'", gridTemplateColumns: "1fr 3fr", gridTemplateRows: "2.5rem minmax(10rem, auto) 2.5rem" },
8
- React.createElement(Grid.Item, { gridArea: "head", backgroundColor: "cinnamon300", ...baseStyles }),
9
- React.createElement(Grid.Item, { gridArea: "nav", backgroundColor: "sourLemon300", ...baseStyles }),
10
- React.createElement(Grid.Item, { gridArea: "main", backgroundColor: "blueberry300", ...baseStyles }),
11
- React.createElement(Grid.Item, { gridArea: "foot", backgroundColor: "cinnamon300", ...baseStyles })));
7
+ export const GridExample = () => (_jsxs(Grid, { gridGap: "xs", gridTemplateAreas: "'head head' 'nav main' 'nav foot'", gridTemplateColumns: "1fr 3fr", gridTemplateRows: "2.5rem minmax(10rem, auto) 2.5rem", children: [_jsx(Grid.Item, { gridArea: "head", backgroundColor: "cinnamon300", ...baseStyles }), _jsx(Grid.Item, { gridArea: "nav", backgroundColor: "sourLemon300", ...baseStyles }), _jsx(Grid.Item, { gridArea: "main", backgroundColor: "blueberry300", ...baseStyles }), _jsx(Grid.Item, { gridArea: "foot", backgroundColor: "cinnamon300", ...baseStyles })] }));
@@ -1,3 +1,2 @@
1
- import * as React from 'react';
2
- export declare const GridItem: () => React.JSX.Element;
1
+ export declare const GridItem: () => import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=GridItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/GridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,QAAQ,yBAWpB,CAAC"}
1
+ {"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/GridItem.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,+CAWpB,CAAC"}
@@ -1,11 +1,7 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Grid } from '@workday/canvas-kit-react/layout';
3
3
  const baseStyles = {
4
4
  color: 'blackPepper500',
5
5
  padding: 'xs',
6
6
  };
7
- export const GridItem = () => (React.createElement(Grid, { gridGap: "xs", gridTemplateColumns: "1fr 3fr", gridTemplateRows: "2.5rem minmax(10rem, auto) 2.5rem" },
8
- React.createElement(Grid.Item, { gridColumn: "1 / 3", gridRow: "1", backgroundColor: "cinnamon300", ...baseStyles }),
9
- React.createElement(Grid.Item, { gridColumn: "1", gridRow: "2 / 4", backgroundColor: "sourLemon300", ...baseStyles }),
10
- React.createElement(Grid.Item, { gridColumn: "2", gridRow: "2", backgroundColor: "blueberry300", ...baseStyles }),
11
- React.createElement(Grid.Item, { gridColumn: "2", gridRow: "3", backgroundColor: "cinnamon300", ...baseStyles })));
7
+ export const GridItem = () => (_jsxs(Grid, { gridGap: "xs", gridTemplateColumns: "1fr 3fr", gridTemplateRows: "2.5rem minmax(10rem, auto) 2.5rem", children: [_jsx(Grid.Item, { gridColumn: "1 / 3", gridRow: "1", backgroundColor: "cinnamon300", ...baseStyles }), _jsx(Grid.Item, { gridColumn: "1", gridRow: "2 / 4", backgroundColor: "sourLemon300", ...baseStyles }), _jsx(Grid.Item, { gridColumn: "2", gridRow: "2", backgroundColor: "blueberry300", ...baseStyles }), _jsx(Grid.Item, { gridColumn: "2", gridRow: "3", backgroundColor: "cinnamon300", ...baseStyles })] }));
@@ -1,3 +1,2 @@
1
- import * as React from 'react';
2
- export declare const Layout: () => React.JSX.Element;
1
+ export declare const Layout: () => import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Layout.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,MAAM,yBA8BlB,CAAC"}
1
+ {"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Layout.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,MAAM,+CA8BlB,CAAC"}
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Flex } from '@workday/canvas-kit-react/layout';
3
3
  const baseStyles = {
4
4
  color: 'blackPepper500',
@@ -7,7 +7,4 @@ const baseStyles = {
7
7
  justifyContent: 'center',
8
8
  alignItems: 'flex-start',
9
9
  };
10
- export const Layout = () => (React.createElement(Flex, { alignItems: "flex-end" },
11
- React.createElement(Flex, { backgroundColor: "cinnamon300", display: "inline-flex", height: "xl", width: "xxxl", ...baseStyles }, "40 x 80"),
12
- React.createElement(Flex, { backgroundColor: "sourLemon300", display: "inline-flex", height: "xxl", width: "xxxl", ...baseStyles }, "64 x 80"),
13
- React.createElement(Flex, { backgroundColor: "blueberry300", display: "inline-flex", height: "xxxl", width: "xxxl", ...baseStyles }, "80 x 80")));
10
+ export const Layout = () => (_jsxs(Flex, { alignItems: "flex-end", children: [_jsx(Flex, { backgroundColor: "cinnamon300", display: "inline-flex", height: "xl", width: "xxxl", ...baseStyles, children: "40 x 80" }), _jsx(Flex, { backgroundColor: "sourLemon300", display: "inline-flex", height: "xxl", width: "xxxl", ...baseStyles, children: "64 x 80" }), _jsx(Flex, { backgroundColor: "blueberry300", display: "inline-flex", height: "xxxl", width: "xxxl", ...baseStyles, children: "80 x 80" })] }));
@@ -1,3 +1,2 @@
1
- import * as React from 'react';
2
- export declare const Other: () => React.JSX.Element;
1
+ export declare const Other: () => import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Other.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Other.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Other.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,KAAK,yBA8BjB,CAAC"}
1
+ {"version":3,"file":"Other.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Other.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,KAAK,+CA8BjB,CAAC"}
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Box } from '@workday/canvas-kit-react/layout';
3
3
  import { colors } from '@workday/canvas-kit-react/tokens';
4
4
  const baseStyles = {
@@ -8,7 +8,4 @@ const baseStyles = {
8
8
  minHeight: 'xl',
9
9
  padding: 'xs',
10
10
  };
11
- export const Other = () => (React.createElement(Box, null,
12
- React.createElement(Box, { backgroundColor: "cinnamon300", cursor: "grab", outline: `2px dashed ${colors.cinnamon300}`, outlineOffset: "2px", ...baseStyles }, "Cursor Grab"),
13
- React.createElement(Box, { backgroundColor: "sourLemon300", cursor: "text", outline: `2px dashed ${colors.sourLemon300}`, outlineOffset: "2px", ...baseStyles }, "Cursor Text"),
14
- React.createElement(Box, { backgroundColor: "blueberry300", cursor: "wait", outline: `2px dashed ${colors.blueberry300}`, outlineOffset: "2px", ...baseStyles }, "Cursor Wait")));
11
+ export const Other = () => (_jsxs(Box, { children: [_jsx(Box, { backgroundColor: "cinnamon300", cursor: "grab", outline: `2px dashed ${colors.cinnamon300}`, outlineOffset: "2px", ...baseStyles, children: "Cursor Grab" }), _jsx(Box, { backgroundColor: "sourLemon300", cursor: "text", outline: `2px dashed ${colors.sourLemon300}`, outlineOffset: "2px", ...baseStyles, children: "Cursor Text" }), _jsx(Box, { backgroundColor: "blueberry300", cursor: "wait", outline: `2px dashed ${colors.blueberry300}`, outlineOffset: "2px", ...baseStyles, children: "Cursor Wait" })] }));
@@ -1,3 +1,2 @@
1
- import * as React from 'react';
2
- export declare const Position: () => React.JSX.Element;
1
+ export declare const Position: () => import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Position.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Position.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Position.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,QAAQ,yBAsCpB,CAAC"}
1
+ {"version":3,"file":"Position.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Position.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,QAAQ,+CAsCpB,CAAC"}
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Box } from '@workday/canvas-kit-react/layout';
3
3
  const baseStyles = {
4
4
  color: 'blackPepper500',
@@ -8,8 +8,5 @@ const baseStyles = {
8
8
  padding: 'xs',
9
9
  };
10
10
  export const Position = () => {
11
- return (React.createElement(React.Fragment, null,
12
- React.createElement(Box, { backgroundColor: "cinnamon300", left: 0, position: "absolute", top: "calc(50% - 20px)", zIndex: 1, textAlign: "center", ...baseStyles }, "Left"),
13
- React.createElement(Box, { backgroundColor: "sourLemon300", left: `calc(50% - 4rem)`, position: "absolute", top: "calc(50% - 20px)", zIndex: 2, textAlign: "center", ...baseStyles }, "Center"),
14
- React.createElement(Box, { backgroundColor: "blueberry300", position: "absolute", right: 0, top: "calc(50% - 20px)", zIndex: 3, textAlign: "center", ...baseStyles }, "Right")));
11
+ return (_jsxs(_Fragment, { children: [_jsx(Box, { backgroundColor: "cinnamon300", left: 0, position: "absolute", top: "calc(50% - 20px)", zIndex: 1, textAlign: "center", ...baseStyles, children: "Left" }), _jsx(Box, { backgroundColor: "sourLemon300", left: `calc(50% - 4rem)`, position: "absolute", top: "calc(50% - 20px)", zIndex: 2, textAlign: "center", ...baseStyles, children: "Center" }), _jsx(Box, { backgroundColor: "blueberry300", position: "absolute", right: 0, top: "calc(50% - 20px)", zIndex: 3, textAlign: "center", ...baseStyles, children: "Right" })] }));
15
12
  };
@@ -1,3 +1,2 @@
1
- import * as React from 'react';
2
- export declare const Space: () => React.JSX.Element;
1
+ export declare const Space: () => import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Space.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Space.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Space.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,KAAK,yBAkBjB,CAAC"}
1
+ {"version":3,"file":"Space.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Space.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK,+CAkBjB,CAAC"}
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Box } from '@workday/canvas-kit-react/layout';
3
3
  const baseStyles = {
4
4
  border: 'dotted 2px',
@@ -6,10 +6,4 @@ const baseStyles = {
6
6
  display: 'inline-block',
7
7
  verticalAlign: 'bottom',
8
8
  };
9
- export const Space = () => (React.createElement(React.Fragment, null,
10
- React.createElement(Box, { backgroundColor: "cinnamon300", margin: "xxs", padding: "s", textAlign: "center", ...baseStyles },
11
- React.createElement(Box, { border: "dotted 2px", borderColor: "blackPepper500" }, "Small")),
12
- React.createElement(Box, { backgroundColor: "sourLemon300", margin: "xxs", padding: "m", textAlign: "center", ...baseStyles },
13
- React.createElement(Box, { border: "dotted 2px", borderColor: "blackPepper500" }, "Medium")),
14
- React.createElement(Box, { backgroundColor: "blueberry300", margin: "xxs", padding: "l", textAlign: "center", ...baseStyles },
15
- React.createElement(Box, { border: "dotted 2px", borderColor: "blackPepper500" }, "Large"))));
9
+ export const Space = () => (_jsxs(_Fragment, { children: [_jsx(Box, { backgroundColor: "cinnamon300", margin: "xxs", padding: "s", textAlign: "center", ...baseStyles, children: _jsx(Box, { border: "dotted 2px", borderColor: "blackPepper500", children: "Small" }) }), _jsx(Box, { backgroundColor: "sourLemon300", margin: "xxs", padding: "m", textAlign: "center", ...baseStyles, children: _jsx(Box, { border: "dotted 2px", borderColor: "blackPepper500", children: "Medium" }) }), _jsx(Box, { backgroundColor: "blueberry300", margin: "xxs", padding: "l", textAlign: "center", ...baseStyles, children: _jsx(Box, { border: "dotted 2px", borderColor: "blackPepper500", children: "Large" }) })] }));
@@ -1,3 +1,2 @@
1
- import * as React from 'react';
2
- export declare const Text: () => React.JSX.Element;
1
+ export declare const Text: () => import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Text.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,IAAI,yBAYhB,CAAC"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Text.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,+CAYhB,CAAC"}
@@ -1,6 +1,3 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Box } from '@workday/canvas-kit-react/layout';
3
- export const Text = () => (React.createElement(Box, { padding: "m", border: "solid 4px", borderColor: "blueberry300", color: "blackPepper500" },
4
- React.createElement(Box, { as: "h3", fontSize: "large", fontWeight: "bold", margin: "zero" }, "The Elements of Typographic Style"),
5
- React.createElement(Box, { as: "p", fontSize: "medium", fontStyle: "italic" }, "\"Typography is the craft of endowing human language with a durable visual form.\""),
6
- React.createElement(Box, { as: "span", fontSize: "small", fontWeight: "bold", color: "licorice300" }, "\u2015 Robert Bringhurst")));
3
+ export const Text = () => (_jsxs(Box, { padding: "m", border: "solid 4px", borderColor: "blueberry300", color: "blackPepper500", children: [_jsx(Box, { as: "h3", fontSize: "large", fontWeight: "bold", margin: "zero", children: "The Elements of Typographic Style" }), _jsx(Box, { as: "p", fontSize: "medium", fontStyle: "italic", children: "\"Typography is the craft of endowing human language with a durable visual form.\"" }), _jsx(Box, { as: "span", fontSize: "small", fontWeight: "bold", color: "licorice300", children: "\u2015 Robert Bringhurst" })] }));
@@ -1,3 +1,2 @@
1
- import React from 'react';
2
- export declare const VersionTable: () => React.JSX.Element;
1
+ export declare const VersionTable: () => import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=versionsTable.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"versionsTable.d.ts","sourceRoot":"","sources":["../../../mdx/versionsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,eAAO,MAAM,YAAY,yBAmDxB,CAAC"}
1
+ {"version":3,"file":"versionsTable.d.ts","sourceRoot":"","sources":["../../../mdx/versionsTable.tsx"],"names":[],"mappings":"AA0CA,eAAO,MAAM,YAAY,+CAmDxB,CAAC"}