@workday/canvas-kit-react 14.1.0-1284-next.0 → 15.0.0-alpha.1283-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/commonjs/layout/lib/Box.d.ts +0 -1
- package/dist/commonjs/layout/lib/Box.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Box.js +0 -2
- package/dist/commonjs/layout/lib/utils/background.d.ts +8 -25
- package/dist/commonjs/layout/lib/utils/background.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/background.js +0 -3
- package/dist/commonjs/layout/lib/utils/border/color.d.ts +1 -12
- package/dist/commonjs/layout/lib/utils/border/color.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/color.js +0 -2
- package/dist/commonjs/layout/lib/utils/border/index.d.ts +0 -3
- package/dist/commonjs/layout/lib/utils/border/index.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/index.js +0 -2
- package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts +6 -24
- package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/lineStyle.js +0 -2
- package/dist/commonjs/layout/lib/utils/border/radius.d.ts +6 -15
- package/dist/commonjs/layout/lib/utils/border/radius.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/radius.js +0 -2
- package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts +8 -22
- package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/shorthand.js +0 -2
- package/dist/commonjs/layout/lib/utils/border/width.d.ts +4 -18
- package/dist/commonjs/layout/lib/utils/border/width.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/width.js +0 -2
- package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts +0 -4
- package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/buildStyleFns.js +0 -9
- package/dist/commonjs/layout/lib/utils/color.d.ts +4 -13
- package/dist/commonjs/layout/lib/utils/color.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/color.js +0 -3
- package/dist/commonjs/layout/lib/utils/depth.d.ts +3 -11
- package/dist/commonjs/layout/lib/utils/depth.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/depth.js +0 -3
- package/dist/commonjs/layout/lib/utils/flex.d.ts +11 -32
- package/dist/commonjs/layout/lib/utils/flex.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/flex.js +0 -3
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts +8 -27
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/flexItem.js +0 -3
- package/dist/commonjs/layout/lib/utils/grid.d.ts +19 -56
- package/dist/commonjs/layout/lib/utils/grid.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/grid.js +0 -3
- package/dist/commonjs/layout/lib/utils/gridItem.d.ts +11 -36
- package/dist/commonjs/layout/lib/utils/gridItem.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/gridItem.js +0 -3
- package/dist/commonjs/layout/lib/utils/layout.d.ts +13 -36
- package/dist/commonjs/layout/lib/utils/layout.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/layout.js +0 -3
- package/dist/commonjs/layout/lib/utils/mergeStyles.d.ts +0 -1
- package/dist/commonjs/layout/lib/utils/mergeStyles.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/mergeStyles.js +0 -1
- package/dist/commonjs/layout/lib/utils/other.d.ts +34 -106
- package/dist/commonjs/layout/lib/utils/other.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/other.js +0 -3
- package/dist/commonjs/layout/lib/utils/position.d.ts +9 -24
- package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/position.js +0 -3
- package/dist/commonjs/layout/lib/utils/space.d.ts +19 -42
- package/dist/commonjs/layout/lib/utils/space.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/space.js +0 -3
- package/dist/commonjs/layout/lib/utils/styleProps.d.ts +0 -2
- package/dist/commonjs/layout/lib/utils/styleProps.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/systemProps.d.ts +0 -17
- package/dist/commonjs/layout/lib/utils/systemProps.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/text.d.ts +14 -45
- package/dist/commonjs/layout/lib/utils/text.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/text.js +0 -3
- package/dist/commonjs/text-input/lib/TextInput.js +5 -5
- package/dist/es6/layout/lib/Box.d.ts +0 -1
- package/dist/es6/layout/lib/Box.d.ts.map +1 -1
- package/dist/es6/layout/lib/Box.js +0 -2
- package/dist/es6/layout/lib/utils/background.d.ts +8 -25
- package/dist/es6/layout/lib/utils/background.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/background.js +0 -3
- package/dist/es6/layout/lib/utils/border/color.d.ts +1 -12
- package/dist/es6/layout/lib/utils/border/color.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/color.js +0 -2
- package/dist/es6/layout/lib/utils/border/index.d.ts +0 -3
- package/dist/es6/layout/lib/utils/border/index.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/index.js +0 -2
- package/dist/es6/layout/lib/utils/border/lineStyle.d.ts +6 -24
- package/dist/es6/layout/lib/utils/border/lineStyle.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/lineStyle.js +0 -2
- package/dist/es6/layout/lib/utils/border/radius.d.ts +6 -15
- package/dist/es6/layout/lib/utils/border/radius.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/radius.js +0 -2
- package/dist/es6/layout/lib/utils/border/shorthand.d.ts +8 -22
- package/dist/es6/layout/lib/utils/border/shorthand.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/shorthand.js +0 -2
- package/dist/es6/layout/lib/utils/border/width.d.ts +4 -18
- package/dist/es6/layout/lib/utils/border/width.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/width.js +0 -2
- package/dist/es6/layout/lib/utils/buildStyleFns.d.ts +0 -4
- package/dist/es6/layout/lib/utils/buildStyleFns.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/buildStyleFns.js +0 -9
- package/dist/es6/layout/lib/utils/color.d.ts +4 -13
- package/dist/es6/layout/lib/utils/color.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/color.js +0 -3
- package/dist/es6/layout/lib/utils/depth.d.ts +3 -11
- package/dist/es6/layout/lib/utils/depth.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/depth.js +0 -3
- package/dist/es6/layout/lib/utils/flex.d.ts +11 -32
- package/dist/es6/layout/lib/utils/flex.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/flex.js +0 -3
- package/dist/es6/layout/lib/utils/flexItem.d.ts +8 -27
- package/dist/es6/layout/lib/utils/flexItem.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/flexItem.js +0 -3
- package/dist/es6/layout/lib/utils/grid.d.ts +19 -56
- package/dist/es6/layout/lib/utils/grid.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/grid.js +0 -3
- package/dist/es6/layout/lib/utils/gridItem.d.ts +11 -36
- package/dist/es6/layout/lib/utils/gridItem.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/gridItem.js +0 -3
- package/dist/es6/layout/lib/utils/layout.d.ts +13 -36
- package/dist/es6/layout/lib/utils/layout.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/layout.js +0 -3
- package/dist/es6/layout/lib/utils/mergeStyles.d.ts +0 -1
- package/dist/es6/layout/lib/utils/mergeStyles.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/mergeStyles.js +0 -1
- package/dist/es6/layout/lib/utils/other.d.ts +34 -106
- package/dist/es6/layout/lib/utils/other.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/other.js +0 -3
- package/dist/es6/layout/lib/utils/position.d.ts +9 -24
- package/dist/es6/layout/lib/utils/position.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/position.js +0 -3
- package/dist/es6/layout/lib/utils/space.d.ts +19 -42
- package/dist/es6/layout/lib/utils/space.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/space.js +0 -3
- package/dist/es6/layout/lib/utils/styleProps.d.ts +0 -2
- package/dist/es6/layout/lib/utils/styleProps.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/systemProps.d.ts +0 -17
- package/dist/es6/layout/lib/utils/systemProps.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/text.d.ts +14 -45
- package/dist/es6/layout/lib/utils/text.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/text.js +0 -3
- package/dist/es6/text-input/lib/TextInput.js +5 -5
- package/layout/lib/Box.tsx +0 -2
- package/layout/lib/utils/background.ts +8 -25
- package/layout/lib/utils/border/color.ts +1 -12
- package/layout/lib/utils/border/index.ts +0 -3
- package/layout/lib/utils/border/lineStyle.ts +6 -24
- package/layout/lib/utils/border/radius.ts +6 -15
- package/layout/lib/utils/border/shorthand.ts +8 -22
- package/layout/lib/utils/border/width.ts +4 -18
- package/layout/lib/utils/buildStyleFns.ts +0 -11
- package/layout/lib/utils/color.ts +4 -13
- package/layout/lib/utils/depth.ts +3 -11
- package/layout/lib/utils/flex.ts +11 -32
- package/layout/lib/utils/flexItem.ts +8 -27
- package/layout/lib/utils/grid.ts +19 -56
- package/layout/lib/utils/gridItem.ts +11 -36
- package/layout/lib/utils/layout.ts +13 -36
- package/layout/lib/utils/mergeStyles.ts +0 -1
- package/layout/lib/utils/other.ts +34 -106
- package/layout/lib/utils/position.ts +9 -24
- package/layout/lib/utils/space.ts +19 -42
- package/layout/lib/utils/styleProps.ts +0 -2
- package/layout/lib/utils/systemProps.ts +0 -17
- package/layout/lib/utils/text.ts +14 -45
- package/package.json +4 -4
- package/text-input/lib/TextInput.tsx +1 -1
|
@@ -3,29 +3,22 @@ import {Property} from 'csstype';
|
|
|
3
3
|
import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
|
|
4
4
|
import {SystemPropValues} from './systemProps';
|
|
5
5
|
|
|
6
|
-
/** style props to set CSS color properties
|
|
7
|
-
* @deprecated
|
|
8
|
-
*/
|
|
6
|
+
/** style props to set CSS color properties */
|
|
9
7
|
export type ColorStyleProps = {
|
|
10
8
|
/**
|
|
11
9
|
* - sets [CSS background-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
|
|
12
10
|
* - system tokens: `color`
|
|
13
|
-
*
|
|
14
|
-
*/
|
|
11
|
+
* */
|
|
15
12
|
backgroundColor?: SystemPropValues['color'];
|
|
16
13
|
/**
|
|
17
14
|
* - sets [CSS color property](https://developer.mozilla.org/en-US/docs/Web/CSS/color)
|
|
18
15
|
* - system tokens: `color`
|
|
19
|
-
*
|
|
20
|
-
*/
|
|
16
|
+
* */
|
|
21
17
|
color?: SystemPropValues['color'];
|
|
22
|
-
/** sets [CSS opacity property](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)
|
|
23
|
-
* @deprecated
|
|
24
|
-
*/
|
|
18
|
+
/** sets [CSS opacity property](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) */
|
|
25
19
|
opacity?: Property.Opacity;
|
|
26
20
|
};
|
|
27
21
|
|
|
28
|
-
/** @deprecated */
|
|
29
22
|
export const colorStyleFnConfigs: StyleFnConfig[] = [
|
|
30
23
|
{
|
|
31
24
|
name: 'backgroundColor',
|
|
@@ -44,7 +37,6 @@ export const colorStyleFnConfigs: StyleFnConfig[] = [
|
|
|
44
37
|
},
|
|
45
38
|
];
|
|
46
39
|
|
|
47
|
-
/** @deprecated */
|
|
48
40
|
export const colorFns = buildStyleFns(colorStyleFnConfigs);
|
|
49
41
|
/**
|
|
50
42
|
* A style prop function that takes component props and returns color styles from Canvas token values.
|
|
@@ -56,6 +48,5 @@ export const colorFns = buildStyleFns(colorStyleFnConfigs);
|
|
|
56
48
|
* <Box color="frenchVanilla100" opacity={0.6}>Hello, colors!</Box>
|
|
57
49
|
* );
|
|
58
50
|
* ```
|
|
59
|
-
* @deprecated
|
|
60
51
|
*/
|
|
61
52
|
export const color = buildStylePropFn<ColorStyleProps>(colorFns);
|
|
@@ -2,23 +2,17 @@ import {Property} from 'csstype';
|
|
|
2
2
|
import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
|
|
3
3
|
import {SystemPropValues} from './systemProps';
|
|
4
4
|
|
|
5
|
-
/** style props to for depth styles
|
|
6
|
-
* @deprecated
|
|
7
|
-
*/
|
|
5
|
+
/** style props to for depth styles */
|
|
8
6
|
export type DepthStyleProps = {
|
|
9
|
-
/** sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)
|
|
10
|
-
* @deprecated
|
|
11
|
-
*/
|
|
7
|
+
/** sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) */
|
|
12
8
|
boxShadow?: Property.BoxShadow;
|
|
13
9
|
/**
|
|
14
10
|
* - sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)
|
|
15
11
|
* - system tokens: `depth`
|
|
16
|
-
*
|
|
17
|
-
*/
|
|
12
|
+
* */
|
|
18
13
|
depth?: SystemPropValues['depth'];
|
|
19
14
|
};
|
|
20
15
|
|
|
21
|
-
/** @deprecated */
|
|
22
16
|
export const depthStyleFnConfigs: StyleFnConfig[] = [
|
|
23
17
|
{
|
|
24
18
|
name: 'boxShadow',
|
|
@@ -32,7 +26,6 @@ export const depthStyleFnConfigs: StyleFnConfig[] = [
|
|
|
32
26
|
},
|
|
33
27
|
];
|
|
34
28
|
|
|
35
|
-
/** @deprecated */
|
|
36
29
|
export const depthStyleFns = buildStyleFns(depthStyleFnConfigs);
|
|
37
30
|
/**
|
|
38
31
|
* A style prop function that takes component props and returns depth styles from Canvas token values.
|
|
@@ -44,6 +37,5 @@ export const depthStyleFns = buildStyleFns(depthStyleFnConfigs);
|
|
|
44
37
|
* <Box depth={3}>Hello, box shadows!</Box>
|
|
45
38
|
* );
|
|
46
39
|
* ```
|
|
47
|
-
* @deprecated
|
|
48
40
|
*/
|
|
49
41
|
export const depth = buildStylePropFn<DepthStyleProps>(depthStyleFns);
|
package/layout/lib/utils/flex.ts
CHANGED
|
@@ -3,61 +3,42 @@ import {Property, Globals} from 'csstype';
|
|
|
3
3
|
import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
|
|
4
4
|
import {SystemPropValues} from './systemProps';
|
|
5
5
|
|
|
6
|
-
/** style props to for CSS flexbox container properties
|
|
7
|
-
* @deprecated
|
|
8
|
-
*/
|
|
6
|
+
/** style props to for CSS flexbox container properties */
|
|
9
7
|
export type FlexStyleProps = {
|
|
10
|
-
/** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)
|
|
11
|
-
* @deprecated
|
|
12
|
-
*/
|
|
8
|
+
/** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) */
|
|
13
9
|
alignItems?: Property.AlignItems;
|
|
14
|
-
/** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)
|
|
15
|
-
* @deprecated
|
|
16
|
-
*/
|
|
10
|
+
/** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content) */
|
|
17
11
|
alignContent?: Property.AlignContent;
|
|
18
12
|
/**
|
|
19
13
|
* - sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
|
|
20
14
|
* - @default 'flex'
|
|
21
|
-
*
|
|
22
|
-
*/
|
|
15
|
+
* */
|
|
23
16
|
display?: 'flex' | 'inline-flex' | 'none' | Globals | (string & {});
|
|
24
|
-
/** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items)
|
|
25
|
-
* @deprecated
|
|
26
|
-
*/
|
|
17
|
+
/** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items) */
|
|
27
18
|
justifyItems?: Property.JustifyItems;
|
|
28
|
-
/** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)
|
|
29
|
-
* @deprecated
|
|
30
|
-
*/
|
|
19
|
+
/** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) */
|
|
31
20
|
justifyContent?: Property.JustifyContent;
|
|
32
|
-
/** sets [CSS flex-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap)
|
|
33
|
-
* @deprecated
|
|
34
|
-
*/
|
|
21
|
+
/** sets [CSS flex-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap) */
|
|
35
22
|
flexWrap?: Property.FlexWrap;
|
|
36
|
-
/** sets [CSS flex-direction property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction)
|
|
37
|
-
* @deprecated
|
|
38
|
-
*/
|
|
23
|
+
/** sets [CSS flex-direction property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction) */
|
|
39
24
|
flexDirection?: Property.FlexDirection;
|
|
40
25
|
/**
|
|
41
26
|
* - sets [CSS gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)
|
|
42
27
|
* - system tokens: `space`
|
|
43
|
-
*
|
|
44
|
-
*/
|
|
28
|
+
* */
|
|
45
29
|
gap?: SystemPropValues['space'];
|
|
46
30
|
/**
|
|
47
31
|
* - sets [CSS column-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)
|
|
48
32
|
* - system tokens: `space`
|
|
49
|
-
*
|
|
50
|
-
*/
|
|
33
|
+
* */
|
|
51
34
|
columnGap?: SystemPropValues['space'];
|
|
52
35
|
/**
|
|
53
36
|
* - sets [CSS row-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)
|
|
54
37
|
* - system tokens: `space`
|
|
55
|
-
*
|
|
56
|
-
*/
|
|
38
|
+
* */
|
|
57
39
|
rowGap?: SystemPropValues['space'];
|
|
58
40
|
};
|
|
59
41
|
|
|
60
|
-
/** @deprecated */
|
|
61
42
|
export const flexStyleFnConfigs: StyleFnConfig[] = [
|
|
62
43
|
{
|
|
63
44
|
name: 'alignContent',
|
|
@@ -111,7 +92,6 @@ export const flexStyleFnConfigs: StyleFnConfig[] = [
|
|
|
111
92
|
},
|
|
112
93
|
];
|
|
113
94
|
|
|
114
|
-
/** @deprecated */
|
|
115
95
|
export const flexStyleFns = buildStyleFns(flexStyleFnConfigs);
|
|
116
96
|
/**
|
|
117
97
|
* A style prop function that takes component props and returns flexbox styles.
|
|
@@ -125,6 +105,5 @@ export const flexStyleFns = buildStyleFns(flexStyleFnConfigs);
|
|
|
125
105
|
* </Flex>
|
|
126
106
|
* );
|
|
127
107
|
* ```
|
|
128
|
-
* @deprecated ⚠️ `flex` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs
|
|
129
108
|
*/
|
|
130
109
|
export const flex = buildStylePropFn<FlexStyleProps>(flexStyleFns);
|
|
@@ -1,41 +1,24 @@
|
|
|
1
1
|
import {Property} from 'csstype';
|
|
2
2
|
import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
|
|
3
3
|
|
|
4
|
-
/** style props to for CSS flex item properties
|
|
5
|
-
* @deprecated ⚠️ Style props are deprecated. Please use our `cs` prop with `createStencil` or `createStyles` to apply styles. For more information view our [Styling docs](* @deprecated ⚠️ `boxStyleFn` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
|
|
6
|
-
*/
|
|
4
|
+
/** style props to for CSS flex item properties */
|
|
7
5
|
export type FlexItemStyleProps = {
|
|
8
|
-
/** sets [CSS flex property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex)
|
|
9
|
-
* @deprecated
|
|
10
|
-
*/
|
|
6
|
+
/** sets [CSS flex property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) */
|
|
11
7
|
flex?: Property.Flex;
|
|
12
|
-
/** sets [CSS flex-grow property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow)
|
|
13
|
-
* @deprecated
|
|
14
|
-
*/
|
|
8
|
+
/** sets [CSS flex-grow property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow) */
|
|
15
9
|
flexGrow?: Property.FlexGrow;
|
|
16
|
-
/** sets [CSS flex-shrink property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink)
|
|
17
|
-
* @deprecated
|
|
18
|
-
*/
|
|
10
|
+
/** sets [CSS flex-shrink property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink) */
|
|
19
11
|
flexShrink?: Property.FlexShrink;
|
|
20
|
-
/** sets [CSS flex-basis property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis)
|
|
21
|
-
* @deprecated
|
|
22
|
-
*/
|
|
12
|
+
/** sets [CSS flex-basis property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis) */
|
|
23
13
|
flexBasis?: Property.FlexBasis;
|
|
24
|
-
/** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self)
|
|
25
|
-
* @deprecated
|
|
26
|
-
*/
|
|
14
|
+
/** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self) */
|
|
27
15
|
justifySelf?: Property.JustifySelf;
|
|
28
|
-
/** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self)
|
|
29
|
-
* @deprecated
|
|
30
|
-
*/
|
|
16
|
+
/** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) */
|
|
31
17
|
alignSelf?: Property.AlignSelf;
|
|
32
|
-
/** sets [CSS order property](https://developer.mozilla.org/en-US/docs/Web/CSS/order)
|
|
33
|
-
* @deprecated
|
|
34
|
-
*/
|
|
18
|
+
/** sets [CSS order property](https://developer.mozilla.org/en-US/docs/Web/CSS/order) */
|
|
35
19
|
order?: Property.Order;
|
|
36
20
|
};
|
|
37
21
|
|
|
38
|
-
/** @deprecated */
|
|
39
22
|
export const flexItemStyleFnConfigs: StyleFnConfig[] = [
|
|
40
23
|
{
|
|
41
24
|
name: 'flex',
|
|
@@ -74,7 +57,6 @@ export const flexItemStyleFnConfigs: StyleFnConfig[] = [
|
|
|
74
57
|
},
|
|
75
58
|
];
|
|
76
59
|
|
|
77
|
-
/** @deprecated */
|
|
78
60
|
export const flexItemStyleFns = buildStyleFns(flexItemStyleFnConfigs);
|
|
79
61
|
/**
|
|
80
62
|
* A style prop function that takes component props and returns flexbox item styles.
|
|
@@ -88,6 +70,5 @@ export const flexItemStyleFns = buildStyleFns(flexItemStyleFnConfigs);
|
|
|
88
70
|
* </Box>
|
|
89
71
|
* );
|
|
90
72
|
* ```
|
|
91
|
-
* @deprecated
|
|
92
73
|
*/
|
|
93
74
|
export const flexItem = buildStylePropFn<FlexItemStyleProps>(flexItemStyleFns);
|
package/layout/lib/utils/grid.ts
CHANGED
|
@@ -3,93 +3,58 @@ import {Property, Globals} from 'csstype';
|
|
|
3
3
|
import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
|
|
4
4
|
import {SystemPropValues} from './systemProps';
|
|
5
5
|
|
|
6
|
-
/** style props to for CSS grid container properties
|
|
7
|
-
* @deprecated ⚠️ Style props are deprecated. Please use our `cs` prop with `createStencil` or `createStyles` to apply styles. For more information view our [Styling docs](* @deprecated ⚠️ `boxStyleFn` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
|
|
8
|
-
*/
|
|
6
|
+
/** style props to for CSS grid container properties */
|
|
9
7
|
export type GridStyleProps = {
|
|
10
|
-
/** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)
|
|
11
|
-
* @deprecated
|
|
12
|
-
*/
|
|
8
|
+
/** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) */
|
|
13
9
|
alignItems?: Property.AlignItems;
|
|
14
|
-
/** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)
|
|
15
|
-
* @deprecated
|
|
16
|
-
*/
|
|
10
|
+
/** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content) */
|
|
17
11
|
alignContent?: Property.AlignContent;
|
|
18
12
|
/**
|
|
19
13
|
* - sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
|
|
20
14
|
* - @default 'grid'
|
|
21
|
-
*
|
|
22
|
-
*/
|
|
15
|
+
* */
|
|
23
16
|
display?: 'grid' | 'inline-grid' | 'none' | Globals | (string & {});
|
|
24
|
-
/** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items)
|
|
25
|
-
* @deprecated
|
|
26
|
-
*/
|
|
17
|
+
/** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items) */
|
|
27
18
|
justifyItems?: Property.JustifyItems;
|
|
28
|
-
/** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)
|
|
29
|
-
* @deprecated
|
|
30
|
-
*/
|
|
19
|
+
/** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) */
|
|
31
20
|
justifyContent?: Property.JustifyContent;
|
|
32
|
-
/** sets [CSS grid-template property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template)
|
|
33
|
-
* @deprecated
|
|
34
|
-
*/
|
|
21
|
+
/** sets [CSS grid-template property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template) */
|
|
35
22
|
gridTemplate?: Property.GridTemplate;
|
|
36
|
-
/** sets [CSS grid-template-areas property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)
|
|
37
|
-
* @deprecated
|
|
38
|
-
*/
|
|
23
|
+
/** sets [CSS grid-template-areas property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas) */
|
|
39
24
|
gridTemplateAreas?: Property.GridTemplateAreas;
|
|
40
|
-
/** sets [CSS grid-template-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)
|
|
41
|
-
* @deprecated
|
|
42
|
-
*/
|
|
25
|
+
/** sets [CSS grid-template-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns) */
|
|
43
26
|
gridTemplateColumns?: Property.GridTemplateColumns;
|
|
44
|
-
/** sets [CSS grid-template-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows)
|
|
45
|
-
* @deprecated
|
|
46
|
-
*/
|
|
27
|
+
/** sets [CSS grid-template-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows) */
|
|
47
28
|
gridTemplateRows?: Property.GridTemplateRows;
|
|
48
29
|
/**
|
|
49
30
|
* - sets [CSS column-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)
|
|
50
31
|
* - system tokens: `space`
|
|
51
|
-
*
|
|
52
|
-
*/
|
|
32
|
+
* */
|
|
53
33
|
gridColumnGap?: Property.GridColumnGap | SystemPropValues['space'];
|
|
54
34
|
/**
|
|
55
35
|
* - sets [CSS row-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)
|
|
56
36
|
* - system tokens: `space`
|
|
57
|
-
*
|
|
58
|
-
*/
|
|
37
|
+
* */
|
|
59
38
|
gridRowGap?: Property.GridRowGap | SystemPropValues['space'];
|
|
60
39
|
/**
|
|
61
40
|
* - sets [CSS grid-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap)
|
|
62
41
|
* - system tokens: `space`
|
|
63
|
-
*
|
|
64
|
-
*/
|
|
42
|
+
* */
|
|
65
43
|
gridGap?: Property.GridGap | SystemPropValues['space'];
|
|
66
|
-
/** sets [CSS place-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-items)
|
|
67
|
-
* @deprecated
|
|
68
|
-
*/
|
|
44
|
+
/** sets [CSS place-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-items) */
|
|
69
45
|
gridPlaceItems?: Property.PlaceItems;
|
|
70
|
-
/** sets [CSS grid-auto-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns)
|
|
71
|
-
* @deprecated
|
|
72
|
-
*/
|
|
46
|
+
/** sets [CSS grid-auto-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns) */
|
|
73
47
|
gridAutoColumns?: Property.GridAutoColumns;
|
|
74
|
-
/** sets [CSS grid-auto-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows)
|
|
75
|
-
* @deprecated
|
|
76
|
-
*/
|
|
48
|
+
/** sets [CSS grid-auto-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows) */
|
|
77
49
|
gridAutoRows?: Property.GridAutoRows;
|
|
78
|
-
/** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)
|
|
79
|
-
* @deprecated
|
|
80
|
-
*/
|
|
50
|
+
/** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area) */
|
|
81
51
|
gridArea?: Property.GridArea;
|
|
82
|
-
/** sets [CSS grid-auto-flow property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow)
|
|
83
|
-
* @deprecated
|
|
84
|
-
*/
|
|
52
|
+
/** sets [CSS grid-auto-flow property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) */
|
|
85
53
|
gridAutoFlow?: Property.GridAutoFlow;
|
|
86
|
-
/** sets [CSS grid property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid)
|
|
87
|
-
* @deprecated
|
|
88
|
-
*/
|
|
54
|
+
/** sets [CSS grid property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid) */
|
|
89
55
|
grid?: Property.Grid;
|
|
90
56
|
};
|
|
91
57
|
|
|
92
|
-
/** @deprecated */
|
|
93
58
|
export const gridStyleFnConfigs: StyleFnConfig[] = [
|
|
94
59
|
{
|
|
95
60
|
name: 'gridGap',
|
|
@@ -183,7 +148,6 @@ export const gridStyleFnConfigs: StyleFnConfig[] = [
|
|
|
183
148
|
},
|
|
184
149
|
];
|
|
185
150
|
|
|
186
|
-
/** @deprecated */
|
|
187
151
|
export const gridStyleFns = buildStyleFns(gridStyleFnConfigs);
|
|
188
152
|
/**
|
|
189
153
|
* A style prop function that takes component props and returns grid styles.
|
|
@@ -198,6 +162,5 @@ export const gridStyleFns = buildStyleFns(gridStyleFnConfigs);
|
|
|
198
162
|
* </Grid>
|
|
199
163
|
* );
|
|
200
164
|
* ```
|
|
201
|
-
* @deprecated
|
|
202
165
|
*/
|
|
203
166
|
export const grid = buildStylePropFn<GridStyleProps>(gridStyleFns);
|
|
@@ -2,53 +2,30 @@ import {Property} from 'csstype';
|
|
|
2
2
|
|
|
3
3
|
import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
|
|
4
4
|
|
|
5
|
-
/** style props to for CSS grid item properties
|
|
6
|
-
* @deprecated ⚠️ Style props are deprecated. Please use our `cs` prop with `createStencil` or `createStyles` to apply styles. For more information view our [Styling docs](* @deprecated ⚠️ `boxStyleFn` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
|
|
7
|
-
*/
|
|
5
|
+
/** style props to for CSS grid item properties */
|
|
8
6
|
export type GridItemStyleProps = {
|
|
9
|
-
/** sets [CSS grid-column-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)
|
|
10
|
-
* @deprecated
|
|
11
|
-
*/
|
|
7
|
+
/** sets [CSS grid-column-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start) */
|
|
12
8
|
gridColumnStart?: Property.GridColumnStart;
|
|
13
|
-
/** sets [CSS grid-column-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)
|
|
14
|
-
* @deprecated
|
|
15
|
-
*/
|
|
9
|
+
/** sets [CSS grid-column-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end) */
|
|
16
10
|
gridColumnEnd?: Property.GridColumnEnd;
|
|
17
|
-
/** sets [CSS grid-row-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)
|
|
18
|
-
* @deprecated
|
|
19
|
-
*/
|
|
11
|
+
/** sets [CSS grid-row-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start) */
|
|
20
12
|
gridRowStart?: Property.GridRowStart;
|
|
21
|
-
/** sets [CSS grid-row-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)
|
|
22
|
-
* @deprecated
|
|
23
|
-
*/
|
|
13
|
+
/** sets [CSS grid-row-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end) */
|
|
24
14
|
gridRowEnd?: Property.GridRowEnd;
|
|
25
|
-
/** sets [CSS grid-column property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)
|
|
26
|
-
* @deprecated
|
|
27
|
-
*/
|
|
15
|
+
/** sets [CSS grid-column property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column) */
|
|
28
16
|
gridColumn?: Property.GridColumn;
|
|
29
|
-
/** sets [CSS grid-row property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)
|
|
30
|
-
* @deprecated
|
|
31
|
-
*/
|
|
17
|
+
/** sets [CSS grid-row property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row) */
|
|
32
18
|
gridRow?: Property.GridRow;
|
|
33
|
-
/** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)
|
|
34
|
-
* @deprecated
|
|
35
|
-
*/
|
|
19
|
+
/** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area) */
|
|
36
20
|
gridArea?: Property.GridArea;
|
|
37
|
-
/** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self)
|
|
38
|
-
* @deprecated
|
|
39
|
-
*/
|
|
21
|
+
/** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self) */
|
|
40
22
|
justifySelf?: Property.JustifySelf;
|
|
41
|
-
/** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self)
|
|
42
|
-
* @deprecated
|
|
43
|
-
*/
|
|
23
|
+
/** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) */
|
|
44
24
|
alignSelf?: Property.AlignSelf;
|
|
45
|
-
/** sets [CSS place-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-self)
|
|
46
|
-
* @deprecated
|
|
47
|
-
*/
|
|
25
|
+
/** sets [CSS place-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-self) */
|
|
48
26
|
placeSelf?: Property.PlaceSelf;
|
|
49
27
|
};
|
|
50
28
|
|
|
51
|
-
/** @deprecated */
|
|
52
29
|
export const gridItemStyleFnConfigs: StyleFnConfig[] = [
|
|
53
30
|
{
|
|
54
31
|
name: 'gridColumnStart',
|
|
@@ -102,7 +79,6 @@ export const gridItemStyleFnConfigs: StyleFnConfig[] = [
|
|
|
102
79
|
},
|
|
103
80
|
];
|
|
104
81
|
|
|
105
|
-
/** @deprecated */
|
|
106
82
|
export const gridItemStyleFns = buildStyleFns(gridItemStyleFnConfigs);
|
|
107
83
|
/**
|
|
108
84
|
* A style prop function that takes component props and returns grid styles.
|
|
@@ -116,6 +92,5 @@ export const gridItemStyleFns = buildStyleFns(gridItemStyleFnConfigs);
|
|
|
116
92
|
* </Grid.Item>
|
|
117
93
|
* );
|
|
118
94
|
* ```
|
|
119
|
-
* @deprecated
|
|
120
95
|
*/
|
|
121
96
|
export const gridItem = buildStylePropFn<GridItemStyleProps>(gridItemStyleFns);
|
|
@@ -3,73 +3,52 @@ import {Property} from 'csstype';
|
|
|
3
3
|
import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
|
|
4
4
|
import {SystemPropValues} from './systemProps';
|
|
5
5
|
|
|
6
|
-
/** style props to for CSS layout properties
|
|
7
|
-
* @deprecated ⚠️ Style props are deprecated. Please use our `cs` prop with `createStencil` or `createStyles` to apply styles. For more information view our [Styling docs](* @deprecated ⚠️ `boxStyleFn` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
|
|
8
|
-
*/
|
|
6
|
+
/** style props to for CSS layout properties */
|
|
9
7
|
export type LayoutStyleProps = {
|
|
10
|
-
/** sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
|
|
11
|
-
* @deprecated
|
|
12
|
-
*/
|
|
8
|
+
/** sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display) */
|
|
13
9
|
display?: Property.Display;
|
|
14
10
|
/**
|
|
15
11
|
* - sets [CSS height property](https://developer.mozilla.org/en-US/docs/Web/CSS/height)
|
|
16
12
|
* - system tokens: `space`
|
|
17
|
-
*
|
|
18
|
-
*/
|
|
13
|
+
* */
|
|
19
14
|
height?: SystemPropValues['space'];
|
|
20
|
-
/** sets [CSS list-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style)
|
|
21
|
-
* @deprecated
|
|
22
|
-
*/
|
|
15
|
+
/** sets [CSS list-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) */
|
|
23
16
|
listStyle?: Property.ListStyle;
|
|
24
17
|
/**
|
|
25
18
|
* - sets [CSS max-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)
|
|
26
19
|
* - system tokens: `space`
|
|
27
|
-
*
|
|
28
|
-
*/
|
|
20
|
+
* */
|
|
29
21
|
maxHeight?: SystemPropValues['space'];
|
|
30
22
|
/**
|
|
31
23
|
* - sets [CSS max-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width)
|
|
32
24
|
* - system tokens: `space`
|
|
33
|
-
*
|
|
34
|
-
*/
|
|
25
|
+
* */
|
|
35
26
|
maxWidth?: SystemPropValues['space'];
|
|
36
27
|
/**
|
|
37
28
|
* - sets [CSS min-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)
|
|
38
29
|
* - system tokens: `space`
|
|
39
|
-
*
|
|
40
|
-
*/
|
|
30
|
+
* */
|
|
41
31
|
minHeight?: SystemPropValues['space'];
|
|
42
32
|
/**
|
|
43
33
|
* - sets [CSS min-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width)
|
|
44
34
|
* - system tokens: `space`
|
|
45
|
-
*
|
|
46
|
-
*/
|
|
35
|
+
* */
|
|
47
36
|
minWidth?: SystemPropValues['space'];
|
|
48
|
-
/** sets [CSS overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow)
|
|
49
|
-
* @deprecated
|
|
50
|
-
*/
|
|
37
|
+
/** sets [CSS overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow) */
|
|
51
38
|
overflow?: Property.Overflow;
|
|
52
|
-
/** sets [CSS overflow-x property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x)
|
|
53
|
-
* @deprecated
|
|
54
|
-
*/
|
|
39
|
+
/** sets [CSS overflow-x property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x) */
|
|
55
40
|
overflowX?: Property.OverflowX;
|
|
56
|
-
/** sets [CSS overflow-y property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y)
|
|
57
|
-
* @deprecated
|
|
58
|
-
*/
|
|
41
|
+
/** sets [CSS overflow-y property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y) */
|
|
59
42
|
overflowY?: Property.OverflowY;
|
|
60
|
-
/** sets [CSS vertical-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align)
|
|
61
|
-
* @deprecated
|
|
62
|
-
*/
|
|
43
|
+
/** sets [CSS vertical-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) */
|
|
63
44
|
verticalAlign?: Property.VerticalAlign;
|
|
64
45
|
/**
|
|
65
46
|
* - sets [CSS width property](https://developer.mozilla.org/en-US/docs/Web/CSS/width)
|
|
66
47
|
* - system tokens: `space`
|
|
67
|
-
*
|
|
68
|
-
*/
|
|
48
|
+
* */
|
|
69
49
|
width?: SystemPropValues['space'];
|
|
70
50
|
};
|
|
71
51
|
|
|
72
|
-
/** @deprecated */
|
|
73
52
|
export const layoutStyleFnConfigs: StyleFnConfig[] = [
|
|
74
53
|
{
|
|
75
54
|
name: 'display',
|
|
@@ -133,7 +112,6 @@ export const layoutStyleFnConfigs: StyleFnConfig[] = [
|
|
|
133
112
|
},
|
|
134
113
|
];
|
|
135
114
|
|
|
136
|
-
/** @deprecated */
|
|
137
115
|
export const layoutStyleFns = buildStyleFns(layoutStyleFnConfigs);
|
|
138
116
|
/**
|
|
139
117
|
* A style prop function that takes component props and returns layout styles.
|
|
@@ -147,6 +125,5 @@ export const layoutStyleFns = buildStyleFns(layoutStyleFnConfigs);
|
|
|
147
125
|
* </Box>
|
|
148
126
|
* );
|
|
149
127
|
* ```
|
|
150
|
-
* @deprecated
|
|
151
128
|
*/
|
|
152
129
|
export const layout = buildStylePropFn<LayoutStyleProps>(layoutStyleFns);
|
|
@@ -43,7 +43,6 @@ function isStyleProps(prop: string): boolean {
|
|
|
43
43
|
/**
|
|
44
44
|
* This function has the same signature as {@link handleCsProp} and also calls `handleCsProps`, but
|
|
45
45
|
* adds support for style props. It can be used as a drop-in replacement for `handleCsProps`.
|
|
46
|
-
* @deprecated ⚠️ `mergeStyles` is deprecated since it supports style props. Use `handleCsProps` to ensure correct style merging order. For more information view our [docs](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-merging-styles--docs#handlecsprop).
|
|
47
46
|
*/
|
|
48
47
|
export function mergeStyles<T extends {}>(
|
|
49
48
|
/**
|