@workday/canvas-kit-docs 12.5.4 → 12.5.6

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 (6) hide show
  1. package/dist/es6/lib/docs.js +6 -6
  2. package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
  3. package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
  4. package/dist/mdx/preview-react/information-highlight/examples/Critical.tsx +4 -10
  5. package/dist/mdx/preview-react/information-highlight/examples/Informational.tsx +33 -4
  6. package/package.json +6 -6
package/dist/es6/lib/docs.js CHANGED
@@ -7833,8 +7833,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
7833
7833
  },
7834
7834
  "defaultValue": {
7835
7835
  "kind": "external",
7836
- "name": "p",
7837
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p"
7836
+ "name": "div",
7837
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
7838
7838
  }
7839
7839
  },
7840
7840
  {
@@ -7854,8 +7854,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
7854
7854
  "required": true,
7855
7855
  "defaultValue": {
7856
7856
  "kind": "external",
7857
- "name": "p",
7858
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p"
7857
+ "name": "div",
7858
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
7859
7859
  }
7860
7860
  }
7861
7861
  ]
@@ -7864,8 +7864,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
7864
7864
  ],
7865
7865
  "baseElement": {
7866
7866
  "kind": "external",
7867
- "name": "p",
7868
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p"
7867
+ "name": "div",
7868
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
7869
7869
  },
7870
7870
  "styleComponent": {
7871
7871
  "kind": "symbol",
package/dist/es6/lib/stackblitzFiles/packageJSONFile.js CHANGED
@@ -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": "12.5.4",
22
- "@workday/canvas-kit-preview-react": "12.5.4",
23
- "@workday/canvas-kit-react": "12.5.4",
24
- "@workday/canvas-kit-react-fonts": "^12.5.4",
25
- "@workday/canvas-kit-styling": "12.5.4",
21
+ "@workday/canvas-kit-labs-react": "12.5.6",
22
+ "@workday/canvas-kit-preview-react": "12.5.6",
23
+ "@workday/canvas-kit-react": "12.5.6",
24
+ "@workday/canvas-kit-react-fonts": "^12.5.6",
25
+ "@workday/canvas-kit-styling": "12.5.6",
26
26
  "@workday/canvas-system-icons-web": "3.0.22",
27
27
  "@workday/canvas-tokens-web": "2.0.0"
28
28
  },
package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts CHANGED
@@ -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": "12.5.4",
22
- "@workday/canvas-kit-preview-react": "12.5.4",
23
- "@workday/canvas-kit-react": "12.5.4",
24
- "@workday/canvas-kit-react-fonts": "^12.5.4",
25
- "@workday/canvas-kit-styling": "12.5.4",
21
+ "@workday/canvas-kit-labs-react": "12.5.6",
22
+ "@workday/canvas-kit-preview-react": "12.5.6",
23
+ "@workday/canvas-kit-react": "12.5.6",
24
+ "@workday/canvas-kit-react-fonts": "^12.5.6",
25
+ "@workday/canvas-kit-styling": "12.5.6",
26
26
  "@workday/canvas-system-icons-web": "3.0.22",
27
27
  "@workday/canvas-tokens-web": "2.0.0"
28
28
  },
package/dist/mdx/preview-react/information-highlight/examples/Critical.tsx CHANGED
@@ -8,23 +8,17 @@ export default () => {
8
8
  <Flex flexDirection={'column'} gap={system.space.x2}>
9
9
  <InformationHighlight variant={'critical'}>
10
10
  <InformationHighlight.Icon />
11
- <InformationHighlight.Heading>
12
- {' '}
13
- Attention! Highlight Something{' '}
14
- </InformationHighlight.Heading>
11
+ <InformationHighlight.Heading>Attention! Highlight Something</InformationHighlight.Heading>
15
12
  <InformationHighlight.Body>
16
- If you select the link below it will just reroute you back to this page
13
+ If you select the link below it will reroute you back to this page.
17
14
  </InformationHighlight.Body>
18
15
  <InformationHighlight.Link href="#hyperlink">View the Docs</InformationHighlight.Link>
19
16
  </InformationHighlight>
20
17
  <InformationHighlight variant={'critical'} emphasis={'high'}>
21
18
  <InformationHighlight.Icon />
22
- <InformationHighlight.Heading>
23
- {' '}
24
- Attention! Highlight Something{' '}
25
- </InformationHighlight.Heading>
19
+ <InformationHighlight.Heading>Attention! Highlight Something</InformationHighlight.Heading>
26
20
  <InformationHighlight.Body>
27
- If you select the link below it will just reroute you back to this page
21
+ If you select the link below it will reroute you back to this page.
28
22
  </InformationHighlight.Body>
29
23
  <InformationHighlight.Link href="#hyperlink">View the Docs</InformationHighlight.Link>
30
24
  </InformationHighlight>
package/dist/mdx/preview-react/information-highlight/examples/Informational.tsx CHANGED
@@ -2,6 +2,19 @@ import React from 'react';
2
2
  import {Flex} from '@workday/canvas-kit-react/layout';
3
3
  import {InformationHighlight} from '@workday/canvas-kit-preview-react/information-highlight';
4
4
  import {system} from '@workday/canvas-tokens-web';
5
+ import {createStyles} from '@workday/canvas-kit-styling';
6
+
7
+ const contentTextStyles = createStyles({
8
+ margin: 0,
9
+ });
10
+
11
+ const contentListStyles = createStyles({
12
+ listStyle: 'inside',
13
+ marginInlineStart: 0,
14
+ marginBlockStart: system.space.x2,
15
+ marginBlockEnd: 0,
16
+ padding: 0,
17
+ });
5
18
 
6
19
  export default () => {
7
20
  return (
@@ -10,17 +23,33 @@ export default () => {
10
23
  <InformationHighlight.Icon />
11
24
  <InformationHighlight.Heading> Informational Highlight </InformationHighlight.Heading>
12
25
  <InformationHighlight.Body>
13
- If you select the link below it will just reroute you back to this page
26
+ <p className={contentTextStyles}>
27
+ This is a low-emphasis, informational callout. You should use this for nice-to-have
28
+ information, such as:
29
+ </p>
30
+ <ul className={contentListStyles}>
31
+ <li>tangential information or context</li>
32
+ <li>related features</li>
33
+ <li>additional opportunities</li>
34
+ </ul>
14
35
  </InformationHighlight.Body>
15
- <InformationHighlight.Link href="#hyperlink">View the Docs</InformationHighlight.Link>
36
+ <InformationHighlight.Link href="#hyperlink">Learn More</InformationHighlight.Link>
16
37
  </InformationHighlight>
17
38
  <InformationHighlight variant={'informational'} emphasis={'high'}>
18
39
  <InformationHighlight.Icon />
19
40
  <InformationHighlight.Heading> Informational Highlight </InformationHighlight.Heading>
20
41
  <InformationHighlight.Body>
21
- If you select the link below it will just reroute you back to this page
42
+ <p className={contentTextStyles}>
43
+ This is a high-emphasis, informational callout. You should use this for nice-to-have
44
+ information, such as:
45
+ </p>
46
+ <ul className={contentListStyles}>
47
+ <li>tangential information or context</li>
48
+ <li>related features</li>
49
+ <li>additional opportunities</li>
50
+ </ul>
22
51
  </InformationHighlight.Body>
23
- <InformationHighlight.Link href="#hyperlink">View the Docs</InformationHighlight.Link>
52
+ <InformationHighlight.Link href="#hyperlink">Learn More</InformationHighlight.Link>
24
53
  </InformationHighlight>
25
54
  </Flex>
26
55
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "12.5.4",
3
+ "version": "12.5.6",
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,10 +45,10 @@
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": "^12.5.4",
49
- "@workday/canvas-kit-preview-react": "^12.5.4",
50
- "@workday/canvas-kit-react": "^12.5.4",
51
- "@workday/canvas-kit-styling": "^12.5.4",
48
+ "@workday/canvas-kit-labs-react": "^12.5.6",
49
+ "@workday/canvas-kit-preview-react": "^12.5.6",
50
+ "@workday/canvas-kit-react": "^12.5.6",
51
+ "@workday/canvas-kit-styling": "^12.5.6",
52
52
  "@workday/canvas-system-icons-web": "^3.0.0",
53
53
  "@workday/canvas-tokens-web": "^2.1.1",
54
54
  "markdown-to-jsx": "^7.2.0",
@@ -61,5 +61,5 @@
61
61
  "mkdirp": "^1.0.3",
62
62
  "typescript": "5.0"
63
63
  },
64
- "gitHead": "d7210e5f21aa41863be8d2fb33e2b60188f3803a"
64
+ "gitHead": "353f9486d23c4d640d45f8dbfe81c6f9b39d2680"
65
65
  }