@workday/canvas-kit-docs 13.2.3 → 13.2.5

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.
@@ -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": "13.2.3",
22
- "@workday/canvas-kit-preview-react": "13.2.3",
23
- "@workday/canvas-kit-react": "13.2.3",
24
- "@workday/canvas-kit-react-fonts": "^13.2.3",
25
- "@workday/canvas-kit-styling": "13.2.3",
21
+ "@workday/canvas-kit-labs-react": "13.2.5",
22
+ "@workday/canvas-kit-preview-react": "13.2.5",
23
+ "@workday/canvas-kit-react": "13.2.5",
24
+ "@workday/canvas-kit-react-fonts": "^13.2.5",
25
+ "@workday/canvas-kit-styling": "13.2.5",
26
26
  "@workday/canvas-system-icons-web": "3.0.22",
27
27
  "@workday/canvas-tokens-web": "2.0.0"
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": "13.2.3",
22
- "@workday/canvas-kit-preview-react": "13.2.3",
23
- "@workday/canvas-kit-react": "13.2.3",
24
- "@workday/canvas-kit-react-fonts": "^13.2.3",
25
- "@workday/canvas-kit-styling": "13.2.3",
21
+ "@workday/canvas-kit-labs-react": "13.2.5",
22
+ "@workday/canvas-kit-preview-react": "13.2.5",
23
+ "@workday/canvas-kit-react": "13.2.5",
24
+ "@workday/canvas-kit-react-fonts": "^13.2.5",
25
+ "@workday/canvas-kit-styling": "13.2.5",
26
26
  "@workday/canvas-system-icons-web": "3.0.22",
27
27
  "@workday/canvas-tokens-web": "2.0.0"
28
28
  },
@@ -9,8 +9,6 @@ import Size from './examples/Size';
9
9
  import Variant from './examples/Variant';
10
10
  import CustomStyles from './examples/CustomStyles';
11
11
 
12
- import * as AvatarStories from './Avatar.stories'
13
-
14
12
 
15
13
  # Canvas Kit Avatar
16
14
 
@@ -1,7 +1,7 @@
1
1
  import {Avatar} from '@workday/canvas-kit-react/avatar';
2
2
  import {createStencil, createStyles} from '@workday/canvas-kit-styling';
3
3
  import {base, system} from '@workday/canvas-tokens-web';
4
- import {systemIconStencil} from '../../../../icon';
4
+ import {systemIconStencil} from '@workday/canvas-kit-react/icon';
5
5
 
6
6
  const customBlueAvatarStencil = createStencil({
7
7
  base: {
@@ -5,7 +5,7 @@ import testAvatar from './test-avatar.png';
5
5
  export default () => (
6
6
  <div className="story">
7
7
  {Array.from({length: 5}, (v, index) => (
8
- <>
8
+ <div>
9
9
  <Avatar
10
10
  altText="Avatar"
11
11
  key={index}
@@ -14,7 +14,7 @@ export default () => (
14
14
  url={testAvatar + '?v=' + index}
15
15
  />
16
16
  <br />
17
- </>
17
+ </div>
18
18
  ))}
19
19
  </div>
20
20
  );
@@ -21,7 +21,7 @@ const inverseBackground = createStyles({
21
21
  padding: system.space.x4,
22
22
  });
23
23
 
24
- export function Basic() {
24
+ export default () => {
25
25
  return (
26
26
  <div className={containerStyles}>
27
27
  <div className={defaultBackground}>
@@ -32,4 +32,4 @@ export function Basic() {
32
32
  </div>
33
33
  </div>
34
34
  );
35
- }
35
+ };
@@ -34,7 +34,7 @@ const inverseBackground = createStyles({
34
34
 
35
35
  const initialCount = 1;
36
36
 
37
- export function CustomLimit() {
37
+ export default () => {
38
38
  const [count, setCount] = React.useState(initialCount);
39
39
 
40
40
  return (
@@ -55,4 +55,4 @@ export function CustomLimit() {
55
55
  </div>
56
56
  </div>
57
57
  );
58
- }
58
+ };
@@ -44,7 +44,7 @@ const countBadgeStyles = createStyles({
44
44
  // NVDA + FF: Consistently describes count value only "{X}"
45
45
  // macOS v14.6.1
46
46
  // VoiceOver + Chrome / Safari: Consistently describes "New notifications {X}"
47
- export function NotificationBadge() {
47
+ export default () => {
48
48
  const [count, setCount] = React.useState(4);
49
49
  const badgeID = useUniqueId();
50
50
 
@@ -74,4 +74,4 @@ export function NotificationBadge() {
74
74
  </Flex>
75
75
  </Flex>
76
76
  );
77
- }
77
+ };
@@ -31,7 +31,7 @@ The CSS will look like this:
31
31
  <InformationHighlight.Icon />
32
32
  <InformationHighlight.Heading> Note</InformationHighlight.Heading>
33
33
  <InformationHighlight.Body>
34
- The `createStyles` function handles wrapping our Tokens in `var(--${token})`.
34
+ The `createStyles` function handles wrapping our Tokens in `var(--tokenName)`.
35
35
  </InformationHighlight.Body>
36
36
  </InformationHighlight>
37
37
 
@@ -326,7 +326,7 @@ together and applies `className` and `style` attributes to a React element.
326
326
  <InformationHighlight.Icon />
327
327
  <InformationHighlight.Heading>Information</InformationHighlight.Heading>
328
328
  <InformationHighlight.Body>
329
- For a more in depth overview, please view our <Hyperlink src="https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-create-styles--docs"> Create Styles </Hyperlink> docs.
329
+ For a more in depth overview, please view our <Hyperlink href="https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-create-styles--docs"> Create Styles </Hyperlink> docs.
330
330
  </InformationHighlight.Body>
331
331
  </InformationHighlight>
332
332
 
@@ -396,6 +396,6 @@ const ThemedCard = ({isDarkTheme, headerColor, elemProps}) => {
396
396
  <InformationHighlight.Icon />
397
397
  <InformationHighlight.Heading>Information</InformationHighlight.Heading>
398
398
  <InformationHighlight.Body>
399
- For a more in depth overview, please view our <Hyperlink src="https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-stencils--docs">Create Stencil</Hyperlink> docs.
399
+ For a more in depth overview, please view our <Hyperlink href="https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-stencils--docs">Create Stencil</Hyperlink> docs.
400
400
  </InformationHighlight.Body>
401
401
  </InformationHighlight>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "13.2.3",
3
+ "version": "13.2.5",
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": "^13.2.3",
49
- "@workday/canvas-kit-preview-react": "^13.2.3",
50
- "@workday/canvas-kit-react": "^13.2.3",
51
- "@workday/canvas-kit-styling": "^13.2.3",
48
+ "@workday/canvas-kit-labs-react": "^13.2.5",
49
+ "@workday/canvas-kit-preview-react": "^13.2.5",
50
+ "@workday/canvas-kit-react": "^13.2.5",
51
+ "@workday/canvas-kit-styling": "^13.2.5",
52
52
  "@workday/canvas-system-icons-web": "^3.0.35",
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": "4bf7deabfbac10c4b4ff7b706c54292c4bf79e35"
64
+ "gitHead": "81eb152fc5352ac63ac144447dd03d80a3e8cdfa"
65
65
  }