@workday/canvas-kit-react 15.0.0-alpha.1283-next.0 → 15.0.0-alpha.1285-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (161) hide show
  1. package/dist/commonjs/layout/lib/Box.d.ts +1 -0
  2. package/dist/commonjs/layout/lib/Box.d.ts.map +1 -1
  3. package/dist/commonjs/layout/lib/Box.js +2 -0
  4. package/dist/commonjs/layout/lib/utils/background.d.ts +25 -8
  5. package/dist/commonjs/layout/lib/utils/background.d.ts.map +1 -1
  6. package/dist/commonjs/layout/lib/utils/background.js +3 -0
  7. package/dist/commonjs/layout/lib/utils/border/color.d.ts +12 -1
  8. package/dist/commonjs/layout/lib/utils/border/color.d.ts.map +1 -1
  9. package/dist/commonjs/layout/lib/utils/border/color.js +2 -0
  10. package/dist/commonjs/layout/lib/utils/border/index.d.ts +3 -0
  11. package/dist/commonjs/layout/lib/utils/border/index.d.ts.map +1 -1
  12. package/dist/commonjs/layout/lib/utils/border/index.js +2 -0
  13. package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts +24 -6
  14. package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts.map +1 -1
  15. package/dist/commonjs/layout/lib/utils/border/lineStyle.js +2 -0
  16. package/dist/commonjs/layout/lib/utils/border/radius.d.ts +15 -6
  17. package/dist/commonjs/layout/lib/utils/border/radius.d.ts.map +1 -1
  18. package/dist/commonjs/layout/lib/utils/border/radius.js +2 -0
  19. package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts +22 -8
  20. package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts.map +1 -1
  21. package/dist/commonjs/layout/lib/utils/border/shorthand.js +2 -0
  22. package/dist/commonjs/layout/lib/utils/border/width.d.ts +18 -4
  23. package/dist/commonjs/layout/lib/utils/border/width.d.ts.map +1 -1
  24. package/dist/commonjs/layout/lib/utils/border/width.js +2 -0
  25. package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts +4 -0
  26. package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts.map +1 -1
  27. package/dist/commonjs/layout/lib/utils/buildStyleFns.js +9 -0
  28. package/dist/commonjs/layout/lib/utils/color.d.ts +13 -4
  29. package/dist/commonjs/layout/lib/utils/color.d.ts.map +1 -1
  30. package/dist/commonjs/layout/lib/utils/color.js +3 -0
  31. package/dist/commonjs/layout/lib/utils/depth.d.ts +11 -3
  32. package/dist/commonjs/layout/lib/utils/depth.d.ts.map +1 -1
  33. package/dist/commonjs/layout/lib/utils/depth.js +3 -0
  34. package/dist/commonjs/layout/lib/utils/flex.d.ts +32 -11
  35. package/dist/commonjs/layout/lib/utils/flex.d.ts.map +1 -1
  36. package/dist/commonjs/layout/lib/utils/flex.js +3 -0
  37. package/dist/commonjs/layout/lib/utils/flexItem.d.ts +27 -8
  38. package/dist/commonjs/layout/lib/utils/flexItem.d.ts.map +1 -1
  39. package/dist/commonjs/layout/lib/utils/flexItem.js +3 -0
  40. package/dist/commonjs/layout/lib/utils/grid.d.ts +56 -19
  41. package/dist/commonjs/layout/lib/utils/grid.d.ts.map +1 -1
  42. package/dist/commonjs/layout/lib/utils/grid.js +3 -0
  43. package/dist/commonjs/layout/lib/utils/gridItem.d.ts +36 -11
  44. package/dist/commonjs/layout/lib/utils/gridItem.d.ts.map +1 -1
  45. package/dist/commonjs/layout/lib/utils/gridItem.js +3 -0
  46. package/dist/commonjs/layout/lib/utils/layout.d.ts +36 -13
  47. package/dist/commonjs/layout/lib/utils/layout.d.ts.map +1 -1
  48. package/dist/commonjs/layout/lib/utils/layout.js +3 -0
  49. package/dist/commonjs/layout/lib/utils/mergeStyles.d.ts +1 -0
  50. package/dist/commonjs/layout/lib/utils/mergeStyles.d.ts.map +1 -1
  51. package/dist/commonjs/layout/lib/utils/mergeStyles.js +1 -0
  52. package/dist/commonjs/layout/lib/utils/other.d.ts +106 -34
  53. package/dist/commonjs/layout/lib/utils/other.d.ts.map +1 -1
  54. package/dist/commonjs/layout/lib/utils/other.js +3 -0
  55. package/dist/commonjs/layout/lib/utils/position.d.ts +24 -9
  56. package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -1
  57. package/dist/commonjs/layout/lib/utils/position.js +3 -0
  58. package/dist/commonjs/layout/lib/utils/space.d.ts +42 -19
  59. package/dist/commonjs/layout/lib/utils/space.d.ts.map +1 -1
  60. package/dist/commonjs/layout/lib/utils/space.js +3 -0
  61. package/dist/commonjs/layout/lib/utils/styleProps.d.ts +2 -0
  62. package/dist/commonjs/layout/lib/utils/styleProps.d.ts.map +1 -1
  63. package/dist/commonjs/layout/lib/utils/systemProps.d.ts +17 -0
  64. package/dist/commonjs/layout/lib/utils/systemProps.d.ts.map +1 -1
  65. package/dist/commonjs/layout/lib/utils/text.d.ts +45 -14
  66. package/dist/commonjs/layout/lib/utils/text.d.ts.map +1 -1
  67. package/dist/commonjs/layout/lib/utils/text.js +3 -0
  68. package/dist/commonjs/text-input/lib/TextInput.js +5 -5
  69. package/dist/es6/layout/lib/Box.d.ts +1 -0
  70. package/dist/es6/layout/lib/Box.d.ts.map +1 -1
  71. package/dist/es6/layout/lib/Box.js +2 -0
  72. package/dist/es6/layout/lib/utils/background.d.ts +25 -8
  73. package/dist/es6/layout/lib/utils/background.d.ts.map +1 -1
  74. package/dist/es6/layout/lib/utils/background.js +3 -0
  75. package/dist/es6/layout/lib/utils/border/color.d.ts +12 -1
  76. package/dist/es6/layout/lib/utils/border/color.d.ts.map +1 -1
  77. package/dist/es6/layout/lib/utils/border/color.js +2 -0
  78. package/dist/es6/layout/lib/utils/border/index.d.ts +3 -0
  79. package/dist/es6/layout/lib/utils/border/index.d.ts.map +1 -1
  80. package/dist/es6/layout/lib/utils/border/index.js +2 -0
  81. package/dist/es6/layout/lib/utils/border/lineStyle.d.ts +24 -6
  82. package/dist/es6/layout/lib/utils/border/lineStyle.d.ts.map +1 -1
  83. package/dist/es6/layout/lib/utils/border/lineStyle.js +2 -0
  84. package/dist/es6/layout/lib/utils/border/radius.d.ts +15 -6
  85. package/dist/es6/layout/lib/utils/border/radius.d.ts.map +1 -1
  86. package/dist/es6/layout/lib/utils/border/radius.js +2 -0
  87. package/dist/es6/layout/lib/utils/border/shorthand.d.ts +22 -8
  88. package/dist/es6/layout/lib/utils/border/shorthand.d.ts.map +1 -1
  89. package/dist/es6/layout/lib/utils/border/shorthand.js +2 -0
  90. package/dist/es6/layout/lib/utils/border/width.d.ts +18 -4
  91. package/dist/es6/layout/lib/utils/border/width.d.ts.map +1 -1
  92. package/dist/es6/layout/lib/utils/border/width.js +2 -0
  93. package/dist/es6/layout/lib/utils/buildStyleFns.d.ts +4 -0
  94. package/dist/es6/layout/lib/utils/buildStyleFns.d.ts.map +1 -1
  95. package/dist/es6/layout/lib/utils/buildStyleFns.js +9 -0
  96. package/dist/es6/layout/lib/utils/color.d.ts +13 -4
  97. package/dist/es6/layout/lib/utils/color.d.ts.map +1 -1
  98. package/dist/es6/layout/lib/utils/color.js +3 -0
  99. package/dist/es6/layout/lib/utils/depth.d.ts +11 -3
  100. package/dist/es6/layout/lib/utils/depth.d.ts.map +1 -1
  101. package/dist/es6/layout/lib/utils/depth.js +3 -0
  102. package/dist/es6/layout/lib/utils/flex.d.ts +32 -11
  103. package/dist/es6/layout/lib/utils/flex.d.ts.map +1 -1
  104. package/dist/es6/layout/lib/utils/flex.js +3 -0
  105. package/dist/es6/layout/lib/utils/flexItem.d.ts +27 -8
  106. package/dist/es6/layout/lib/utils/flexItem.d.ts.map +1 -1
  107. package/dist/es6/layout/lib/utils/flexItem.js +3 -0
  108. package/dist/es6/layout/lib/utils/grid.d.ts +56 -19
  109. package/dist/es6/layout/lib/utils/grid.d.ts.map +1 -1
  110. package/dist/es6/layout/lib/utils/grid.js +3 -0
  111. package/dist/es6/layout/lib/utils/gridItem.d.ts +36 -11
  112. package/dist/es6/layout/lib/utils/gridItem.d.ts.map +1 -1
  113. package/dist/es6/layout/lib/utils/gridItem.js +3 -0
  114. package/dist/es6/layout/lib/utils/layout.d.ts +36 -13
  115. package/dist/es6/layout/lib/utils/layout.d.ts.map +1 -1
  116. package/dist/es6/layout/lib/utils/layout.js +3 -0
  117. package/dist/es6/layout/lib/utils/mergeStyles.d.ts +1 -0
  118. package/dist/es6/layout/lib/utils/mergeStyles.d.ts.map +1 -1
  119. package/dist/es6/layout/lib/utils/mergeStyles.js +1 -0
  120. package/dist/es6/layout/lib/utils/other.d.ts +106 -34
  121. package/dist/es6/layout/lib/utils/other.d.ts.map +1 -1
  122. package/dist/es6/layout/lib/utils/other.js +3 -0
  123. package/dist/es6/layout/lib/utils/position.d.ts +24 -9
  124. package/dist/es6/layout/lib/utils/position.d.ts.map +1 -1
  125. package/dist/es6/layout/lib/utils/position.js +3 -0
  126. package/dist/es6/layout/lib/utils/space.d.ts +42 -19
  127. package/dist/es6/layout/lib/utils/space.d.ts.map +1 -1
  128. package/dist/es6/layout/lib/utils/space.js +3 -0
  129. package/dist/es6/layout/lib/utils/styleProps.d.ts +2 -0
  130. package/dist/es6/layout/lib/utils/styleProps.d.ts.map +1 -1
  131. package/dist/es6/layout/lib/utils/systemProps.d.ts +17 -0
  132. package/dist/es6/layout/lib/utils/systemProps.d.ts.map +1 -1
  133. package/dist/es6/layout/lib/utils/text.d.ts +45 -14
  134. package/dist/es6/layout/lib/utils/text.d.ts.map +1 -1
  135. package/dist/es6/layout/lib/utils/text.js +3 -0
  136. package/dist/es6/text-input/lib/TextInput.js +5 -5
  137. package/layout/lib/Box.tsx +2 -0
  138. package/layout/lib/utils/background.ts +25 -8
  139. package/layout/lib/utils/border/color.ts +12 -1
  140. package/layout/lib/utils/border/index.ts +3 -0
  141. package/layout/lib/utils/border/lineStyle.ts +24 -6
  142. package/layout/lib/utils/border/radius.ts +15 -6
  143. package/layout/lib/utils/border/shorthand.ts +22 -8
  144. package/layout/lib/utils/border/width.ts +18 -4
  145. package/layout/lib/utils/buildStyleFns.ts +11 -0
  146. package/layout/lib/utils/color.ts +13 -4
  147. package/layout/lib/utils/depth.ts +11 -3
  148. package/layout/lib/utils/flex.ts +32 -11
  149. package/layout/lib/utils/flexItem.ts +27 -8
  150. package/layout/lib/utils/grid.ts +56 -19
  151. package/layout/lib/utils/gridItem.ts +36 -11
  152. package/layout/lib/utils/layout.ts +36 -13
  153. package/layout/lib/utils/mergeStyles.ts +1 -0
  154. package/layout/lib/utils/other.ts +106 -34
  155. package/layout/lib/utils/position.ts +24 -9
  156. package/layout/lib/utils/space.ts +42 -19
  157. package/layout/lib/utils/styleProps.ts +2 -0
  158. package/layout/lib/utils/systemProps.ts +17 -0
  159. package/layout/lib/utils/text.ts +45 -14
  160. package/package.json +4 -4
  161. package/text-input/lib/TextInput.tsx +1 -1
@@ -1,42 +1,62 @@
1
1
  import { Property, Globals } from 'csstype';
2
2
  import { StyleFnConfig } from './buildStyleFns';
3
3
  import { SystemPropValues } from './systemProps';
4
- /** style props to for CSS flexbox container properties */
4
+ /** style props to for CSS flexbox container properties
5
+ * @deprecated
6
+ */
5
7
  export type FlexStyleProps = {
6
- /** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) */
8
+ /** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)
9
+ * @deprecated
10
+ */
7
11
  alignItems?: Property.AlignItems;
8
- /** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content) */
12
+ /** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)
13
+ * @deprecated
14
+ */
9
15
  alignContent?: Property.AlignContent;
10
16
  /**
11
17
  * - sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
12
18
  * - @default 'flex'
13
- * */
19
+ * @deprecated
20
+ */
14
21
  display?: 'flex' | 'inline-flex' | 'none' | Globals | (string & {});
15
- /** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items) */
22
+ /** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items)
23
+ * @deprecated
24
+ */
16
25
  justifyItems?: Property.JustifyItems;
17
- /** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) */
26
+ /** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)
27
+ * @deprecated
28
+ */
18
29
  justifyContent?: Property.JustifyContent;
19
- /** sets [CSS flex-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap) */
30
+ /** sets [CSS flex-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap)
31
+ * @deprecated
32
+ */
20
33
  flexWrap?: Property.FlexWrap;
21
- /** sets [CSS flex-direction property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction) */
34
+ /** sets [CSS flex-direction property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction)
35
+ * @deprecated
36
+ */
22
37
  flexDirection?: Property.FlexDirection;
23
38
  /**
24
39
  * - sets [CSS gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)
25
40
  * - system tokens: `space`
26
- * */
41
+ * @deprecated
42
+ */
27
43
  gap?: SystemPropValues['space'];
28
44
  /**
29
45
  * - sets [CSS column-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)
30
46
  * - system tokens: `space`
31
- * */
47
+ * @deprecated
48
+ */
32
49
  columnGap?: SystemPropValues['space'];
33
50
  /**
34
51
  * - sets [CSS row-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)
35
52
  * - system tokens: `space`
36
- * */
53
+ * @deprecated
54
+ */
37
55
  rowGap?: SystemPropValues['space'];
38
56
  };
57
+ /** @deprecated */
39
58
  export declare const flexStyleFnConfigs: StyleFnConfig[];
59
+ /** @deprecated */
40
60
  export declare const flexStyleFns: import("./buildStyleFns").StyleFns;
41
61
  /**
42
62
  * A style prop function that takes component props and returns flexbox styles.
@@ -50,6 +70,7 @@ export declare const flexStyleFns: import("./buildStyleFns").StyleFns;
50
70
  * </Flex>
51
71
  * );
52
72
  * ```
73
+ * @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
53
74
  */
54
75
  export declare const flex: (props: FlexStyleProps) => {};
55
76
  //# sourceMappingURL=flex.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG;IAC3B,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;SAGK;IACL,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACpE,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,gGAAgG;IAChG,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;;SAGK;IACL,GAAG,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChC;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;SAGK;IACL,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAmD7C,CAAC;AAEF,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}
1
+ {"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACpE;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;;;OAIG;IACH,GAAG,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChC;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;;OAIG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACpC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAmD7C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
2
+ /** @deprecated */
2
3
  export const flexStyleFnConfigs = [
3
4
  {
4
5
  name: 'alignContent',
@@ -51,6 +52,7 @@ export const flexStyleFnConfigs = [
51
52
  system: 'space',
52
53
  },
53
54
  ];
55
+ /** @deprecated */
54
56
  export const flexStyleFns = buildStyleFns(flexStyleFnConfigs);
55
57
  /**
56
58
  * A style prop function that takes component props and returns flexbox styles.
@@ -64,5 +66,6 @@ export const flexStyleFns = buildStyleFns(flexStyleFnConfigs);
64
66
  * </Flex>
65
67
  * );
66
68
  * ```
69
+ * @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
67
70
  */
68
71
  export const flex = buildStylePropFn(flexStyleFns);
@@ -1,23 +1,41 @@
1
1
  import { Property } from 'csstype';
2
2
  import { StyleFnConfig } from './buildStyleFns';
3
- /** style props to for CSS flex item properties */
3
+ /** style props to for CSS flex item 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 FlexItemStyleProps = {
5
- /** sets [CSS flex property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) */
7
+ /** sets [CSS flex property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex)
8
+ * @deprecated
9
+ */
6
10
  flex?: Property.Flex;
7
- /** sets [CSS flex-grow property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow) */
11
+ /** sets [CSS flex-grow property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow)
12
+ * @deprecated
13
+ */
8
14
  flexGrow?: Property.FlexGrow;
9
- /** sets [CSS flex-shrink property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink) */
15
+ /** sets [CSS flex-shrink property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink)
16
+ * @deprecated
17
+ */
10
18
  flexShrink?: Property.FlexShrink;
11
- /** sets [CSS flex-basis property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis) */
19
+ /** sets [CSS flex-basis property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis)
20
+ * @deprecated
21
+ */
12
22
  flexBasis?: Property.FlexBasis;
13
- /** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self) */
23
+ /** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self)
24
+ * @deprecated
25
+ */
14
26
  justifySelf?: Property.JustifySelf;
15
- /** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) */
27
+ /** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self)
28
+ * @deprecated
29
+ */
16
30
  alignSelf?: Property.AlignSelf;
17
- /** sets [CSS order property](https://developer.mozilla.org/en-US/docs/Web/CSS/order) */
31
+ /** sets [CSS order property](https://developer.mozilla.org/en-US/docs/Web/CSS/order)
32
+ * @deprecated
33
+ */
18
34
  order?: Property.Order;
19
35
  };
36
+ /** @deprecated */
20
37
  export declare const flexItemStyleFnConfigs: StyleFnConfig[];
38
+ /** @deprecated */
21
39
  export declare const flexItemStyleFns: import("./buildStyleFns").StyleFns;
22
40
  /**
23
41
  * A style prop function that takes component props and returns flexbox item styles.
@@ -31,6 +49,7 @@ export declare const flexItemStyleFns: import("./buildStyleFns").StyleFns;
31
49
  * </Box>
32
50
  * );
33
51
  * ```
52
+ * @deprecated
34
53
  */
35
54
  export declare const flexItem: (props: FlexItemStyleProps) => {};
36
55
  //# sourceMappingURL=flexItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"flexItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flexItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E,kDAAkD;AAClD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,sFAAsF;IACtF,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;IACrB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,wFAAwF;IACxF,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,aAAa,EAoCjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}
1
+ {"version":3,"file":"flexItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flexItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;CACxB,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,sBAAsB,EAAE,aAAa,EAoCjD,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
2
+ /** @deprecated */
2
3
  export const flexItemStyleFnConfigs = [
3
4
  {
4
5
  name: 'flex',
@@ -36,6 +37,7 @@ export const flexItemStyleFnConfigs = [
36
37
  system: 'none',
37
38
  },
38
39
  ];
40
+ /** @deprecated */
39
41
  export const flexItemStyleFns = buildStyleFns(flexItemStyleFnConfigs);
40
42
  /**
41
43
  * A style prop function that takes component props and returns flexbox item styles.
@@ -49,5 +51,6 @@ export const flexItemStyleFns = buildStyleFns(flexItemStyleFnConfigs);
49
51
  * </Box>
50
52
  * );
51
53
  * ```
54
+ * @deprecated
52
55
  */
53
56
  export const flexItem = buildStylePropFn(flexItemStyleFns);
@@ -1,58 +1,94 @@
1
1
  import { Property, Globals } from 'csstype';
2
2
  import { StyleFnConfig } from './buildStyleFns';
3
3
  import { SystemPropValues } from './systemProps';
4
- /** style props to for CSS grid container properties */
4
+ /** style props to for CSS grid container 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
+ */
5
7
  export type GridStyleProps = {
6
- /** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) */
8
+ /** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)
9
+ * @deprecated
10
+ */
7
11
  alignItems?: Property.AlignItems;
8
- /** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content) */
12
+ /** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)
13
+ * @deprecated
14
+ */
9
15
  alignContent?: Property.AlignContent;
10
16
  /**
11
17
  * - sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
12
18
  * - @default 'grid'
13
- * */
19
+ * @deprecated
20
+ */
14
21
  display?: 'grid' | 'inline-grid' | 'none' | Globals | (string & {});
15
- /** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items) */
22
+ /** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items)
23
+ * @deprecated
24
+ */
16
25
  justifyItems?: Property.JustifyItems;
17
- /** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) */
26
+ /** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)
27
+ * @deprecated
28
+ */
18
29
  justifyContent?: Property.JustifyContent;
19
- /** sets [CSS grid-template property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template) */
30
+ /** sets [CSS grid-template property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template)
31
+ * @deprecated
32
+ */
20
33
  gridTemplate?: Property.GridTemplate;
21
- /** sets [CSS grid-template-areas property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas) */
34
+ /** sets [CSS grid-template-areas property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)
35
+ * @deprecated
36
+ */
22
37
  gridTemplateAreas?: Property.GridTemplateAreas;
23
- /** sets [CSS grid-template-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns) */
38
+ /** sets [CSS grid-template-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)
39
+ * @deprecated
40
+ */
24
41
  gridTemplateColumns?: Property.GridTemplateColumns;
25
- /** sets [CSS grid-template-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows) */
42
+ /** sets [CSS grid-template-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows)
43
+ * @deprecated
44
+ */
26
45
  gridTemplateRows?: Property.GridTemplateRows;
27
46
  /**
28
47
  * - sets [CSS column-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)
29
48
  * - system tokens: `space`
30
- * */
49
+ * @deprecated
50
+ */
31
51
  gridColumnGap?: Property.GridColumnGap | SystemPropValues['space'];
32
52
  /**
33
53
  * - sets [CSS row-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)
34
54
  * - system tokens: `space`
35
- * */
55
+ * @deprecated
56
+ */
36
57
  gridRowGap?: Property.GridRowGap | SystemPropValues['space'];
37
58
  /**
38
59
  * - sets [CSS grid-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap)
39
60
  * - system tokens: `space`
40
- * */
61
+ * @deprecated
62
+ */
41
63
  gridGap?: Property.GridGap | SystemPropValues['space'];
42
- /** sets [CSS place-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-items) */
64
+ /** sets [CSS place-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-items)
65
+ * @deprecated
66
+ */
43
67
  gridPlaceItems?: Property.PlaceItems;
44
- /** sets [CSS grid-auto-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns) */
68
+ /** sets [CSS grid-auto-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns)
69
+ * @deprecated
70
+ */
45
71
  gridAutoColumns?: Property.GridAutoColumns;
46
- /** sets [CSS grid-auto-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows) */
72
+ /** sets [CSS grid-auto-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows)
73
+ * @deprecated
74
+ */
47
75
  gridAutoRows?: Property.GridAutoRows;
48
- /** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area) */
76
+ /** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)
77
+ * @deprecated
78
+ */
49
79
  gridArea?: Property.GridArea;
50
- /** sets [CSS grid-auto-flow property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) */
80
+ /** sets [CSS grid-auto-flow property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow)
81
+ * @deprecated
82
+ */
51
83
  gridAutoFlow?: Property.GridAutoFlow;
52
- /** sets [CSS grid property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid) */
84
+ /** sets [CSS grid property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid)
85
+ * @deprecated
86
+ */
53
87
  grid?: Property.Grid;
54
88
  };
89
+ /** @deprecated */
55
90
  export declare const gridStyleFnConfigs: StyleFnConfig[];
91
+ /** @deprecated */
56
92
  export declare const gridStyleFns: import("./buildStyleFns").StyleFns;
57
93
  /**
58
94
  * A style prop function that takes component props and returns grid styles.
@@ -67,6 +103,7 @@ export declare const gridStyleFns: import("./buildStyleFns").StyleFns;
67
103
  * </Grid>
68
104
  * );
69
105
  * ```
106
+ * @deprecated
70
107
  */
71
108
  export declare const grid: (props: GridStyleProps) => {};
72
109
  //# sourceMappingURL=grid.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,uDAAuD;AACvD,MAAM,MAAM,cAAc,GAAG;IAC3B,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;SAGK;IACL,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACpE,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,oHAAoH;IACpH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC;IAC/C,wHAAwH;IACxH,mBAAmB,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC;IACnD,kHAAkH;IAClH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnE;;;SAGK;IACL,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7D;;;SAGK;IACL,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvD,oGAAoG;IACpG,cAAc,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACrC,gHAAgH;IAChH,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C,0GAA0G;IAC1G,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,gGAAgG;IAChG,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,0GAA0G;IAC1G,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,sFAAsF;IACtF,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EA2F7C,CAAC;AAEF,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}
1
+ {"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACpE;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC;IAC/C;;OAEG;IACH,mBAAmB,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC;IACnD;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IAC7C;;;;OAIG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnE;;;;OAIG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7D;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvD;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;CACtB,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,kBAAkB,EAAE,aAAa,EA2F7C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
2
+ /** @deprecated */
2
3
  export const gridStyleFnConfigs = [
3
4
  {
4
5
  name: 'gridGap',
@@ -91,6 +92,7 @@ export const gridStyleFnConfigs = [
91
92
  system: 'none',
92
93
  },
93
94
  ];
95
+ /** @deprecated */
94
96
  export const gridStyleFns = buildStyleFns(gridStyleFnConfigs);
95
97
  /**
96
98
  * A style prop function that takes component props and returns grid styles.
@@ -105,5 +107,6 @@ export const gridStyleFns = buildStyleFns(gridStyleFnConfigs);
105
107
  * </Grid>
106
108
  * );
107
109
  * ```
110
+ * @deprecated
108
111
  */
109
112
  export const grid = buildStylePropFn(gridStyleFns);
@@ -1,29 +1,53 @@
1
1
  import { Property } from 'csstype';
2
2
  import { StyleFnConfig } from './buildStyleFns';
3
- /** style props to for CSS grid item properties */
3
+ /** style props to for CSS grid item 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 GridItemStyleProps = {
5
- /** sets [CSS grid-column-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start) */
7
+ /** sets [CSS grid-column-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)
8
+ * @deprecated
9
+ */
6
10
  gridColumnStart?: Property.GridColumnStart;
7
- /** sets [CSS grid-column-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end) */
11
+ /** sets [CSS grid-column-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)
12
+ * @deprecated
13
+ */
8
14
  gridColumnEnd?: Property.GridColumnEnd;
9
- /** sets [CSS grid-row-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start) */
15
+ /** sets [CSS grid-row-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)
16
+ * @deprecated
17
+ */
10
18
  gridRowStart?: Property.GridRowStart;
11
- /** sets [CSS grid-row-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end) */
19
+ /** sets [CSS grid-row-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)
20
+ * @deprecated
21
+ */
12
22
  gridRowEnd?: Property.GridRowEnd;
13
- /** sets [CSS grid-column property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column) */
23
+ /** sets [CSS grid-column property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)
24
+ * @deprecated
25
+ */
14
26
  gridColumn?: Property.GridColumn;
15
- /** sets [CSS grid-row property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row) */
27
+ /** sets [CSS grid-row property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)
28
+ * @deprecated
29
+ */
16
30
  gridRow?: Property.GridRow;
17
- /** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area) */
31
+ /** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)
32
+ * @deprecated
33
+ */
18
34
  gridArea?: Property.GridArea;
19
- /** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self) */
35
+ /** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self)
36
+ * @deprecated
37
+ */
20
38
  justifySelf?: Property.JustifySelf;
21
- /** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) */
39
+ /** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self)
40
+ * @deprecated
41
+ */
22
42
  alignSelf?: Property.AlignSelf;
23
- /** sets [CSS place-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-self) */
43
+ /** sets [CSS place-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-self)
44
+ * @deprecated
45
+ */
24
46
  placeSelf?: Property.PlaceSelf;
25
47
  };
48
+ /** @deprecated */
26
49
  export declare const gridItemStyleFnConfigs: StyleFnConfig[];
50
+ /** @deprecated */
27
51
  export declare const gridItemStyleFns: import("./buildStyleFns").StyleFns;
28
52
  /**
29
53
  * A style prop function that takes component props and returns grid styles.
@@ -37,6 +61,7 @@ export declare const gridItemStyleFns: import("./buildStyleFns").StyleFns;
37
61
  * </Grid.Item>
38
62
  * );
39
63
  * ```
64
+ * @deprecated
40
65
  */
41
66
  export declare const gridItem: (props: GridItemStyleProps) => {};
42
67
  //# sourceMappingURL=gridItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"gridItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/gridItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E,kDAAkD;AAClD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gHAAgH;IAChH,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C,4GAA4G;IAC5G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,0GAA0G;IAC1G,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,sGAAsG;IACtG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,8FAA8F;IAC9F,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B,gGAAgG;IAChG,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,aAAa,EAmDjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}
1
+ {"version":3,"file":"gridItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/gridItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,sBAAsB,EAAE,aAAa,EAmDjD,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
2
+ /** @deprecated */
2
3
  export const gridItemStyleFnConfigs = [
3
4
  {
4
5
  name: 'gridColumnStart',
@@ -51,6 +52,7 @@ export const gridItemStyleFnConfigs = [
51
52
  system: 'none',
52
53
  },
53
54
  ];
55
+ /** @deprecated */
54
56
  export const gridItemStyleFns = buildStyleFns(gridItemStyleFnConfigs);
55
57
  /**
56
58
  * A style prop function that takes component props and returns grid styles.
@@ -64,5 +66,6 @@ export const gridItemStyleFns = buildStyleFns(gridItemStyleFnConfigs);
64
66
  * </Grid.Item>
65
67
  * );
66
68
  * ```
69
+ * @deprecated
67
70
  */
68
71
  export const gridItem = buildStylePropFn(gridItemStyleFns);
@@ -1,52 +1,74 @@
1
1
  import { Property } from 'csstype';
2
2
  import { StyleFnConfig } from './buildStyleFns';
3
3
  import { SystemPropValues } from './systemProps';
4
- /** style props to for CSS layout properties */
4
+ /** style props to for CSS layout 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
+ */
5
7
  export type LayoutStyleProps = {
6
- /** sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display) */
8
+ /** sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
9
+ * @deprecated
10
+ */
7
11
  display?: Property.Display;
8
12
  /**
9
13
  * - sets [CSS height property](https://developer.mozilla.org/en-US/docs/Web/CSS/height)
10
14
  * - system tokens: `space`
11
- * */
15
+ * @deprecated
16
+ */
12
17
  height?: SystemPropValues['space'];
13
- /** sets [CSS list-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) */
18
+ /** sets [CSS list-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style)
19
+ * @deprecated
20
+ */
14
21
  listStyle?: Property.ListStyle;
15
22
  /**
16
23
  * - sets [CSS max-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)
17
24
  * - system tokens: `space`
18
- * */
25
+ * @deprecated
26
+ */
19
27
  maxHeight?: SystemPropValues['space'];
20
28
  /**
21
29
  * - sets [CSS max-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width)
22
30
  * - system tokens: `space`
23
- * */
31
+ * @deprecated
32
+ */
24
33
  maxWidth?: SystemPropValues['space'];
25
34
  /**
26
35
  * - sets [CSS min-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)
27
36
  * - system tokens: `space`
28
- * */
37
+ * @deprecated
38
+ */
29
39
  minHeight?: SystemPropValues['space'];
30
40
  /**
31
41
  * - sets [CSS min-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width)
32
42
  * - system tokens: `space`
33
- * */
43
+ * @deprecated
44
+ */
34
45
  minWidth?: SystemPropValues['space'];
35
- /** sets [CSS overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow) */
46
+ /** sets [CSS overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow)
47
+ * @deprecated
48
+ */
36
49
  overflow?: Property.Overflow;
37
- /** sets [CSS overflow-x property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x) */
50
+ /** sets [CSS overflow-x property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x)
51
+ * @deprecated
52
+ */
38
53
  overflowX?: Property.OverflowX;
39
- /** sets [CSS overflow-y property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y) */
54
+ /** sets [CSS overflow-y property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y)
55
+ * @deprecated
56
+ */
40
57
  overflowY?: Property.OverflowY;
41
- /** sets [CSS vertical-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) */
58
+ /** sets [CSS vertical-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align)
59
+ * @deprecated
60
+ */
42
61
  verticalAlign?: Property.VerticalAlign;
43
62
  /**
44
63
  * - sets [CSS width property](https://developer.mozilla.org/en-US/docs/Web/CSS/width)
45
64
  * - system tokens: `space`
46
- * */
65
+ * @deprecated
66
+ */
47
67
  width?: SystemPropValues['space'];
48
68
  };
69
+ /** @deprecated */
49
70
  export declare const layoutStyleFnConfigs: StyleFnConfig[];
71
+ /** @deprecated */
50
72
  export declare const layoutStyleFns: import("./buildStyleFns").StyleFns;
51
73
  /**
52
74
  * A style prop function that takes component props and returns layout styles.
@@ -60,6 +82,7 @@ export declare const layoutStyleFns: import("./buildStyleFns").StyleFns;
60
82
  * </Box>
61
83
  * );
62
84
  * ```
85
+ * @deprecated
63
86
  */
64
87
  export declare const layout: (props: LayoutStyleProps) => {};
65
88
  //# sourceMappingURL=layout.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,+CAA+C;AAC/C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,4FAA4F;IAC5F,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;;SAGK;IACL,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;;SAGK;IACL,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,aAAa,EA6D/C,CAAC;AAEF,eAAO,MAAM,cAAc,oCAAsC,CAAC;AAClE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,iCAAqD,CAAC"}
1
+ {"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;;;OAIG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,oBAAoB,EAAE,aAAa,EA6D/C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,cAAc,oCAAsC,CAAC;AAClE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,MAAM,iCAAqD,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
2
+ /** @deprecated */
2
3
  export const layoutStyleFnConfigs = [
3
4
  {
4
5
  name: 'display',
@@ -61,6 +62,7 @@ export const layoutStyleFnConfigs = [
61
62
  system: 'space',
62
63
  },
63
64
  ];
65
+ /** @deprecated */
64
66
  export const layoutStyleFns = buildStyleFns(layoutStyleFnConfigs);
65
67
  /**
66
68
  * A style prop function that takes component props and returns layout styles.
@@ -74,5 +76,6 @@ export const layoutStyleFns = buildStyleFns(layoutStyleFnConfigs);
74
76
  * </Box>
75
77
  * );
76
78
  * ```
79
+ * @deprecated
77
80
  */
78
81
  export const layout = buildStylePropFn(layoutStyleFns);
@@ -3,6 +3,7 @@ import { CommonStyleProps } from './styleProps';
3
3
  /**
4
4
  * This function has the same signature as {@link handleCsProp} and also calls `handleCsProps`, but
5
5
  * adds support for style props. It can be used as a drop-in replacement for `handleCsProps`.
6
+ * @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).
6
7
  */
7
8
  export declare function mergeStyles<T extends {}>(
8
9
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"mergeStyles.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/mergeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAe,MAAM,6BAA6B,CAAC;AAczE,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AA4B9C;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,EAAE;AACtC;;;GAGG;AACH,QAAQ,EAAE,CAAC;AACX;;;GAGG;AACH,OAAO,CAAC,EAAE,cAAc,GACvB,IAAI,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,gBAAgB,CAAC,CA4BxC"}
1
+ {"version":3,"file":"mergeStyles.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/mergeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAe,MAAM,6BAA6B,CAAC;AAczE,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AA4B9C;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,EAAE;AACtC;;;GAGG;AACH,QAAQ,EAAE,CAAC;AACX;;;GAGG;AACH,OAAO,CAAC,EAAE,cAAc,GACvB,IAAI,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,gBAAgB,CAAC,CA4BxC"}
@@ -39,6 +39,7 @@ function isStyleProps(prop) {
39
39
  /**
40
40
  * This function has the same signature as {@link handleCsProp} and also calls `handleCsProps`, but
41
41
  * adds support for style props. It can be used as a drop-in replacement for `handleCsProps`.
42
+ * @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).
42
43
  */
43
44
  export function mergeStyles(
44
45
  /**