@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,129 +1,107 @@
|
|
|
1
1
|
import { StyleFnConfig } from './buildStyleFns';
|
|
2
2
|
import { SystemPropValues } from './systemProps';
|
|
3
|
-
/** style props to for CSS space 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 space properties */
|
|
6
4
|
export type SpaceStyleProps = {
|
|
7
5
|
/**
|
|
8
6
|
* - sets [CSS margin-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-start)
|
|
9
7
|
* - bidirectional support
|
|
10
8
|
* - system tokens: `space`
|
|
11
|
-
*
|
|
12
|
-
*/
|
|
9
|
+
* */
|
|
13
10
|
marginInlineStart?: SystemPropValues['space'];
|
|
14
11
|
/**
|
|
15
12
|
* - sets [CSS margin-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-end)
|
|
16
13
|
* - bidirectional support
|
|
17
14
|
* - system tokens: `space`
|
|
18
|
-
*
|
|
19
|
-
*/
|
|
15
|
+
* */
|
|
20
16
|
marginInlineEnd?: SystemPropValues['space'];
|
|
21
17
|
/**
|
|
22
18
|
* - sets [CSS padding-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-start)
|
|
23
19
|
* - bidirectional support
|
|
24
20
|
* - system tokens: `space`
|
|
25
|
-
*
|
|
26
|
-
*/
|
|
21
|
+
* */
|
|
27
22
|
paddingInlineStart?: SystemPropValues['space'];
|
|
28
23
|
/**
|
|
29
24
|
* - sets [CSS padding-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-end)
|
|
30
25
|
* - bidirectional support
|
|
31
26
|
* - system tokens: `space`
|
|
32
|
-
*
|
|
33
|
-
*/
|
|
27
|
+
* */
|
|
34
28
|
paddingInlineEnd?: SystemPropValues['space'];
|
|
35
29
|
/**
|
|
36
30
|
* - sets [CSS margin property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)
|
|
37
31
|
* - system tokens: `space`
|
|
38
|
-
*
|
|
39
|
-
*/
|
|
32
|
+
* */
|
|
40
33
|
margin?: SystemPropValues['space'];
|
|
41
34
|
/**
|
|
42
35
|
* - sets [CSS margin-left](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left) and [margin-right properties](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)
|
|
43
36
|
* - system tokens: `space`
|
|
44
|
-
*
|
|
45
|
-
*/
|
|
37
|
+
* */
|
|
46
38
|
marginX?: SystemPropValues['space'];
|
|
47
39
|
/**
|
|
48
40
|
* - sets [CSS margin-top](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top) and [margin-bottom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)
|
|
49
41
|
* - system tokens: `space`
|
|
50
|
-
*
|
|
51
|
-
*/
|
|
42
|
+
* */
|
|
52
43
|
marginY?: SystemPropValues['space'];
|
|
53
44
|
/**
|
|
54
45
|
* - sets [CSS margin-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top)
|
|
55
46
|
* - system tokens: `space`
|
|
56
|
-
*
|
|
57
|
-
*/
|
|
47
|
+
* */
|
|
58
48
|
marginTop?: SystemPropValues['space'];
|
|
59
49
|
/**
|
|
60
50
|
* - sets [CSS margin-right property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)
|
|
61
51
|
* - no bidirectional support
|
|
62
52
|
* - system tokens: `space`
|
|
63
|
-
*
|
|
64
|
-
*/
|
|
53
|
+
* */
|
|
65
54
|
marginRight?: SystemPropValues['space'];
|
|
66
55
|
/**
|
|
67
56
|
* - sets [CSS margin-bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)
|
|
68
57
|
* - system tokens: `space`
|
|
69
|
-
*
|
|
70
|
-
*/
|
|
58
|
+
* */
|
|
71
59
|
marginBottom?: SystemPropValues['space'];
|
|
72
60
|
/**
|
|
73
61
|
* - sets [CSS margin-left property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left)
|
|
74
62
|
* - no bidirectional support
|
|
75
63
|
* - system tokens: `space`
|
|
76
|
-
*
|
|
77
|
-
*/
|
|
64
|
+
* */
|
|
78
65
|
marginLeft?: SystemPropValues['space'];
|
|
79
66
|
/**
|
|
80
67
|
* - sets [CSS padding property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)
|
|
81
68
|
* - system tokens: `space`
|
|
82
|
-
*
|
|
83
|
-
*/
|
|
69
|
+
* */
|
|
84
70
|
padding?: SystemPropValues['space'];
|
|
85
71
|
/**
|
|
86
72
|
* - sets [CSS padding-left]((https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left) and [padding-right properties](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)
|
|
87
73
|
* - system tokens: `space`
|
|
88
|
-
*
|
|
89
|
-
*/
|
|
74
|
+
* */
|
|
90
75
|
paddingX?: SystemPropValues['space'];
|
|
91
76
|
/**
|
|
92
77
|
* - sets [CSS padding-top](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top) and [padding-bottom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom)
|
|
93
78
|
* - system tokens: `space`
|
|
94
|
-
*
|
|
95
|
-
*/
|
|
79
|
+
* */
|
|
96
80
|
paddingY?: SystemPropValues['space'];
|
|
97
81
|
/**
|
|
98
82
|
* - sets [CSS padding-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top)
|
|
99
83
|
* - system tokens: `space`
|
|
100
|
-
*
|
|
101
|
-
*/
|
|
84
|
+
* */
|
|
102
85
|
paddingTop?: SystemPropValues['space'];
|
|
103
86
|
/**
|
|
104
87
|
* - sets [CSS padding-right property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)
|
|
105
88
|
* - no bidirectional support
|
|
106
89
|
* - system tokens: `space`
|
|
107
|
-
*
|
|
108
|
-
*/
|
|
90
|
+
* */
|
|
109
91
|
paddingRight?: SystemPropValues['space'];
|
|
110
92
|
/**
|
|
111
93
|
* - sets [CSS padding-bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)
|
|
112
94
|
* - system tokens: `space`
|
|
113
|
-
*
|
|
114
|
-
*/
|
|
95
|
+
* */
|
|
115
96
|
paddingBottom?: SystemPropValues['space'];
|
|
116
97
|
/**
|
|
117
98
|
* - sets [CSS padding-left property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left)
|
|
118
99
|
* - no bidirectional support
|
|
119
100
|
* - system tokens: `space`
|
|
120
|
-
*
|
|
121
|
-
*/
|
|
101
|
+
* */
|
|
122
102
|
paddingLeft?: SystemPropValues['space'];
|
|
123
103
|
};
|
|
124
|
-
/** @deprecated */
|
|
125
104
|
export declare const spaceStyleFnConfigs: StyleFnConfig[];
|
|
126
|
-
/** @deprecated */
|
|
127
105
|
export declare const spaceStyleFns: import("./buildStyleFns").StyleFns;
|
|
128
106
|
/**
|
|
129
107
|
* A style prop function that takes component props and returns space styles.
|
|
@@ -137,7 +115,6 @@ export declare const spaceStyleFns: import("./buildStyleFns").StyleFns;
|
|
|
137
115
|
* </Box>
|
|
138
116
|
* );
|
|
139
117
|
* ```
|
|
140
|
-
* @deprecated
|
|
141
118
|
*/
|
|
142
119
|
export declare const space: (props: SpaceStyleProps) => {};
|
|
143
120
|
//# sourceMappingURL=space.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/space.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C
|
|
1
|
+
{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/space.ts"],"names":[],"mappings":"AAAA,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;;;;SAIK;IACL,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;SAIK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;SAIK;IACL,kBAAkB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC/C;;;;SAIK;IACL,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;SAGK;IACL,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;;SAIK;IACL,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;SAGK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;;SAIK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;;SAIK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;SAGK;IACL,aAAa,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC1C;;;;SAIK;IACL,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,EA2F9C,CAAC;AAEF,eAAO,MAAM,aAAa,oCAAqC,CAAC;AAChE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,KAAK,gCAAmD,CAAC"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.space = exports.spaceStyleFns = exports.spaceStyleFnConfigs = void 0;
|
|
4
4
|
const buildStyleFns_1 = require("./buildStyleFns");
|
|
5
|
-
/** @deprecated */
|
|
6
5
|
exports.spaceStyleFnConfigs = [
|
|
7
6
|
{
|
|
8
7
|
name: 'marginInlineStart',
|
|
@@ -95,7 +94,6 @@ exports.spaceStyleFnConfigs = [
|
|
|
95
94
|
system: 'space',
|
|
96
95
|
},
|
|
97
96
|
];
|
|
98
|
-
/** @deprecated */
|
|
99
97
|
exports.spaceStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.spaceStyleFnConfigs);
|
|
100
98
|
/**
|
|
101
99
|
* A style prop function that takes component props and returns space styles.
|
|
@@ -109,6 +107,5 @@ exports.spaceStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.spaceStyleFnC
|
|
|
109
107
|
* </Box>
|
|
110
108
|
* );
|
|
111
109
|
* ```
|
|
112
|
-
* @deprecated
|
|
113
110
|
*/
|
|
114
111
|
exports.space = (0, buildStyleFns_1.buildStylePropFn)(exports.spaceStyleFns);
|
|
@@ -27,7 +27,6 @@ import { TextStyleProps } from './text';
|
|
|
27
27
|
* - position
|
|
28
28
|
* - space
|
|
29
29
|
* - text
|
|
30
|
-
* @deprecated
|
|
31
30
|
*/
|
|
32
31
|
export type CommonStyleProps = BackgroundStyleProps & BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & GridItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & TextStyleProps;
|
|
33
32
|
/**
|
|
@@ -37,7 +36,6 @@ export type CommonStyleProps = BackgroundStyleProps & BorderStyleProps & ColorSt
|
|
|
37
36
|
* - common
|
|
38
37
|
* - flex
|
|
39
38
|
* - grid
|
|
40
|
-
* @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).
|
|
41
39
|
*/
|
|
42
40
|
export type AllStyleProps = CommonStyleProps & Omit<FlexStyleProps, 'display'> & Omit<GridStyleProps, 'display'>;
|
|
43
41
|
//# sourceMappingURL=styleProps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styleProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/styleProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AAEtC
|
|
1
|
+
{"version":3,"file":"styleProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/styleProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AAEtC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,cAAc,CAAC;AAEjB;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAE1C,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAE/B,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC"}
|
|
@@ -1,48 +1,31 @@
|
|
|
1
1
|
import { CanvasBorderRadiusKeys, CanvasColor, CanvasDepth, CanvasSpaceKeys, CanvasTypeProperties } from '@workday/canvas-kit-react/tokens';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export type SystemPropNames = 'color' | 'depth' | 'font' | 'fontSize' | 'fontWeight' | 'shape' | 'space';
|
|
4
3
|
/**
|
|
5
4
|
* Canvas System Prop Values
|
|
6
5
|
* ---
|
|
7
6
|
* These system prop values are restricted to Canvas token values.
|
|
8
|
-
* @deprecated
|
|
9
7
|
*/
|
|
10
8
|
export type CanvasSystemPropValues = {
|
|
11
|
-
/** @deprecated */
|
|
12
9
|
color: CanvasColor;
|
|
13
|
-
/** @deprecated */
|
|
14
10
|
depth: keyof CanvasDepth;
|
|
15
|
-
/** @deprecated */
|
|
16
11
|
font: keyof CanvasTypeProperties['fontFamilies'];
|
|
17
|
-
/** @deprecated */
|
|
18
12
|
fontSize: keyof CanvasTypeProperties['fontSizes'];
|
|
19
|
-
/** @deprecated */
|
|
20
13
|
fontWeight: keyof CanvasTypeProperties['fontWeights'];
|
|
21
|
-
/** @deprecated */
|
|
22
14
|
shape: CanvasBorderRadiusKeys;
|
|
23
|
-
/** @deprecated */
|
|
24
15
|
space: CanvasSpaceKeys;
|
|
25
16
|
};
|
|
26
17
|
/**
|
|
27
18
|
* System Prop Values
|
|
28
19
|
* ---
|
|
29
20
|
* These system prop values include Canvas System Prop Values and generic values.
|
|
30
|
-
* @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).
|
|
31
21
|
*/
|
|
32
22
|
export type SystemPropValues = {
|
|
33
|
-
/** @deprecated */
|
|
34
23
|
color: CanvasSystemPropValues['color'] | (string & {});
|
|
35
|
-
/** @deprecated */
|
|
36
24
|
depth: CanvasSystemPropValues['depth'];
|
|
37
|
-
/** @deprecated */
|
|
38
25
|
font: CanvasSystemPropValues['font'] | (string & {});
|
|
39
|
-
/** @deprecated */
|
|
40
26
|
fontSize: CanvasSystemPropValues['fontSize'] | (string & {});
|
|
41
|
-
/** @deprecated */
|
|
42
27
|
fontWeight: CanvasSystemPropValues['fontWeight'] | (string & {});
|
|
43
|
-
/** @deprecated */
|
|
44
28
|
shape: CanvasSystemPropValues['shape'] | number | (string & {});
|
|
45
|
-
/** @deprecated */
|
|
46
29
|
space: CanvasSystemPropValues['space'] | number | (string & {});
|
|
47
30
|
};
|
|
48
31
|
//# sourceMappingURL=systemProps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"systemProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/systemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,WAAW,EACX,WAAW,EACX,eAAe,EACf,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,
|
|
1
|
+
{"version":3,"file":"systemProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/systemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,WAAW,EACX,WAAW,EACX,eAAe,EACf,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,OAAO,GACP,MAAM,GACN,UAAU,GACV,YAAY,GACZ,OAAO,GACP,OAAO,CAAC;AAEZ;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,WAAW,CAAC;IACzB,IAAI,EAAE,MAAM,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,QAAQ,EAAE,MAAM,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAClD,UAAU,EAAE,MAAM,oBAAoB,CAAC,aAAa,CAAC,CAAC;IACtD,KAAK,EAAE,sBAAsB,CAAC;IAC9B,KAAK,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvD,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACvC,IAAI,EAAE,sBAAsB,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrD,QAAQ,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC7D,UAAU,EAAE,sBAAsB,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACjE,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACjE,CAAC"}
|
|
@@ -1,72 +1,42 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from './buildStyleFns';
|
|
3
3
|
import { SystemPropValues } from './systemProps';
|
|
4
|
-
/** style props to for CSS font and text 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 font and text properties */
|
|
7
5
|
export type TextStyleProps = {
|
|
8
6
|
/**
|
|
9
7
|
* - sets [CSS font-family property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family)
|
|
10
|
-
* - system tokens: `font`
|
|
11
|
-
* @deprecated
|
|
12
|
-
*/
|
|
8
|
+
* - system tokens: `font` */
|
|
13
9
|
fontFamily?: Property.FontFamily | SystemPropValues['font'];
|
|
14
10
|
/**
|
|
15
11
|
* - sets [CSS font-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
|
|
16
|
-
* - system tokens: `fontSize`
|
|
17
|
-
* @deprecated
|
|
18
|
-
*/
|
|
12
|
+
* - system tokens: `fontSize` */
|
|
19
13
|
fontSize?: Property.FontSize | SystemPropValues['fontSize'];
|
|
20
|
-
/** sets [CSS font-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style)
|
|
21
|
-
* @deprecated
|
|
22
|
-
*/
|
|
14
|
+
/** sets [CSS font-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style) */
|
|
23
15
|
fontStyle?: Property.FontStyle;
|
|
24
16
|
/**
|
|
25
17
|
* - sets [CSS font-weight property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)
|
|
26
|
-
* - system tokens: `fontWeight`
|
|
27
|
-
* @deprecated
|
|
28
|
-
*/
|
|
18
|
+
* - system tokens: `fontWeight` */
|
|
29
19
|
fontWeight?: Property.FontWeight | SystemPropValues['fontWeight'];
|
|
30
|
-
/** sets [CSS line-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height)
|
|
31
|
-
* @deprecated
|
|
32
|
-
*/
|
|
20
|
+
/** sets [CSS line-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height) */
|
|
33
21
|
lineHeight?: Property.LineHeight;
|
|
34
|
-
/** sets [CSS letter-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing)
|
|
35
|
-
* @deprecated
|
|
36
|
-
*/
|
|
22
|
+
/** sets [CSS letter-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing) */
|
|
37
23
|
letterSpacing?: Property.LetterSpacing;
|
|
38
|
-
/** sets [CSS text-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align)
|
|
39
|
-
* @deprecated
|
|
40
|
-
*/
|
|
24
|
+
/** sets [CSS text-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) */
|
|
41
25
|
textAlign?: Property.TextAlign;
|
|
42
|
-
/** sets [CSS text-decoration property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)
|
|
43
|
-
* @deprecated
|
|
44
|
-
*/
|
|
26
|
+
/** sets [CSS text-decoration property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration) */
|
|
45
27
|
textDecoration?: Property.TextDecoration;
|
|
46
|
-
/** sets [CSS text-overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow)
|
|
47
|
-
* @deprecated
|
|
48
|
-
*/
|
|
28
|
+
/** sets [CSS text-overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow) */
|
|
49
29
|
textOverflow?: Property.TextOverflow;
|
|
50
|
-
/** sets [CSS text-transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform)
|
|
51
|
-
* @deprecated
|
|
52
|
-
*/
|
|
30
|
+
/** sets [CSS text-transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform) */
|
|
53
31
|
textTransform?: Property.TextTransform;
|
|
54
|
-
/** sets [CSS text-shadow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow)
|
|
55
|
-
* @deprecated
|
|
56
|
-
*/
|
|
32
|
+
/** sets [CSS text-shadow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow) */
|
|
57
33
|
textShadow?: Property.TextShadow;
|
|
58
|
-
/** sets [CSS white-space property](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space)
|
|
59
|
-
* @deprecated
|
|
60
|
-
*/
|
|
34
|
+
/** sets [CSS white-space property](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) */
|
|
61
35
|
whiteSpace?: Property.WhiteSpace;
|
|
62
|
-
/** sets [CSS word-break property](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break)
|
|
63
|
-
* @deprecated
|
|
64
|
-
*/
|
|
36
|
+
/** sets [CSS word-break property](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break) */
|
|
65
37
|
wordBreak?: Property.WordBreak;
|
|
66
38
|
};
|
|
67
|
-
/** @deprecated */
|
|
68
39
|
export declare const textStyleFnConfigs: StyleFnConfig[];
|
|
69
|
-
/** @deprecated */
|
|
70
40
|
export declare const textStyleFns: import("./buildStyleFns").StyleFns;
|
|
71
41
|
/**
|
|
72
42
|
* A style prop function that takes component props and returns font and text styles.
|
|
@@ -78,7 +48,6 @@ export declare const textStyleFns: import("./buildStyleFns").StyleFns;
|
|
|
78
48
|
* <Box textAlign="center" fontWeight="medium">Hello, alignment!</Box>
|
|
79
49
|
* );
|
|
80
50
|
* ```
|
|
81
|
-
* @deprecated
|
|
82
51
|
*/
|
|
83
52
|
export declare const text: (props: TextStyleProps) => {};
|
|
84
53
|
//# sourceMappingURL=text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/text.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":"text.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/text.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,sDAAsD;AACtD,MAAM,MAAM,cAAc,GAAG;IAC3B;;iCAE6B;IAC7B,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC5D;;qCAEiC;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAC5D,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;uCAEmC;IACnC,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAClE,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAkE7C,CAAC;AAEF,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.text = exports.textStyleFns = exports.textStyleFnConfigs = void 0;
|
|
4
4
|
const buildStyleFns_1 = require("./buildStyleFns");
|
|
5
|
-
/** @deprecated */
|
|
6
5
|
exports.textStyleFnConfigs = [
|
|
7
6
|
{
|
|
8
7
|
name: 'fontFamily',
|
|
@@ -70,7 +69,6 @@ exports.textStyleFnConfigs = [
|
|
|
70
69
|
system: 'none',
|
|
71
70
|
},
|
|
72
71
|
];
|
|
73
|
-
/** @deprecated */
|
|
74
72
|
exports.textStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.textStyleFnConfigs);
|
|
75
73
|
/**
|
|
76
74
|
* A style prop function that takes component props and returns font and text styles.
|
|
@@ -82,6 +80,5 @@ exports.textStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.textStyleFnCon
|
|
|
82
80
|
* <Box textAlign="center" fontWeight="medium">Hello, alignment!</Box>
|
|
83
81
|
* );
|
|
84
82
|
* ```
|
|
85
|
-
* @deprecated
|
|
86
83
|
*/
|
|
87
84
|
exports.text = (0, buildStyleFns_1.buildStylePropFn)(exports.textStyleFns);
|
|
@@ -10,15 +10,15 @@ exports.textInputStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
10
10
|
vars: {
|
|
11
11
|
width: '',
|
|
12
12
|
},
|
|
13
|
-
base: { name: "
|
|
13
|
+
base: { name: "18drvp", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);display:block;border:0.0625rem solid var(--cnvs-sys-color-border-input-default);background-color:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-x1-half);height:var(--cnvs-sys-space-x10);transition:0.2s box-shadow, 0.2s border-color;padding:var(--cnvs-sys-space-x2);margin:0rem;width:var(--width-text-input-696c53);min-width:var(--width-text-input-696c53, calc(calc(var(--cnvs-sys-space-x20) * 3) + var(--cnvs-sys-space-x10)));color:var(--cnvs-sys-color-text-default);text-overflow:ellipsis;::-ms-clear{display:none;}&::placeholder{color:var(--cnvs-sys-color-text-hint);}&:is(:hover, .hover){border-color:var(--cnvs-sys-color-border-input-strong);}&:is(:focus-visible, .focus):where(:not([disabled])){border-color:var(--cnvs-brand-common-focus-outline);box-shadow:inset 0 0 0 1px var(--cnvs-brand-common-focus-outline);outline:0.125rem solid transparent;}&:is(:disabled, .disabled){background-color:var(--cnvs-sys-color-bg-alt-softer);border-color:var(--cnvs-sys-color-border-input-disabled);color:var(--cnvs-sys-color-fg-disabled);&::placeholder{color:var(--cnvs-sys-color-fg-disabled);}}" },
|
|
14
14
|
modifiers: {
|
|
15
15
|
grow: {
|
|
16
|
-
true: { name: "
|
|
17
|
-
false: { name: "
|
|
16
|
+
true: { name: "kxkr6", styles: "width:100%;resize:vertical;" },
|
|
17
|
+
false: { name: "3i5nz5", styles: "width:initial;" }
|
|
18
18
|
},
|
|
19
19
|
error: {
|
|
20
|
-
error: { name: "
|
|
21
|
-
caution: { name: "
|
|
20
|
+
error: { name: "48d7tw", styles: "border-color:var(--cnvs-brand-common-error-inner);border-width:0.125rem;background-color:var(--cnvs-brand-error-lightest);&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled])){border-color:var(--cnvs-brand-common-error-inner);}&:is(:focus-visible, .focus):not([disabled]){box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse), 0 0 0 4px var(--cnvs-brand-common-focus-outline);outline-offset:0.125rem;}" },
|
|
21
|
+
caution: { name: "anba1", styles: "border-color:var(--cnvs-brand-common-alert-outer);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner);background-color:var(--cnvs-brand-alert-lightest);&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled])){border-color:var(--cnvs-brand-common-alert-outer);}&:is(:focus-visible, .focus):not([disabled]){box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner),\n 0 0 0 2px var(--cnvs-sys-color-border-inverse),\n 0 0 0 4px var(--cnvs-brand-common-focus-outline);}outline-offset:0.125rem;" }
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
24
|
defaultModifiers: {
|
|
@@ -38,7 +38,6 @@ export type BoxProps = CommonStyleProps & CSProps & {
|
|
|
38
38
|
*
|
|
39
39
|
* <StyledHeader color='red'>Hello World</StyledHeader>
|
|
40
40
|
* ```
|
|
41
|
-
* @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).
|
|
42
41
|
*/
|
|
43
42
|
export declare const boxStyleFn: <P extends BoxProps>(props: P) => {};
|
|
44
43
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAclE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GACrC,OAAO,GAAG;IACR,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAclE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GACrC,OAAO,GAAG;IACR,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AA6BJ;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU,sCA0BtB,CAAC;AAQF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,GAAG,6yBAad,CAAC"}
|
|
@@ -37,7 +37,6 @@ const omittedProps = [
|
|
|
37
37
|
'whiteSpace',
|
|
38
38
|
'wordBreak',
|
|
39
39
|
];
|
|
40
|
-
/** @deprecated */
|
|
41
40
|
const shouldForwardProp = (prop) => {
|
|
42
41
|
return isPropValid(prop) && !omittedProps.includes(prop);
|
|
43
42
|
};
|
|
@@ -58,7 +57,6 @@ const shouldForwardProp = (prop) => {
|
|
|
58
57
|
*
|
|
59
58
|
* <StyledHeader color='red'>Hello World</StyledHeader>
|
|
60
59
|
* ```
|
|
61
|
-
* @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).
|
|
62
60
|
*/
|
|
63
61
|
export const boxStyleFn = (props) => {
|
|
64
62
|
return [
|
|
@@ -1,46 +1,30 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from './buildStyleFns';
|
|
3
3
|
import { SystemPropValues } from './systemProps';
|
|
4
|
-
/** style props to set CSS background properties
|
|
5
|
-
* @deprecated
|
|
6
|
-
*/
|
|
4
|
+
/** style props to set CSS background properties */
|
|
7
5
|
export type BackgroundStyleProps = {
|
|
8
6
|
/**
|
|
9
7
|
* - sets [CSS background property](https://developer.mozilla.org/en-US/docs/Web/CSS/background)
|
|
10
8
|
* - system tokens: `color`
|
|
11
|
-
*
|
|
12
|
-
*/
|
|
9
|
+
* */
|
|
13
10
|
background?: SystemPropValues['color'];
|
|
14
|
-
/** sets [CSS background-attachment property](https://developer.mozilla.org/en-US/docs/Web/CSS/)
|
|
15
|
-
* @deprecated
|
|
16
|
-
*/
|
|
11
|
+
/** sets [CSS background-attachment property](https://developer.mozilla.org/en-US/docs/Web/CSS/) */
|
|
17
12
|
backgroundAttachment?: Property.BackgroundAttachment;
|
|
18
13
|
/**
|
|
19
14
|
* - sets [CSS background-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
|
|
20
15
|
* - system tokens: `color`
|
|
21
|
-
*
|
|
22
|
-
*/
|
|
16
|
+
* */
|
|
23
17
|
backgroundColor?: SystemPropValues['color'];
|
|
24
|
-
/** sets [CSS background-image property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image)
|
|
25
|
-
* @deprecated
|
|
26
|
-
*/
|
|
18
|
+
/** sets [CSS background-image property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image) */
|
|
27
19
|
backgroundImage?: Property.BackgroundImage;
|
|
28
|
-
/** sets [CSS background-position property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)
|
|
29
|
-
* @deprecated
|
|
30
|
-
*/
|
|
20
|
+
/** sets [CSS background-position property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) */
|
|
31
21
|
backgroundPosition?: Property.BackgroundPosition;
|
|
32
|
-
/** sets [CSS background-repeat property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat)
|
|
33
|
-
* @deprecated
|
|
34
|
-
*/
|
|
22
|
+
/** sets [CSS background-repeat property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) */
|
|
35
23
|
backgroundRepeat?: Property.BackgroundRepeat;
|
|
36
|
-
/** sets [CSS background-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size)
|
|
37
|
-
* @deprecated
|
|
38
|
-
*/
|
|
24
|
+
/** sets [CSS background-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size) */
|
|
39
25
|
backgroundSize?: Property.BackgroundSize;
|
|
40
26
|
};
|
|
41
|
-
/** @deprecated */
|
|
42
27
|
export declare const backgroundStyleFnConfigs: StyleFnConfig[];
|
|
43
|
-
/** @deprecated */
|
|
44
28
|
export declare const backgroundFns: import("./buildStyleFns").StyleFns;
|
|
45
29
|
/**
|
|
46
30
|
* A style prop function that takes component props and returns border styles.
|
|
@@ -55,7 +39,6 @@ export declare const backgroundFns: import("./buildStyleFns").StyleFns;
|
|
|
55
39
|
* </Box>
|
|
56
40
|
* );
|
|
57
41
|
*```
|
|
58
|
-
@deprecated
|
|
59
42
|
*/
|
|
60
43
|
export declare const background: (props: BackgroundStyleProps) => {};
|
|
61
44
|
//# sourceMappingURL=background.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/background.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":"background.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/background.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,mDAAmD;AACnD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;SAGK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC,mGAAmG;IACnG,oBAAoB,CAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAC;IACrD;;;SAGK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C,8GAA8G;IAC9G,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C,oHAAoH;IACpH,kBAAkB,CAAC,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACjD,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IAC7C,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,aAAa,EAoCnD,CAAC;AAEF,eAAO,MAAM,aAAa,oCAA0C,CAAC;AACrE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,qCAAwD,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export const backgroundStyleFnConfigs = [
|
|
4
3
|
{
|
|
5
4
|
name: 'background',
|
|
@@ -37,7 +36,6 @@ export const backgroundStyleFnConfigs = [
|
|
|
37
36
|
system: 'none',
|
|
38
37
|
},
|
|
39
38
|
];
|
|
40
|
-
/** @deprecated */
|
|
41
39
|
export const backgroundFns = buildStyleFns(backgroundStyleFnConfigs);
|
|
42
40
|
/**
|
|
43
41
|
* A style prop function that takes component props and returns border styles.
|
|
@@ -52,6 +50,5 @@ export const backgroundFns = buildStyleFns(backgroundStyleFnConfigs);
|
|
|
52
50
|
* </Box>
|
|
53
51
|
* );
|
|
54
52
|
*```
|
|
55
|
-
@deprecated
|
|
56
53
|
*/
|
|
57
54
|
export const background = buildStylePropFn(backgroundFns);
|
|
@@ -1,58 +1,47 @@
|
|
|
1
1
|
import { StyleFnConfig } from '../buildStyleFns';
|
|
2
2
|
import { SystemPropValues } from '../systemProps';
|
|
3
|
-
/** style props to set CSS border color properties
|
|
4
|
-
* @deprecated
|
|
5
|
-
*/
|
|
3
|
+
/** style props to set CSS border color properties */
|
|
6
4
|
export type BorderColorStyleProps = {
|
|
7
5
|
/**
|
|
8
6
|
* - sets [CSS border-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)
|
|
9
7
|
* - system tokens: `color`
|
|
10
|
-
* @deprecated Use `cs` prop with `system.color.border.*` tokens
|
|
11
8
|
*/
|
|
12
9
|
borderColor?: SystemPropValues['color'];
|
|
13
10
|
/**
|
|
14
11
|
* - sets [CSS border-top-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color)
|
|
15
12
|
* - system tokens: `color`
|
|
16
|
-
* @deprecated Use `cs` prop with `system.color.border.*` tokens
|
|
17
13
|
*/
|
|
18
14
|
borderTopColor?: SystemPropValues['color'];
|
|
19
15
|
/**
|
|
20
16
|
* - sets [CSS border-right-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color)
|
|
21
17
|
* - no bidirectional support
|
|
22
18
|
* - system tokens: `color`
|
|
23
|
-
* @deprecated Use `cs` prop with `system.color.border.*` tokens
|
|
24
19
|
*/
|
|
25
20
|
borderRightColor?: SystemPropValues['color'];
|
|
26
21
|
/**
|
|
27
22
|
* - sets [CSS border-bottom-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color)
|
|
28
23
|
* - system tokens: `color`
|
|
29
|
-
* @deprecated Use `cs` prop with `system.color.border.*` tokens
|
|
30
24
|
*/
|
|
31
25
|
borderBottomColor?: SystemPropValues['color'];
|
|
32
26
|
/**
|
|
33
27
|
* - sets [CSS border-left-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color)
|
|
34
28
|
* - no bidirectional support
|
|
35
29
|
* - system tokens: `color`
|
|
36
|
-
* @deprecated Use `cs` prop with `system.color.border.*` tokens
|
|
37
30
|
*/
|
|
38
31
|
borderLeftColor?: SystemPropValues['color'];
|
|
39
32
|
/**
|
|
40
33
|
* - sets [CSS border-inline-start-color property ](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-color)
|
|
41
34
|
* - bidirectional support
|
|
42
35
|
* - system tokens: `color`
|
|
43
|
-
* @deprecated Use `cs` prop with `system.color.border.*` tokens
|
|
44
36
|
*/
|
|
45
37
|
borderInlineStartColor?: SystemPropValues['color'];
|
|
46
38
|
/**
|
|
47
39
|
* - sets [CSS border-inline-end-color property ](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-color)
|
|
48
40
|
* - bidirectional support
|
|
49
41
|
* - system tokens: `color`
|
|
50
|
-
* @deprecated Use `cs` prop with `system.color.border.*` tokens
|
|
51
42
|
*/
|
|
52
43
|
borderInlineEndColor?: SystemPropValues['color'];
|
|
53
44
|
};
|
|
54
|
-
/** @deprecated */
|
|
55
45
|
export declare const borderColorStyleFnConfigs: StyleFnConfig[];
|
|
56
|
-
/** @deprecated */
|
|
57
46
|
export declare const borderColorFns: import("../buildStyleFns").StyleFns;
|
|
58
47
|
//# sourceMappingURL=color.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD,qDAAqD;AACrD,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC3C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;OAIG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,aAAa,EAoCpD,CAAC;AAEF,eAAO,MAAM,cAAc,qCAA2C,CAAC"}
|