@workday/canvas-kit-docs 15.0.0-alpha.1293-next.0 → 15.0.0-alpha.1295-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/lib/docs.js
CHANGED
|
@@ -127051,6 +127051,24 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
127051
127051
|
"componentType": "regular",
|
|
127052
127052
|
"displayName": "CheckboxRipple",
|
|
127053
127053
|
"props": [
|
|
127054
|
+
{
|
|
127055
|
+
"kind": "property",
|
|
127056
|
+
"name": "cs",
|
|
127057
|
+
"required": false,
|
|
127058
|
+
"type": {
|
|
127059
|
+
"kind": "symbol",
|
|
127060
|
+
"name": "CSToPropsInput",
|
|
127061
|
+
"value": "CSToPropsInput"
|
|
127062
|
+
},
|
|
127063
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles } instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n {...handleCsProp(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
127064
|
+
"declarations": [
|
|
127065
|
+
{
|
|
127066
|
+
"name": "cs",
|
|
127067
|
+
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
|
|
127068
|
+
}
|
|
127069
|
+
],
|
|
127070
|
+
"tags": {}
|
|
127071
|
+
},
|
|
127054
127072
|
{
|
|
127055
127073
|
"kind": "property",
|
|
127056
127074
|
"name": "children",
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
-
import {CSSProperties, space} from '@workday/canvas-kit-react/tokens';
|
|
4
3
|
import {useTheme} from '@workday/canvas-kit-react/common';
|
|
5
4
|
import {Box} from '@workday/canvas-kit-react/layout';
|
|
6
5
|
import {loopIcon} from '@workday/canvas-system-icons-web';
|
|
@@ -32,7 +31,7 @@ const stickAnimationKeyframes = keyframes({
|
|
|
32
31
|
|
|
33
32
|
const stickyAnimationStencil = createStencil({
|
|
34
33
|
base: {
|
|
35
|
-
|
|
34
|
+
marginBlock: system.space.x1,
|
|
36
35
|
marginInlineStart: system.space.x1,
|
|
37
36
|
marginInlineEnd: 0,
|
|
38
37
|
animationName: stickAnimationKeyframes,
|
|
@@ -45,7 +44,6 @@ export default () => {
|
|
|
45
44
|
const theme = useTheme();
|
|
46
45
|
const bannerRef = React.useRef<HTMLButtonElement>(null);
|
|
47
46
|
const containerRef = React.useRef<HTMLDivElement>(null);
|
|
48
|
-
const [styles, setStyles] = React.useState<CSSProperties>();
|
|
49
47
|
const [bannerWidth, setBannerWidth] = React.useState(0);
|
|
50
48
|
|
|
51
49
|
const [rerun, setRerun] = React.useState(1); // Only needed for demo purposes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "15.0.0-alpha.
|
|
3
|
+
"version": "15.0.0-alpha.1295-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": "^15.0.0-alpha.
|
|
49
|
-
"@workday/canvas-kit-preview-react": "^15.0.0-alpha.
|
|
50
|
-
"@workday/canvas-kit-react": "^15.0.0-alpha.
|
|
51
|
-
"@workday/canvas-kit-styling": "^15.0.0-alpha.
|
|
48
|
+
"@workday/canvas-kit-labs-react": "^15.0.0-alpha.1295-next.0",
|
|
49
|
+
"@workday/canvas-kit-preview-react": "^15.0.0-alpha.1295-next.0",
|
|
50
|
+
"@workday/canvas-kit-react": "^15.0.0-alpha.1295-next.0",
|
|
51
|
+
"@workday/canvas-kit-styling": "^15.0.0-alpha.1295-next.0",
|
|
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": "
|
|
64
|
+
"gitHead": "f930e8fc181a26555c35e6e081cf4e1405f4c6fa"
|
|
65
65
|
}
|