@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.
Files changed (161) hide show
  1. package/dist/commonjs/layout/lib/Box.d.ts +0 -1
  2. package/dist/commonjs/layout/lib/Box.d.ts.map +1 -1
  3. package/dist/commonjs/layout/lib/Box.js +0 -2
  4. package/dist/commonjs/layout/lib/utils/background.d.ts +8 -25
  5. package/dist/commonjs/layout/lib/utils/background.d.ts.map +1 -1
  6. package/dist/commonjs/layout/lib/utils/background.js +0 -3
  7. package/dist/commonjs/layout/lib/utils/border/color.d.ts +1 -12
  8. package/dist/commonjs/layout/lib/utils/border/color.d.ts.map +1 -1
  9. package/dist/commonjs/layout/lib/utils/border/color.js +0 -2
  10. package/dist/commonjs/layout/lib/utils/border/index.d.ts +0 -3
  11. package/dist/commonjs/layout/lib/utils/border/index.d.ts.map +1 -1
  12. package/dist/commonjs/layout/lib/utils/border/index.js +0 -2
  13. package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts +6 -24
  14. package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts.map +1 -1
  15. package/dist/commonjs/layout/lib/utils/border/lineStyle.js +0 -2
  16. package/dist/commonjs/layout/lib/utils/border/radius.d.ts +6 -15
  17. package/dist/commonjs/layout/lib/utils/border/radius.d.ts.map +1 -1
  18. package/dist/commonjs/layout/lib/utils/border/radius.js +0 -2
  19. package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts +8 -22
  20. package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts.map +1 -1
  21. package/dist/commonjs/layout/lib/utils/border/shorthand.js +0 -2
  22. package/dist/commonjs/layout/lib/utils/border/width.d.ts +4 -18
  23. package/dist/commonjs/layout/lib/utils/border/width.d.ts.map +1 -1
  24. package/dist/commonjs/layout/lib/utils/border/width.js +0 -2
  25. package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts +0 -4
  26. package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts.map +1 -1
  27. package/dist/commonjs/layout/lib/utils/buildStyleFns.js +0 -9
  28. package/dist/commonjs/layout/lib/utils/color.d.ts +4 -13
  29. package/dist/commonjs/layout/lib/utils/color.d.ts.map +1 -1
  30. package/dist/commonjs/layout/lib/utils/color.js +0 -3
  31. package/dist/commonjs/layout/lib/utils/depth.d.ts +3 -11
  32. package/dist/commonjs/layout/lib/utils/depth.d.ts.map +1 -1
  33. package/dist/commonjs/layout/lib/utils/depth.js +0 -3
  34. package/dist/commonjs/layout/lib/utils/flex.d.ts +11 -32
  35. package/dist/commonjs/layout/lib/utils/flex.d.ts.map +1 -1
  36. package/dist/commonjs/layout/lib/utils/flex.js +0 -3
  37. package/dist/commonjs/layout/lib/utils/flexItem.d.ts +8 -27
  38. package/dist/commonjs/layout/lib/utils/flexItem.d.ts.map +1 -1
  39. package/dist/commonjs/layout/lib/utils/flexItem.js +0 -3
  40. package/dist/commonjs/layout/lib/utils/grid.d.ts +19 -56
  41. package/dist/commonjs/layout/lib/utils/grid.d.ts.map +1 -1
  42. package/dist/commonjs/layout/lib/utils/grid.js +0 -3
  43. package/dist/commonjs/layout/lib/utils/gridItem.d.ts +11 -36
  44. package/dist/commonjs/layout/lib/utils/gridItem.d.ts.map +1 -1
  45. package/dist/commonjs/layout/lib/utils/gridItem.js +0 -3
  46. package/dist/commonjs/layout/lib/utils/layout.d.ts +13 -36
  47. package/dist/commonjs/layout/lib/utils/layout.d.ts.map +1 -1
  48. package/dist/commonjs/layout/lib/utils/layout.js +0 -3
  49. package/dist/commonjs/layout/lib/utils/mergeStyles.d.ts +0 -1
  50. package/dist/commonjs/layout/lib/utils/mergeStyles.d.ts.map +1 -1
  51. package/dist/commonjs/layout/lib/utils/mergeStyles.js +0 -1
  52. package/dist/commonjs/layout/lib/utils/other.d.ts +34 -106
  53. package/dist/commonjs/layout/lib/utils/other.d.ts.map +1 -1
  54. package/dist/commonjs/layout/lib/utils/other.js +0 -3
  55. package/dist/commonjs/layout/lib/utils/position.d.ts +9 -24
  56. package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -1
  57. package/dist/commonjs/layout/lib/utils/position.js +0 -3
  58. package/dist/commonjs/layout/lib/utils/space.d.ts +19 -42
  59. package/dist/commonjs/layout/lib/utils/space.d.ts.map +1 -1
  60. package/dist/commonjs/layout/lib/utils/space.js +0 -3
  61. package/dist/commonjs/layout/lib/utils/styleProps.d.ts +0 -2
  62. package/dist/commonjs/layout/lib/utils/styleProps.d.ts.map +1 -1
  63. package/dist/commonjs/layout/lib/utils/systemProps.d.ts +0 -17
  64. package/dist/commonjs/layout/lib/utils/systemProps.d.ts.map +1 -1
  65. package/dist/commonjs/layout/lib/utils/text.d.ts +14 -45
  66. package/dist/commonjs/layout/lib/utils/text.d.ts.map +1 -1
  67. package/dist/commonjs/layout/lib/utils/text.js +0 -3
  68. package/dist/commonjs/text-input/lib/TextInput.js +5 -5
  69. package/dist/es6/layout/lib/Box.d.ts +0 -1
  70. package/dist/es6/layout/lib/Box.d.ts.map +1 -1
  71. package/dist/es6/layout/lib/Box.js +0 -2
  72. package/dist/es6/layout/lib/utils/background.d.ts +8 -25
  73. package/dist/es6/layout/lib/utils/background.d.ts.map +1 -1
  74. package/dist/es6/layout/lib/utils/background.js +0 -3
  75. package/dist/es6/layout/lib/utils/border/color.d.ts +1 -12
  76. package/dist/es6/layout/lib/utils/border/color.d.ts.map +1 -1
  77. package/dist/es6/layout/lib/utils/border/color.js +0 -2
  78. package/dist/es6/layout/lib/utils/border/index.d.ts +0 -3
  79. package/dist/es6/layout/lib/utils/border/index.d.ts.map +1 -1
  80. package/dist/es6/layout/lib/utils/border/index.js +0 -2
  81. package/dist/es6/layout/lib/utils/border/lineStyle.d.ts +6 -24
  82. package/dist/es6/layout/lib/utils/border/lineStyle.d.ts.map +1 -1
  83. package/dist/es6/layout/lib/utils/border/lineStyle.js +0 -2
  84. package/dist/es6/layout/lib/utils/border/radius.d.ts +6 -15
  85. package/dist/es6/layout/lib/utils/border/radius.d.ts.map +1 -1
  86. package/dist/es6/layout/lib/utils/border/radius.js +0 -2
  87. package/dist/es6/layout/lib/utils/border/shorthand.d.ts +8 -22
  88. package/dist/es6/layout/lib/utils/border/shorthand.d.ts.map +1 -1
  89. package/dist/es6/layout/lib/utils/border/shorthand.js +0 -2
  90. package/dist/es6/layout/lib/utils/border/width.d.ts +4 -18
  91. package/dist/es6/layout/lib/utils/border/width.d.ts.map +1 -1
  92. package/dist/es6/layout/lib/utils/border/width.js +0 -2
  93. package/dist/es6/layout/lib/utils/buildStyleFns.d.ts +0 -4
  94. package/dist/es6/layout/lib/utils/buildStyleFns.d.ts.map +1 -1
  95. package/dist/es6/layout/lib/utils/buildStyleFns.js +0 -9
  96. package/dist/es6/layout/lib/utils/color.d.ts +4 -13
  97. package/dist/es6/layout/lib/utils/color.d.ts.map +1 -1
  98. package/dist/es6/layout/lib/utils/color.js +0 -3
  99. package/dist/es6/layout/lib/utils/depth.d.ts +3 -11
  100. package/dist/es6/layout/lib/utils/depth.d.ts.map +1 -1
  101. package/dist/es6/layout/lib/utils/depth.js +0 -3
  102. package/dist/es6/layout/lib/utils/flex.d.ts +11 -32
  103. package/dist/es6/layout/lib/utils/flex.d.ts.map +1 -1
  104. package/dist/es6/layout/lib/utils/flex.js +0 -3
  105. package/dist/es6/layout/lib/utils/flexItem.d.ts +8 -27
  106. package/dist/es6/layout/lib/utils/flexItem.d.ts.map +1 -1
  107. package/dist/es6/layout/lib/utils/flexItem.js +0 -3
  108. package/dist/es6/layout/lib/utils/grid.d.ts +19 -56
  109. package/dist/es6/layout/lib/utils/grid.d.ts.map +1 -1
  110. package/dist/es6/layout/lib/utils/grid.js +0 -3
  111. package/dist/es6/layout/lib/utils/gridItem.d.ts +11 -36
  112. package/dist/es6/layout/lib/utils/gridItem.d.ts.map +1 -1
  113. package/dist/es6/layout/lib/utils/gridItem.js +0 -3
  114. package/dist/es6/layout/lib/utils/layout.d.ts +13 -36
  115. package/dist/es6/layout/lib/utils/layout.d.ts.map +1 -1
  116. package/dist/es6/layout/lib/utils/layout.js +0 -3
  117. package/dist/es6/layout/lib/utils/mergeStyles.d.ts +0 -1
  118. package/dist/es6/layout/lib/utils/mergeStyles.d.ts.map +1 -1
  119. package/dist/es6/layout/lib/utils/mergeStyles.js +0 -1
  120. package/dist/es6/layout/lib/utils/other.d.ts +34 -106
  121. package/dist/es6/layout/lib/utils/other.d.ts.map +1 -1
  122. package/dist/es6/layout/lib/utils/other.js +0 -3
  123. package/dist/es6/layout/lib/utils/position.d.ts +9 -24
  124. package/dist/es6/layout/lib/utils/position.d.ts.map +1 -1
  125. package/dist/es6/layout/lib/utils/position.js +0 -3
  126. package/dist/es6/layout/lib/utils/space.d.ts +19 -42
  127. package/dist/es6/layout/lib/utils/space.d.ts.map +1 -1
  128. package/dist/es6/layout/lib/utils/space.js +0 -3
  129. package/dist/es6/layout/lib/utils/styleProps.d.ts +0 -2
  130. package/dist/es6/layout/lib/utils/styleProps.d.ts.map +1 -1
  131. package/dist/es6/layout/lib/utils/systemProps.d.ts +0 -17
  132. package/dist/es6/layout/lib/utils/systemProps.d.ts.map +1 -1
  133. package/dist/es6/layout/lib/utils/text.d.ts +14 -45
  134. package/dist/es6/layout/lib/utils/text.d.ts.map +1 -1
  135. package/dist/es6/layout/lib/utils/text.js +0 -3
  136. package/dist/es6/text-input/lib/TextInput.js +5 -5
  137. package/layout/lib/Box.tsx +0 -2
  138. package/layout/lib/utils/background.ts +8 -25
  139. package/layout/lib/utils/border/color.ts +1 -12
  140. package/layout/lib/utils/border/index.ts +0 -3
  141. package/layout/lib/utils/border/lineStyle.ts +6 -24
  142. package/layout/lib/utils/border/radius.ts +6 -15
  143. package/layout/lib/utils/border/shorthand.ts +8 -22
  144. package/layout/lib/utils/border/width.ts +4 -18
  145. package/layout/lib/utils/buildStyleFns.ts +0 -11
  146. package/layout/lib/utils/color.ts +4 -13
  147. package/layout/lib/utils/depth.ts +3 -11
  148. package/layout/lib/utils/flex.ts +11 -32
  149. package/layout/lib/utils/flexItem.ts +8 -27
  150. package/layout/lib/utils/grid.ts +19 -56
  151. package/layout/lib/utils/gridItem.ts +11 -36
  152. package/layout/lib/utils/layout.ts +13 -36
  153. package/layout/lib/utils/mergeStyles.ts +0 -1
  154. package/layout/lib/utils/other.ts +34 -106
  155. package/layout/lib/utils/position.ts +9 -24
  156. package/layout/lib/utils/space.ts +19 -42
  157. package/layout/lib/utils/styleProps.ts +0 -2
  158. package/layout/lib/utils/systemProps.ts +0 -17
  159. package/layout/lib/utils/text.ts +14 -45
  160. package/package.json +4 -4
  161. package/text-input/lib/TextInput.tsx +1 -1
@@ -3,29 +3,22 @@ import {Property} from 'csstype';
3
3
  import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
4
4
  import {SystemPropValues} from './systemProps';
5
5
 
6
- /** style props to set CSS color properties
7
- * @deprecated
8
- */
6
+ /** style props to set CSS color properties */
9
7
  export type ColorStyleProps = {
10
8
  /**
11
9
  * - sets [CSS background-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
12
10
  * - system tokens: `color`
13
- * @deprecated
14
- */
11
+ * */
15
12
  backgroundColor?: SystemPropValues['color'];
16
13
  /**
17
14
  * - sets [CSS color property](https://developer.mozilla.org/en-US/docs/Web/CSS/color)
18
15
  * - system tokens: `color`
19
- * @deprecated
20
- */
16
+ * */
21
17
  color?: SystemPropValues['color'];
22
- /** sets [CSS opacity property](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)
23
- * @deprecated
24
- */
18
+ /** sets [CSS opacity property](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) */
25
19
  opacity?: Property.Opacity;
26
20
  };
27
21
 
28
- /** @deprecated */
29
22
  export const colorStyleFnConfigs: StyleFnConfig[] = [
30
23
  {
31
24
  name: 'backgroundColor',
@@ -44,7 +37,6 @@ export const colorStyleFnConfigs: StyleFnConfig[] = [
44
37
  },
45
38
  ];
46
39
 
47
- /** @deprecated */
48
40
  export const colorFns = buildStyleFns(colorStyleFnConfigs);
49
41
  /**
50
42
  * A style prop function that takes component props and returns color styles from Canvas token values.
@@ -56,6 +48,5 @@ export const colorFns = buildStyleFns(colorStyleFnConfigs);
56
48
  * <Box color="frenchVanilla100" opacity={0.6}>Hello, colors!</Box>
57
49
  * );
58
50
  * ```
59
- * @deprecated
60
51
  */
61
52
  export const color = buildStylePropFn<ColorStyleProps>(colorFns);
@@ -2,23 +2,17 @@ import {Property} from 'csstype';
2
2
  import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
3
3
  import {SystemPropValues} from './systemProps';
4
4
 
5
- /** style props to for depth styles
6
- * @deprecated
7
- */
5
+ /** style props to for depth styles */
8
6
  export type DepthStyleProps = {
9
- /** sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)
10
- * @deprecated
11
- */
7
+ /** sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) */
12
8
  boxShadow?: Property.BoxShadow;
13
9
  /**
14
10
  * - sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)
15
11
  * - system tokens: `depth`
16
- * @deprecated
17
- */
12
+ * */
18
13
  depth?: SystemPropValues['depth'];
19
14
  };
20
15
 
21
- /** @deprecated */
22
16
  export const depthStyleFnConfigs: StyleFnConfig[] = [
23
17
  {
24
18
  name: 'boxShadow',
@@ -32,7 +26,6 @@ export const depthStyleFnConfigs: StyleFnConfig[] = [
32
26
  },
33
27
  ];
34
28
 
35
- /** @deprecated */
36
29
  export const depthStyleFns = buildStyleFns(depthStyleFnConfigs);
37
30
  /**
38
31
  * A style prop function that takes component props and returns depth styles from Canvas token values.
@@ -44,6 +37,5 @@ export const depthStyleFns = buildStyleFns(depthStyleFnConfigs);
44
37
  * <Box depth={3}>Hello, box shadows!</Box>
45
38
  * );
46
39
  * ```
47
- * @deprecated
48
40
  */
49
41
  export const depth = buildStylePropFn<DepthStyleProps>(depthStyleFns);
@@ -3,61 +3,42 @@ import {Property, Globals} from 'csstype';
3
3
  import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
4
4
  import {SystemPropValues} from './systemProps';
5
5
 
6
- /** style props to for CSS flexbox container properties
7
- * @deprecated
8
- */
6
+ /** style props to for CSS flexbox container properties */
9
7
  export type FlexStyleProps = {
10
- /** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)
11
- * @deprecated
12
- */
8
+ /** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) */
13
9
  alignItems?: Property.AlignItems;
14
- /** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)
15
- * @deprecated
16
- */
10
+ /** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content) */
17
11
  alignContent?: Property.AlignContent;
18
12
  /**
19
13
  * - sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
20
14
  * - @default 'flex'
21
- * @deprecated
22
- */
15
+ * */
23
16
  display?: 'flex' | 'inline-flex' | 'none' | Globals | (string & {});
24
- /** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items)
25
- * @deprecated
26
- */
17
+ /** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items) */
27
18
  justifyItems?: Property.JustifyItems;
28
- /** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)
29
- * @deprecated
30
- */
19
+ /** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) */
31
20
  justifyContent?: Property.JustifyContent;
32
- /** sets [CSS flex-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap)
33
- * @deprecated
34
- */
21
+ /** sets [CSS flex-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap) */
35
22
  flexWrap?: Property.FlexWrap;
36
- /** sets [CSS flex-direction property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction)
37
- * @deprecated
38
- */
23
+ /** sets [CSS flex-direction property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction) */
39
24
  flexDirection?: Property.FlexDirection;
40
25
  /**
41
26
  * - sets [CSS gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)
42
27
  * - system tokens: `space`
43
- * @deprecated
44
- */
28
+ * */
45
29
  gap?: SystemPropValues['space'];
46
30
  /**
47
31
  * - sets [CSS column-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)
48
32
  * - system tokens: `space`
49
- * @deprecated
50
- */
33
+ * */
51
34
  columnGap?: SystemPropValues['space'];
52
35
  /**
53
36
  * - sets [CSS row-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)
54
37
  * - system tokens: `space`
55
- * @deprecated
56
- */
38
+ * */
57
39
  rowGap?: SystemPropValues['space'];
58
40
  };
59
41
 
60
- /** @deprecated */
61
42
  export const flexStyleFnConfigs: StyleFnConfig[] = [
62
43
  {
63
44
  name: 'alignContent',
@@ -111,7 +92,6 @@ export const flexStyleFnConfigs: StyleFnConfig[] = [
111
92
  },
112
93
  ];
113
94
 
114
- /** @deprecated */
115
95
  export const flexStyleFns = buildStyleFns(flexStyleFnConfigs);
116
96
  /**
117
97
  * A style prop function that takes component props and returns flexbox styles.
@@ -125,6 +105,5 @@ export const flexStyleFns = buildStyleFns(flexStyleFnConfigs);
125
105
  * </Flex>
126
106
  * );
127
107
  * ```
128
- * @deprecated ⚠️ `flex` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs
129
108
  */
130
109
  export const flex = buildStylePropFn<FlexStyleProps>(flexStyleFns);
@@ -1,41 +1,24 @@
1
1
  import {Property} from 'csstype';
2
2
  import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
3
3
 
4
- /** style props to for CSS flex item 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 flex item properties */
7
5
  export type FlexItemStyleProps = {
8
- /** sets [CSS flex property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex)
9
- * @deprecated
10
- */
6
+ /** sets [CSS flex property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) */
11
7
  flex?: Property.Flex;
12
- /** sets [CSS flex-grow property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow)
13
- * @deprecated
14
- */
8
+ /** sets [CSS flex-grow property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow) */
15
9
  flexGrow?: Property.FlexGrow;
16
- /** sets [CSS flex-shrink property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink)
17
- * @deprecated
18
- */
10
+ /** sets [CSS flex-shrink property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink) */
19
11
  flexShrink?: Property.FlexShrink;
20
- /** sets [CSS flex-basis property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis)
21
- * @deprecated
22
- */
12
+ /** sets [CSS flex-basis property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis) */
23
13
  flexBasis?: Property.FlexBasis;
24
- /** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self)
25
- * @deprecated
26
- */
14
+ /** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self) */
27
15
  justifySelf?: Property.JustifySelf;
28
- /** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self)
29
- * @deprecated
30
- */
16
+ /** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) */
31
17
  alignSelf?: Property.AlignSelf;
32
- /** sets [CSS order property](https://developer.mozilla.org/en-US/docs/Web/CSS/order)
33
- * @deprecated
34
- */
18
+ /** sets [CSS order property](https://developer.mozilla.org/en-US/docs/Web/CSS/order) */
35
19
  order?: Property.Order;
36
20
  };
37
21
 
38
- /** @deprecated */
39
22
  export const flexItemStyleFnConfigs: StyleFnConfig[] = [
40
23
  {
41
24
  name: 'flex',
@@ -74,7 +57,6 @@ export const flexItemStyleFnConfigs: StyleFnConfig[] = [
74
57
  },
75
58
  ];
76
59
 
77
- /** @deprecated */
78
60
  export const flexItemStyleFns = buildStyleFns(flexItemStyleFnConfigs);
79
61
  /**
80
62
  * A style prop function that takes component props and returns flexbox item styles.
@@ -88,6 +70,5 @@ export const flexItemStyleFns = buildStyleFns(flexItemStyleFnConfigs);
88
70
  * </Box>
89
71
  * );
90
72
  * ```
91
- * @deprecated
92
73
  */
93
74
  export const flexItem = buildStylePropFn<FlexItemStyleProps>(flexItemStyleFns);
@@ -3,93 +3,58 @@ import {Property, Globals} from 'csstype';
3
3
  import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
4
4
  import {SystemPropValues} from './systemProps';
5
5
 
6
- /** style props to for CSS grid container 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 grid container properties */
9
7
  export type GridStyleProps = {
10
- /** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)
11
- * @deprecated
12
- */
8
+ /** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) */
13
9
  alignItems?: Property.AlignItems;
14
- /** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)
15
- * @deprecated
16
- */
10
+ /** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content) */
17
11
  alignContent?: Property.AlignContent;
18
12
  /**
19
13
  * - sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
20
14
  * - @default 'grid'
21
- * @deprecated
22
- */
15
+ * */
23
16
  display?: 'grid' | 'inline-grid' | 'none' | Globals | (string & {});
24
- /** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items)
25
- * @deprecated
26
- */
17
+ /** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items) */
27
18
  justifyItems?: Property.JustifyItems;
28
- /** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)
29
- * @deprecated
30
- */
19
+ /** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) */
31
20
  justifyContent?: Property.JustifyContent;
32
- /** sets [CSS grid-template property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template)
33
- * @deprecated
34
- */
21
+ /** sets [CSS grid-template property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template) */
35
22
  gridTemplate?: Property.GridTemplate;
36
- /** sets [CSS grid-template-areas property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)
37
- * @deprecated
38
- */
23
+ /** sets [CSS grid-template-areas property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas) */
39
24
  gridTemplateAreas?: Property.GridTemplateAreas;
40
- /** sets [CSS grid-template-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)
41
- * @deprecated
42
- */
25
+ /** sets [CSS grid-template-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns) */
43
26
  gridTemplateColumns?: Property.GridTemplateColumns;
44
- /** sets [CSS grid-template-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows)
45
- * @deprecated
46
- */
27
+ /** sets [CSS grid-template-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows) */
47
28
  gridTemplateRows?: Property.GridTemplateRows;
48
29
  /**
49
30
  * - sets [CSS column-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)
50
31
  * - system tokens: `space`
51
- * @deprecated
52
- */
32
+ * */
53
33
  gridColumnGap?: Property.GridColumnGap | SystemPropValues['space'];
54
34
  /**
55
35
  * - sets [CSS row-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)
56
36
  * - system tokens: `space`
57
- * @deprecated
58
- */
37
+ * */
59
38
  gridRowGap?: Property.GridRowGap | SystemPropValues['space'];
60
39
  /**
61
40
  * - sets [CSS grid-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap)
62
41
  * - system tokens: `space`
63
- * @deprecated
64
- */
42
+ * */
65
43
  gridGap?: Property.GridGap | SystemPropValues['space'];
66
- /** sets [CSS place-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-items)
67
- * @deprecated
68
- */
44
+ /** sets [CSS place-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-items) */
69
45
  gridPlaceItems?: Property.PlaceItems;
70
- /** sets [CSS grid-auto-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns)
71
- * @deprecated
72
- */
46
+ /** sets [CSS grid-auto-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns) */
73
47
  gridAutoColumns?: Property.GridAutoColumns;
74
- /** sets [CSS grid-auto-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows)
75
- * @deprecated
76
- */
48
+ /** sets [CSS grid-auto-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows) */
77
49
  gridAutoRows?: Property.GridAutoRows;
78
- /** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)
79
- * @deprecated
80
- */
50
+ /** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area) */
81
51
  gridArea?: Property.GridArea;
82
- /** sets [CSS grid-auto-flow property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow)
83
- * @deprecated
84
- */
52
+ /** sets [CSS grid-auto-flow property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) */
85
53
  gridAutoFlow?: Property.GridAutoFlow;
86
- /** sets [CSS grid property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid)
87
- * @deprecated
88
- */
54
+ /** sets [CSS grid property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid) */
89
55
  grid?: Property.Grid;
90
56
  };
91
57
 
92
- /** @deprecated */
93
58
  export const gridStyleFnConfigs: StyleFnConfig[] = [
94
59
  {
95
60
  name: 'gridGap',
@@ -183,7 +148,6 @@ export const gridStyleFnConfigs: StyleFnConfig[] = [
183
148
  },
184
149
  ];
185
150
 
186
- /** @deprecated */
187
151
  export const gridStyleFns = buildStyleFns(gridStyleFnConfigs);
188
152
  /**
189
153
  * A style prop function that takes component props and returns grid styles.
@@ -198,6 +162,5 @@ export const gridStyleFns = buildStyleFns(gridStyleFnConfigs);
198
162
  * </Grid>
199
163
  * );
200
164
  * ```
201
- * @deprecated
202
165
  */
203
166
  export const grid = buildStylePropFn<GridStyleProps>(gridStyleFns);
@@ -2,53 +2,30 @@ import {Property} from 'csstype';
2
2
 
3
3
  import {buildStyleFns, buildStylePropFn, StyleFnConfig} from './buildStyleFns';
4
4
 
5
- /** style props to for CSS grid item properties
6
- * @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).
7
- */
5
+ /** style props to for CSS grid item properties */
8
6
  export type GridItemStyleProps = {
9
- /** sets [CSS grid-column-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)
10
- * @deprecated
11
- */
7
+ /** sets [CSS grid-column-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start) */
12
8
  gridColumnStart?: Property.GridColumnStart;
13
- /** sets [CSS grid-column-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)
14
- * @deprecated
15
- */
9
+ /** sets [CSS grid-column-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end) */
16
10
  gridColumnEnd?: Property.GridColumnEnd;
17
- /** sets [CSS grid-row-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)
18
- * @deprecated
19
- */
11
+ /** sets [CSS grid-row-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start) */
20
12
  gridRowStart?: Property.GridRowStart;
21
- /** sets [CSS grid-row-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)
22
- * @deprecated
23
- */
13
+ /** sets [CSS grid-row-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end) */
24
14
  gridRowEnd?: Property.GridRowEnd;
25
- /** sets [CSS grid-column property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)
26
- * @deprecated
27
- */
15
+ /** sets [CSS grid-column property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column) */
28
16
  gridColumn?: Property.GridColumn;
29
- /** sets [CSS grid-row property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)
30
- * @deprecated
31
- */
17
+ /** sets [CSS grid-row property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row) */
32
18
  gridRow?: Property.GridRow;
33
- /** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)
34
- * @deprecated
35
- */
19
+ /** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area) */
36
20
  gridArea?: Property.GridArea;
37
- /** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self)
38
- * @deprecated
39
- */
21
+ /** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self) */
40
22
  justifySelf?: Property.JustifySelf;
41
- /** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self)
42
- * @deprecated
43
- */
23
+ /** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) */
44
24
  alignSelf?: Property.AlignSelf;
45
- /** sets [CSS place-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-self)
46
- * @deprecated
47
- */
25
+ /** sets [CSS place-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-self) */
48
26
  placeSelf?: Property.PlaceSelf;
49
27
  };
50
28
 
51
- /** @deprecated */
52
29
  export const gridItemStyleFnConfigs: StyleFnConfig[] = [
53
30
  {
54
31
  name: 'gridColumnStart',
@@ -102,7 +79,6 @@ export const gridItemStyleFnConfigs: StyleFnConfig[] = [
102
79
  },
103
80
  ];
104
81
 
105
- /** @deprecated */
106
82
  export const gridItemStyleFns = buildStyleFns(gridItemStyleFnConfigs);
107
83
  /**
108
84
  * A style prop function that takes component props and returns grid styles.
@@ -116,6 +92,5 @@ export const gridItemStyleFns = buildStyleFns(gridItemStyleFnConfigs);
116
92
  * </Grid.Item>
117
93
  * );
118
94
  * ```
119
- * @deprecated
120
95
  */
121
96
  export const gridItem = buildStylePropFn<GridItemStyleProps>(gridItemStyleFns);
@@ -3,73 +3,52 @@ 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 layout 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 layout properties */
9
7
  export type LayoutStyleProps = {
10
- /** sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
11
- * @deprecated
12
- */
8
+ /** sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display) */
13
9
  display?: Property.Display;
14
10
  /**
15
11
  * - sets [CSS height property](https://developer.mozilla.org/en-US/docs/Web/CSS/height)
16
12
  * - system tokens: `space`
17
- * @deprecated
18
- */
13
+ * */
19
14
  height?: SystemPropValues['space'];
20
- /** sets [CSS list-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style)
21
- * @deprecated
22
- */
15
+ /** sets [CSS list-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) */
23
16
  listStyle?: Property.ListStyle;
24
17
  /**
25
18
  * - sets [CSS max-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)
26
19
  * - system tokens: `space`
27
- * @deprecated
28
- */
20
+ * */
29
21
  maxHeight?: SystemPropValues['space'];
30
22
  /**
31
23
  * - sets [CSS max-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width)
32
24
  * - system tokens: `space`
33
- * @deprecated
34
- */
25
+ * */
35
26
  maxWidth?: SystemPropValues['space'];
36
27
  /**
37
28
  * - sets [CSS min-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)
38
29
  * - system tokens: `space`
39
- * @deprecated
40
- */
30
+ * */
41
31
  minHeight?: SystemPropValues['space'];
42
32
  /**
43
33
  * - sets [CSS min-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width)
44
34
  * - system tokens: `space`
45
- * @deprecated
46
- */
35
+ * */
47
36
  minWidth?: SystemPropValues['space'];
48
- /** sets [CSS overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow)
49
- * @deprecated
50
- */
37
+ /** sets [CSS overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow) */
51
38
  overflow?: Property.Overflow;
52
- /** sets [CSS overflow-x property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x)
53
- * @deprecated
54
- */
39
+ /** sets [CSS overflow-x property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x) */
55
40
  overflowX?: Property.OverflowX;
56
- /** sets [CSS overflow-y property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y)
57
- * @deprecated
58
- */
41
+ /** sets [CSS overflow-y property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y) */
59
42
  overflowY?: Property.OverflowY;
60
- /** sets [CSS vertical-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align)
61
- * @deprecated
62
- */
43
+ /** sets [CSS vertical-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) */
63
44
  verticalAlign?: Property.VerticalAlign;
64
45
  /**
65
46
  * - sets [CSS width property](https://developer.mozilla.org/en-US/docs/Web/CSS/width)
66
47
  * - system tokens: `space`
67
- * @deprecated
68
- */
48
+ * */
69
49
  width?: SystemPropValues['space'];
70
50
  };
71
51
 
72
- /** @deprecated */
73
52
  export const layoutStyleFnConfigs: StyleFnConfig[] = [
74
53
  {
75
54
  name: 'display',
@@ -133,7 +112,6 @@ export const layoutStyleFnConfigs: StyleFnConfig[] = [
133
112
  },
134
113
  ];
135
114
 
136
- /** @deprecated */
137
115
  export const layoutStyleFns = buildStyleFns(layoutStyleFnConfigs);
138
116
  /**
139
117
  * A style prop function that takes component props and returns layout styles.
@@ -147,6 +125,5 @@ export const layoutStyleFns = buildStyleFns(layoutStyleFnConfigs);
147
125
  * </Box>
148
126
  * );
149
127
  * ```
150
- * @deprecated
151
128
  */
152
129
  export const layout = buildStylePropFn<LayoutStyleProps>(layoutStyleFns);
@@ -43,7 +43,6 @@ function isStyleProps(prop: string): boolean {
43
43
  /**
44
44
  * This function has the same signature as {@link handleCsProp} and also calls `handleCsProps`, but
45
45
  * adds support for style props. It can be used as a drop-in replacement for `handleCsProps`.
46
- * @deprecated ⚠️ `mergeStyles` is deprecated since it supports style props. Use `handleCsProps` to ensure correct style merging order. For more information view our [docs](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-merging-styles--docs#handlecsprop).
47
46
  */
48
47
  export function mergeStyles<T extends {}>(
49
48
  /**