@workday/canvas-kit-docs 14.0.0-alpha.1129-next.0 → 14.0.0-alpha.1133-next.0
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.
- package/dist/es6/index.d.ts +1 -0
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +1 -0
- package/dist/es6/lib/docs.js +560 -14048
- package/dist/mdx/style-props/STYLE_PROPS.mdx +10 -0
- package/index.ts +1 -0
- package/package.json +6 -6
|
@@ -15,6 +15,8 @@ import {
|
|
|
15
15
|
spaceStyleFnConfigs,
|
|
16
16
|
textStyleFnConfigs,
|
|
17
17
|
} from '@workday/canvas-kit-react/layout';
|
|
18
|
+
import {InformationHighlight} from '@workday/canvas-kit-preview-react/information-highlight'
|
|
19
|
+
import {Hyperlink} from '@workday/canvas-kit-react/button';
|
|
18
20
|
|
|
19
21
|
import Background from './examples/Background';
|
|
20
22
|
import Border from './examples/Border';
|
|
@@ -36,6 +38,14 @@ import Text from './examples/Text';
|
|
|
36
38
|
Style props provide a common, ergonomic API for modifying a component's styles by passing styles
|
|
37
39
|
with props.
|
|
38
40
|
|
|
41
|
+
<InformationHighlight className="sb-unstyled" variant="caution">
|
|
42
|
+
<InformationHighlight.Icon />
|
|
43
|
+
<InformationHighlight.Heading> Caution: Performance Hit</InformationHighlight.Heading>
|
|
44
|
+
<InformationHighlight.Body>
|
|
45
|
+
As we transition away from Emotion's runtime costs, we advise against using style props. Please use our <Hyperlink src="https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started--docs">styling utilities</Hyperlink> instead. For more information on this change, view our discussion on the <Hyperlink src="https://github.com/Workday/canvas-kit/discussions/2265">Future of Styling</Hyperlink>.
|
|
46
|
+
</InformationHighlight.Body>
|
|
47
|
+
</InformationHighlight>
|
|
48
|
+
|
|
39
49
|
## System Prop Values
|
|
40
50
|
|
|
41
51
|
Many style props are design-system-aware and translate `SystemPropValues` for you automatically. In
|
package/index.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "14.0.0-alpha.
|
|
3
|
+
"version": "14.0.0-alpha.1133-next.0",
|
|
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.0-alpha.
|
|
49
|
-
"@workday/canvas-kit-preview-react": "^14.0.0-alpha.
|
|
50
|
-
"@workday/canvas-kit-react": "^14.0.0-alpha.
|
|
51
|
-
"@workday/canvas-kit-styling": "^14.0.0-alpha.
|
|
48
|
+
"@workday/canvas-kit-labs-react": "^14.0.0-alpha.1133-next.0",
|
|
49
|
+
"@workday/canvas-kit-preview-react": "^14.0.0-alpha.1133-next.0",
|
|
50
|
+
"@workday/canvas-kit-react": "^14.0.0-alpha.1133-next.0",
|
|
51
|
+
"@workday/canvas-kit-styling": "^14.0.0-alpha.1133-next.0",
|
|
52
52
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
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": "eb3759bc235f1a76edeae94e6e09d4395bcb90a4"
|
|
65
65
|
}
|