@workday/canvas-kit-docs 14.0.12 → 14.0.14

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":"AAmEA,eAAO,MAAM,gBAAgB,aAAY,GAAG,4CAkH3C,CAAC"}
1
+ {"version":3,"file":"ExampleCodeBlock.d.ts","sourceRoot":"","sources":["../../../lib/ExampleCodeBlock.tsx"],"names":[],"mappings":"AAsEA,eAAO,MAAM,gBAAgB,aAAY,GAAG,4CAkH3C,CAAC"}
package/dist/es6/lib/ExampleCodeBlock.js 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],
@@ -111,7 +114,7 @@ export const ExampleCodeBlock = ({ code }) => {
111
114
  openFile: 'src/Demo.tsx',
112
115
  });
113
116
  };
114
- return (_jsxs("div", { ...cardStencil({ opened: isCodeDisplayed }), children: [_jsx(Card, { "data-part": "example-block", className: "sb-unstyled", children: _jsx(Card.Body, { cs: { overflow: 'auto' }, children: _jsxs(CanvasProvider, { className: defaultBranding, 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: _jsx(Card.Body, { cs: { position: 'relative' }, children: _jsxs(CanvasProvider, { className: defaultBranding, children: [code && (_jsx("div", { ref: textInput, children: _jsx(SyntaxHighlighter, { className: "sb-unstyled", language: "jsx", style: vscDarkPlus, customStyle: {
117
+ return (_jsxs("div", { ...cardStencil({ opened: isCodeDisplayed }), children: [_jsx(Card, { "data-part": "example-block", className: "sb-unstyled", children: _jsx(Card.Body, { "data-part": "example-block-container", children: _jsxs(CanvasProvider, { className: defaultBranding, 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: _jsx(Card.Body, { cs: { position: 'relative' }, children: _jsxs(CanvasProvider, { className: defaultBranding, children: [code && (_jsx("div", { ref: textInput, children: _jsx(SyntaxHighlighter, { className: "sb-unstyled", language: "jsx", style: vscDarkPlus, customStyle: {
115
118
  fontSize: cssVar(system.fontSize.subtext.large),
116
119
  lineHeight: cssVar(system.lineHeight.subtext.large),
117
120
  margin: '0',
package/dist/es6/lib/docs.js CHANGED
@@ -270029,6 +270029,54 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
270029
270029
  "returnType": {
270030
270030
  "kind": "object",
270031
270031
  "properties": [
270032
+ {
270033
+ "kind": "property",
270034
+ "name": "id",
270035
+ "required": true,
270036
+ "type": {
270037
+ "kind": "primitive",
270038
+ "value": "string"
270039
+ },
270040
+ "description": "",
270041
+ "tags": {},
270042
+ "declarations": []
270043
+ },
270044
+ {
270045
+ "kind": "property",
270046
+ "name": "role",
270047
+ "required": true,
270048
+ "type": {
270049
+ "kind": "string",
270050
+ "value": "menuitem"
270051
+ },
270052
+ "description": "",
270053
+ "tags": {},
270054
+ "declarations": []
270055
+ },
270056
+ {
270057
+ "kind": "property",
270058
+ "name": "aria-haspopup",
270059
+ "required": true,
270060
+ "type": {
270061
+ "kind": "string",
270062
+ "value": "true"
270063
+ },
270064
+ "description": "",
270065
+ "tags": {},
270066
+ "declarations": []
270067
+ },
270068
+ {
270069
+ "kind": "property",
270070
+ "name": "aria-expanded",
270071
+ "required": true,
270072
+ "type": {
270073
+ "kind": "primitive",
270074
+ "value": "boolean"
270075
+ },
270076
+ "description": "",
270077
+ "tags": {},
270078
+ "declarations": []
270079
+ },
270032
270080
  {
270033
270081
  "kind": "property",
270034
270082
  "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": "14.0.12",
22
- "@workday/canvas-kit-preview-react": "14.0.12",
23
- "@workday/canvas-kit-react": "14.0.12",
24
- "@workday/canvas-kit-react-fonts": "^14.0.12",
25
- "@workday/canvas-kit-styling": "14.0.12",
21
+ "@workday/canvas-kit-labs-react": "14.0.14",
22
+ "@workday/canvas-kit-preview-react": "14.0.14",
23
+ "@workday/canvas-kit-react": "14.0.14",
24
+ "@workday/canvas-kit-react-fonts": "^14.0.14",
25
+ "@workday/canvas-kit-styling": "14.0.14",
26
26
  "@workday/canvas-system-icons-web": "3.0.36",
27
27
  "@workday/canvas-tokens-web": "3.1.2"
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": "14.0.12",
22
- "@workday/canvas-kit-preview-react": "14.0.12",
23
- "@workday/canvas-kit-react": "14.0.12",
24
- "@workday/canvas-kit-react-fonts": "^14.0.12",
25
- "@workday/canvas-kit-styling": "14.0.12",
21
+ "@workday/canvas-kit-labs-react": "14.0.14",
22
+ "@workday/canvas-kit-preview-react": "14.0.14",
23
+ "@workday/canvas-kit-react": "14.0.14",
24
+ "@workday/canvas-kit-react-fonts": "^14.0.14",
25
+ "@workday/canvas-kit-styling": "14.0.14",
26
26
  "@workday/canvas-system-icons-web": "3.0.36",
27
27
  "@workday/canvas-tokens-web": "3.1.2"
28
28
  },
package/lib/ExampleCodeBlock.tsx CHANGED
@@ -28,6 +28,9 @@ const cardStencil = createStencil({
28
28
  position: 'relative',
29
29
  overflow: 'auto', // This allows for the entire ExampleCodeBlock to scroll on smaller viewports
30
30
  },
31
+ '[data-part="example-block-container"]': {
32
+ overflow: 'auto',
33
+ },
31
34
  '[data-part="code-block"]': {
32
35
  display: 'none',
33
36
  boxShadow: system.depth[1],
@@ -125,7 +128,7 @@ export const ExampleCodeBlock = ({code}: any) => {
125
128
  <div {...cardStencil({opened: isCodeDisplayed})}>
126
129
  <Card data-part="example-block" className="sb-unstyled">
127
130
  {/* This allows for the div to scroll on smaller viewports while not allowing the components to overflow over the container */}
128
- <Card.Body cs={{overflow: 'auto'}}>
131
+ <Card.Body data-part="example-block-container">
129
132
  <CanvasProvider className={defaultBranding}>
130
133
  {React.createElement(code)}
131
134
  {code && (
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "14.0.12",
3
+ "version": "14.0.14",
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": "^14.0.12",
49
- "@workday/canvas-kit-preview-react": "^14.0.12",
50
- "@workday/canvas-kit-react": "^14.0.12",
51
- "@workday/canvas-kit-styling": "^14.0.12",
48
+ "@workday/canvas-kit-labs-react": "^14.0.14",
49
+ "@workday/canvas-kit-preview-react": "^14.0.14",
50
+ "@workday/canvas-kit-react": "^14.0.14",
51
+ "@workday/canvas-kit-styling": "^14.0.14",
52
52
  "@workday/canvas-system-icons-web": "^3.0.36",
53
53
  "@workday/canvas-tokens-web": "^3.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": "35a928f3b63849822dbb2a8825577523d0cc797b"
64
+ "gitHead": "efe55f8bdb141b71c16652c41e55fbb563bcf416"
65
65
  }