@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
|
@@ -2,146 +2,76 @@ import {Property} from 'csstype';
|
|
|
2
2
|
|
|
3
3
|
import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
|
|
4
4
|
|
|
5
|
-
/**
|
|
6
|
-
* style props to for other CSS properties
|
|
7
|
-
* @deprecated ⚠️ Style props are deprecated. Please use our `cs` prop with `createStencil` or `createStyles` to apply styles. For more information view our [Styling docs](* @deprecated ⚠️ `boxStyleFn` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
|
|
8
|
-
*/
|
|
5
|
+
/** style props to for other CSS properties */
|
|
9
6
|
export type OtherStyleProps = {
|
|
10
|
-
/** sets [CSS animation property](https://developer.mozilla.org/en-US/docs/Web/CSS/animation)
|
|
11
|
-
* @deprecated
|
|
12
|
-
*/
|
|
7
|
+
/** sets [CSS animation property](https://developer.mozilla.org/en-US/docs/Web/CSS/animation) */
|
|
13
8
|
animation?: Property.Animation;
|
|
14
|
-
/** sets [CSS appearance property](https://developer.mozilla.org/en-US/docs/Web/CSS/appearance)
|
|
15
|
-
* @deprecated
|
|
16
|
-
*/
|
|
9
|
+
/** sets [CSS appearance property](https://developer.mozilla.org/en-US/docs/Web/CSS/appearance) */
|
|
17
10
|
appearance?: Property.Appearance;
|
|
18
|
-
/** sets [CSS box-sizing property](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing)
|
|
19
|
-
* @deprecated
|
|
20
|
-
*/
|
|
11
|
+
/** sets [CSS box-sizing property](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing) */
|
|
21
12
|
boxSizing?: Property.BoxSizing;
|
|
22
|
-
/** sets [CSS content property](https://developer.mozilla.org/en-US/docs/Web/CSS/content)
|
|
23
|
-
* @deprecated
|
|
24
|
-
*/
|
|
13
|
+
/** sets [CSS content property](https://developer.mozilla.org/en-US/docs/Web/CSS/content) */
|
|
25
14
|
content?: Property.Content;
|
|
26
|
-
/** sets [CSS cursor property](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor)
|
|
27
|
-
* @deprecated
|
|
28
|
-
*/
|
|
15
|
+
/** sets [CSS cursor property](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) */
|
|
29
16
|
cursor?: Property.Cursor;
|
|
30
|
-
/** sets [CSS fill property](https://developer.mozilla.org/en-US/docs/Web/CSS/fill)
|
|
31
|
-
* @deprecated
|
|
32
|
-
*/
|
|
17
|
+
/** sets [CSS fill property](https://developer.mozilla.org/en-US/docs/Web/CSS/fill) */
|
|
33
18
|
fill?: Property.Fill;
|
|
34
|
-
/** sets [CSS float property](https://developer.mozilla.org/en-US/docs/Web/CSS/float)
|
|
35
|
-
* @deprecated
|
|
36
|
-
*/
|
|
19
|
+
/** sets [CSS float property](https://developer.mozilla.org/en-US/docs/Web/CSS/float) */
|
|
37
20
|
float?: Property.Float;
|
|
38
|
-
/** sets [CSS object-fit property](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit)
|
|
39
|
-
* @deprecated
|
|
40
|
-
*/
|
|
21
|
+
/** sets [CSS object-fit property](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) */
|
|
41
22
|
objectFit?: Property.ObjectFit;
|
|
42
|
-
/** sets [CSS object-position property](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position)
|
|
43
|
-
* @deprecated
|
|
44
|
-
*/
|
|
23
|
+
/** sets [CSS object-position property](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) */
|
|
45
24
|
objectPosition?: Property.ObjectPosition;
|
|
46
|
-
/** sets [CSS opacity](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)
|
|
47
|
-
* @deprecated
|
|
48
|
-
*/
|
|
25
|
+
/** sets [CSS opacity](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) */
|
|
49
26
|
opacity?: Property.Opacity;
|
|
50
|
-
/** sets [CSS outline property](https://developer.mozilla.org/en-US/docs/Web/CSS/outline)
|
|
51
|
-
* @deprecated
|
|
52
|
-
*/
|
|
27
|
+
/** sets [CSS outline property](https://developer.mozilla.org/en-US/docs/Web/CSS/outline) */
|
|
53
28
|
outline?: Property.Outline;
|
|
54
|
-
/** sets [CSS outline-offset property](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset)
|
|
55
|
-
* @deprecated
|
|
56
|
-
*/
|
|
29
|
+
/** sets [CSS outline-offset property](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset) */
|
|
57
30
|
outlineOffset?: Property.OutlineOffset;
|
|
58
|
-
/** sets [CSS overflow-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap)
|
|
59
|
-
* @deprecated
|
|
60
|
-
*/
|
|
31
|
+
/** sets [CSS overflow-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap) */
|
|
61
32
|
overflowWrap?: Property.OverflowWrap;
|
|
62
|
-
/** sets [CSS pointer-events property](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events)
|
|
63
|
-
* @deprecated
|
|
64
|
-
*/
|
|
33
|
+
/** sets [CSS pointer-events property](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events) */
|
|
65
34
|
pointerEvents?: Property.PointerEvents;
|
|
66
|
-
/** sets [CSS resize property](https://developer.mozilla.org/en-US/docs/Web/CSS/resize)
|
|
67
|
-
* @deprecated
|
|
68
|
-
*/
|
|
35
|
+
/** sets [CSS resize property](https://developer.mozilla.org/en-US/docs/Web/CSS/resize) */
|
|
69
36
|
resize?: Property.Resize;
|
|
70
|
-
/** sets [CSS scroll margin property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin)
|
|
71
|
-
* @deprecated
|
|
72
|
-
*/
|
|
37
|
+
/** sets [CSS scroll margin property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin) */
|
|
73
38
|
scrollMargin?: Property.ScrollMargin;
|
|
74
|
-
/** sets [CSS scroll margin bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-bottom)
|
|
75
|
-
* @deprecated
|
|
76
|
-
*/
|
|
39
|
+
/** sets [CSS scroll margin bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-bottom) */
|
|
77
40
|
scrollMarginBottom?: Property.ScrollMarginBottom;
|
|
78
|
-
/** sets [CSS scroll margin top property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top)
|
|
79
|
-
* @deprecated
|
|
80
|
-
*/
|
|
41
|
+
/** sets [CSS scroll margin top property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top) */
|
|
81
42
|
scrollMarginTop?: Property.ScrollMarginTop;
|
|
82
|
-
/** sets [CSS scroll margin inline start property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-inline-start)
|
|
83
|
-
* @deprecated
|
|
84
|
-
*/
|
|
43
|
+
/** sets [CSS scroll margin inline start property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-inline-start) */
|
|
85
44
|
scrollMarginInlineStart?: Property.ScrollMarginInlineStart;
|
|
86
|
-
/** sets [CSS scroll margin inline end property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-inline-end)
|
|
87
|
-
* @deprecated
|
|
88
|
-
*/
|
|
45
|
+
/** sets [CSS scroll margin inline end property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-inline-end) */
|
|
89
46
|
scrollMarginInlineEnd?: Property.ScrollMarginInlineEnd;
|
|
90
|
-
/** sets [CSS scroll padding property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding)
|
|
91
|
-
* @deprecated
|
|
92
|
-
*/
|
|
47
|
+
/** sets [CSS scroll padding property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding) */
|
|
93
48
|
scrollPadding?: Property.ScrollPadding;
|
|
94
|
-
/** sets [CSS scroll padding bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-bottom)
|
|
95
|
-
* @deprecated
|
|
96
|
-
*/
|
|
49
|
+
/** sets [CSS scroll padding bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-bottom) */
|
|
97
50
|
scrollPaddingBottom?: Property.ScrollPaddingBottom;
|
|
98
|
-
/** sets [CSS scroll padding top property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-top)
|
|
99
|
-
* @deprecated
|
|
100
|
-
*/
|
|
51
|
+
/** sets [CSS scroll padding top property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-top) */
|
|
101
52
|
scrollPaddingTop?: Property.ScrollPaddingTop;
|
|
102
|
-
/** sets [CSS scroll padding inline start property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-inline-start)
|
|
103
|
-
* @deprecated
|
|
104
|
-
*/
|
|
53
|
+
/** sets [CSS scroll padding inline start property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-inline-start) */
|
|
105
54
|
scrollPaddingInlineStart?: Property.ScrollPaddingInlineStart;
|
|
106
|
-
/** sets [CSS scroll padding inline end property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-inline-end)
|
|
107
|
-
* @deprecated
|
|
108
|
-
*/
|
|
55
|
+
/** sets [CSS scroll padding inline end property](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-inline-end) */
|
|
109
56
|
scrollPaddingInlineEnd?: Property.ScrollPaddingInlineEnd;
|
|
110
|
-
/** sets [CSS scroll snap align property](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align)
|
|
111
|
-
* @deprecated
|
|
112
|
-
*/
|
|
57
|
+
/** sets [CSS scroll snap align property](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align) */
|
|
113
58
|
scrollSnapAlign?: Property.ScrollSnapAlign;
|
|
114
|
-
/** sets [CSS scroll snap stop property](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop)
|
|
115
|
-
* @deprecated
|
|
116
|
-
*/
|
|
59
|
+
/** sets [CSS scroll snap stop property](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop) */
|
|
117
60
|
scrollSnapStop?: Property.ScrollSnapStop;
|
|
118
|
-
/** sets [CSS scroll snap type property](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type)
|
|
119
|
-
* @deprecated
|
|
120
|
-
*/
|
|
61
|
+
/** sets [CSS scroll snap type property](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type) */
|
|
121
62
|
scrollSnapType?: Property.ScrollSnapType;
|
|
122
|
-
/** sets [CSS stroke property](https://developer.mozilla.org/en-US/docs/Web/CSS/stroke)
|
|
123
|
-
* @deprecated
|
|
124
|
-
*/
|
|
63
|
+
/** sets [CSS stroke property](https://developer.mozilla.org/en-US/docs/Web/CSS/stroke) */
|
|
125
64
|
stroke?: Property.Stroke;
|
|
126
|
-
/** sets [CSS transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/transform)
|
|
127
|
-
* @deprecated
|
|
128
|
-
*/
|
|
65
|
+
/** sets [CSS transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/transform) */
|
|
129
66
|
transform?: Property.Transform;
|
|
130
|
-
/** sets [CSS transition property](https://developer.mozilla.org/en-US/docs/Web/CSS/transition)
|
|
131
|
-
* @deprecated
|
|
132
|
-
*/
|
|
67
|
+
/** sets [CSS transition property](https://developer.mozilla.org/en-US/docs/Web/CSS/transition) */
|
|
133
68
|
transition?: Property.Transition;
|
|
134
|
-
/** sets [CSS user-select property](https://developer.mozilla.org/en-US/docs/Web/CSS/user-select)
|
|
135
|
-
* @deprecated
|
|
136
|
-
*/
|
|
69
|
+
/** sets [CSS user-select property](https://developer.mozilla.org/en-US/docs/Web/CSS/user-select) */
|
|
137
70
|
userSelect?: Property.UserSelect;
|
|
138
|
-
/** sets [CSS visibility property](https://developer.mozilla.org/en-US/docs/Web/CSS/visibility)
|
|
139
|
-
* @deprecated
|
|
140
|
-
*/
|
|
71
|
+
/** sets [CSS visibility property](https://developer.mozilla.org/en-US/docs/Web/CSS/visibility) */
|
|
141
72
|
visibility?: Property.Visibility;
|
|
142
73
|
};
|
|
143
74
|
|
|
144
|
-
/** @deprecated */
|
|
145
75
|
export const otherStyleFnConfigs: StyleFnConfig[] = [
|
|
146
76
|
{
|
|
147
77
|
name: 'animation',
|
|
@@ -240,8 +170,6 @@ export const otherStyleFnConfigs: StyleFnConfig[] = [
|
|
|
240
170
|
},
|
|
241
171
|
];
|
|
242
172
|
|
|
243
|
-
/** @deprecated */
|
|
244
173
|
export const otherStyleFns = buildStyleFns(otherStyleFnConfigs);
|
|
245
174
|
|
|
246
|
-
/** @deprecated */
|
|
247
175
|
export const other = buildStylePropFn<OtherStyleProps>(otherStyleFns);
|
|
@@ -2,63 +2,50 @@ import {Property} from 'csstype';
|
|
|
2
2
|
|
|
3
3
|
import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
|
|
4
4
|
|
|
5
|
-
/**
|
|
6
|
-
* style props to for CSS position properties
|
|
7
|
-
* @deprecated ⚠️ Style props are deprecated. Please use our `cs` prop with `createStencil` or `createStyles` to apply styles. For more information view our [Styling docs](* @deprecated ⚠️ `boxStyleFn` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
|
|
8
|
-
*/
|
|
5
|
+
/** style props to for CSS position properties */
|
|
9
6
|
export type PositionStyleProps = {
|
|
10
7
|
/**
|
|
11
8
|
* - sets [CSS position property](https://developer.mozilla.org/en-US/docs/Web/CSS/position)
|
|
12
|
-
*
|
|
13
|
-
*/
|
|
9
|
+
* */
|
|
14
10
|
position?: Property.Position;
|
|
15
11
|
/**
|
|
16
12
|
* - sets [CSS z-index property](https://developer.mozilla.org/en-US/docs/Web/CSS/z-index)
|
|
17
|
-
*
|
|
18
|
-
*/
|
|
13
|
+
* */
|
|
19
14
|
zIndex?: Property.ZIndex;
|
|
20
15
|
/**
|
|
21
16
|
* - sets [CSS top property](https://developer.mozilla.org/en-US/docs/Web/CSS/top)
|
|
22
|
-
*
|
|
23
|
-
*/
|
|
17
|
+
* */
|
|
24
18
|
top?: number | string;
|
|
25
19
|
/**
|
|
26
20
|
* - sets [CSS right property](https://developer.mozilla.org/en-US/docs/Web/CSS/right)
|
|
27
21
|
* - no bidirectional support
|
|
28
|
-
*
|
|
29
|
-
*/
|
|
22
|
+
* */
|
|
30
23
|
right?: number | string;
|
|
31
24
|
/**
|
|
32
25
|
* - sets [CSS bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/bottom)
|
|
33
|
-
*
|
|
34
|
-
*/
|
|
26
|
+
* */
|
|
35
27
|
bottom?: number | string;
|
|
36
28
|
/**
|
|
37
29
|
* - sets [CSS left property](https://developer.mozilla.org/en-US/docs/Web/CSS/left)
|
|
38
30
|
* - no bidirectional support
|
|
39
|
-
*
|
|
40
|
-
*/
|
|
31
|
+
* */
|
|
41
32
|
left?: number | string;
|
|
42
33
|
/**
|
|
43
34
|
* - sets [CSS inset property](https://developer.mozilla.org/en-US/docs/Web/CSS/inset)
|
|
44
|
-
* @deprecated
|
|
45
35
|
*/
|
|
46
36
|
inset?: number | string;
|
|
47
37
|
/**
|
|
48
38
|
* - sets [CSS inset-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline-start)
|
|
49
39
|
* - bidirectional support
|
|
50
|
-
*
|
|
51
|
-
*/
|
|
40
|
+
* */
|
|
52
41
|
insetInlineStart?: number | string;
|
|
53
42
|
/**
|
|
54
43
|
* - sets [CSS inset-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline-end)
|
|
55
44
|
* - bidirectional support
|
|
56
|
-
*
|
|
57
|
-
*/
|
|
45
|
+
* */
|
|
58
46
|
insetInlineEnd?: number | string;
|
|
59
47
|
};
|
|
60
48
|
|
|
61
|
-
/** @deprecated */
|
|
62
49
|
export const positionStyleFnConfigs: StyleFnConfig[] = [
|
|
63
50
|
{
|
|
64
51
|
name: 'position',
|
|
@@ -107,7 +94,6 @@ export const positionStyleFnConfigs: StyleFnConfig[] = [
|
|
|
107
94
|
},
|
|
108
95
|
];
|
|
109
96
|
|
|
110
|
-
/** @deprecated */
|
|
111
97
|
export const positionStyleFns = buildStyleFns(positionStyleFnConfigs);
|
|
112
98
|
/**
|
|
113
99
|
* A style prop function that takes component props and returns position styles.
|
|
@@ -121,6 +107,5 @@ export const positionStyleFns = buildStyleFns(positionStyleFnConfigs);
|
|
|
121
107
|
* </Box>
|
|
122
108
|
* );
|
|
123
109
|
* ```
|
|
124
|
-
* @deprecated
|
|
125
110
|
*/
|
|
126
111
|
export const position = buildStylePropFn<PositionStyleProps>(positionStyleFns);
|
|
@@ -1,129 +1,108 @@
|
|
|
1
1
|
import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
|
|
2
2
|
import {SystemPropValues} from './systemProps';
|
|
3
3
|
|
|
4
|
-
/** style props to for CSS space 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 space properties */
|
|
7
5
|
export type SpaceStyleProps = {
|
|
8
6
|
/**
|
|
9
7
|
* - sets [CSS margin-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-start)
|
|
10
8
|
* - bidirectional support
|
|
11
9
|
* - system tokens: `space`
|
|
12
|
-
*
|
|
13
|
-
*/
|
|
10
|
+
* */
|
|
14
11
|
marginInlineStart?: SystemPropValues['space'];
|
|
15
12
|
/**
|
|
16
13
|
* - sets [CSS margin-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-end)
|
|
17
14
|
* - bidirectional support
|
|
18
15
|
* - system tokens: `space`
|
|
19
|
-
*
|
|
20
|
-
*/
|
|
16
|
+
* */
|
|
21
17
|
marginInlineEnd?: SystemPropValues['space'];
|
|
22
18
|
/**
|
|
23
19
|
* - sets [CSS padding-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-start)
|
|
24
20
|
* - bidirectional support
|
|
25
21
|
* - system tokens: `space`
|
|
26
|
-
*
|
|
27
|
-
*/
|
|
22
|
+
* */
|
|
28
23
|
paddingInlineStart?: SystemPropValues['space'];
|
|
29
24
|
/**
|
|
30
25
|
* - sets [CSS padding-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-end)
|
|
31
26
|
* - bidirectional support
|
|
32
27
|
* - system tokens: `space`
|
|
33
|
-
*
|
|
34
|
-
*/
|
|
28
|
+
* */
|
|
35
29
|
paddingInlineEnd?: SystemPropValues['space'];
|
|
36
30
|
/**
|
|
37
31
|
* - sets [CSS margin property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)
|
|
38
32
|
* - system tokens: `space`
|
|
39
|
-
*
|
|
40
|
-
*/
|
|
33
|
+
* */
|
|
41
34
|
margin?: SystemPropValues['space'];
|
|
42
35
|
/**
|
|
43
36
|
* - 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)
|
|
44
37
|
* - system tokens: `space`
|
|
45
|
-
*
|
|
46
|
-
*/
|
|
38
|
+
* */
|
|
47
39
|
marginX?: SystemPropValues['space'];
|
|
48
40
|
/**
|
|
49
41
|
* - 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)
|
|
50
42
|
* - system tokens: `space`
|
|
51
|
-
*
|
|
52
|
-
*/
|
|
43
|
+
* */
|
|
53
44
|
marginY?: SystemPropValues['space'];
|
|
54
45
|
/**
|
|
55
46
|
* - sets [CSS margin-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top)
|
|
56
47
|
* - system tokens: `space`
|
|
57
|
-
*
|
|
58
|
-
*/
|
|
48
|
+
* */
|
|
59
49
|
marginTop?: SystemPropValues['space'];
|
|
60
50
|
/**
|
|
61
51
|
* - sets [CSS margin-right property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)
|
|
62
52
|
* - no bidirectional support
|
|
63
53
|
* - system tokens: `space`
|
|
64
|
-
*
|
|
65
|
-
*/
|
|
54
|
+
* */
|
|
66
55
|
marginRight?: SystemPropValues['space'];
|
|
67
56
|
/**
|
|
68
57
|
* - sets [CSS margin-bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)
|
|
69
58
|
* - system tokens: `space`
|
|
70
|
-
*
|
|
71
|
-
*/
|
|
59
|
+
* */
|
|
72
60
|
marginBottom?: SystemPropValues['space'];
|
|
73
61
|
/**
|
|
74
62
|
* - sets [CSS margin-left property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left)
|
|
75
63
|
* - no bidirectional support
|
|
76
64
|
* - system tokens: `space`
|
|
77
|
-
*
|
|
78
|
-
*/
|
|
65
|
+
* */
|
|
79
66
|
marginLeft?: SystemPropValues['space'];
|
|
80
67
|
/**
|
|
81
68
|
* - sets [CSS padding property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)
|
|
82
69
|
* - system tokens: `space`
|
|
83
|
-
*
|
|
84
|
-
*/
|
|
70
|
+
* */
|
|
85
71
|
padding?: SystemPropValues['space'];
|
|
86
72
|
/**
|
|
87
73
|
* - 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)
|
|
88
74
|
* - system tokens: `space`
|
|
89
|
-
*
|
|
90
|
-
*/
|
|
75
|
+
* */
|
|
91
76
|
paddingX?: SystemPropValues['space'];
|
|
92
77
|
/**
|
|
93
78
|
* - 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)
|
|
94
79
|
* - system tokens: `space`
|
|
95
|
-
*
|
|
96
|
-
*/
|
|
80
|
+
* */
|
|
97
81
|
paddingY?: SystemPropValues['space'];
|
|
98
82
|
/**
|
|
99
83
|
* - sets [CSS padding-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top)
|
|
100
84
|
* - system tokens: `space`
|
|
101
|
-
*
|
|
102
|
-
*/
|
|
85
|
+
* */
|
|
103
86
|
paddingTop?: SystemPropValues['space'];
|
|
104
87
|
/**
|
|
105
88
|
* - sets [CSS padding-right property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)
|
|
106
89
|
* - no bidirectional support
|
|
107
90
|
* - system tokens: `space`
|
|
108
|
-
*
|
|
109
|
-
*/
|
|
91
|
+
* */
|
|
110
92
|
paddingRight?: SystemPropValues['space'];
|
|
111
93
|
/**
|
|
112
94
|
* - sets [CSS padding-bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)
|
|
113
95
|
* - system tokens: `space`
|
|
114
|
-
*
|
|
115
|
-
*/
|
|
96
|
+
* */
|
|
116
97
|
paddingBottom?: SystemPropValues['space'];
|
|
117
98
|
/**
|
|
118
99
|
* - sets [CSS padding-left property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left)
|
|
119
100
|
* - no bidirectional support
|
|
120
101
|
* - system tokens: `space`
|
|
121
|
-
*
|
|
122
|
-
*/
|
|
102
|
+
* */
|
|
123
103
|
paddingLeft?: SystemPropValues['space'];
|
|
124
104
|
};
|
|
125
105
|
|
|
126
|
-
/** @deprecated */
|
|
127
106
|
export const spaceStyleFnConfigs: StyleFnConfig[] = [
|
|
128
107
|
{
|
|
129
108
|
name: 'marginInlineStart',
|
|
@@ -217,7 +196,6 @@ export const spaceStyleFnConfigs: StyleFnConfig[] = [
|
|
|
217
196
|
},
|
|
218
197
|
];
|
|
219
198
|
|
|
220
|
-
/** @deprecated */
|
|
221
199
|
export const spaceStyleFns = buildStyleFns(spaceStyleFnConfigs);
|
|
222
200
|
/**
|
|
223
201
|
* A style prop function that takes component props and returns space styles.
|
|
@@ -231,6 +209,5 @@ export const spaceStyleFns = buildStyleFns(spaceStyleFnConfigs);
|
|
|
231
209
|
* </Box>
|
|
232
210
|
* );
|
|
233
211
|
* ```
|
|
234
|
-
* @deprecated
|
|
235
212
|
*/
|
|
236
213
|
export const space = buildStylePropFn<SpaceStyleProps>(spaceStyleFns);
|
|
@@ -28,7 +28,6 @@ import {TextStyleProps} from './text';
|
|
|
28
28
|
* - position
|
|
29
29
|
* - space
|
|
30
30
|
* - text
|
|
31
|
-
* @deprecated
|
|
32
31
|
*/
|
|
33
32
|
export type CommonStyleProps = BackgroundStyleProps &
|
|
34
33
|
BorderStyleProps &
|
|
@@ -49,7 +48,6 @@ export type CommonStyleProps = BackgroundStyleProps &
|
|
|
49
48
|
* - common
|
|
50
49
|
* - flex
|
|
51
50
|
* - grid
|
|
52
|
-
* @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).
|
|
53
51
|
*/
|
|
54
52
|
export type AllStyleProps = CommonStyleProps &
|
|
55
53
|
// Omitting 'display' here to default to the standard csstype type Property.Display
|
|
@@ -6,7 +6,6 @@ import {
|
|
|
6
6
|
CanvasTypeProperties,
|
|
7
7
|
} from '@workday/canvas-kit-react/tokens';
|
|
8
8
|
|
|
9
|
-
/** @deprecated */
|
|
10
9
|
export type SystemPropNames =
|
|
11
10
|
| 'color'
|
|
12
11
|
| 'depth'
|
|
@@ -20,22 +19,14 @@ export type SystemPropNames =
|
|
|
20
19
|
* Canvas System Prop Values
|
|
21
20
|
* ---
|
|
22
21
|
* These system prop values are restricted to Canvas token values.
|
|
23
|
-
* @deprecated
|
|
24
22
|
*/
|
|
25
23
|
export type CanvasSystemPropValues = {
|
|
26
|
-
/** @deprecated */
|
|
27
24
|
color: CanvasColor;
|
|
28
|
-
/** @deprecated */
|
|
29
25
|
depth: keyof CanvasDepth;
|
|
30
|
-
/** @deprecated */
|
|
31
26
|
font: keyof CanvasTypeProperties['fontFamilies'];
|
|
32
|
-
/** @deprecated */
|
|
33
27
|
fontSize: keyof CanvasTypeProperties['fontSizes'];
|
|
34
|
-
/** @deprecated */
|
|
35
28
|
fontWeight: keyof CanvasTypeProperties['fontWeights'];
|
|
36
|
-
/** @deprecated */
|
|
37
29
|
shape: CanvasBorderRadiusKeys;
|
|
38
|
-
/** @deprecated */
|
|
39
30
|
space: CanvasSpaceKeys;
|
|
40
31
|
};
|
|
41
32
|
|
|
@@ -43,21 +34,13 @@ export type CanvasSystemPropValues = {
|
|
|
43
34
|
* System Prop Values
|
|
44
35
|
* ---
|
|
45
36
|
* These system prop values include Canvas System Prop Values and generic values.
|
|
46
|
-
* @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).
|
|
47
37
|
*/
|
|
48
38
|
export type SystemPropValues = {
|
|
49
|
-
/** @deprecated */
|
|
50
39
|
color: CanvasSystemPropValues['color'] | (string & {});
|
|
51
|
-
/** @deprecated */
|
|
52
40
|
depth: CanvasSystemPropValues['depth'];
|
|
53
|
-
/** @deprecated */
|
|
54
41
|
font: CanvasSystemPropValues['font'] | (string & {});
|
|
55
|
-
/** @deprecated */
|
|
56
42
|
fontSize: CanvasSystemPropValues['fontSize'] | (string & {});
|
|
57
|
-
/** @deprecated */
|
|
58
43
|
fontWeight: CanvasSystemPropValues['fontWeight'] | (string & {});
|
|
59
|
-
/** @deprecated */
|
|
60
44
|
shape: CanvasSystemPropValues['shape'] | number | (string & {});
|
|
61
|
-
/** @deprecated */
|
|
62
45
|
space: CanvasSystemPropValues['space'] | number | (string & {});
|
|
63
46
|
};
|
package/layout/lib/utils/text.ts
CHANGED
|
@@ -3,71 +3,42 @@ import {Property} from 'csstype';
|
|
|
3
3
|
import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
|
|
4
4
|
import {SystemPropValues} from './systemProps';
|
|
5
5
|
|
|
6
|
-
/** style props to for CSS font and text properties
|
|
7
|
-
* @deprecated ⚠️ Style props are deprecated. Please use our `cs` prop with `createStencil` or `createStyles` to apply styles. For more information view our [Styling docs](* @deprecated ⚠️ `boxStyleFn` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
|
|
8
|
-
*/
|
|
6
|
+
/** style props to for CSS font and text properties */
|
|
9
7
|
export type TextStyleProps = {
|
|
10
8
|
/**
|
|
11
9
|
* - sets [CSS font-family property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family)
|
|
12
|
-
* - system tokens: `font`
|
|
13
|
-
* @deprecated
|
|
14
|
-
*/
|
|
10
|
+
* - system tokens: `font` */
|
|
15
11
|
fontFamily?: Property.FontFamily | SystemPropValues['font'];
|
|
16
12
|
/**
|
|
17
13
|
* - sets [CSS font-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
|
|
18
|
-
* - system tokens: `fontSize`
|
|
19
|
-
* @deprecated
|
|
20
|
-
*/
|
|
14
|
+
* - system tokens: `fontSize` */
|
|
21
15
|
fontSize?: Property.FontSize | SystemPropValues['fontSize'];
|
|
22
|
-
/** sets [CSS font-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style)
|
|
23
|
-
* @deprecated
|
|
24
|
-
*/
|
|
16
|
+
/** sets [CSS font-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style) */
|
|
25
17
|
fontStyle?: Property.FontStyle;
|
|
26
18
|
/**
|
|
27
19
|
* - sets [CSS font-weight property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)
|
|
28
|
-
* - system tokens: `fontWeight`
|
|
29
|
-
* @deprecated
|
|
30
|
-
*/
|
|
20
|
+
* - system tokens: `fontWeight` */
|
|
31
21
|
fontWeight?: Property.FontWeight | SystemPropValues['fontWeight'];
|
|
32
|
-
/** sets [CSS line-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height)
|
|
33
|
-
* @deprecated
|
|
34
|
-
*/
|
|
22
|
+
/** sets [CSS line-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height) */
|
|
35
23
|
lineHeight?: Property.LineHeight;
|
|
36
|
-
/** sets [CSS letter-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing)
|
|
37
|
-
* @deprecated
|
|
38
|
-
*/
|
|
24
|
+
/** sets [CSS letter-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing) */
|
|
39
25
|
letterSpacing?: Property.LetterSpacing;
|
|
40
|
-
/** sets [CSS text-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align)
|
|
41
|
-
* @deprecated
|
|
42
|
-
*/
|
|
26
|
+
/** sets [CSS text-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) */
|
|
43
27
|
textAlign?: Property.TextAlign;
|
|
44
|
-
/** sets [CSS text-decoration property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)
|
|
45
|
-
* @deprecated
|
|
46
|
-
*/
|
|
28
|
+
/** sets [CSS text-decoration property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration) */
|
|
47
29
|
textDecoration?: Property.TextDecoration;
|
|
48
|
-
/** sets [CSS text-overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow)
|
|
49
|
-
* @deprecated
|
|
50
|
-
*/
|
|
30
|
+
/** sets [CSS text-overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow) */
|
|
51
31
|
textOverflow?: Property.TextOverflow;
|
|
52
|
-
/** sets [CSS text-transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform)
|
|
53
|
-
* @deprecated
|
|
54
|
-
*/
|
|
32
|
+
/** sets [CSS text-transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform) */
|
|
55
33
|
textTransform?: Property.TextTransform;
|
|
56
|
-
/** sets [CSS text-shadow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow)
|
|
57
|
-
* @deprecated
|
|
58
|
-
*/
|
|
34
|
+
/** sets [CSS text-shadow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow) */
|
|
59
35
|
textShadow?: Property.TextShadow;
|
|
60
|
-
/** sets [CSS white-space property](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space)
|
|
61
|
-
* @deprecated
|
|
62
|
-
*/
|
|
36
|
+
/** sets [CSS white-space property](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) */
|
|
63
37
|
whiteSpace?: Property.WhiteSpace;
|
|
64
|
-
/** sets [CSS word-break property](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break)
|
|
65
|
-
* @deprecated
|
|
66
|
-
*/
|
|
38
|
+
/** sets [CSS word-break property](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break) */
|
|
67
39
|
wordBreak?: Property.WordBreak;
|
|
68
40
|
};
|
|
69
41
|
|
|
70
|
-
/** @deprecated */
|
|
71
42
|
export const textStyleFnConfigs: StyleFnConfig[] = [
|
|
72
43
|
{
|
|
73
44
|
name: 'fontFamily',
|
|
@@ -136,7 +107,6 @@ export const textStyleFnConfigs: StyleFnConfig[] = [
|
|
|
136
107
|
},
|
|
137
108
|
];
|
|
138
109
|
|
|
139
|
-
/** @deprecated */
|
|
140
110
|
export const textStyleFns = buildStyleFns(textStyleFnConfigs);
|
|
141
111
|
/**
|
|
142
112
|
* A style prop function that takes component props and returns font and text styles.
|
|
@@ -148,6 +118,5 @@ export const textStyleFns = buildStyleFns(textStyleFnConfigs);
|
|
|
148
118
|
* <Box textAlign="center" fontWeight="medium">Hello, alignment!</Box>
|
|
149
119
|
* );
|
|
150
120
|
* ```
|
|
151
|
-
* @deprecated
|
|
152
121
|
*/
|
|
153
122
|
export const text = buildStylePropFn<TextStyleProps>(textStyleFns);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-react",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "15.0.0-alpha.1283-next.0",
|
|
4
4
|
"description": "The parent module that contains all Workday Canvas Kit React components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -52,8 +52,8 @@
|
|
|
52
52
|
"@popperjs/core": "^2.5.4",
|
|
53
53
|
"@tanstack/react-virtual": "^3.13.9",
|
|
54
54
|
"@workday/canvas-colors-web": "^2.0.0",
|
|
55
|
-
"@workday/canvas-kit-popup-stack": "^
|
|
56
|
-
"@workday/canvas-kit-styling": "^
|
|
55
|
+
"@workday/canvas-kit-popup-stack": "^15.0.0-alpha.1283-next.0",
|
|
56
|
+
"@workday/canvas-kit-styling": "^15.0.0-alpha.1283-next.0",
|
|
57
57
|
"@workday/canvas-system-icons-web": "^3.0.36",
|
|
58
58
|
"@workday/canvas-tokens-web": "^3.1.1",
|
|
59
59
|
"@workday/design-assets-types": "^0.2.10",
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"@workday/canvas-accent-icons-web": "^3.0.0",
|
|
69
69
|
"@workday/canvas-applet-icons-web": "^2.0.0"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "69e1e3b1fb6262a3db424e4b538fb6dc1afb20f2"
|
|
72
72
|
}
|
|
@@ -23,7 +23,7 @@ export const textInputStencil = createStencil({
|
|
|
23
23
|
display: 'block',
|
|
24
24
|
border: `${px2rem(1)} solid ${cssVar(system.color.border.input.default)}`,
|
|
25
25
|
backgroundColor: system.color.bg.default,
|
|
26
|
-
borderRadius:
|
|
26
|
+
borderRadius: system.shape.x1Half,
|
|
27
27
|
boxSizing: 'border-box',
|
|
28
28
|
height: system.space.x10,
|
|
29
29
|
transition: '0.2s box-shadow, 0.2s border-color',
|