@workday/canvas-kit-react 15.0.0-alpha.1283-next.0 → 15.0.0-alpha.1285-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 +1 -0
- package/dist/commonjs/layout/lib/Box.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Box.js +2 -0
- package/dist/commonjs/layout/lib/utils/background.d.ts +25 -8
- package/dist/commonjs/layout/lib/utils/background.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/background.js +3 -0
- package/dist/commonjs/layout/lib/utils/border/color.d.ts +12 -1
- package/dist/commonjs/layout/lib/utils/border/color.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/color.js +2 -0
- package/dist/commonjs/layout/lib/utils/border/index.d.ts +3 -0
- package/dist/commonjs/layout/lib/utils/border/index.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/index.js +2 -0
- package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts +24 -6
- package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/lineStyle.js +2 -0
- package/dist/commonjs/layout/lib/utils/border/radius.d.ts +15 -6
- package/dist/commonjs/layout/lib/utils/border/radius.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/radius.js +2 -0
- package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts +22 -8
- package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/shorthand.js +2 -0
- package/dist/commonjs/layout/lib/utils/border/width.d.ts +18 -4
- package/dist/commonjs/layout/lib/utils/border/width.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/width.js +2 -0
- package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts +4 -0
- package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/buildStyleFns.js +9 -0
- package/dist/commonjs/layout/lib/utils/color.d.ts +13 -4
- package/dist/commonjs/layout/lib/utils/color.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/color.js +3 -0
- package/dist/commonjs/layout/lib/utils/depth.d.ts +11 -3
- package/dist/commonjs/layout/lib/utils/depth.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/depth.js +3 -0
- package/dist/commonjs/layout/lib/utils/flex.d.ts +32 -11
- package/dist/commonjs/layout/lib/utils/flex.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/flex.js +3 -0
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts +27 -8
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/flexItem.js +3 -0
- package/dist/commonjs/layout/lib/utils/grid.d.ts +56 -19
- package/dist/commonjs/layout/lib/utils/grid.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/grid.js +3 -0
- package/dist/commonjs/layout/lib/utils/gridItem.d.ts +36 -11
- package/dist/commonjs/layout/lib/utils/gridItem.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/gridItem.js +3 -0
- package/dist/commonjs/layout/lib/utils/layout.d.ts +36 -13
- package/dist/commonjs/layout/lib/utils/layout.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/layout.js +3 -0
- package/dist/commonjs/layout/lib/utils/mergeStyles.d.ts +1 -0
- package/dist/commonjs/layout/lib/utils/mergeStyles.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/mergeStyles.js +1 -0
- package/dist/commonjs/layout/lib/utils/other.d.ts +106 -34
- package/dist/commonjs/layout/lib/utils/other.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/other.js +3 -0
- package/dist/commonjs/layout/lib/utils/position.d.ts +24 -9
- package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/position.js +3 -0
- package/dist/commonjs/layout/lib/utils/space.d.ts +42 -19
- package/dist/commonjs/layout/lib/utils/space.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/space.js +3 -0
- package/dist/commonjs/layout/lib/utils/styleProps.d.ts +2 -0
- package/dist/commonjs/layout/lib/utils/styleProps.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/systemProps.d.ts +17 -0
- package/dist/commonjs/layout/lib/utils/systemProps.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/text.d.ts +45 -14
- package/dist/commonjs/layout/lib/utils/text.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/text.js +3 -0
- package/dist/commonjs/text-input/lib/TextInput.js +5 -5
- package/dist/es6/layout/lib/Box.d.ts +1 -0
- package/dist/es6/layout/lib/Box.d.ts.map +1 -1
- package/dist/es6/layout/lib/Box.js +2 -0
- package/dist/es6/layout/lib/utils/background.d.ts +25 -8
- package/dist/es6/layout/lib/utils/background.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/background.js +3 -0
- package/dist/es6/layout/lib/utils/border/color.d.ts +12 -1
- package/dist/es6/layout/lib/utils/border/color.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/color.js +2 -0
- package/dist/es6/layout/lib/utils/border/index.d.ts +3 -0
- package/dist/es6/layout/lib/utils/border/index.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/index.js +2 -0
- package/dist/es6/layout/lib/utils/border/lineStyle.d.ts +24 -6
- package/dist/es6/layout/lib/utils/border/lineStyle.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/lineStyle.js +2 -0
- package/dist/es6/layout/lib/utils/border/radius.d.ts +15 -6
- package/dist/es6/layout/lib/utils/border/radius.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/radius.js +2 -0
- package/dist/es6/layout/lib/utils/border/shorthand.d.ts +22 -8
- package/dist/es6/layout/lib/utils/border/shorthand.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/shorthand.js +2 -0
- package/dist/es6/layout/lib/utils/border/width.d.ts +18 -4
- package/dist/es6/layout/lib/utils/border/width.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/width.js +2 -0
- package/dist/es6/layout/lib/utils/buildStyleFns.d.ts +4 -0
- package/dist/es6/layout/lib/utils/buildStyleFns.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/buildStyleFns.js +9 -0
- package/dist/es6/layout/lib/utils/color.d.ts +13 -4
- package/dist/es6/layout/lib/utils/color.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/color.js +3 -0
- package/dist/es6/layout/lib/utils/depth.d.ts +11 -3
- package/dist/es6/layout/lib/utils/depth.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/depth.js +3 -0
- package/dist/es6/layout/lib/utils/flex.d.ts +32 -11
- package/dist/es6/layout/lib/utils/flex.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/flex.js +3 -0
- package/dist/es6/layout/lib/utils/flexItem.d.ts +27 -8
- package/dist/es6/layout/lib/utils/flexItem.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/flexItem.js +3 -0
- package/dist/es6/layout/lib/utils/grid.d.ts +56 -19
- package/dist/es6/layout/lib/utils/grid.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/grid.js +3 -0
- package/dist/es6/layout/lib/utils/gridItem.d.ts +36 -11
- package/dist/es6/layout/lib/utils/gridItem.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/gridItem.js +3 -0
- package/dist/es6/layout/lib/utils/layout.d.ts +36 -13
- package/dist/es6/layout/lib/utils/layout.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/layout.js +3 -0
- package/dist/es6/layout/lib/utils/mergeStyles.d.ts +1 -0
- package/dist/es6/layout/lib/utils/mergeStyles.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/mergeStyles.js +1 -0
- package/dist/es6/layout/lib/utils/other.d.ts +106 -34
- package/dist/es6/layout/lib/utils/other.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/other.js +3 -0
- package/dist/es6/layout/lib/utils/position.d.ts +24 -9
- package/dist/es6/layout/lib/utils/position.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/position.js +3 -0
- package/dist/es6/layout/lib/utils/space.d.ts +42 -19
- package/dist/es6/layout/lib/utils/space.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/space.js +3 -0
- package/dist/es6/layout/lib/utils/styleProps.d.ts +2 -0
- package/dist/es6/layout/lib/utils/styleProps.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/systemProps.d.ts +17 -0
- package/dist/es6/layout/lib/utils/systemProps.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/text.d.ts +45 -14
- package/dist/es6/layout/lib/utils/text.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/text.js +3 -0
- package/dist/es6/text-input/lib/TextInput.js +5 -5
- package/layout/lib/Box.tsx +2 -0
- package/layout/lib/utils/background.ts +25 -8
- package/layout/lib/utils/border/color.ts +12 -1
- package/layout/lib/utils/border/index.ts +3 -0
- package/layout/lib/utils/border/lineStyle.ts +24 -6
- package/layout/lib/utils/border/radius.ts +15 -6
- package/layout/lib/utils/border/shorthand.ts +22 -8
- package/layout/lib/utils/border/width.ts +18 -4
- package/layout/lib/utils/buildStyleFns.ts +11 -0
- package/layout/lib/utils/color.ts +13 -4
- package/layout/lib/utils/depth.ts +11 -3
- package/layout/lib/utils/flex.ts +32 -11
- package/layout/lib/utils/flexItem.ts +27 -8
- package/layout/lib/utils/grid.ts +56 -19
- package/layout/lib/utils/gridItem.ts +36 -11
- package/layout/lib/utils/layout.ts +36 -13
- package/layout/lib/utils/mergeStyles.ts +1 -0
- package/layout/lib/utils/other.ts +106 -34
- package/layout/lib/utils/position.ts +24 -9
- package/layout/lib/utils/space.ts +42 -19
- package/layout/lib/utils/styleProps.ts +2 -0
- package/layout/lib/utils/systemProps.ts +17 -0
- package/layout/lib/utils/text.ts +45 -14
- package/package.json +4 -4
- package/text-input/lib/TextInput.tsx +1 -1
|
@@ -1,75 +1,147 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from './buildStyleFns';
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* style props to for other CSS 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
7
|
export type OtherStyleProps = {
|
|
5
|
-
/** sets [CSS animation property](https://developer.mozilla.org/en-US/docs/Web/CSS/animation)
|
|
8
|
+
/** sets [CSS animation property](https://developer.mozilla.org/en-US/docs/Web/CSS/animation)
|
|
9
|
+
* @deprecated
|
|
10
|
+
*/
|
|
6
11
|
animation?: Property.Animation;
|
|
7
|
-
/** sets [CSS appearance property](https://developer.mozilla.org/en-US/docs/Web/CSS/appearance)
|
|
12
|
+
/** sets [CSS appearance property](https://developer.mozilla.org/en-US/docs/Web/CSS/appearance)
|
|
13
|
+
* @deprecated
|
|
14
|
+
*/
|
|
8
15
|
appearance?: Property.Appearance;
|
|
9
|
-
/** sets [CSS box-sizing property](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing)
|
|
16
|
+
/** sets [CSS box-sizing property](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing)
|
|
17
|
+
* @deprecated
|
|
18
|
+
*/
|
|
10
19
|
boxSizing?: Property.BoxSizing;
|
|
11
|
-
/** sets [CSS content property](https://developer.mozilla.org/en-US/docs/Web/CSS/content)
|
|
20
|
+
/** sets [CSS content property](https://developer.mozilla.org/en-US/docs/Web/CSS/content)
|
|
21
|
+
* @deprecated
|
|
22
|
+
*/
|
|
12
23
|
content?: Property.Content;
|
|
13
|
-
/** sets [CSS cursor property](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor)
|
|
24
|
+
/** sets [CSS cursor property](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor)
|
|
25
|
+
* @deprecated
|
|
26
|
+
*/
|
|
14
27
|
cursor?: Property.Cursor;
|
|
15
|
-
/** sets [CSS fill property](https://developer.mozilla.org/en-US/docs/Web/CSS/fill)
|
|
28
|
+
/** sets [CSS fill property](https://developer.mozilla.org/en-US/docs/Web/CSS/fill)
|
|
29
|
+
* @deprecated
|
|
30
|
+
*/
|
|
16
31
|
fill?: Property.Fill;
|
|
17
|
-
/** sets [CSS float property](https://developer.mozilla.org/en-US/docs/Web/CSS/float)
|
|
32
|
+
/** sets [CSS float property](https://developer.mozilla.org/en-US/docs/Web/CSS/float)
|
|
33
|
+
* @deprecated
|
|
34
|
+
*/
|
|
18
35
|
float?: Property.Float;
|
|
19
|
-
/** sets [CSS object-fit property](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit)
|
|
36
|
+
/** sets [CSS object-fit property](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit)
|
|
37
|
+
* @deprecated
|
|
38
|
+
*/
|
|
20
39
|
objectFit?: Property.ObjectFit;
|
|
21
|
-
/** sets [CSS object-position property](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position)
|
|
40
|
+
/** sets [CSS object-position property](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position)
|
|
41
|
+
* @deprecated
|
|
42
|
+
*/
|
|
22
43
|
objectPosition?: Property.ObjectPosition;
|
|
23
|
-
/** sets [CSS opacity](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)
|
|
44
|
+
/** sets [CSS opacity](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)
|
|
45
|
+
* @deprecated
|
|
46
|
+
*/
|
|
24
47
|
opacity?: Property.Opacity;
|
|
25
|
-
/** sets [CSS outline property](https://developer.mozilla.org/en-US/docs/Web/CSS/outline)
|
|
48
|
+
/** sets [CSS outline property](https://developer.mozilla.org/en-US/docs/Web/CSS/outline)
|
|
49
|
+
* @deprecated
|
|
50
|
+
*/
|
|
26
51
|
outline?: Property.Outline;
|
|
27
|
-
/** sets [CSS outline-offset property](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset)
|
|
52
|
+
/** sets [CSS outline-offset property](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset)
|
|
53
|
+
* @deprecated
|
|
54
|
+
*/
|
|
28
55
|
outlineOffset?: Property.OutlineOffset;
|
|
29
|
-
/** sets [CSS overflow-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap)
|
|
56
|
+
/** sets [CSS overflow-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap)
|
|
57
|
+
* @deprecated
|
|
58
|
+
*/
|
|
30
59
|
overflowWrap?: Property.OverflowWrap;
|
|
31
|
-
/** sets [CSS pointer-events property](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events)
|
|
60
|
+
/** sets [CSS pointer-events property](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events)
|
|
61
|
+
* @deprecated
|
|
62
|
+
*/
|
|
32
63
|
pointerEvents?: Property.PointerEvents;
|
|
33
|
-
/** sets [CSS resize property](https://developer.mozilla.org/en-US/docs/Web/CSS/resize)
|
|
64
|
+
/** sets [CSS resize property](https://developer.mozilla.org/en-US/docs/Web/CSS/resize)
|
|
65
|
+
* @deprecated
|
|
66
|
+
*/
|
|
34
67
|
resize?: Property.Resize;
|
|
35
|
-
/** sets [CSS scroll margin property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin)
|
|
68
|
+
/** sets [CSS scroll margin property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin)
|
|
69
|
+
* @deprecated
|
|
70
|
+
*/
|
|
36
71
|
scrollMargin?: Property.ScrollMargin;
|
|
37
|
-
/** sets [CSS scroll margin bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-bottom)
|
|
72
|
+
/** sets [CSS scroll margin bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-bottom)
|
|
73
|
+
* @deprecated
|
|
74
|
+
*/
|
|
38
75
|
scrollMarginBottom?: Property.ScrollMarginBottom;
|
|
39
|
-
/** sets [CSS scroll margin top property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top)
|
|
76
|
+
/** sets [CSS scroll margin top property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top)
|
|
77
|
+
* @deprecated
|
|
78
|
+
*/
|
|
40
79
|
scrollMarginTop?: Property.ScrollMarginTop;
|
|
41
|
-
/** sets [CSS scroll margin inline start property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-inline-start)
|
|
80
|
+
/** sets [CSS scroll margin inline start property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-inline-start)
|
|
81
|
+
* @deprecated
|
|
82
|
+
*/
|
|
42
83
|
scrollMarginInlineStart?: Property.ScrollMarginInlineStart;
|
|
43
|
-
/** sets [CSS scroll margin inline end property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-inline-end)
|
|
84
|
+
/** sets [CSS scroll margin inline end property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-inline-end)
|
|
85
|
+
* @deprecated
|
|
86
|
+
*/
|
|
44
87
|
scrollMarginInlineEnd?: Property.ScrollMarginInlineEnd;
|
|
45
|
-
/** sets [CSS scroll padding property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding)
|
|
88
|
+
/** sets [CSS scroll padding property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding)
|
|
89
|
+
* @deprecated
|
|
90
|
+
*/
|
|
46
91
|
scrollPadding?: Property.ScrollPadding;
|
|
47
|
-
/** sets [CSS scroll padding bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-bottom)
|
|
92
|
+
/** sets [CSS scroll padding bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-bottom)
|
|
93
|
+
* @deprecated
|
|
94
|
+
*/
|
|
48
95
|
scrollPaddingBottom?: Property.ScrollPaddingBottom;
|
|
49
|
-
/** sets [CSS scroll padding top property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-top)
|
|
96
|
+
/** sets [CSS scroll padding top property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-top)
|
|
97
|
+
* @deprecated
|
|
98
|
+
*/
|
|
50
99
|
scrollPaddingTop?: Property.ScrollPaddingTop;
|
|
51
|
-
/** sets [CSS scroll padding inline start property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-inline-start)
|
|
100
|
+
/** sets [CSS scroll padding inline start property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-inline-start)
|
|
101
|
+
* @deprecated
|
|
102
|
+
*/
|
|
52
103
|
scrollPaddingInlineStart?: Property.ScrollPaddingInlineStart;
|
|
53
|
-
/** sets [CSS scroll padding inline end property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-inline-end)
|
|
104
|
+
/** sets [CSS scroll padding inline end property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-inline-end)
|
|
105
|
+
* @deprecated
|
|
106
|
+
*/
|
|
54
107
|
scrollPaddingInlineEnd?: Property.ScrollPaddingInlineEnd;
|
|
55
|
-
/** sets [CSS scroll snap align property](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align)
|
|
108
|
+
/** sets [CSS scroll snap align property](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align)
|
|
109
|
+
* @deprecated
|
|
110
|
+
*/
|
|
56
111
|
scrollSnapAlign?: Property.ScrollSnapAlign;
|
|
57
|
-
/** sets [CSS scroll snap stop property](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop)
|
|
112
|
+
/** sets [CSS scroll snap stop property](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop)
|
|
113
|
+
* @deprecated
|
|
114
|
+
*/
|
|
58
115
|
scrollSnapStop?: Property.ScrollSnapStop;
|
|
59
|
-
/** sets [CSS scroll snap type property](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type)
|
|
116
|
+
/** sets [CSS scroll snap type property](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type)
|
|
117
|
+
* @deprecated
|
|
118
|
+
*/
|
|
60
119
|
scrollSnapType?: Property.ScrollSnapType;
|
|
61
|
-
/** sets [CSS stroke property](https://developer.mozilla.org/en-US/docs/Web/CSS/stroke)
|
|
120
|
+
/** sets [CSS stroke property](https://developer.mozilla.org/en-US/docs/Web/CSS/stroke)
|
|
121
|
+
* @deprecated
|
|
122
|
+
*/
|
|
62
123
|
stroke?: Property.Stroke;
|
|
63
|
-
/** sets [CSS transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/transform)
|
|
124
|
+
/** sets [CSS transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/transform)
|
|
125
|
+
* @deprecated
|
|
126
|
+
*/
|
|
64
127
|
transform?: Property.Transform;
|
|
65
|
-
/** sets [CSS transition property](https://developer.mozilla.org/en-US/docs/Web/CSS/transition)
|
|
128
|
+
/** sets [CSS transition property](https://developer.mozilla.org/en-US/docs/Web/CSS/transition)
|
|
129
|
+
* @deprecated
|
|
130
|
+
*/
|
|
66
131
|
transition?: Property.Transition;
|
|
67
|
-
/** sets [CSS user-select property](https://developer.mozilla.org/en-US/docs/Web/CSS/user-select)
|
|
132
|
+
/** sets [CSS user-select property](https://developer.mozilla.org/en-US/docs/Web/CSS/user-select)
|
|
133
|
+
* @deprecated
|
|
134
|
+
*/
|
|
68
135
|
userSelect?: Property.UserSelect;
|
|
69
|
-
/** sets [CSS visibility property](https://developer.mozilla.org/en-US/docs/Web/CSS/visibility)
|
|
136
|
+
/** sets [CSS visibility property](https://developer.mozilla.org/en-US/docs/Web/CSS/visibility)
|
|
137
|
+
* @deprecated
|
|
138
|
+
*/
|
|
70
139
|
visibility?: Property.Visibility;
|
|
71
140
|
};
|
|
141
|
+
/** @deprecated */
|
|
72
142
|
export declare const otherStyleFnConfigs: StyleFnConfig[];
|
|
143
|
+
/** @deprecated */
|
|
73
144
|
export declare const otherStyleFns: import("./buildStyleFns").StyleFns;
|
|
145
|
+
/** @deprecated */
|
|
74
146
|
export declare const other: (props: OtherStyleProps) => {};
|
|
75
147
|
//# sourceMappingURL=other.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"other.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/other.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":"other.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/other.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;OAEG;IACH,kBAAkB,CAAC,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACjD;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C;;OAEG;IACH,uBAAuB,CAAC,EAAE,QAAQ,CAAC,uBAAuB,CAAC;IAC3D;;OAEG;IACH,qBAAqB,CAAC,EAAE,QAAQ,CAAC,qBAAqB,CAAC;IACvD;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC;IACnD;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IAC7C;;OAEG;IACH,wBAAwB,CAAC,EAAE,QAAQ,CAAC,wBAAwB,CAAC;IAC7D;;OAEG;IACH,sBAAsB,CAAC,EAAE,QAAQ,CAAC,sBAAsB,CAAC;IACzD;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;CAClC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAgG9C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,aAAa,oCAAqC,CAAC;AAEhE,kBAAkB;AAClB,eAAO,MAAM,KAAK,gCAAmD,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
|
|
2
|
+
/** @deprecated */
|
|
2
3
|
export const otherStyleFnConfigs = [
|
|
3
4
|
{
|
|
4
5
|
name: 'animation',
|
|
@@ -96,5 +97,7 @@ export const otherStyleFnConfigs = [
|
|
|
96
97
|
system: 'none',
|
|
97
98
|
},
|
|
98
99
|
];
|
|
100
|
+
/** @deprecated */
|
|
99
101
|
export const otherStyleFns = buildStyleFns(otherStyleFnConfigs);
|
|
102
|
+
/** @deprecated */
|
|
100
103
|
export const other = buildStylePropFn(otherStyleFns);
|
|
@@ -1,49 +1,63 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from './buildStyleFns';
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* style props to for CSS position 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
7
|
export type PositionStyleProps = {
|
|
5
8
|
/**
|
|
6
9
|
* - sets [CSS position property](https://developer.mozilla.org/en-US/docs/Web/CSS/position)
|
|
7
|
-
*
|
|
10
|
+
* @deprecated
|
|
11
|
+
*/
|
|
8
12
|
position?: Property.Position;
|
|
9
13
|
/**
|
|
10
14
|
* - sets [CSS z-index property](https://developer.mozilla.org/en-US/docs/Web/CSS/z-index)
|
|
11
|
-
*
|
|
15
|
+
* @deprecated
|
|
16
|
+
*/
|
|
12
17
|
zIndex?: Property.ZIndex;
|
|
13
18
|
/**
|
|
14
19
|
* - sets [CSS top property](https://developer.mozilla.org/en-US/docs/Web/CSS/top)
|
|
15
|
-
*
|
|
20
|
+
* @deprecated
|
|
21
|
+
*/
|
|
16
22
|
top?: number | string;
|
|
17
23
|
/**
|
|
18
24
|
* - sets [CSS right property](https://developer.mozilla.org/en-US/docs/Web/CSS/right)
|
|
19
25
|
* - no bidirectional support
|
|
20
|
-
*
|
|
26
|
+
* @deprecated
|
|
27
|
+
*/
|
|
21
28
|
right?: number | string;
|
|
22
29
|
/**
|
|
23
30
|
* - sets [CSS bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/bottom)
|
|
24
|
-
*
|
|
31
|
+
* @deprecated
|
|
32
|
+
*/
|
|
25
33
|
bottom?: number | string;
|
|
26
34
|
/**
|
|
27
35
|
* - sets [CSS left property](https://developer.mozilla.org/en-US/docs/Web/CSS/left)
|
|
28
36
|
* - no bidirectional support
|
|
29
|
-
*
|
|
37
|
+
* @deprecated
|
|
38
|
+
*/
|
|
30
39
|
left?: number | string;
|
|
31
40
|
/**
|
|
32
41
|
* - sets [CSS inset property](https://developer.mozilla.org/en-US/docs/Web/CSS/inset)
|
|
42
|
+
* @deprecated
|
|
33
43
|
*/
|
|
34
44
|
inset?: number | string;
|
|
35
45
|
/**
|
|
36
46
|
* - sets [CSS inset-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline-start)
|
|
37
47
|
* - bidirectional support
|
|
38
|
-
*
|
|
48
|
+
* @deprecated
|
|
49
|
+
*/
|
|
39
50
|
insetInlineStart?: number | string;
|
|
40
51
|
/**
|
|
41
52
|
* - sets [CSS inset-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline-end)
|
|
42
53
|
* - bidirectional support
|
|
43
|
-
*
|
|
54
|
+
* @deprecated
|
|
55
|
+
*/
|
|
44
56
|
insetInlineEnd?: number | string;
|
|
45
57
|
};
|
|
58
|
+
/** @deprecated */
|
|
46
59
|
export declare const positionStyleFnConfigs: StyleFnConfig[];
|
|
60
|
+
/** @deprecated */
|
|
47
61
|
export declare const positionStyleFns: import("./buildStyleFns").StyleFns;
|
|
48
62
|
/**
|
|
49
63
|
* A style prop function that takes component props and returns position styles.
|
|
@@ -57,6 +71,7 @@ export declare const positionStyleFns: import("./buildStyleFns").StyleFns;
|
|
|
57
71
|
* </Box>
|
|
58
72
|
* );
|
|
59
73
|
* ```
|
|
74
|
+
* @deprecated
|
|
60
75
|
*/
|
|
61
76
|
export declare const position: (props: PositionStyleProps) => {};
|
|
62
77
|
//# sourceMappingURL=position.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/position.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":"position.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,sBAAsB,EAAE,aAAa,EA8CjD,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
|
|
2
|
+
/** @deprecated */
|
|
2
3
|
export const positionStyleFnConfigs = [
|
|
3
4
|
{
|
|
4
5
|
name: 'position',
|
|
@@ -46,6 +47,7 @@ export const positionStyleFnConfigs = [
|
|
|
46
47
|
system: 'none',
|
|
47
48
|
},
|
|
48
49
|
];
|
|
50
|
+
/** @deprecated */
|
|
49
51
|
export const positionStyleFns = buildStyleFns(positionStyleFnConfigs);
|
|
50
52
|
/**
|
|
51
53
|
* A style prop function that takes component props and returns position styles.
|
|
@@ -59,5 +61,6 @@ export const positionStyleFns = buildStyleFns(positionStyleFnConfigs);
|
|
|
59
61
|
* </Box>
|
|
60
62
|
* );
|
|
61
63
|
* ```
|
|
64
|
+
* @deprecated
|
|
62
65
|
*/
|
|
63
66
|
export const position = buildStylePropFn(positionStyleFns);
|
|
@@ -1,107 +1,129 @@
|
|
|
1
1
|
import { StyleFnConfig } from './buildStyleFns';
|
|
2
2
|
import { SystemPropValues } from './systemProps';
|
|
3
|
-
/** style props to for CSS space properties
|
|
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
|
+
*/
|
|
4
6
|
export type SpaceStyleProps = {
|
|
5
7
|
/**
|
|
6
8
|
* - sets [CSS margin-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-start)
|
|
7
9
|
* - bidirectional support
|
|
8
10
|
* - system tokens: `space`
|
|
9
|
-
*
|
|
11
|
+
* @deprecated
|
|
12
|
+
*/
|
|
10
13
|
marginInlineStart?: SystemPropValues['space'];
|
|
11
14
|
/**
|
|
12
15
|
* - sets [CSS margin-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-end)
|
|
13
16
|
* - bidirectional support
|
|
14
17
|
* - system tokens: `space`
|
|
15
|
-
*
|
|
18
|
+
* @deprecated
|
|
19
|
+
*/
|
|
16
20
|
marginInlineEnd?: SystemPropValues['space'];
|
|
17
21
|
/**
|
|
18
22
|
* - sets [CSS padding-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-start)
|
|
19
23
|
* - bidirectional support
|
|
20
24
|
* - system tokens: `space`
|
|
21
|
-
*
|
|
25
|
+
* @deprecated
|
|
26
|
+
*/
|
|
22
27
|
paddingInlineStart?: SystemPropValues['space'];
|
|
23
28
|
/**
|
|
24
29
|
* - sets [CSS padding-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-end)
|
|
25
30
|
* - bidirectional support
|
|
26
31
|
* - system tokens: `space`
|
|
27
|
-
*
|
|
32
|
+
* @deprecated
|
|
33
|
+
*/
|
|
28
34
|
paddingInlineEnd?: SystemPropValues['space'];
|
|
29
35
|
/**
|
|
30
36
|
* - sets [CSS margin property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)
|
|
31
37
|
* - system tokens: `space`
|
|
32
|
-
*
|
|
38
|
+
* @deprecated
|
|
39
|
+
*/
|
|
33
40
|
margin?: SystemPropValues['space'];
|
|
34
41
|
/**
|
|
35
42
|
* - 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)
|
|
36
43
|
* - system tokens: `space`
|
|
37
|
-
*
|
|
44
|
+
* @deprecated
|
|
45
|
+
*/
|
|
38
46
|
marginX?: SystemPropValues['space'];
|
|
39
47
|
/**
|
|
40
48
|
* - 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)
|
|
41
49
|
* - system tokens: `space`
|
|
42
|
-
*
|
|
50
|
+
* @deprecated
|
|
51
|
+
*/
|
|
43
52
|
marginY?: SystemPropValues['space'];
|
|
44
53
|
/**
|
|
45
54
|
* - sets [CSS margin-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top)
|
|
46
55
|
* - system tokens: `space`
|
|
47
|
-
*
|
|
56
|
+
* @deprecated
|
|
57
|
+
*/
|
|
48
58
|
marginTop?: SystemPropValues['space'];
|
|
49
59
|
/**
|
|
50
60
|
* - sets [CSS margin-right property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)
|
|
51
61
|
* - no bidirectional support
|
|
52
62
|
* - system tokens: `space`
|
|
53
|
-
*
|
|
63
|
+
* @deprecated
|
|
64
|
+
*/
|
|
54
65
|
marginRight?: SystemPropValues['space'];
|
|
55
66
|
/**
|
|
56
67
|
* - sets [CSS margin-bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)
|
|
57
68
|
* - system tokens: `space`
|
|
58
|
-
*
|
|
69
|
+
* @deprecated
|
|
70
|
+
*/
|
|
59
71
|
marginBottom?: SystemPropValues['space'];
|
|
60
72
|
/**
|
|
61
73
|
* - sets [CSS margin-left property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left)
|
|
62
74
|
* - no bidirectional support
|
|
63
75
|
* - system tokens: `space`
|
|
64
|
-
*
|
|
76
|
+
* @deprecated
|
|
77
|
+
*/
|
|
65
78
|
marginLeft?: SystemPropValues['space'];
|
|
66
79
|
/**
|
|
67
80
|
* - sets [CSS padding property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)
|
|
68
81
|
* - system tokens: `space`
|
|
69
|
-
*
|
|
82
|
+
* @deprecated
|
|
83
|
+
*/
|
|
70
84
|
padding?: SystemPropValues['space'];
|
|
71
85
|
/**
|
|
72
86
|
* - 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)
|
|
73
87
|
* - system tokens: `space`
|
|
74
|
-
*
|
|
88
|
+
* @deprecated
|
|
89
|
+
*/
|
|
75
90
|
paddingX?: SystemPropValues['space'];
|
|
76
91
|
/**
|
|
77
92
|
* - 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)
|
|
78
93
|
* - system tokens: `space`
|
|
79
|
-
*
|
|
94
|
+
* @deprecated
|
|
95
|
+
*/
|
|
80
96
|
paddingY?: SystemPropValues['space'];
|
|
81
97
|
/**
|
|
82
98
|
* - sets [CSS padding-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top)
|
|
83
99
|
* - system tokens: `space`
|
|
84
|
-
*
|
|
100
|
+
* @deprecated
|
|
101
|
+
*/
|
|
85
102
|
paddingTop?: SystemPropValues['space'];
|
|
86
103
|
/**
|
|
87
104
|
* - sets [CSS padding-right property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)
|
|
88
105
|
* - no bidirectional support
|
|
89
106
|
* - system tokens: `space`
|
|
90
|
-
*
|
|
107
|
+
* @deprecated
|
|
108
|
+
*/
|
|
91
109
|
paddingRight?: SystemPropValues['space'];
|
|
92
110
|
/**
|
|
93
111
|
* - sets [CSS padding-bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)
|
|
94
112
|
* - system tokens: `space`
|
|
95
|
-
*
|
|
113
|
+
* @deprecated
|
|
114
|
+
*/
|
|
96
115
|
paddingBottom?: SystemPropValues['space'];
|
|
97
116
|
/**
|
|
98
117
|
* - sets [CSS padding-left property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left)
|
|
99
118
|
* - no bidirectional support
|
|
100
119
|
* - system tokens: `space`
|
|
101
|
-
*
|
|
120
|
+
* @deprecated
|
|
121
|
+
*/
|
|
102
122
|
paddingLeft?: SystemPropValues['space'];
|
|
103
123
|
};
|
|
124
|
+
/** @deprecated */
|
|
104
125
|
export declare const spaceStyleFnConfigs: StyleFnConfig[];
|
|
126
|
+
/** @deprecated */
|
|
105
127
|
export declare const spaceStyleFns: import("./buildStyleFns").StyleFns;
|
|
106
128
|
/**
|
|
107
129
|
* A style prop function that takes component props and returns space styles.
|
|
@@ -115,6 +137,7 @@ export declare const spaceStyleFns: import("./buildStyleFns").StyleFns;
|
|
|
115
137
|
* </Box>
|
|
116
138
|
* );
|
|
117
139
|
* ```
|
|
140
|
+
* @deprecated
|
|
118
141
|
*/
|
|
119
142
|
export declare const space: (props: SpaceStyleProps) => {};
|
|
120
143
|
//# 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;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;;OAKG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC/C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;;OAIG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;;OAIG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;;OAIG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC1C;;;;;OAKG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACzC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,mBAAmB,EAAE,aAAa,EA2F9C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,aAAa,oCAAqC,CAAC;AAChE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,KAAK,gCAAmD,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
|
|
2
|
+
/** @deprecated */
|
|
2
3
|
export const spaceStyleFnConfigs = [
|
|
3
4
|
{
|
|
4
5
|
name: 'marginInlineStart',
|
|
@@ -91,6 +92,7 @@ export const spaceStyleFnConfigs = [
|
|
|
91
92
|
system: 'space',
|
|
92
93
|
},
|
|
93
94
|
];
|
|
95
|
+
/** @deprecated */
|
|
94
96
|
export const spaceStyleFns = buildStyleFns(spaceStyleFnConfigs);
|
|
95
97
|
/**
|
|
96
98
|
* A style prop function that takes component props and returns space styles.
|
|
@@ -104,5 +106,6 @@ export const spaceStyleFns = buildStyleFns(spaceStyleFnConfigs);
|
|
|
104
106
|
* </Box>
|
|
105
107
|
* );
|
|
106
108
|
* ```
|
|
109
|
+
* @deprecated
|
|
107
110
|
*/
|
|
108
111
|
export const space = buildStylePropFn(spaceStyleFns);
|
|
@@ -27,6 +27,7 @@ import { TextStyleProps } from './text';
|
|
|
27
27
|
* - position
|
|
28
28
|
* - space
|
|
29
29
|
* - text
|
|
30
|
+
* @deprecated
|
|
30
31
|
*/
|
|
31
32
|
export type CommonStyleProps = BackgroundStyleProps & BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & GridItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & TextStyleProps;
|
|
32
33
|
/**
|
|
@@ -36,6 +37,7 @@ export type CommonStyleProps = BackgroundStyleProps & BorderStyleProps & ColorSt
|
|
|
36
37
|
* - common
|
|
37
38
|
* - flex
|
|
38
39
|
* - 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).
|
|
39
41
|
*/
|
|
40
42
|
export type AllStyleProps = CommonStyleProps & Omit<FlexStyleProps, 'display'> & Omit<GridStyleProps, 'display'>;
|
|
41
43
|
//# 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;;;;;;;;;;;;;;;;;GAiBG;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;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAE1C,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAE/B,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC"}
|
|
@@ -1,31 +1,48 @@
|
|
|
1
1
|
import { CanvasBorderRadiusKeys, CanvasColor, CanvasDepth, CanvasSpaceKeys, CanvasTypeProperties } from '@workday/canvas-kit-react/tokens';
|
|
2
|
+
/** @deprecated */
|
|
2
3
|
export type SystemPropNames = 'color' | 'depth' | 'font' | 'fontSize' | 'fontWeight' | 'shape' | 'space';
|
|
3
4
|
/**
|
|
4
5
|
* Canvas System Prop Values
|
|
5
6
|
* ---
|
|
6
7
|
* These system prop values are restricted to Canvas token values.
|
|
8
|
+
* @deprecated
|
|
7
9
|
*/
|
|
8
10
|
export type CanvasSystemPropValues = {
|
|
11
|
+
/** @deprecated */
|
|
9
12
|
color: CanvasColor;
|
|
13
|
+
/** @deprecated */
|
|
10
14
|
depth: keyof CanvasDepth;
|
|
15
|
+
/** @deprecated */
|
|
11
16
|
font: keyof CanvasTypeProperties['fontFamilies'];
|
|
17
|
+
/** @deprecated */
|
|
12
18
|
fontSize: keyof CanvasTypeProperties['fontSizes'];
|
|
19
|
+
/** @deprecated */
|
|
13
20
|
fontWeight: keyof CanvasTypeProperties['fontWeights'];
|
|
21
|
+
/** @deprecated */
|
|
14
22
|
shape: CanvasBorderRadiusKeys;
|
|
23
|
+
/** @deprecated */
|
|
15
24
|
space: CanvasSpaceKeys;
|
|
16
25
|
};
|
|
17
26
|
/**
|
|
18
27
|
* System Prop Values
|
|
19
28
|
* ---
|
|
20
29
|
* 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).
|
|
21
31
|
*/
|
|
22
32
|
export type SystemPropValues = {
|
|
33
|
+
/** @deprecated */
|
|
23
34
|
color: CanvasSystemPropValues['color'] | (string & {});
|
|
35
|
+
/** @deprecated */
|
|
24
36
|
depth: CanvasSystemPropValues['depth'];
|
|
37
|
+
/** @deprecated */
|
|
25
38
|
font: CanvasSystemPropValues['font'] | (string & {});
|
|
39
|
+
/** @deprecated */
|
|
26
40
|
fontSize: CanvasSystemPropValues['fontSize'] | (string & {});
|
|
41
|
+
/** @deprecated */
|
|
27
42
|
fontWeight: CanvasSystemPropValues['fontWeight'] | (string & {});
|
|
43
|
+
/** @deprecated */
|
|
28
44
|
shape: CanvasSystemPropValues['shape'] | number | (string & {});
|
|
45
|
+
/** @deprecated */
|
|
29
46
|
space: CanvasSystemPropValues['space'] | number | (string & {});
|
|
30
47
|
};
|
|
31
48
|
//# 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,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,OAAO,GACP,MAAM,GACN,UAAU,GACV,YAAY,GACZ,OAAO,GACP,OAAO,CAAC;AAEZ
|
|
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,kBAAkB;AAClB,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,OAAO,GACP,MAAM,GACN,UAAU,GACV,YAAY,GACZ,OAAO,GACP,OAAO,CAAC;AAEZ;;;;;GAKG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,kBAAkB;IAClB,KAAK,EAAE,WAAW,CAAC;IACnB,kBAAkB;IAClB,KAAK,EAAE,MAAM,WAAW,CAAC;IACzB,kBAAkB;IAClB,IAAI,EAAE,MAAM,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,kBAAkB;IAClB,QAAQ,EAAE,MAAM,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAClD,kBAAkB;IAClB,UAAU,EAAE,MAAM,oBAAoB,CAAC,aAAa,CAAC,CAAC;IACtD,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC;IAC9B,kBAAkB;IAClB,KAAK,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvD,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACvC,kBAAkB;IAClB,IAAI,EAAE,sBAAsB,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrD,kBAAkB;IAClB,QAAQ,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC7D,kBAAkB;IAClB,UAAU,EAAE,sBAAsB,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACjE,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAChE,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACjE,CAAC"}
|