@workday/canvas-kit-docs 14.2.12 → 14.2.14
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/docs.js +8 -8
- package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
- package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
- package/dist/mdx/react/modal/examples/ModalWithPopupRTL.tsx +66 -0
- package/dist/mdx/react/modal/examples/NoTargetRTL.tsx +48 -0
- package/package.json +7 -7
package/dist/es6/lib/docs.js
CHANGED
|
@@ -206954,11 +206954,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
206954
206954
|
"name": "sm",
|
|
206955
206955
|
"defaultValue": {
|
|
206956
206956
|
"kind": "string",
|
|
206957
|
-
"value": "var(--cnvs-sys-shape-
|
|
206957
|
+
"value": "var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x1-half))"
|
|
206958
206958
|
},
|
|
206959
206959
|
"type": {
|
|
206960
206960
|
"kind": "string",
|
|
206961
|
-
"value": "var(--cnvs-sys-shape-
|
|
206961
|
+
"value": "var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x1-half))"
|
|
206962
206962
|
},
|
|
206963
206963
|
"required": true,
|
|
206964
206964
|
"description": "",
|
|
@@ -206980,11 +206980,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
206980
206980
|
"name": "sm",
|
|
206981
206981
|
"defaultValue": {
|
|
206982
206982
|
"kind": "string",
|
|
206983
|
-
"value": "var(--cnvs-sys-shape-
|
|
206983
|
+
"value": "var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x1-half))"
|
|
206984
206984
|
},
|
|
206985
206985
|
"type": {
|
|
206986
206986
|
"kind": "string",
|
|
206987
|
-
"value": "var(--cnvs-sys-shape-
|
|
206987
|
+
"value": "var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x1-half))"
|
|
206988
206988
|
},
|
|
206989
206989
|
"required": true,
|
|
206990
206990
|
"description": "",
|
|
@@ -207024,11 +207024,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
207024
207024
|
"name": "sm",
|
|
207025
207025
|
"defaultValue": {
|
|
207026
207026
|
"kind": "string",
|
|
207027
|
-
"value": "var(--cnvs-sys-shape-
|
|
207027
|
+
"value": "var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x1-half))"
|
|
207028
207028
|
},
|
|
207029
207029
|
"type": {
|
|
207030
207030
|
"kind": "string",
|
|
207031
|
-
"value": "var(--cnvs-sys-shape-
|
|
207031
|
+
"value": "var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x1-half))"
|
|
207032
207032
|
},
|
|
207033
207033
|
"required": true,
|
|
207034
207034
|
"description": "",
|
|
@@ -207050,11 +207050,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
207050
207050
|
"name": "sm",
|
|
207051
207051
|
"defaultValue": {
|
|
207052
207052
|
"kind": "string",
|
|
207053
|
-
"value": "var(--cnvs-sys-shape-
|
|
207053
|
+
"value": "var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x1-half))"
|
|
207054
207054
|
},
|
|
207055
207055
|
"type": {
|
|
207056
207056
|
"kind": "string",
|
|
207057
|
-
"value": "var(--cnvs-sys-shape-
|
|
207057
|
+
"value": "var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x1-half))"
|
|
207058
207058
|
},
|
|
207059
207059
|
"required": true,
|
|
207060
207060
|
"description": "",
|
|
@@ -18,11 +18,11 @@ export const packageJSONFile = `{
|
|
|
18
18
|
"@emotion/react": "11.11.4",
|
|
19
19
|
"@types/react": "18.2.60",
|
|
20
20
|
"@types/react-dom": "18.2.19",
|
|
21
|
-
"@workday/canvas-kit-labs-react": "14.2.
|
|
22
|
-
"@workday/canvas-kit-preview-react": "14.2.
|
|
23
|
-
"@workday/canvas-kit-react": "14.2.
|
|
24
|
-
"@workday/canvas-kit-react-fonts": "^14.2.
|
|
25
|
-
"@workday/canvas-kit-styling": "14.2.
|
|
21
|
+
"@workday/canvas-kit-labs-react": "14.2.14",
|
|
22
|
+
"@workday/canvas-kit-preview-react": "14.2.14",
|
|
23
|
+
"@workday/canvas-kit-react": "14.2.14",
|
|
24
|
+
"@workday/canvas-kit-react-fonts": "^14.2.14",
|
|
25
|
+
"@workday/canvas-kit-styling": "14.2.14",
|
|
26
26
|
"@workday/canvas-system-icons-web": "3.0.36",
|
|
27
27
|
"@workday/canvas-tokens-web": "3.1.2"
|
|
28
28
|
},
|
|
@@ -18,11 +18,11 @@ export const packageJSONFile = `{
|
|
|
18
18
|
"@emotion/react": "11.11.4",
|
|
19
19
|
"@types/react": "18.2.60",
|
|
20
20
|
"@types/react-dom": "18.2.19",
|
|
21
|
-
"@workday/canvas-kit-labs-react": "14.2.
|
|
22
|
-
"@workday/canvas-kit-preview-react": "14.2.
|
|
23
|
-
"@workday/canvas-kit-react": "14.2.
|
|
24
|
-
"@workday/canvas-kit-react-fonts": "^14.2.
|
|
25
|
-
"@workday/canvas-kit-styling": "14.2.
|
|
21
|
+
"@workday/canvas-kit-labs-react": "14.2.14",
|
|
22
|
+
"@workday/canvas-kit-preview-react": "14.2.14",
|
|
23
|
+
"@workday/canvas-kit-react": "14.2.14",
|
|
24
|
+
"@workday/canvas-kit-react-fonts": "^14.2.14",
|
|
25
|
+
"@workday/canvas-kit-styling": "14.2.14",
|
|
26
26
|
"@workday/canvas-system-icons-web": "3.0.36",
|
|
27
27
|
"@workday/canvas-tokens-web": "3.1.2"
|
|
28
28
|
},
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import {Modal, useModalModel} from '@workday/canvas-kit-react/modal';
|
|
2
|
+
import {DeleteButton} from '@workday/canvas-kit-react/button';
|
|
3
|
+
import {
|
|
4
|
+
Popup,
|
|
5
|
+
useCloseOnOutsideClick,
|
|
6
|
+
useCloseOnEscape,
|
|
7
|
+
usePopupModel,
|
|
8
|
+
} from '@workday/canvas-kit-react/popup';
|
|
9
|
+
import {Flex} from '@workday/canvas-kit-react/layout';
|
|
10
|
+
import {CanvasProvider} from '@workday/canvas-kit-react/common';
|
|
11
|
+
|
|
12
|
+
export default () => {
|
|
13
|
+
const modal = useModalModel();
|
|
14
|
+
const popup = usePopupModel();
|
|
15
|
+
|
|
16
|
+
const handleDelete = () => {
|
|
17
|
+
console.log('Delete Item');
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
useCloseOnOutsideClick(popup);
|
|
21
|
+
useCloseOnEscape(popup);
|
|
22
|
+
|
|
23
|
+
return (
|
|
24
|
+
<CanvasProvider dir="rtl">
|
|
25
|
+
<Modal model={modal}>
|
|
26
|
+
<Modal.Target as={DeleteButton}>Delete Item</Modal.Target>
|
|
27
|
+
<Modal.Overlay>
|
|
28
|
+
<Modal.Card>
|
|
29
|
+
<Modal.CloseIcon aria-label="Close" />
|
|
30
|
+
<Modal.Heading>Delete Item</Modal.Heading>
|
|
31
|
+
<Modal.Body>
|
|
32
|
+
<p>Are you sure you want to delete the item?</p>
|
|
33
|
+
<Popup model={popup}>
|
|
34
|
+
<Flex gap="s">
|
|
35
|
+
<Popup.Target as={DeleteButton}>Yes, Delete</Popup.Target>
|
|
36
|
+
<Popup.CloseButton>Cancel</Popup.CloseButton>
|
|
37
|
+
</Flex>
|
|
38
|
+
<Popup.Popper>
|
|
39
|
+
<Popup.Card>
|
|
40
|
+
<Popup.CloseIcon aria-label="Close" />
|
|
41
|
+
<Popup.Heading>Really Delete Item</Popup.Heading>
|
|
42
|
+
<Popup.Body>
|
|
43
|
+
<p>Are you sure you'd like to delete the item titled 'My Item'?</p>
|
|
44
|
+
<Flex gap="s">
|
|
45
|
+
<Popup.CloseButton
|
|
46
|
+
as={DeleteButton}
|
|
47
|
+
onClick={event => {
|
|
48
|
+
modal.events.hide(event);
|
|
49
|
+
handleDelete();
|
|
50
|
+
}}
|
|
51
|
+
>
|
|
52
|
+
Yes, Really Delete
|
|
53
|
+
</Popup.CloseButton>
|
|
54
|
+
<Popup.CloseButton>Cancel</Popup.CloseButton>
|
|
55
|
+
</Flex>
|
|
56
|
+
</Popup.Body>
|
|
57
|
+
</Popup.Card>
|
|
58
|
+
</Popup.Popper>
|
|
59
|
+
</Popup>
|
|
60
|
+
</Modal.Body>
|
|
61
|
+
</Modal.Card>
|
|
62
|
+
</Modal.Overlay>
|
|
63
|
+
</Modal>
|
|
64
|
+
</CanvasProvider>
|
|
65
|
+
);
|
|
66
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import {Modal, useModalModel} from '@workday/canvas-kit-react/modal';
|
|
2
|
+
import {PrimaryButton} from '@workday/canvas-kit-react/button';
|
|
3
|
+
import {Flex, Box} from '@workday/canvas-kit-react/layout';
|
|
4
|
+
import {CanvasProvider} from '@workday/canvas-kit-react/common';
|
|
5
|
+
import {extLinkIcon} from '@workday/canvas-system-icons-web';
|
|
6
|
+
|
|
7
|
+
export default () => {
|
|
8
|
+
const model = useModalModel();
|
|
9
|
+
const handleAcknowledge = () => {
|
|
10
|
+
console.log('License Acknowledged');
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
const handleCancel = () => {
|
|
14
|
+
console.log('Cancel clicked');
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
return (
|
|
18
|
+
<CanvasProvider dir="rtl">
|
|
19
|
+
<PrimaryButton onClick={() => model.events.show()}>פתח רישיון</PrimaryButton>
|
|
20
|
+
<Modal model={model}>
|
|
21
|
+
<Modal.Overlay>
|
|
22
|
+
<Modal.Card>
|
|
23
|
+
<Modal.CloseIcon aria-label="Close" />
|
|
24
|
+
<Modal.Heading>MIT License</Modal.Heading>
|
|
25
|
+
<Modal.Body>
|
|
26
|
+
<Box as="p" marginY="zero">
|
|
27
|
+
בזאת ניתנת רשות, ללא תשלום, לכל אדם לקבל עותק של תוכנה זו וקבצי התיעוד הנלווים
|
|
28
|
+
("התוכנה").
|
|
29
|
+
</Box>
|
|
30
|
+
</Modal.Body>
|
|
31
|
+
<Flex gap="s" padding="xxs">
|
|
32
|
+
<Modal.CloseButton
|
|
33
|
+
as={PrimaryButton}
|
|
34
|
+
onClick={handleAcknowledge}
|
|
35
|
+
icon={extLinkIcon}
|
|
36
|
+
iconPosition="end"
|
|
37
|
+
shouldMirrorIconInRTL
|
|
38
|
+
>
|
|
39
|
+
לְהוֹדוֹת
|
|
40
|
+
</Modal.CloseButton>
|
|
41
|
+
<Modal.CloseButton onClick={handleCancel}>לְבַטֵל</Modal.CloseButton>
|
|
42
|
+
</Flex>
|
|
43
|
+
</Modal.Card>
|
|
44
|
+
</Modal.Overlay>
|
|
45
|
+
</Modal>
|
|
46
|
+
</CanvasProvider>
|
|
47
|
+
);
|
|
48
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "14.2.
|
|
3
|
+
"version": "14.2.14",
|
|
4
4
|
"description": "Documentation components of Canvas Kit components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -45,12 +45,12 @@
|
|
|
45
45
|
"@emotion/styled": "^11.6.0",
|
|
46
46
|
"@stackblitz/sdk": "^1.11.0",
|
|
47
47
|
"@storybook/csf": "0.0.1",
|
|
48
|
-
"@workday/canvas-kit-labs-react": "^14.2.
|
|
49
|
-
"@workday/canvas-kit-preview-react": "^14.2.
|
|
50
|
-
"@workday/canvas-kit-react": "^14.2.
|
|
51
|
-
"@workday/canvas-kit-styling": "^14.2.
|
|
48
|
+
"@workday/canvas-kit-labs-react": "^14.2.14",
|
|
49
|
+
"@workday/canvas-kit-preview-react": "^14.2.14",
|
|
50
|
+
"@workday/canvas-kit-react": "^14.2.14",
|
|
51
|
+
"@workday/canvas-kit-styling": "^14.2.14",
|
|
52
52
|
"@workday/canvas-system-icons-web": "^3.0.36",
|
|
53
|
-
"@workday/canvas-tokens-web": "^3.1.
|
|
53
|
+
"@workday/canvas-tokens-web": "^3.1.6",
|
|
54
54
|
"markdown-to-jsx": "^7.2.0",
|
|
55
55
|
"react-syntax-highlighter": "^15.5.0",
|
|
56
56
|
"ts-node": "^10.9.1"
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"mkdirp": "^1.0.3",
|
|
62
62
|
"typescript": "5.0"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "4917e7ed2cce2ad785ba7cf7622d4fb586c426ae"
|
|
65
65
|
}
|