@workday/canvas-kit-docs 13.2.5 → 13.2.7

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 (9) 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/styling/mdx/Overview.mdx +1 -1
  6. package/dist/mdx/styling/mdx/Stencils.mdx +1 -1
  7. package/dist/mdx/styling/mdx/Utilities.mdx +2 -2
  8. package/lib/Value.tsx +6 -1
  9. 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.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",
21
+ "@workday/canvas-kit-labs-react": "13.2.7",
22
+ "@workday/canvas-kit-preview-react": "13.2.7",
23
+ "@workday/canvas-kit-react": "13.2.7",
24
+ "@workday/canvas-kit-react-fonts": "^13.2.7",
25
+ "@workday/canvas-kit-styling": "13.2.7",
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.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",
21
+ "@workday/canvas-kit-labs-react": "13.2.7",
22
+ "@workday/canvas-kit-preview-react": "13.2.7",
23
+ "@workday/canvas-kit-react": "13.2.7",
24
+ "@workday/canvas-kit-react-fonts": "^13.2.7",
25
+ "@workday/canvas-kit-styling": "13.2.7",
26
26
  "@workday/canvas-system-icons-web": "3.0.22",
27
27
  "@workday/canvas-tokens-web": "2.0.0"
28
28
  },
package/dist/mdx/styling/mdx/Overview.mdx CHANGED
@@ -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 href="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-create-stencil--docs">Create Stencil</Hyperlink> docs.
400
400
  </InformationHighlight.Body>
401
401
  </InformationHighlight>
package/dist/mdx/styling/mdx/Stencils.mdx CHANGED
@@ -5,7 +5,7 @@ import {system} from '@workday/canvas-tokens-web'
5
5
  import CreateStencil from './examples/CreateStencil';
6
6
 
7
7
 
8
- # Stencils
8
+ # Create Stencil
9
9
 
10
10
  Stencils are a reusable function that returns `style` and `className` props in an object. A Stencil
11
11
  should apply to a single element. If your component has nested elements, you can youse `parts` to
package/dist/mdx/styling/mdx/Utilities.mdx CHANGED
@@ -105,7 +105,7 @@ The `keyframes` function re-exports the [Emotion CSS keyframes](https://emotion.
105
105
  function, but is compatible with a custom Emotion instance and is understood by the Static style
106
106
  transformer.
107
107
 
108
- ### Usage Example
108
+ ### Example
109
109
 
110
110
  ```tsx
111
111
  import {system} from '@workday/canvas-tokens-web';
@@ -167,7 +167,7 @@ The `injectGlobal` function re-exports the
167
167
  [Emotion CSS injectGlobal](https://emotion.sh/docs/@emotion/css#global-styles) function, but is
168
168
  compatible with a custom Emotion instance and is understood by the Static style transformer.
169
169
 
170
- ### Usage Example
170
+ ### Example
171
171
 
172
172
  ```tsx
173
173
  import {createRoot} from 'react-dom/client';
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.5",
3
+ "version": "13.2.7",
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.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",
48
+ "@workday/canvas-kit-labs-react": "^13.2.7",
49
+ "@workday/canvas-kit-preview-react": "^13.2.7",
50
+ "@workday/canvas-kit-react": "^13.2.7",
51
+ "@workday/canvas-kit-styling": "^13.2.7",
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": "81eb152fc5352ac63ac144447dd03d80a3e8cdfa"
64
+ "gitHead": "60392df82d0d2326481ba9d1bd981e39b9ecc77c"
65
65
  }