@workday/canvas-kit-docs 13.2.37 → 13.2.39

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 (7) hide show
  1. package/dist/es6/lib/ExampleCodeBlock.d.ts.map +1 -1
  2. package/dist/es6/lib/ExampleCodeBlock.js +4 -1
  3. package/dist/es6/lib/docs.js +48 -0
  4. package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
  5. package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
  6. package/lib/ExampleCodeBlock.tsx +4 -1
  7. package/package.json +6 -6
package/dist/es6/lib/ExampleCodeBlock.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ExampleCodeBlock.d.ts","sourceRoot":"","sources":["../../../lib/ExampleCodeBlock.tsx"],"names":[],"mappings":"AAkEA,eAAO,MAAM,gBAAgB,aAAY,GAAG,4CA2G3C,CAAC"}
1
+ {"version":3,"file":"ExampleCodeBlock.d.ts","sourceRoot":"","sources":["../../../lib/ExampleCodeBlock.tsx"],"names":[],"mappings":"AAqEA,eAAO,MAAM,gBAAgB,aAAY,GAAG,4CA2G3C,CAAC"}
package/dist/es6/lib/ExampleCodeBlock.js CHANGED
@@ -26,6 +26,9 @@ const cardStencil = createStencil({
26
26
  position: 'relative',
27
27
  overflow: 'auto', // This allows for the entire ExampleCodeBlock to scroll on smaller viewports
28
28
  },
29
+ '[data-part="example-block-container"]': {
30
+ overflow: 'auto',
31
+ },
29
32
  '[data-part="code-block"]': {
30
33
  display: 'none',
31
34
  boxShadow: system.depth[1],
@@ -110,7 +113,7 @@ export const ExampleCodeBlock = ({ code }) => {
110
113
  openFile: 'src/Demo.tsx',
111
114
  });
112
115
  };
113
- return (_jsxs("div", { ...cardStencil({ opened: isCodeDisplayed }), children: [_jsx(Card, { "data-part": "example-block", className: "sb-unstyled", children: _jsxs(Card.Body, { cs: { overflow: 'auto' }, children: [React.createElement(code), code && (_jsxs("div", { "data-part": "code-toggle-stackblitz-btn-container", children: [_jsx(TertiaryButton, { size: "extraSmall", onClick: () => openProjectInStackblitz(), children: "\u26A1\uFE0F Edit in Stackblitz" }), _jsx(TertiaryButton, { size: "extraSmall", onClick: () => setCodeDisplayed(!isCodeDisplayed), children: !isCodeDisplayed ? 'Show Code' : 'Hide Code' })] }))] }) }), _jsx(Card, { "data-part": "code-block", padding: 0, children: _jsxs(Card.Body, { cs: { position: 'relative' }, children: [code && (_jsx("div", { ref: textInput, children: _jsx(SyntaxHighlighter, { className: "sb-unstyled", language: "jsx", style: vscDarkPlus, customStyle: {
116
+ return (_jsxs("div", { ...cardStencil({ opened: isCodeDisplayed }), children: [_jsx(Card, { "data-part": "example-block", className: "sb-unstyled", children: _jsxs(Card.Body, { "data-part": "example-block-container", children: [React.createElement(code), code && (_jsxs("div", { "data-part": "code-toggle-stackblitz-btn-container", children: [_jsx(TertiaryButton, { size: "extraSmall", onClick: () => openProjectInStackblitz(), children: "\u26A1\uFE0F Edit in Stackblitz" }), _jsx(TertiaryButton, { size: "extraSmall", onClick: () => setCodeDisplayed(!isCodeDisplayed), children: !isCodeDisplayed ? 'Show Code' : 'Hide Code' })] }))] }) }), _jsx(Card, { "data-part": "code-block", padding: 0, children: _jsxs(Card.Body, { cs: { position: 'relative' }, children: [code && (_jsx("div", { ref: textInput, children: _jsx(SyntaxHighlighter, { className: "sb-unstyled", language: "jsx", style: vscDarkPlus, customStyle: {
114
117
  fontSize: cssVar(system.fontSize.subtext.large),
115
118
  lineHeight: cssVar(system.lineHeight.subtext.large),
116
119
  margin: '0',
package/dist/es6/lib/docs.js CHANGED
@@ -250899,6 +250899,54 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
250899
250899
  "returnType": {
250900
250900
  "kind": "object",
250901
250901
  "properties": [
250902
+ {
250903
+ "kind": "property",
250904
+ "name": "id",
250905
+ "required": true,
250906
+ "type": {
250907
+ "kind": "primitive",
250908
+ "value": "string"
250909
+ },
250910
+ "description": "",
250911
+ "tags": {},
250912
+ "declarations": []
250913
+ },
250914
+ {
250915
+ "kind": "property",
250916
+ "name": "role",
250917
+ "required": true,
250918
+ "type": {
250919
+ "kind": "string",
250920
+ "value": "menuitem"
250921
+ },
250922
+ "description": "",
250923
+ "tags": {},
250924
+ "declarations": []
250925
+ },
250926
+ {
250927
+ "kind": "property",
250928
+ "name": "aria-haspopup",
250929
+ "required": true,
250930
+ "type": {
250931
+ "kind": "string",
250932
+ "value": "true"
250933
+ },
250934
+ "description": "",
250935
+ "tags": {},
250936
+ "declarations": []
250937
+ },
250938
+ {
250939
+ "kind": "property",
250940
+ "name": "aria-expanded",
250941
+ "required": true,
250942
+ "type": {
250943
+ "kind": "primitive",
250944
+ "value": "boolean"
250945
+ },
250946
+ "description": "",
250947
+ "tags": {},
250948
+ "declarations": []
250949
+ },
250902
250950
  {
250903
250951
  "kind": "property",
250904
250952
  "name": "onMouseDown",
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.37",
22
- "@workday/canvas-kit-preview-react": "13.2.37",
23
- "@workday/canvas-kit-react": "13.2.37",
24
- "@workday/canvas-kit-react-fonts": "^13.2.37",
25
- "@workday/canvas-kit-styling": "13.2.37",
21
+ "@workday/canvas-kit-labs-react": "13.2.39",
22
+ "@workday/canvas-kit-preview-react": "13.2.39",
23
+ "@workday/canvas-kit-react": "13.2.39",
24
+ "@workday/canvas-kit-react-fonts": "^13.2.39",
25
+ "@workday/canvas-kit-styling": "13.2.39",
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.37",
22
- "@workday/canvas-kit-preview-react": "13.2.37",
23
- "@workday/canvas-kit-react": "13.2.37",
24
- "@workday/canvas-kit-react-fonts": "^13.2.37",
25
- "@workday/canvas-kit-styling": "13.2.37",
21
+ "@workday/canvas-kit-labs-react": "13.2.39",
22
+ "@workday/canvas-kit-preview-react": "13.2.39",
23
+ "@workday/canvas-kit-react": "13.2.39",
24
+ "@workday/canvas-kit-react-fonts": "^13.2.39",
25
+ "@workday/canvas-kit-styling": "13.2.39",
26
26
  "@workday/canvas-system-icons-web": "3.0.22",
27
27
  "@workday/canvas-tokens-web": "2.0.0"
28
28
  },
package/lib/ExampleCodeBlock.tsx CHANGED
@@ -27,6 +27,9 @@ const cardStencil = createStencil({
27
27
  position: 'relative',
28
28
  overflow: 'auto', // This allows for the entire ExampleCodeBlock to scroll on smaller viewports
29
29
  },
30
+ '[data-part="example-block-container"]': {
31
+ overflow: 'auto',
32
+ },
30
33
  '[data-part="code-block"]': {
31
34
  display: 'none',
32
35
  boxShadow: system.depth[1],
@@ -124,7 +127,7 @@ export const ExampleCodeBlock = ({code}: any) => {
124
127
  <div {...cardStencil({opened: isCodeDisplayed})}>
125
128
  <Card data-part="example-block" className="sb-unstyled">
126
129
  {/* This allows for the div to scroll on smaller viewports while not allowing the components to overflow over the container */}
127
- <Card.Body cs={{overflow: 'auto'}}>
130
+ <Card.Body data-part="example-block-container">
128
131
  {React.createElement(code)}
129
132
  {code && (
130
133
  <div data-part="code-toggle-stackblitz-btn-container">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "13.2.37",
3
+ "version": "13.2.39",
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.37",
49
- "@workday/canvas-kit-preview-react": "^13.2.37",
50
- "@workday/canvas-kit-react": "^13.2.37",
51
- "@workday/canvas-kit-styling": "^13.2.37",
48
+ "@workday/canvas-kit-labs-react": "^13.2.39",
49
+ "@workday/canvas-kit-preview-react": "^13.2.39",
50
+ "@workday/canvas-kit-react": "^13.2.39",
51
+ "@workday/canvas-kit-styling": "^13.2.39",
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": "a4a3787b04495d4c96c3a2beccd8ee571d9e792d"
64
+ "gitHead": "a34bc9e314fe058627b50fe5917b47921075b77f"
65
65
  }