@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
|
@@ -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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export const flexStyleFnConfigs = [
|
|
4
3
|
{
|
|
5
4
|
name: 'alignContent',
|
|
@@ -52,7 +51,6 @@ export const flexStyleFnConfigs = [
|
|
|
52
51
|
system: 'space',
|
|
53
52
|
},
|
|
54
53
|
];
|
|
55
|
-
/** @deprecated */
|
|
56
54
|
export const flexStyleFns = buildStyleFns(flexStyleFnConfigs);
|
|
57
55
|
/**
|
|
58
56
|
* A style prop function that takes component props and returns flexbox styles.
|
|
@@ -66,6 +64,5 @@ export const flexStyleFns = buildStyleFns(flexStyleFnConfigs);
|
|
|
66
64
|
* </Flex>
|
|
67
65
|
* );
|
|
68
66
|
* ```
|
|
69
|
-
* @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
|
|
70
67
|
*/
|
|
71
68
|
export const flex = buildStylePropFn(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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export const flexItemStyleFnConfigs = [
|
|
4
3
|
{
|
|
5
4
|
name: 'flex',
|
|
@@ -37,7 +36,6 @@ export const flexItemStyleFnConfigs = [
|
|
|
37
36
|
system: 'none',
|
|
38
37
|
},
|
|
39
38
|
];
|
|
40
|
-
/** @deprecated */
|
|
41
39
|
export const flexItemStyleFns = buildStyleFns(flexItemStyleFnConfigs);
|
|
42
40
|
/**
|
|
43
41
|
* A style prop function that takes component props and returns flexbox item styles.
|
|
@@ -51,6 +49,5 @@ export const flexItemStyleFns = buildStyleFns(flexItemStyleFnConfigs);
|
|
|
51
49
|
* </Box>
|
|
52
50
|
* );
|
|
53
51
|
* ```
|
|
54
|
-
* @deprecated
|
|
55
52
|
*/
|
|
56
53
|
export const flexItem = buildStylePropFn(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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export const gridStyleFnConfigs = [
|
|
4
3
|
{
|
|
5
4
|
name: 'gridGap',
|
|
@@ -92,7 +91,6 @@ export const gridStyleFnConfigs = [
|
|
|
92
91
|
system: 'none',
|
|
93
92
|
},
|
|
94
93
|
];
|
|
95
|
-
/** @deprecated */
|
|
96
94
|
export const gridStyleFns = buildStyleFns(gridStyleFnConfigs);
|
|
97
95
|
/**
|
|
98
96
|
* A style prop function that takes component props and returns grid styles.
|
|
@@ -107,6 +105,5 @@ export const gridStyleFns = buildStyleFns(gridStyleFnConfigs);
|
|
|
107
105
|
* </Grid>
|
|
108
106
|
* );
|
|
109
107
|
* ```
|
|
110
|
-
* @deprecated
|
|
111
108
|
*/
|
|
112
109
|
export const grid = buildStylePropFn(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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export const gridItemStyleFnConfigs = [
|
|
4
3
|
{
|
|
5
4
|
name: 'gridColumnStart',
|
|
@@ -52,7 +51,6 @@ export const gridItemStyleFnConfigs = [
|
|
|
52
51
|
system: 'none',
|
|
53
52
|
},
|
|
54
53
|
];
|
|
55
|
-
/** @deprecated */
|
|
56
54
|
export const gridItemStyleFns = buildStyleFns(gridItemStyleFnConfigs);
|
|
57
55
|
/**
|
|
58
56
|
* A style prop function that takes component props and returns grid styles.
|
|
@@ -66,6 +64,5 @@ export const gridItemStyleFns = buildStyleFns(gridItemStyleFnConfigs);
|
|
|
66
64
|
* </Grid.Item>
|
|
67
65
|
* );
|
|
68
66
|
* ```
|
|
69
|
-
* @deprecated
|
|
70
67
|
*/
|
|
71
68
|
export const gridItem = buildStylePropFn(gridItemStyleFns);
|
|
@@ -1,74 +1,52 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from './buildStyleFns';
|
|
3
3
|
import { SystemPropValues } from './systemProps';
|
|
4
|
-
/** style props to for CSS layout 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 layout properties */
|
|
7
5
|
export type LayoutStyleProps = {
|
|
8
|
-
/** sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
|
|
9
|
-
* @deprecated
|
|
10
|
-
*/
|
|
6
|
+
/** sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display) */
|
|
11
7
|
display?: Property.Display;
|
|
12
8
|
/**
|
|
13
9
|
* - sets [CSS height property](https://developer.mozilla.org/en-US/docs/Web/CSS/height)
|
|
14
10
|
* - system tokens: `space`
|
|
15
|
-
*
|
|
16
|
-
*/
|
|
11
|
+
* */
|
|
17
12
|
height?: SystemPropValues['space'];
|
|
18
|
-
/** sets [CSS list-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style)
|
|
19
|
-
* @deprecated
|
|
20
|
-
*/
|
|
13
|
+
/** sets [CSS list-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) */
|
|
21
14
|
listStyle?: Property.ListStyle;
|
|
22
15
|
/**
|
|
23
16
|
* - sets [CSS max-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)
|
|
24
17
|
* - system tokens: `space`
|
|
25
|
-
*
|
|
26
|
-
*/
|
|
18
|
+
* */
|
|
27
19
|
maxHeight?: SystemPropValues['space'];
|
|
28
20
|
/**
|
|
29
21
|
* - sets [CSS max-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width)
|
|
30
22
|
* - system tokens: `space`
|
|
31
|
-
*
|
|
32
|
-
*/
|
|
23
|
+
* */
|
|
33
24
|
maxWidth?: SystemPropValues['space'];
|
|
34
25
|
/**
|
|
35
26
|
* - sets [CSS min-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)
|
|
36
27
|
* - system tokens: `space`
|
|
37
|
-
*
|
|
38
|
-
*/
|
|
28
|
+
* */
|
|
39
29
|
minHeight?: SystemPropValues['space'];
|
|
40
30
|
/**
|
|
41
31
|
* - sets [CSS min-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width)
|
|
42
32
|
* - system tokens: `space`
|
|
43
|
-
*
|
|
44
|
-
*/
|
|
33
|
+
* */
|
|
45
34
|
minWidth?: SystemPropValues['space'];
|
|
46
|
-
/** sets [CSS overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow)
|
|
47
|
-
* @deprecated
|
|
48
|
-
*/
|
|
35
|
+
/** sets [CSS overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow) */
|
|
49
36
|
overflow?: Property.Overflow;
|
|
50
|
-
/** sets [CSS overflow-x property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x)
|
|
51
|
-
* @deprecated
|
|
52
|
-
*/
|
|
37
|
+
/** sets [CSS overflow-x property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x) */
|
|
53
38
|
overflowX?: Property.OverflowX;
|
|
54
|
-
/** sets [CSS overflow-y property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y)
|
|
55
|
-
* @deprecated
|
|
56
|
-
*/
|
|
39
|
+
/** sets [CSS overflow-y property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y) */
|
|
57
40
|
overflowY?: Property.OverflowY;
|
|
58
|
-
/** sets [CSS vertical-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align)
|
|
59
|
-
* @deprecated
|
|
60
|
-
*/
|
|
41
|
+
/** sets [CSS vertical-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) */
|
|
61
42
|
verticalAlign?: Property.VerticalAlign;
|
|
62
43
|
/**
|
|
63
44
|
* - sets [CSS width property](https://developer.mozilla.org/en-US/docs/Web/CSS/width)
|
|
64
45
|
* - system tokens: `space`
|
|
65
|
-
*
|
|
66
|
-
*/
|
|
46
|
+
* */
|
|
67
47
|
width?: SystemPropValues['space'];
|
|
68
48
|
};
|
|
69
|
-
/** @deprecated */
|
|
70
49
|
export declare const layoutStyleFnConfigs: StyleFnConfig[];
|
|
71
|
-
/** @deprecated */
|
|
72
50
|
export declare const layoutStyleFns: import("./buildStyleFns").StyleFns;
|
|
73
51
|
/**
|
|
74
52
|
* A style prop function that takes component props and returns layout styles.
|
|
@@ -82,7 +60,6 @@ export declare const layoutStyleFns: import("./buildStyleFns").StyleFns;
|
|
|
82
60
|
* </Box>
|
|
83
61
|
* );
|
|
84
62
|
* ```
|
|
85
|
-
* @deprecated
|
|
86
63
|
*/
|
|
87
64
|
export declare const layout: (props: LayoutStyleProps) => {};
|
|
88
65
|
//# sourceMappingURL=layout.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/layout.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":"layout.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/layout.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,+CAA+C;AAC/C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,4FAA4F;IAC5F,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;;SAGK;IACL,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;;SAGK;IACL,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,aAAa,EA6D/C,CAAC;AAEF,eAAO,MAAM,cAAc,oCAAsC,CAAC;AAClE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,iCAAqD,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export const layoutStyleFnConfigs = [
|
|
4
3
|
{
|
|
5
4
|
name: 'display',
|
|
@@ -62,7 +61,6 @@ export const layoutStyleFnConfigs = [
|
|
|
62
61
|
system: 'space',
|
|
63
62
|
},
|
|
64
63
|
];
|
|
65
|
-
/** @deprecated */
|
|
66
64
|
export const layoutStyleFns = buildStyleFns(layoutStyleFnConfigs);
|
|
67
65
|
/**
|
|
68
66
|
* A style prop function that takes component props and returns layout styles.
|
|
@@ -76,6 +74,5 @@ export const layoutStyleFns = buildStyleFns(layoutStyleFnConfigs);
|
|
|
76
74
|
* </Box>
|
|
77
75
|
* );
|
|
78
76
|
* ```
|
|
79
|
-
* @deprecated
|
|
80
77
|
*/
|
|
81
78
|
export const layout = buildStylePropFn(layoutStyleFns);
|
|
@@ -3,7 +3,6 @@ import { CommonStyleProps } from './styleProps';
|
|
|
3
3
|
/**
|
|
4
4
|
* This function has the same signature as {@link handleCsProp} and also calls `handleCsProps`, but
|
|
5
5
|
* adds support for style props. It can be used as a drop-in replacement for `handleCsProps`.
|
|
6
|
-
* @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).
|
|
7
6
|
*/
|
|
8
7
|
export declare function mergeStyles<T extends {}>(
|
|
9
8
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mergeStyles.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/mergeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAe,MAAM,6BAA6B,CAAC;AAczE,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AA4B9C
|
|
1
|
+
{"version":3,"file":"mergeStyles.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/mergeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAe,MAAM,6BAA6B,CAAC;AAczE,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AA4B9C;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,EAAE;AACtC;;;GAGG;AACH,QAAQ,EAAE,CAAC;AACX;;;GAGG;AACH,OAAO,CAAC,EAAE,cAAc,GACvB,IAAI,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,gBAAgB,CAAC,CA4BxC"}
|
|
@@ -39,7 +39,6 @@ function isStyleProps(prop) {
|
|
|
39
39
|
/**
|
|
40
40
|
* This function has the same signature as {@link handleCsProp} and also calls `handleCsProps`, but
|
|
41
41
|
* adds support for style props. It can be used as a drop-in replacement for `handleCsProps`.
|
|
42
|
-
* @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).
|
|
43
42
|
*/
|
|
44
43
|
export function mergeStyles(
|
|
45
44
|
/**
|