@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,38 +3,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.buildStylePropFn = exports.buildStyleFns = void 0;
|
|
4
4
|
const tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
5
5
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
6
|
-
/** @deprecated */
|
|
7
6
|
const getColor = (value) => {
|
|
8
7
|
return tokens_1.colors[value] || (0, canvas_kit_styling_1.wrapProperty)(value);
|
|
9
8
|
};
|
|
10
|
-
/** @deprecated */
|
|
11
9
|
const getDepth = (value) => {
|
|
12
10
|
return tokens_1.depth[value];
|
|
13
11
|
};
|
|
14
|
-
/** @deprecated */
|
|
15
12
|
const getShape = (value) => {
|
|
16
13
|
return tokens_1.borderRadius[value] || (0, canvas_kit_styling_1.wrapProperty)(value);
|
|
17
14
|
};
|
|
18
|
-
/** @deprecated */
|
|
19
15
|
const getSpace = (value) => {
|
|
20
16
|
return tokens_1.space[value] || (0, canvas_kit_styling_1.wrapProperty)(value);
|
|
21
17
|
};
|
|
22
|
-
/** @deprecated */
|
|
23
18
|
const getFont = (value) => {
|
|
24
19
|
return (tokens_1.type.properties.fontFamilies[value] ||
|
|
25
20
|
(0, canvas_kit_styling_1.wrapProperty)(value));
|
|
26
21
|
};
|
|
27
|
-
/** @deprecated */
|
|
28
22
|
const getFontSize = (value) => {
|
|
29
23
|
return (tokens_1.type.properties.fontSizes[value] ||
|
|
30
24
|
(0, canvas_kit_styling_1.wrapProperty)(value));
|
|
31
25
|
};
|
|
32
|
-
/** @deprecated */
|
|
33
26
|
const getFontWeight = (value) => {
|
|
34
27
|
return (tokens_1.type.properties.fontWeights[value] ||
|
|
35
28
|
(0, canvas_kit_styling_1.wrapProperty)(value));
|
|
36
29
|
};
|
|
37
|
-
/** @deprecated */
|
|
38
30
|
function buildStyleFns(styleFnConfigs) {
|
|
39
31
|
return styleFnConfigs.reduce((styleFns = {}, styleFnConfig) => {
|
|
40
32
|
const styleFn = (value) => {
|
|
@@ -81,7 +73,6 @@ function buildStyleFns(styleFnConfigs) {
|
|
|
81
73
|
}, {});
|
|
82
74
|
}
|
|
83
75
|
exports.buildStyleFns = buildStyleFns;
|
|
84
|
-
/** @deprecated */
|
|
85
76
|
function buildStylePropFn(styleFns) {
|
|
86
77
|
return (props) => {
|
|
87
78
|
let styles = {};
|
|
@@ -1,30 +1,22 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from './buildStyleFns';
|
|
3
3
|
import { SystemPropValues } from './systemProps';
|
|
4
|
-
/** style props to set CSS color properties
|
|
5
|
-
* @deprecated
|
|
6
|
-
*/
|
|
4
|
+
/** style props to set CSS color properties */
|
|
7
5
|
export type ColorStyleProps = {
|
|
8
6
|
/**
|
|
9
7
|
* - sets [CSS background-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
|
|
10
8
|
* - system tokens: `color`
|
|
11
|
-
*
|
|
12
|
-
*/
|
|
9
|
+
* */
|
|
13
10
|
backgroundColor?: SystemPropValues['color'];
|
|
14
11
|
/**
|
|
15
12
|
* - sets [CSS color property](https://developer.mozilla.org/en-US/docs/Web/CSS/color)
|
|
16
13
|
* - system tokens: `color`
|
|
17
|
-
*
|
|
18
|
-
*/
|
|
14
|
+
* */
|
|
19
15
|
color?: SystemPropValues['color'];
|
|
20
|
-
/** sets [CSS opacity property](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)
|
|
21
|
-
* @deprecated
|
|
22
|
-
*/
|
|
16
|
+
/** sets [CSS opacity property](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) */
|
|
23
17
|
opacity?: Property.Opacity;
|
|
24
18
|
};
|
|
25
|
-
/** @deprecated */
|
|
26
19
|
export declare const colorStyleFnConfigs: StyleFnConfig[];
|
|
27
|
-
/** @deprecated */
|
|
28
20
|
export declare const colorFns: import("./buildStyleFns").StyleFns;
|
|
29
21
|
/**
|
|
30
22
|
* A style prop function that takes component props and returns color styles from Canvas token values.
|
|
@@ -36,7 +28,6 @@ export declare const colorFns: import("./buildStyleFns").StyleFns;
|
|
|
36
28
|
* <Box color="frenchVanilla100" opacity={0.6}>Hello, colors!</Box>
|
|
37
29
|
* );
|
|
38
30
|
* ```
|
|
39
|
-
* @deprecated
|
|
40
31
|
*/
|
|
41
32
|
export declare const color: (props: ColorStyleProps) => {};
|
|
42
33
|
//# sourceMappingURL=color.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,8CAA8C;AAC9C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;SAGK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;SAGK;IACL,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,4FAA4F;IAC5F,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAgB9C,CAAC;AAEF,eAAO,MAAM,QAAQ,oCAAqC,CAAC;AAC3D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,gCAA8C,CAAC"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.color = exports.colorFns = exports.colorStyleFnConfigs = void 0;
|
|
4
4
|
const buildStyleFns_1 = require("./buildStyleFns");
|
|
5
|
-
/** @deprecated */
|
|
6
5
|
exports.colorStyleFnConfigs = [
|
|
7
6
|
{
|
|
8
7
|
name: 'backgroundColor',
|
|
@@ -20,7 +19,6 @@ exports.colorStyleFnConfigs = [
|
|
|
20
19
|
system: 'none',
|
|
21
20
|
},
|
|
22
21
|
];
|
|
23
|
-
/** @deprecated */
|
|
24
22
|
exports.colorFns = (0, buildStyleFns_1.buildStyleFns)(exports.colorStyleFnConfigs);
|
|
25
23
|
/**
|
|
26
24
|
* A style prop function that takes component props and returns color styles from Canvas token values.
|
|
@@ -32,6 +30,5 @@ exports.colorFns = (0, buildStyleFns_1.buildStyleFns)(exports.colorStyleFnConfig
|
|
|
32
30
|
* <Box color="frenchVanilla100" opacity={0.6}>Hello, colors!</Box>
|
|
33
31
|
* );
|
|
34
32
|
* ```
|
|
35
|
-
* @deprecated
|
|
36
33
|
*/
|
|
37
34
|
exports.color = (0, buildStyleFns_1.buildStylePropFn)(exports.colorFns);
|
|
@@ -1,24 +1,17 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from './buildStyleFns';
|
|
3
3
|
import { SystemPropValues } from './systemProps';
|
|
4
|
-
/** style props to for depth styles
|
|
5
|
-
* @deprecated
|
|
6
|
-
*/
|
|
4
|
+
/** style props to for depth styles */
|
|
7
5
|
export type DepthStyleProps = {
|
|
8
|
-
/** sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)
|
|
9
|
-
* @deprecated
|
|
10
|
-
*/
|
|
6
|
+
/** sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) */
|
|
11
7
|
boxShadow?: Property.BoxShadow;
|
|
12
8
|
/**
|
|
13
9
|
* - sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)
|
|
14
10
|
* - system tokens: `depth`
|
|
15
|
-
*
|
|
16
|
-
*/
|
|
11
|
+
* */
|
|
17
12
|
depth?: SystemPropValues['depth'];
|
|
18
13
|
};
|
|
19
|
-
/** @deprecated */
|
|
20
14
|
export declare const depthStyleFnConfigs: StyleFnConfig[];
|
|
21
|
-
/** @deprecated */
|
|
22
15
|
export declare const depthStyleFns: import("./buildStyleFns").StyleFns;
|
|
23
16
|
/**
|
|
24
17
|
* A style prop function that takes component props and returns depth styles from Canvas token values.
|
|
@@ -30,7 +23,6 @@ export declare const depthStyleFns: import("./buildStyleFns").StyleFns;
|
|
|
30
23
|
* <Box depth={3}>Hello, box shadows!</Box>
|
|
31
24
|
* );
|
|
32
25
|
* ```
|
|
33
|
-
* @deprecated
|
|
34
26
|
*/
|
|
35
27
|
export declare const depth: (props: DepthStyleProps) => {};
|
|
36
28
|
//# sourceMappingURL=depth.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"depth.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/depth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C
|
|
1
|
+
{"version":3,"file":"depth.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/depth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,sCAAsC;AACtC,MAAM,MAAM,eAAe,GAAG;IAC5B,gGAAgG;IAChG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;SAGK;IACL,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAW9C,CAAC;AAEF,eAAO,MAAM,aAAa,oCAAqC,CAAC;AAChE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,gCAAmD,CAAC"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.depth = exports.depthStyleFns = exports.depthStyleFnConfigs = void 0;
|
|
4
4
|
const buildStyleFns_1 = require("./buildStyleFns");
|
|
5
|
-
/** @deprecated */
|
|
6
5
|
exports.depthStyleFnConfigs = [
|
|
7
6
|
{
|
|
8
7
|
name: 'boxShadow',
|
|
@@ -15,7 +14,6 @@ exports.depthStyleFnConfigs = [
|
|
|
15
14
|
system: 'depth',
|
|
16
15
|
},
|
|
17
16
|
];
|
|
18
|
-
/** @deprecated */
|
|
19
17
|
exports.depthStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.depthStyleFnConfigs);
|
|
20
18
|
/**
|
|
21
19
|
* A style prop function that takes component props and returns depth styles from Canvas token values.
|
|
@@ -27,6 +25,5 @@ exports.depthStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.depthStyleFnC
|
|
|
27
25
|
* <Box depth={3}>Hello, box shadows!</Box>
|
|
28
26
|
* );
|
|
29
27
|
* ```
|
|
30
|
-
* @deprecated
|
|
31
28
|
*/
|
|
32
29
|
exports.depth = (0, buildStyleFns_1.buildStylePropFn)(exports.depthStyleFns);
|
|
@@ -1,62 +1,42 @@
|
|
|
1
1
|
import { Property, Globals } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from './buildStyleFns';
|
|
3
3
|
import { SystemPropValues } from './systemProps';
|
|
4
|
-
/** style props to for CSS flexbox container properties
|
|
5
|
-
* @deprecated
|
|
6
|
-
*/
|
|
4
|
+
/** style props to for CSS flexbox container properties */
|
|
7
5
|
export type FlexStyleProps = {
|
|
8
|
-
/** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)
|
|
9
|
-
* @deprecated
|
|
10
|
-
*/
|
|
6
|
+
/** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) */
|
|
11
7
|
alignItems?: Property.AlignItems;
|
|
12
|
-
/** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)
|
|
13
|
-
* @deprecated
|
|
14
|
-
*/
|
|
8
|
+
/** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content) */
|
|
15
9
|
alignContent?: Property.AlignContent;
|
|
16
10
|
/**
|
|
17
11
|
* - sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
|
|
18
12
|
* - @default 'flex'
|
|
19
|
-
*
|
|
20
|
-
*/
|
|
13
|
+
* */
|
|
21
14
|
display?: 'flex' | 'inline-flex' | 'none' | Globals | (string & {});
|
|
22
|
-
/** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items)
|
|
23
|
-
* @deprecated
|
|
24
|
-
*/
|
|
15
|
+
/** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items) */
|
|
25
16
|
justifyItems?: Property.JustifyItems;
|
|
26
|
-
/** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)
|
|
27
|
-
* @deprecated
|
|
28
|
-
*/
|
|
17
|
+
/** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) */
|
|
29
18
|
justifyContent?: Property.JustifyContent;
|
|
30
|
-
/** sets [CSS flex-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap)
|
|
31
|
-
* @deprecated
|
|
32
|
-
*/
|
|
19
|
+
/** sets [CSS flex-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap) */
|
|
33
20
|
flexWrap?: Property.FlexWrap;
|
|
34
|
-
/** sets [CSS flex-direction property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction)
|
|
35
|
-
* @deprecated
|
|
36
|
-
*/
|
|
21
|
+
/** sets [CSS flex-direction property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction) */
|
|
37
22
|
flexDirection?: Property.FlexDirection;
|
|
38
23
|
/**
|
|
39
24
|
* - sets [CSS gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)
|
|
40
25
|
* - system tokens: `space`
|
|
41
|
-
*
|
|
42
|
-
*/
|
|
26
|
+
* */
|
|
43
27
|
gap?: SystemPropValues['space'];
|
|
44
28
|
/**
|
|
45
29
|
* - sets [CSS column-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)
|
|
46
30
|
* - system tokens: `space`
|
|
47
|
-
*
|
|
48
|
-
*/
|
|
31
|
+
* */
|
|
49
32
|
columnGap?: SystemPropValues['space'];
|
|
50
33
|
/**
|
|
51
34
|
* - sets [CSS row-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)
|
|
52
35
|
* - system tokens: `space`
|
|
53
|
-
*
|
|
54
|
-
*/
|
|
36
|
+
* */
|
|
55
37
|
rowGap?: SystemPropValues['space'];
|
|
56
38
|
};
|
|
57
|
-
/** @deprecated */
|
|
58
39
|
export declare const flexStyleFnConfigs: StyleFnConfig[];
|
|
59
|
-
/** @deprecated */
|
|
60
40
|
export declare const flexStyleFns: import("./buildStyleFns").StyleFns;
|
|
61
41
|
/**
|
|
62
42
|
* A style prop function that takes component props and returns flexbox styles.
|
|
@@ -70,7 +50,6 @@ export declare const flexStyleFns: import("./buildStyleFns").StyleFns;
|
|
|
70
50
|
* </Flex>
|
|
71
51
|
* );
|
|
72
52
|
* ```
|
|
73
|
-
* @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
|
|
74
53
|
*/
|
|
75
54
|
export declare const flex: (props: FlexStyleProps) => {};
|
|
76
55
|
//# sourceMappingURL=flex.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C
|
|
1
|
+
{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG;IAC3B,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;SAGK;IACL,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACpE,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,gGAAgG;IAChG,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;;SAGK;IACL,GAAG,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChC;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;SAGK;IACL,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAmD7C,CAAC;AAEF,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.flex = exports.flexStyleFns = exports.flexStyleFnConfigs = void 0;
|
|
4
4
|
const buildStyleFns_1 = require("./buildStyleFns");
|
|
5
|
-
/** @deprecated */
|
|
6
5
|
exports.flexStyleFnConfigs = [
|
|
7
6
|
{
|
|
8
7
|
name: 'alignContent',
|
|
@@ -55,7 +54,6 @@ exports.flexStyleFnConfigs = [
|
|
|
55
54
|
system: 'space',
|
|
56
55
|
},
|
|
57
56
|
];
|
|
58
|
-
/** @deprecated */
|
|
59
57
|
exports.flexStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.flexStyleFnConfigs);
|
|
60
58
|
/**
|
|
61
59
|
* A style prop function that takes component props and returns flexbox styles.
|
|
@@ -69,6 +67,5 @@ exports.flexStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.flexStyleFnCon
|
|
|
69
67
|
* </Flex>
|
|
70
68
|
* );
|
|
71
69
|
* ```
|
|
72
|
-
* @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
|
|
73
70
|
*/
|
|
74
71
|
exports.flex = (0, buildStyleFns_1.buildStylePropFn)(exports.flexStyleFns);
|
|
@@ -1,41 +1,23 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from './buildStyleFns';
|
|
3
|
-
/** style props to for CSS flex item properties
|
|
4
|
-
* @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).
|
|
5
|
-
*/
|
|
3
|
+
/** style props to for CSS flex item properties */
|
|
6
4
|
export type FlexItemStyleProps = {
|
|
7
|
-
/** sets [CSS flex property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex)
|
|
8
|
-
* @deprecated
|
|
9
|
-
*/
|
|
5
|
+
/** sets [CSS flex property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) */
|
|
10
6
|
flex?: Property.Flex;
|
|
11
|
-
/** sets [CSS flex-grow property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow)
|
|
12
|
-
* @deprecated
|
|
13
|
-
*/
|
|
7
|
+
/** sets [CSS flex-grow property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow) */
|
|
14
8
|
flexGrow?: Property.FlexGrow;
|
|
15
|
-
/** sets [CSS flex-shrink property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink)
|
|
16
|
-
* @deprecated
|
|
17
|
-
*/
|
|
9
|
+
/** sets [CSS flex-shrink property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink) */
|
|
18
10
|
flexShrink?: Property.FlexShrink;
|
|
19
|
-
/** sets [CSS flex-basis property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis)
|
|
20
|
-
* @deprecated
|
|
21
|
-
*/
|
|
11
|
+
/** sets [CSS flex-basis property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis) */
|
|
22
12
|
flexBasis?: Property.FlexBasis;
|
|
23
|
-
/** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self)
|
|
24
|
-
* @deprecated
|
|
25
|
-
*/
|
|
13
|
+
/** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self) */
|
|
26
14
|
justifySelf?: Property.JustifySelf;
|
|
27
|
-
/** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self)
|
|
28
|
-
* @deprecated
|
|
29
|
-
*/
|
|
15
|
+
/** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) */
|
|
30
16
|
alignSelf?: Property.AlignSelf;
|
|
31
|
-
/** sets [CSS order property](https://developer.mozilla.org/en-US/docs/Web/CSS/order)
|
|
32
|
-
* @deprecated
|
|
33
|
-
*/
|
|
17
|
+
/** sets [CSS order property](https://developer.mozilla.org/en-US/docs/Web/CSS/order) */
|
|
34
18
|
order?: Property.Order;
|
|
35
19
|
};
|
|
36
|
-
/** @deprecated */
|
|
37
20
|
export declare const flexItemStyleFnConfigs: StyleFnConfig[];
|
|
38
|
-
/** @deprecated */
|
|
39
21
|
export declare const flexItemStyleFns: import("./buildStyleFns").StyleFns;
|
|
40
22
|
/**
|
|
41
23
|
* A style prop function that takes component props and returns flexbox item styles.
|
|
@@ -49,7 +31,6 @@ export declare const flexItemStyleFns: import("./buildStyleFns").StyleFns;
|
|
|
49
31
|
* </Box>
|
|
50
32
|
* );
|
|
51
33
|
* ```
|
|
52
|
-
* @deprecated
|
|
53
34
|
*/
|
|
54
35
|
export declare const flexItem: (props: FlexItemStyleProps) => {};
|
|
55
36
|
//# sourceMappingURL=flexItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flexItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flexItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E
|
|
1
|
+
{"version":3,"file":"flexItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flexItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E,kDAAkD;AAClD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,sFAAsF;IACtF,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;IACrB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,wFAAwF;IACxF,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,aAAa,EAoCjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.flexItem = exports.flexItemStyleFns = exports.flexItemStyleFnConfigs = void 0;
|
|
4
4
|
const buildStyleFns_1 = require("./buildStyleFns");
|
|
5
|
-
/** @deprecated */
|
|
6
5
|
exports.flexItemStyleFnConfigs = [
|
|
7
6
|
{
|
|
8
7
|
name: 'flex',
|
|
@@ -40,7 +39,6 @@ exports.flexItemStyleFnConfigs = [
|
|
|
40
39
|
system: 'none',
|
|
41
40
|
},
|
|
42
41
|
];
|
|
43
|
-
/** @deprecated */
|
|
44
42
|
exports.flexItemStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.flexItemStyleFnConfigs);
|
|
45
43
|
/**
|
|
46
44
|
* A style prop function that takes component props and returns flexbox item styles.
|
|
@@ -54,6 +52,5 @@ exports.flexItemStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.flexItemSt
|
|
|
54
52
|
* </Box>
|
|
55
53
|
* );
|
|
56
54
|
* ```
|
|
57
|
-
* @deprecated
|
|
58
55
|
*/
|
|
59
56
|
exports.flexItem = (0, buildStyleFns_1.buildStylePropFn)(exports.flexItemStyleFns);
|
|
@@ -1,94 +1,58 @@
|
|
|
1
1
|
import { Property, Globals } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from './buildStyleFns';
|
|
3
3
|
import { SystemPropValues } from './systemProps';
|
|
4
|
-
/** style props to for CSS grid container 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 grid container properties */
|
|
7
5
|
export type GridStyleProps = {
|
|
8
|
-
/** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)
|
|
9
|
-
* @deprecated
|
|
10
|
-
*/
|
|
6
|
+
/** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) */
|
|
11
7
|
alignItems?: Property.AlignItems;
|
|
12
|
-
/** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)
|
|
13
|
-
* @deprecated
|
|
14
|
-
*/
|
|
8
|
+
/** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content) */
|
|
15
9
|
alignContent?: Property.AlignContent;
|
|
16
10
|
/**
|
|
17
11
|
* - sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
|
|
18
12
|
* - @default 'grid'
|
|
19
|
-
*
|
|
20
|
-
*/
|
|
13
|
+
* */
|
|
21
14
|
display?: 'grid' | 'inline-grid' | 'none' | Globals | (string & {});
|
|
22
|
-
/** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items)
|
|
23
|
-
* @deprecated
|
|
24
|
-
*/
|
|
15
|
+
/** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items) */
|
|
25
16
|
justifyItems?: Property.JustifyItems;
|
|
26
|
-
/** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)
|
|
27
|
-
* @deprecated
|
|
28
|
-
*/
|
|
17
|
+
/** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) */
|
|
29
18
|
justifyContent?: Property.JustifyContent;
|
|
30
|
-
/** sets [CSS grid-template property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template)
|
|
31
|
-
* @deprecated
|
|
32
|
-
*/
|
|
19
|
+
/** sets [CSS grid-template property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template) */
|
|
33
20
|
gridTemplate?: Property.GridTemplate;
|
|
34
|
-
/** sets [CSS grid-template-areas property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)
|
|
35
|
-
* @deprecated
|
|
36
|
-
*/
|
|
21
|
+
/** sets [CSS grid-template-areas property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas) */
|
|
37
22
|
gridTemplateAreas?: Property.GridTemplateAreas;
|
|
38
|
-
/** sets [CSS grid-template-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)
|
|
39
|
-
* @deprecated
|
|
40
|
-
*/
|
|
23
|
+
/** sets [CSS grid-template-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns) */
|
|
41
24
|
gridTemplateColumns?: Property.GridTemplateColumns;
|
|
42
|
-
/** sets [CSS grid-template-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows)
|
|
43
|
-
* @deprecated
|
|
44
|
-
*/
|
|
25
|
+
/** sets [CSS grid-template-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows) */
|
|
45
26
|
gridTemplateRows?: Property.GridTemplateRows;
|
|
46
27
|
/**
|
|
47
28
|
* - sets [CSS column-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)
|
|
48
29
|
* - system tokens: `space`
|
|
49
|
-
*
|
|
50
|
-
*/
|
|
30
|
+
* */
|
|
51
31
|
gridColumnGap?: Property.GridColumnGap | SystemPropValues['space'];
|
|
52
32
|
/**
|
|
53
33
|
* - sets [CSS row-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)
|
|
54
34
|
* - system tokens: `space`
|
|
55
|
-
*
|
|
56
|
-
*/
|
|
35
|
+
* */
|
|
57
36
|
gridRowGap?: Property.GridRowGap | SystemPropValues['space'];
|
|
58
37
|
/**
|
|
59
38
|
* - sets [CSS grid-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap)
|
|
60
39
|
* - system tokens: `space`
|
|
61
|
-
*
|
|
62
|
-
*/
|
|
40
|
+
* */
|
|
63
41
|
gridGap?: Property.GridGap | SystemPropValues['space'];
|
|
64
|
-
/** sets [CSS place-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-items)
|
|
65
|
-
* @deprecated
|
|
66
|
-
*/
|
|
42
|
+
/** sets [CSS place-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-items) */
|
|
67
43
|
gridPlaceItems?: Property.PlaceItems;
|
|
68
|
-
/** sets [CSS grid-auto-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns)
|
|
69
|
-
* @deprecated
|
|
70
|
-
*/
|
|
44
|
+
/** sets [CSS grid-auto-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns) */
|
|
71
45
|
gridAutoColumns?: Property.GridAutoColumns;
|
|
72
|
-
/** sets [CSS grid-auto-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows)
|
|
73
|
-
* @deprecated
|
|
74
|
-
*/
|
|
46
|
+
/** sets [CSS grid-auto-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows) */
|
|
75
47
|
gridAutoRows?: Property.GridAutoRows;
|
|
76
|
-
/** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)
|
|
77
|
-
* @deprecated
|
|
78
|
-
*/
|
|
48
|
+
/** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area) */
|
|
79
49
|
gridArea?: Property.GridArea;
|
|
80
|
-
/** sets [CSS grid-auto-flow property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow)
|
|
81
|
-
* @deprecated
|
|
82
|
-
*/
|
|
50
|
+
/** sets [CSS grid-auto-flow property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) */
|
|
83
51
|
gridAutoFlow?: Property.GridAutoFlow;
|
|
84
|
-
/** sets [CSS grid property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid)
|
|
85
|
-
* @deprecated
|
|
86
|
-
*/
|
|
52
|
+
/** sets [CSS grid property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid) */
|
|
87
53
|
grid?: Property.Grid;
|
|
88
54
|
};
|
|
89
|
-
/** @deprecated */
|
|
90
55
|
export declare const gridStyleFnConfigs: StyleFnConfig[];
|
|
91
|
-
/** @deprecated */
|
|
92
56
|
export declare const gridStyleFns: import("./buildStyleFns").StyleFns;
|
|
93
57
|
/**
|
|
94
58
|
* A style prop function that takes component props and returns grid styles.
|
|
@@ -103,7 +67,6 @@ export declare const gridStyleFns: import("./buildStyleFns").StyleFns;
|
|
|
103
67
|
* </Grid>
|
|
104
68
|
* );
|
|
105
69
|
* ```
|
|
106
|
-
* @deprecated
|
|
107
70
|
*/
|
|
108
71
|
export declare const grid: (props: GridStyleProps) => {};
|
|
109
72
|
//# sourceMappingURL=grid.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C
|
|
1
|
+
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,uDAAuD;AACvD,MAAM,MAAM,cAAc,GAAG;IAC3B,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;SAGK;IACL,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACpE,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,oHAAoH;IACpH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC;IAC/C,wHAAwH;IACxH,mBAAmB,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC;IACnD,kHAAkH;IAClH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnE;;;SAGK;IACL,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7D;;;SAGK;IACL,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvD,oGAAoG;IACpG,cAAc,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACrC,gHAAgH;IAChH,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C,0GAA0G;IAC1G,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,gGAAgG;IAChG,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,0GAA0G;IAC1G,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,sFAAsF;IACtF,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EA2F7C,CAAC;AAEF,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.grid = exports.gridStyleFns = exports.gridStyleFnConfigs = void 0;
|
|
4
4
|
const buildStyleFns_1 = require("./buildStyleFns");
|
|
5
|
-
/** @deprecated */
|
|
6
5
|
exports.gridStyleFnConfigs = [
|
|
7
6
|
{
|
|
8
7
|
name: 'gridGap',
|
|
@@ -95,7 +94,6 @@ exports.gridStyleFnConfigs = [
|
|
|
95
94
|
system: 'none',
|
|
96
95
|
},
|
|
97
96
|
];
|
|
98
|
-
/** @deprecated */
|
|
99
97
|
exports.gridStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.gridStyleFnConfigs);
|
|
100
98
|
/**
|
|
101
99
|
* A style prop function that takes component props and returns grid styles.
|
|
@@ -110,6 +108,5 @@ exports.gridStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.gridStyleFnCon
|
|
|
110
108
|
* </Grid>
|
|
111
109
|
* );
|
|
112
110
|
* ```
|
|
113
|
-
* @deprecated
|
|
114
111
|
*/
|
|
115
112
|
exports.grid = (0, buildStyleFns_1.buildStylePropFn)(exports.gridStyleFns);
|
|
@@ -1,53 +1,29 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from './buildStyleFns';
|
|
3
|
-
/** style props to for CSS grid item properties
|
|
4
|
-
* @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).
|
|
5
|
-
*/
|
|
3
|
+
/** style props to for CSS grid item properties */
|
|
6
4
|
export type GridItemStyleProps = {
|
|
7
|
-
/** sets [CSS grid-column-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)
|
|
8
|
-
* @deprecated
|
|
9
|
-
*/
|
|
5
|
+
/** sets [CSS grid-column-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start) */
|
|
10
6
|
gridColumnStart?: Property.GridColumnStart;
|
|
11
|
-
/** sets [CSS grid-column-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)
|
|
12
|
-
* @deprecated
|
|
13
|
-
*/
|
|
7
|
+
/** sets [CSS grid-column-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end) */
|
|
14
8
|
gridColumnEnd?: Property.GridColumnEnd;
|
|
15
|
-
/** sets [CSS grid-row-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)
|
|
16
|
-
* @deprecated
|
|
17
|
-
*/
|
|
9
|
+
/** sets [CSS grid-row-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start) */
|
|
18
10
|
gridRowStart?: Property.GridRowStart;
|
|
19
|
-
/** sets [CSS grid-row-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)
|
|
20
|
-
* @deprecated
|
|
21
|
-
*/
|
|
11
|
+
/** sets [CSS grid-row-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end) */
|
|
22
12
|
gridRowEnd?: Property.GridRowEnd;
|
|
23
|
-
/** sets [CSS grid-column property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)
|
|
24
|
-
* @deprecated
|
|
25
|
-
*/
|
|
13
|
+
/** sets [CSS grid-column property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column) */
|
|
26
14
|
gridColumn?: Property.GridColumn;
|
|
27
|
-
/** sets [CSS grid-row property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)
|
|
28
|
-
* @deprecated
|
|
29
|
-
*/
|
|
15
|
+
/** sets [CSS grid-row property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row) */
|
|
30
16
|
gridRow?: Property.GridRow;
|
|
31
|
-
/** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)
|
|
32
|
-
* @deprecated
|
|
33
|
-
*/
|
|
17
|
+
/** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area) */
|
|
34
18
|
gridArea?: Property.GridArea;
|
|
35
|
-
/** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self)
|
|
36
|
-
* @deprecated
|
|
37
|
-
*/
|
|
19
|
+
/** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self) */
|
|
38
20
|
justifySelf?: Property.JustifySelf;
|
|
39
|
-
/** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self)
|
|
40
|
-
* @deprecated
|
|
41
|
-
*/
|
|
21
|
+
/** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) */
|
|
42
22
|
alignSelf?: Property.AlignSelf;
|
|
43
|
-
/** sets [CSS place-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-self)
|
|
44
|
-
* @deprecated
|
|
45
|
-
*/
|
|
23
|
+
/** sets [CSS place-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-self) */
|
|
46
24
|
placeSelf?: Property.PlaceSelf;
|
|
47
25
|
};
|
|
48
|
-
/** @deprecated */
|
|
49
26
|
export declare const gridItemStyleFnConfigs: StyleFnConfig[];
|
|
50
|
-
/** @deprecated */
|
|
51
27
|
export declare const gridItemStyleFns: import("./buildStyleFns").StyleFns;
|
|
52
28
|
/**
|
|
53
29
|
* A style prop function that takes component props and returns grid styles.
|
|
@@ -61,7 +37,6 @@ export declare const gridItemStyleFns: import("./buildStyleFns").StyleFns;
|
|
|
61
37
|
* </Grid.Item>
|
|
62
38
|
* );
|
|
63
39
|
* ```
|
|
64
|
-
* @deprecated
|
|
65
40
|
*/
|
|
66
41
|
export declare const gridItem: (props: GridItemStyleProps) => {};
|
|
67
42
|
//# sourceMappingURL=gridItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gridItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/gridItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E
|
|
1
|
+
{"version":3,"file":"gridItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/gridItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E,kDAAkD;AAClD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gHAAgH;IAChH,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C,4GAA4G;IAC5G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,0GAA0G;IAC1G,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,sGAAsG;IACtG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,8FAA8F;IAC9F,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B,gGAAgG;IAChG,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,aAAa,EAmDjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}
|