@workday/canvas-kit-docs 13.2.4 → 13.2.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 (12) hide show
  1. package/dist/es6/lib/Value.d.ts.map +1 -1
  2. package/dist/es6/lib/Value.js +5 -1
  3. package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
  4. package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
  5. package/dist/mdx/react/avatar/avatar/Avatar.mdx +0 -2
  6. package/dist/mdx/react/avatar/avatar/examples/CustomStyles.tsx +1 -1
  7. package/dist/mdx/react/avatar/avatar/examples/LazyLoad.tsx +2 -2
  8. package/dist/mdx/react/badge/examples/Basic.tsx +2 -2
  9. package/dist/mdx/react/badge/examples/CustomLimit.tsx +2 -2
  10. package/dist/mdx/react/badge/examples/NotificationBadge.tsx +2 -2
  11. package/lib/Value.tsx +6 -1
  12. package/package.json +6 -6
package/dist/es6/lib/Value.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../lib/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAS5C,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,EACrD,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,EACd,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAC9B,IAAI,CAGN;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,GAAG,KAAK,CAAC,KAAK;IAChE,KAAK,EAAE,CAAC,CAAC;IACT,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,KAAK;UAAqB,MAAM;iFAW5C,CAAC;AAEF,eAAO,MAAM,gBAAgB;gBAA+B,MAAM,cAAc,EAAE;6CAgDjF,CAAC;AAgEF,eAAO,MAAM,eAAe;gBAKd,MAAM,cAAc,EAAE;;;6CAyBnC,CAAC"}
1
+ {"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../lib/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAU5C,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,EACrD,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,EACd,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAC9B,IAAI,CAGN;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,GAAG,KAAK,CAAC,KAAK;IAChE,KAAK,EAAE,CAAC,CAAC;IACT,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,KAAK;UAAqB,MAAM;iFAW5C,CAAC;AAEF,eAAO,MAAM,gBAAgB;gBAA+B,MAAM,cAAc,EAAE;6CAgDjF,CAAC;AAoEF,eAAO,MAAM,eAAe;gBAKd,MAAM,cAAc,EAAE;;;6CAyBnC,CAAC"}
package/dist/es6/lib/Value.js CHANGED
@@ -7,6 +7,7 @@ import { Table } from './Table';
7
7
  import { capitalize, IndentLevelContext, RenderContext, indent } from './widgetUtils';
8
8
  import { DescriptionTooltip } from './DescriptionTooltip';
9
9
  import { colors } from '@workday/canvas-kit-react/tokens';
10
+ import { createStyles } from '@workday/canvas-kit-styling';
10
11
  const widgets = {};
11
12
  export function registerWidget(key, widget) {
12
13
  widget.displayName = `${capitalize(key)}Widget`;
@@ -47,10 +48,13 @@ function getTableRows(properties, showDefault = true, showRequired = false, leve
47
48
  ];
48
49
  });
49
50
  }
51
+ const tableStyles = createStyles({
52
+ tableLayout: 'fixed',
53
+ });
50
54
  export const PropertiesTable = ({ properties, showDefault = true, showRequired = false, }) => {
51
55
  if (properties.length === 0) {
52
56
  return _jsx("span", { className: "token punctuation", children: "{}" });
53
57
  }
54
58
  const tableBody = getTableRows(properties, showDefault, showRequired, 0, 0);
55
- return (_jsx(IndentLevelContext.Provider, { value: 0, children: _jsxs(Table, { children: [_jsx(Table.Head, { children: _jsxs(Table.Row, { children: [_jsx(Table.Header, { children: "Name" }), _jsx(Table.Header, { children: "Type" }), _jsx(Table.Header, { children: "Description" }), showDefault ? _jsx(Table.Header, { children: "Default" }) : null] }) }), _jsx(Table.Body, { children: tableBody })] }) }));
59
+ return (_jsx(IndentLevelContext.Provider, { value: 0, children: _jsxs(Table, { cs: tableStyles, children: [_jsx(Table.Head, { children: _jsxs(Table.Row, { children: [_jsx(Table.Header, { children: "Name" }), _jsx(Table.Header, { children: "Type" }), _jsx(Table.Header, { children: "Description" }), showDefault ? _jsx(Table.Header, { children: "Default" }) : null] }) }), _jsx(Table.Body, { children: tableBody })] }) }));
56
60
  };
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": "13.2.4",
22
- "@workday/canvas-kit-preview-react": "13.2.4",
23
- "@workday/canvas-kit-react": "13.2.4",
24
- "@workday/canvas-kit-react-fonts": "^13.2.4",
25
- "@workday/canvas-kit-styling": "13.2.4",
21
+ "@workday/canvas-kit-labs-react": "13.2.6",
22
+ "@workday/canvas-kit-preview-react": "13.2.6",
23
+ "@workday/canvas-kit-react": "13.2.6",
24
+ "@workday/canvas-kit-react-fonts": "^13.2.6",
25
+ "@workday/canvas-kit-styling": "13.2.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": "13.2.4",
22
- "@workday/canvas-kit-preview-react": "13.2.4",
23
- "@workday/canvas-kit-react": "13.2.4",
24
- "@workday/canvas-kit-react-fonts": "^13.2.4",
25
- "@workday/canvas-kit-styling": "13.2.4",
21
+ "@workday/canvas-kit-labs-react": "13.2.6",
22
+ "@workday/canvas-kit-preview-react": "13.2.6",
23
+ "@workday/canvas-kit-react": "13.2.6",
24
+ "@workday/canvas-kit-react-fonts": "^13.2.6",
25
+ "@workday/canvas-kit-styling": "13.2.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/react/avatar/avatar/Avatar.mdx CHANGED
@@ -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
 
package/dist/mdx/react/avatar/avatar/examples/CustomStyles.tsx CHANGED
@@ -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: {
package/dist/mdx/react/avatar/avatar/examples/LazyLoad.tsx CHANGED
@@ -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
  );
package/dist/mdx/react/badge/examples/Basic.tsx CHANGED
@@ -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
+ };
package/dist/mdx/react/badge/examples/CustomLimit.tsx CHANGED
@@ -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
+ };
package/dist/mdx/react/badge/examples/NotificationBadge.tsx CHANGED
@@ -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
+ };
package/lib/Value.tsx CHANGED
@@ -9,6 +9,7 @@ import {Table} from './Table';
9
9
  import {capitalize, IndentLevelContext, RenderContext, indent} from './widgetUtils';
10
10
  import {DescriptionTooltip} from './DescriptionTooltip';
11
11
  import {colors} from '@workday/canvas-kit-react/tokens';
12
+ import {createStyles} from '@workday/canvas-kit-styling';
12
13
 
13
14
  const widgets: Record<string, React.FC<ValueProps>> = {};
14
15
 
@@ -151,6 +152,10 @@ function getTableRows(
151
152
  });
152
153
  }
153
154
 
155
+ const tableStyles = createStyles({
156
+ tableLayout: 'fixed',
157
+ });
158
+
154
159
  export const PropertiesTable = ({
155
160
  properties,
156
161
  showDefault = true,
@@ -168,7 +173,7 @@ export const PropertiesTable = ({
168
173
 
169
174
  return (
170
175
  <IndentLevelContext.Provider value={0}>
171
- <Table>
176
+ <Table cs={tableStyles}>
172
177
  <Table.Head>
173
178
  <Table.Row>
174
179
  <Table.Header>Name</Table.Header>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "13.2.4",
3
+ "version": "13.2.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": "^13.2.4",
49
- "@workday/canvas-kit-preview-react": "^13.2.4",
50
- "@workday/canvas-kit-react": "^13.2.4",
51
- "@workday/canvas-kit-styling": "^13.2.4",
48
+ "@workday/canvas-kit-labs-react": "^13.2.6",
49
+ "@workday/canvas-kit-preview-react": "^13.2.6",
50
+ "@workday/canvas-kit-react": "^13.2.6",
51
+ "@workday/canvas-kit-styling": "^13.2.6",
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": "0bbe0af4febfdb357d13d713396ba7abb9dafadb"
64
+ "gitHead": "af424dbe24d5acc3c27fcd8c95268f0e5b646f29"
65
65
  }