@workday/canvas-kit-docs 13.2.6 → 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.
|
@@ -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.
|
|
22
|
-
"@workday/canvas-kit-preview-react": "13.2.
|
|
23
|
-
"@workday/canvas-kit-react": "13.2.
|
|
24
|
-
"@workday/canvas-kit-react-fonts": "^13.2.
|
|
25
|
-
"@workday/canvas-kit-styling": "13.2.
|
|
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
|
},
|
|
@@ -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.
|
|
22
|
-
"@workday/canvas-kit-preview-react": "13.2.
|
|
23
|
-
"@workday/canvas-kit-react": "13.2.
|
|
24
|
-
"@workday/canvas-kit-react-fonts": "^13.2.
|
|
25
|
-
"@workday/canvas-kit-styling": "13.2.
|
|
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
|
},
|
|
@@ -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-
|
|
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>
|
|
@@ -5,7 +5,7 @@ import {system} from '@workday/canvas-tokens-web'
|
|
|
5
5
|
import CreateStencil from './examples/CreateStencil';
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
#
|
|
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
|
|
@@ -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
|
-
###
|
|
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
|
-
###
|
|
170
|
+
### Example
|
|
171
171
|
|
|
172
172
|
```tsx
|
|
173
173
|
import {createRoot} from 'react-dom/client';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "13.2.
|
|
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.
|
|
49
|
-
"@workday/canvas-kit-preview-react": "^13.2.
|
|
50
|
-
"@workday/canvas-kit-react": "^13.2.
|
|
51
|
-
"@workday/canvas-kit-styling": "^13.2.
|
|
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": "
|
|
64
|
+
"gitHead": "60392df82d0d2326481ba9d1bd981e39b9ecc77c"
|
|
65
65
|
}
|