@workday/canvas-kit-docs 11.0.0-alpha.764-next.0 → 11.0.0-alpha.765-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.
|
@@ -31,6 +31,8 @@ any questions.
|
|
|
31
31
|
- [Switch](#switch)
|
|
32
32
|
- [Table (Preview)](#table-preview)
|
|
33
33
|
- [Text](#text)
|
|
34
|
+
- [Style Utility Updates](#style-utility-updates)
|
|
35
|
+
- [createStencil](#createstencil)
|
|
34
36
|
- [Glossary](#glossary)
|
|
35
37
|
- [Main](#main)
|
|
36
38
|
- [Preview](#preview)
|
|
@@ -741,8 +743,20 @@ our
|
|
|
741
743
|
[new styling utilities](https://workday.github.io/canvas-kit/?path=/docs/styling-basics--create-modifiers#createstyles-api).
|
|
742
744
|
The component now supports the `cs` prop, but otherwise the API has not changed. It should behave
|
|
743
745
|
identically as it did in previous versions.
|
|
744
|
-
|
|
745
|
-
-
|
|
746
|
+
|
|
747
|
+
- statusIndicatorColors has been deprecated and will be removed in a future version as a part of
|
|
748
|
+
implementation of stencils and new tokens
|
|
749
|
+
- useStatusIndicatorIcon has been deprecated and will be removed in a future version as a part of
|
|
750
|
+
implementation of stencils and new tokens
|
|
751
|
+
|
|
752
|
+
## Style Utility Updates
|
|
753
|
+
|
|
754
|
+
### `createStencil`
|
|
755
|
+
|
|
756
|
+
Stencils were updated to automatically add `box-sizing: border-box` to all stencils. If your stencil
|
|
757
|
+
did not add this style already, it may change the way `width` works for the component. Our intent is
|
|
758
|
+
to make all elements use border box layouts to make width calculations more predictable. This change
|
|
759
|
+
may change the way your component works if you use the `width` style property.
|
|
746
760
|
|
|
747
761
|
## Glossary
|
|
748
762
|
|
|
@@ -18,7 +18,6 @@ const menuCardHeroStencil = createStencil({
|
|
|
18
18
|
base: {
|
|
19
19
|
display: 'flex',
|
|
20
20
|
alignItems: 'flex-end',
|
|
21
|
-
boxSizing: 'border-box',
|
|
22
21
|
background: brand.gradient.primary,
|
|
23
22
|
aspectRatio: '1',
|
|
24
23
|
maxHeight: px2rem(80),
|
|
@@ -36,7 +35,6 @@ const MenuCardHero = createComponent('div')({
|
|
|
36
35
|
|
|
37
36
|
const menuCardContentStencil = createStencil({
|
|
38
37
|
base: {
|
|
39
|
-
boxSizing: 'border-box',
|
|
40
38
|
display: 'flex',
|
|
41
39
|
flexDirection: 'column',
|
|
42
40
|
gap: system.space.x2,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "11.0.0-alpha.
|
|
3
|
+
"version": "11.0.0-alpha.765-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",
|
|
@@ -44,10 +44,10 @@
|
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@emotion/styled": "^11.6.0",
|
|
46
46
|
"@storybook/csf": "0.0.1",
|
|
47
|
-
"@workday/canvas-kit-labs-react": "^11.0.0-alpha.
|
|
48
|
-
"@workday/canvas-kit-preview-react": "^11.0.0-alpha.
|
|
49
|
-
"@workday/canvas-kit-react": "^11.0.0-alpha.
|
|
50
|
-
"@workday/canvas-kit-styling": "^11.0.0-alpha.
|
|
47
|
+
"@workday/canvas-kit-labs-react": "^11.0.0-alpha.765-next.0",
|
|
48
|
+
"@workday/canvas-kit-preview-react": "^11.0.0-alpha.765-next.0",
|
|
49
|
+
"@workday/canvas-kit-react": "^11.0.0-alpha.765-next.0",
|
|
50
|
+
"@workday/canvas-kit-styling": "^11.0.0-alpha.765-next.0",
|
|
51
51
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
52
52
|
"@workday/canvas-tokens-web": "^1.3.0",
|
|
53
53
|
"markdown-to-jsx": "^6.10.3",
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"mkdirp": "^1.0.3",
|
|
60
60
|
"typescript": "4.2"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "75a590b82446ba010969a3beb9a74df0571b163c"
|
|
63
63
|
}
|