@workday/canvas-kit-react 14.0.9 → 14.1.0-1284-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/common/lib/theming/createCanvasTheme.ts +4 -0
- package/common/lib/theming/styled.ts +6 -0
- package/common/lib/theming/theme.ts +3 -0
- package/common/lib/theming/useIsRTL.ts +1 -1
- package/common/lib/theming/useTheme.ts +3 -0
- package/common/lib/theming/useThemedRing.ts +4 -0
- package/dist/commonjs/common/lib/theming/createCanvasTheme.d.ts +4 -0
- package/dist/commonjs/common/lib/theming/createCanvasTheme.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/createCanvasTheme.js +4 -0
- package/dist/commonjs/common/lib/theming/styled.d.ts +6 -0
- package/dist/commonjs/common/lib/theming/styled.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/styled.js +6 -0
- package/dist/commonjs/common/lib/theming/theme.d.ts +3 -0
- package/dist/commonjs/common/lib/theming/theme.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/theme.js +3 -0
- package/dist/commonjs/common/lib/theming/useIsRTL.d.ts +1 -1
- package/dist/commonjs/common/lib/theming/useIsRTL.js +1 -1
- package/dist/commonjs/common/lib/theming/useTheme.d.ts +2 -0
- package/dist/commonjs/common/lib/theming/useTheme.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/useTheme.js +3 -0
- package/dist/commonjs/common/lib/theming/useThemedRing.d.ts +4 -0
- package/dist/commonjs/common/lib/theming/useThemedRing.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/useThemedRing.js +4 -0
- 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/common/lib/theming/createCanvasTheme.d.ts +4 -0
- package/dist/es6/common/lib/theming/createCanvasTheme.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/createCanvasTheme.js +4 -0
- package/dist/es6/common/lib/theming/styled.d.ts +6 -0
- package/dist/es6/common/lib/theming/styled.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/styled.js +6 -0
- package/dist/es6/common/lib/theming/theme.d.ts +3 -0
- package/dist/es6/common/lib/theming/theme.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/theme.js +3 -0
- package/dist/es6/common/lib/theming/useIsRTL.d.ts +1 -1
- package/dist/es6/common/lib/theming/useIsRTL.js +1 -1
- package/dist/es6/common/lib/theming/useTheme.d.ts +2 -0
- package/dist/es6/common/lib/theming/useTheme.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/useTheme.js +3 -0
- package/dist/es6/common/lib/theming/useThemedRing.d.ts +4 -0
- package/dist/es6/common/lib/theming/useThemedRing.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/useThemedRing.js +4 -0
- 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":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.other = exports.otherStyleFns = exports.otherStyleFnConfigs = void 0;
|
|
4
4
|
const buildStyleFns_1 = require("./buildStyleFns");
|
|
5
|
+
/** @deprecated */
|
|
5
6
|
exports.otherStyleFnConfigs = [
|
|
6
7
|
{
|
|
7
8
|
name: 'animation',
|
|
@@ -99,5 +100,7 @@ exports.otherStyleFnConfigs = [
|
|
|
99
100
|
system: 'none',
|
|
100
101
|
},
|
|
101
102
|
];
|
|
103
|
+
/** @deprecated */
|
|
102
104
|
exports.otherStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.otherStyleFnConfigs);
|
|
105
|
+
/** @deprecated */
|
|
103
106
|
exports.other = (0, buildStyleFns_1.buildStylePropFn)(exports.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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.position = exports.positionStyleFns = exports.positionStyleFnConfigs = void 0;
|
|
4
4
|
const buildStyleFns_1 = require("./buildStyleFns");
|
|
5
|
+
/** @deprecated */
|
|
5
6
|
exports.positionStyleFnConfigs = [
|
|
6
7
|
{
|
|
7
8
|
name: 'position',
|
|
@@ -49,6 +50,7 @@ exports.positionStyleFnConfigs = [
|
|
|
49
50
|
system: 'none',
|
|
50
51
|
},
|
|
51
52
|
];
|
|
53
|
+
/** @deprecated */
|
|
52
54
|
exports.positionStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.positionStyleFnConfigs);
|
|
53
55
|
/**
|
|
54
56
|
* A style prop function that takes component props and returns position styles.
|
|
@@ -62,5 +64,6 @@ exports.positionStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.positionSt
|
|
|
62
64
|
* </Box>
|
|
63
65
|
* );
|
|
64
66
|
* ```
|
|
67
|
+
* @deprecated
|
|
65
68
|
*/
|
|
66
69
|
exports.position = (0, buildStyleFns_1.buildStylePropFn)(exports.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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
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 */
|
|
5
6
|
exports.spaceStyleFnConfigs = [
|
|
6
7
|
{
|
|
7
8
|
name: 'marginInlineStart',
|
|
@@ -94,6 +95,7 @@ exports.spaceStyleFnConfigs = [
|
|
|
94
95
|
system: 'space',
|
|
95
96
|
},
|
|
96
97
|
];
|
|
98
|
+
/** @deprecated */
|
|
97
99
|
exports.spaceStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.spaceStyleFnConfigs);
|
|
98
100
|
/**
|
|
99
101
|
* A style prop function that takes component props and returns space styles.
|
|
@@ -107,5 +109,6 @@ exports.spaceStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.spaceStyleFnC
|
|
|
107
109
|
* </Box>
|
|
108
110
|
* );
|
|
109
111
|
* ```
|
|
112
|
+
* @deprecated
|
|
110
113
|
*/
|
|
111
114
|
exports.space = (0, buildStyleFns_1.buildStylePropFn)(exports.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"}
|