@workday/canvas-kit-docs 13.0.0-alpha.1072-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.
- package/dist/es6/lib/ExampleCodeBlock.d.ts +1 -2
- package/dist/es6/lib/ExampleCodeBlock.d.ts.map +1 -1
- package/dist/es6/lib/ExampleCodeBlock.js +7 -18
- package/dist/es6/lib/MDXElements.d.ts +1 -2
- package/dist/es6/lib/MDXElements.d.ts.map +1 -1
- package/dist/es6/lib/MDXElements.js +4 -4
- package/dist/es6/lib/MoreTooltip.d.ts +1 -1
- package/dist/es6/lib/MoreTooltip.d.ts.map +1 -1
- package/dist/es6/lib/MoreTooltip.js +11 -12
- package/dist/es6/lib/Specifications.d.ts +1 -2
- package/dist/es6/lib/Specifications.d.ts.map +1 -1
- package/dist/es6/lib/Specifications.js +3 -20
- package/dist/es6/lib/StylePropsTable.d.ts +1 -2
- package/dist/es6/lib/StylePropsTable.d.ts.map +1 -1
- package/dist/es6/lib/StylePropsTable.js +6 -16
- package/dist/es6/lib/Table.d.ts.map +1 -1
- package/dist/es6/lib/Table.js +7 -7
- package/dist/es6/lib/Value.d.ts +3 -3
- package/dist/es6/lib/Value.d.ts.map +1 -1
- package/dist/es6/lib/Value.js +16 -51
- package/dist/es6/lib/docs.js +102 -29
- package/dist/es6/lib/stackblitzFiles/App.d.ts +1 -2
- package/dist/es6/lib/stackblitzFiles/App.d.ts.map +1 -1
- package/dist/es6/lib/stackblitzFiles/App.js +2 -5
- package/dist/es6/lib/stackblitzFiles/App.tsx +0 -1
- package/dist/es6/lib/stackblitzFiles/Demo.d.ts +1 -2
- package/dist/es6/lib/stackblitzFiles/Demo.d.ts.map +1 -1
- package/dist/es6/lib/stackblitzFiles/Demo.js +2 -2
- package/dist/es6/lib/stackblitzFiles/Demo.tsx +0 -2
- package/dist/es6/lib/stackblitzFiles/main.d.ts.map +1 -1
- package/dist/es6/lib/stackblitzFiles/main.js +2 -2
- package/dist/es6/lib/stackblitzFiles/main.tsx +0 -1
- package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
- package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
- package/dist/es6/lib/widgetUtils.d.ts +5 -5
- package/dist/es6/lib/widgetUtils.d.ts.map +1 -1
- package/dist/es6/lib/widgetUtils.js +25 -54
- package/dist/es6/lib/widgets/array.js +2 -4
- package/dist/es6/lib/widgets/callExpression.js +2 -14
- package/dist/es6/lib/widgets/canvasColor.js +2 -2
- package/dist/es6/lib/widgets/component.js +2 -4
- package/dist/es6/lib/widgets/conditional.js +2 -12
- package/dist/es6/lib/widgets/enhancedComponent.js +14 -66
- package/dist/es6/lib/widgets/external.js +2 -4
- package/dist/es6/lib/widgets/function.js +7 -26
- package/dist/es6/lib/widgets/intersection.js +2 -3
- package/dist/es6/lib/widgets/model.js +3 -19
- package/dist/es6/lib/widgets/object.js +2 -2
- package/dist/es6/lib/widgets/parenthesis.js +2 -5
- package/dist/es6/lib/widgets/primitives.js +9 -27
- package/dist/es6/lib/widgets/qualifiedName.js +2 -5
- package/dist/es6/lib/widgets/symbol.js +2 -2
- package/dist/es6/lib/widgets/tuple.js +2 -5
- package/dist/es6/lib/widgets/typeParameter.js +2 -13
- package/dist/es6/lib/widgets/union.js +4 -10
- package/dist/es6/mdx/installBlock.d.ts +1 -2
- package/dist/es6/mdx/installBlock.d.ts.map +1 -1
- package/dist/es6/mdx/installBlock.js +2 -6
- package/dist/es6/mdx/style-props/examples/Background.d.ts +1 -2
- package/dist/es6/mdx/style-props/examples/Background.d.ts.map +1 -1
- package/dist/es6/mdx/style-props/examples/Background.js +2 -5
- package/dist/es6/mdx/style-props/examples/Border.d.ts +1 -2
- package/dist/es6/mdx/style-props/examples/Border.d.ts.map +1 -1
- package/dist/es6/mdx/style-props/examples/Border.js +2 -5
- package/dist/es6/mdx/style-props/examples/Color.d.ts +1 -2
- package/dist/es6/mdx/style-props/examples/Color.d.ts.map +1 -1
- package/dist/es6/mdx/style-props/examples/Color.js +2 -5
- package/dist/es6/mdx/style-props/examples/Depth.d.ts +1 -2
- package/dist/es6/mdx/style-props/examples/Depth.d.ts.map +1 -1
- package/dist/es6/mdx/style-props/examples/Depth.js +2 -5
- package/dist/es6/mdx/style-props/examples/Flex.d.ts +1 -2
- package/dist/es6/mdx/style-props/examples/Flex.d.ts.map +1 -1
- package/dist/es6/mdx/style-props/examples/Flex.js +2 -14
- package/dist/es6/mdx/style-props/examples/FlexItem.d.ts +1 -2
- package/dist/es6/mdx/style-props/examples/FlexItem.d.ts.map +1 -1
- package/dist/es6/mdx/style-props/examples/FlexItem.js +2 -13
- package/dist/es6/mdx/style-props/examples/Grid.d.ts +1 -2
- package/dist/es6/mdx/style-props/examples/Grid.d.ts.map +1 -1
- package/dist/es6/mdx/style-props/examples/Grid.js +2 -6
- package/dist/es6/mdx/style-props/examples/GridItem.d.ts +1 -2
- package/dist/es6/mdx/style-props/examples/GridItem.d.ts.map +1 -1
- package/dist/es6/mdx/style-props/examples/GridItem.js +2 -6
- package/dist/es6/mdx/style-props/examples/Layout.d.ts +1 -2
- package/dist/es6/mdx/style-props/examples/Layout.d.ts.map +1 -1
- package/dist/es6/mdx/style-props/examples/Layout.js +2 -5
- package/dist/es6/mdx/style-props/examples/Other.d.ts +1 -2
- package/dist/es6/mdx/style-props/examples/Other.d.ts.map +1 -1
- package/dist/es6/mdx/style-props/examples/Other.js +2 -5
- package/dist/es6/mdx/style-props/examples/Position.d.ts +1 -2
- package/dist/es6/mdx/style-props/examples/Position.d.ts.map +1 -1
- package/dist/es6/mdx/style-props/examples/Position.js +2 -5
- package/dist/es6/mdx/style-props/examples/Space.d.ts +1 -2
- package/dist/es6/mdx/style-props/examples/Space.d.ts.map +1 -1
- package/dist/es6/mdx/style-props/examples/Space.js +2 -8
- package/dist/es6/mdx/style-props/examples/Text.d.ts +1 -2
- package/dist/es6/mdx/style-props/examples/Text.d.ts.map +1 -1
- package/dist/es6/mdx/style-props/examples/Text.js +2 -5
- package/dist/es6/mdx/versionsTable.d.ts +1 -2
- package/dist/es6/mdx/versionsTable.d.ts.map +1 -1
- package/dist/es6/mdx/versionsTable.js +8 -21
- package/dist/es6/mdx/welcomePage.d.ts +1 -2
- package/dist/es6/mdx/welcomePage.d.ts.map +1 -1
- package/dist/es6/mdx/welcomePage.js +2 -38
- package/dist/mdx/13.0-UPGRADE-GUIDE.mdx +16 -0
- package/dist/mdx/labs-react/expandable/examples/Avatar.tsx +0 -2
- package/dist/mdx/labs-react/expandable/examples/Depth.tsx +0 -2
- package/dist/mdx/labs-react/expandable/examples/EndIcon.tsx +0 -2
- package/dist/mdx/labs-react/expandable/examples/LongTitle.tsx +0 -2
- package/dist/mdx/labs-react/expandable/examples/RTL.tsx +0 -2
- package/dist/mdx/labs-react/expandable/examples/StartIcon.tsx +0 -2
- package/dist/mdx/preview-react/information-highlight/examples/Caution.tsx +0 -1
- package/dist/mdx/preview-react/information-highlight/examples/Critical.tsx +0 -1
- package/dist/mdx/preview-react/information-highlight/examples/Informational.tsx +0 -1
- package/dist/mdx/preview-react/pill/examples/WithReadOnly.tsx +0 -2
- package/dist/mdx/preview-react/segmented-control/examples/Disabled.tsx +0 -1
- package/dist/mdx/preview-react/segmented-control/examples/RTL.tsx +0 -1
- package/dist/mdx/preview-react/segmented-control/examples/Vertical.tsx +0 -1
- package/dist/mdx/preview-react/select/examples/Top Label/Alert.tsx +0 -2
- package/dist/mdx/preview-react/select/examples/Top Label/Default.tsx +0 -2
- package/dist/mdx/preview-react/select/examples/Top Label/DefaultWithCustomOptions.tsx +0 -2
- package/dist/mdx/preview-react/select/examples/Top Label/DefaultWithSimpleOptions.tsx +0 -2
- package/dist/mdx/preview-react/select/examples/Top Label/Disabled.tsx +0 -2
- package/dist/mdx/preview-react/select/examples/Top Label/Error.tsx +0 -2
- package/dist/mdx/preview-react/select/examples/Top Label/Grow.tsx +0 -2
- package/dist/mdx/preview-react/select/examples/Top Label/Scrollable.tsx +0 -2
- package/dist/mdx/preview-react/select/examples/storiesData.tsx +0 -1
- package/dist/mdx/preview-react/text-area/examples/Alert.tsx +1 -4
- package/dist/mdx/preview-react/text-input/examples/Alert.tsx +1 -4
- package/dist/mdx/preview-react/text-input/examples/ThemedAlert.tsx +1 -4
- package/dist/mdx/react/action-bar/examples/Basic.tsx +0 -1
- package/dist/mdx/react/action-bar/examples/DeleteAction.tsx +0 -2
- package/dist/mdx/react/action-bar/examples/Icons.tsx +0 -2
- package/dist/mdx/react/avatar/avatar/examples/Basic.tsx +0 -1
- package/dist/mdx/react/avatar/avatar/examples/Button.tsx +0 -1
- package/dist/mdx/react/avatar/avatar/examples/CustomStyles.tsx +0 -1
- package/dist/mdx/react/avatar/avatar/examples/Image.tsx +0 -1
- package/dist/mdx/react/avatar/avatar/examples/LazyLoad.tsx +0 -1
- package/dist/mdx/react/avatar/avatar/examples/ObjectFit.tsx +0 -1
- package/dist/mdx/react/avatar/avatar/examples/Size.tsx +0 -1
- package/dist/mdx/react/avatar/avatar/examples/Variant.tsx +0 -1
- package/dist/mdx/react/banner/examples/Error.tsx +0 -2
- package/dist/mdx/react/banner/examples/Sticky.tsx +0 -1
- package/dist/mdx/react/banner/examples/StickyAnimation.tsx +42 -26
- package/dist/mdx/react/breadcrumbs/examples/Basic.tsx +0 -1
- package/dist/mdx/react/button/button/examples/Delete.tsx +0 -2
- package/dist/mdx/react/button/button/examples/ExternalHyperlink.tsx +0 -2
- package/dist/mdx/react/button/button/examples/Hyperlink.tsx +0 -2
- package/dist/mdx/react/button/button/examples/Primary.tsx +0 -2
- package/dist/mdx/react/color-picker/color-preview/examples/Basic.tsx +0 -1
- package/dist/mdx/react/dialog/examples/DialogWithFallbackPlacements.tsx +0 -1
- package/dist/mdx/react/modal/examples/Basic.tsx +0 -2
- package/dist/mdx/react/modal/examples/IframeTest.tsx +0 -1
- package/dist/mdx/react/modal/examples/ModalWithPopup.tsx +0 -1
- package/dist/mdx/react/modal/examples/StackedModals.tsx +0 -1
- package/dist/mdx/react/pagination/examples/CustomRange.tsx +0 -1
- package/dist/mdx/react/pagination/examples/GoToForm.tsx +0 -1
- package/dist/mdx/react/pagination/examples/JumpControls.tsx +0 -1
- package/dist/mdx/react/popup/examples/Basic.tsx +0 -2
- package/dist/mdx/react/popup/examples/CloseOnTargetHiddenTest.tsx +0 -1
- package/dist/mdx/react/popup/examples/ComboboxWithinPopup.tsx +0 -1
- package/dist/mdx/react/popup/examples/MultiplePopups.tsx +0 -2
- package/dist/mdx/react/popup/examples/PopupWithFallbackPlacements.tsx +0 -1
- package/dist/mdx/react/popup/examples/PopupWithNonHidablePopup.tsx +0 -1
- package/dist/mdx/react/popup/examples/ReturnFocusTest.tsx +0 -2
- package/dist/mdx/react/popup/examples/TooltipReturnFocus.tsx +0 -1
- package/dist/mdx/react/select/examples/MenuHeight.tsx +0 -1
- package/dist/mdx/react/tabs/examples/Basic.tsx +0 -1
- package/dist/mdx/react/tabs/examples/DisabledTab.tsx +0 -1
- package/dist/mdx/react/tabs/examples/NamedTabs.tsx +0 -1
- package/dist/mdx/react/tabs/examples/RightToLeft.tsx +0 -1
- package/dist/mdx/react/text-input/examples/Basic.tsx +0 -3
- package/dist/mdx/react/toast/examples/Basic.tsx +0 -2
- package/dist/mdx/react/toast/examples/ToastAlert.tsx +0 -2
- package/dist/mdx/react/toast/examples/ToastDialog.tsx +0 -2
- package/dist/mdx/react/tooltip/examples/Default.tsx +0 -2
- package/dist/mdx/react/tooltip/examples/DescribeType.tsx +0 -2
- package/dist/mdx/react/tooltip/examples/DescriptionType.tsx +0 -2
- package/dist/mdx/react/tooltip/examples/Muted.tsx +0 -2
- package/dist/mdx/style-props/examples/Background.tsx +0 -1
- package/dist/mdx/style-props/examples/Border.tsx +0 -1
- package/dist/mdx/style-props/examples/Color.tsx +0 -1
- package/dist/mdx/style-props/examples/Depth.tsx +0 -1
- package/dist/mdx/style-props/examples/Flex.tsx +0 -1
- package/dist/mdx/style-props/examples/FlexItem.tsx +0 -1
- package/dist/mdx/style-props/examples/Grid.tsx +0 -1
- package/dist/mdx/style-props/examples/GridItem.tsx +0 -1
- package/dist/mdx/style-props/examples/Layout.tsx +0 -1
- package/dist/mdx/style-props/examples/Other.tsx +0 -1
- package/dist/mdx/style-props/examples/Position.tsx +0 -1
- package/dist/mdx/style-props/examples/Space.tsx +0 -1
- package/dist/mdx/style-props/examples/Text.tsx +0 -1
- package/lib/StylePropsTable.tsx +0 -1
- package/lib/Table.tsx +0 -1
- package/lib/stackblitzFiles/App.tsx +0 -1
- package/lib/stackblitzFiles/Demo.tsx +0 -2
- package/lib/stackblitzFiles/main.tsx +0 -1
- package/lib/widgets/array.tsx +0 -2
- package/lib/widgets/canvasColor.tsx +0 -2
- package/lib/widgets/component.tsx +0 -2
- package/lib/widgets/conditional.tsx +0 -2
- package/lib/widgets/external.tsx +0 -1
- package/lib/widgets/model.tsx +0 -2
- package/lib/widgets/parenthesis.tsx +0 -2
- package/lib/widgets/primitives.tsx +1 -5
- package/lib/widgets/qualifiedName.tsx +0 -2
- package/lib/widgets/symbol.tsx +0 -2
- package/lib/widgets/tuple.tsx +0 -2
- package/lib/widgets/typeParameter.tsx +0 -2
- package/package.json +6 -6
|
@@ -1,31 +1,13 @@
|
|
|
1
|
-
import
|
|
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 }) => (
|
|
5
|
-
registerWidget('boolean', ({ value }) => (
|
|
6
|
-
registerWidget('string', ({ value }) => (
|
|
7
|
-
|
|
8
|
-
|
|
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 (
|
|
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 }) => (
|
|
25
|
-
|
|
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
|
|
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 (
|
|
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
|
|
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
|
|
5
|
+
return _jsx(SymbolDialog, { value: value });
|
|
6
6
|
});
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
import
|
|
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 (
|
|
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
|
|
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 (
|
|
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 (
|
|
7
|
-
|
|
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) =>
|
|
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":"
|
|
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 (
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Background.tsx"],"names":[],"mappings":"
|
|
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
|
|
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 (
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Border.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Border.tsx"],"names":[],"mappings":"
|
|
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
|
|
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 = () => (
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Color.tsx"],"names":[],"mappings":"
|
|
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
|
|
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 = () => (
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Depth.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Depth.tsx"],"names":[],"mappings":"
|
|
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
|
|
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 = () => (
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Flex.tsx"],"names":[],"mappings":"
|
|
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
|
|
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 = () => (
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/FlexItem.tsx"],"names":[],"mappings":"
|
|
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
|
|
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 = () => (
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Grid.tsx"],"names":[],"mappings":"
|
|
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
|
|
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 = () => (
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/GridItem.tsx"],"names":[],"mappings":"
|
|
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
|
|
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 = () => (
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Layout.tsx"],"names":[],"mappings":"
|
|
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
|
|
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 = () => (
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Other.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Other.tsx"],"names":[],"mappings":"
|
|
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
|
|
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 = () => (
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Position.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Position.tsx"],"names":[],"mappings":"
|
|
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
|
|
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 (
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Space.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Space.tsx"],"names":[],"mappings":"
|
|
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
|
|
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 = () => (
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Text.tsx"],"names":[],"mappings":"
|
|
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
|
|
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 = () => (
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"versionsTable.d.ts","sourceRoot":"","sources":["../../../mdx/versionsTable.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"versionsTable.d.ts","sourceRoot":"","sources":["../../../mdx/versionsTable.tsx"],"names":[],"mappings":"AA0CA,eAAO,MAAM,YAAY,+CAmDxB,CAAC"}
|