@workday/canvas-kit-react 7.0.0-alpha.0-next.1 → 7.0.0-alpha.0-next.3

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 (204) hide show
  1. package/banner/lib/Banner.tsx +1 -0
  2. package/banner/lib/BannerActionText.tsx +12 -9
  3. package/banner/lib/BannerIcon.tsx +11 -12
  4. package/button/lib/ToolbarDropdownButton.tsx +1 -2
  5. package/cookie-banner/lib/CookieBanner.tsx +1 -0
  6. package/dist/commonjs/banner/lib/Banner.d.ts.map +1 -1
  7. package/dist/commonjs/banner/lib/Banner.js +1 -0
  8. package/dist/commonjs/banner/lib/BannerActionText.d.ts.map +1 -1
  9. package/dist/commonjs/banner/lib/BannerActionText.js +11 -5
  10. package/dist/commonjs/banner/lib/BannerIcon.d.ts.map +1 -1
  11. package/dist/commonjs/banner/lib/BannerIcon.js +7 -7
  12. package/dist/commonjs/button/lib/ToolbarDropdownButton.d.ts.map +1 -1
  13. package/dist/commonjs/button/lib/ToolbarDropdownButton.js +7 -5
  14. package/dist/commonjs/card/lib/Card.d.ts +1 -1
  15. package/dist/commonjs/card/lib/CardBody.d.ts +1 -1
  16. package/dist/commonjs/card/lib/CardBody.d.ts.map +1 -1
  17. package/dist/commonjs/cookie-banner/lib/CookieBanner.d.ts.map +1 -1
  18. package/dist/commonjs/cookie-banner/lib/CookieBanner.js +1 -0
  19. package/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
  20. package/dist/commonjs/icon/lib/Svg.d.ts +0 -1
  21. package/dist/commonjs/icon/lib/Svg.d.ts.map +1 -1
  22. package/dist/commonjs/icon/lib/Svg.js +7 -14
  23. package/dist/commonjs/modal/lib/Modal.d.ts +1 -1
  24. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
  25. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
  26. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js +21 -7
  27. package/dist/commonjs/pagination/lib/Pagination/Controls.js +2 -2
  28. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
  29. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts.map +1 -1
  30. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.js +2 -2
  31. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
  32. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
  33. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.js +12 -4
  34. package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts +1 -1
  35. package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts.map +1 -1
  36. package/dist/commonjs/pagination/lib/Pagination/Nav.js +2 -2
  37. package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +4 -4
  38. package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts.map +1 -1
  39. package/dist/commonjs/pagination/lib/Pagination/PageList.js +11 -7
  40. package/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts +3 -3
  41. package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +6 -8
  42. package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts.map +1 -1
  43. package/dist/commonjs/pagination/lib/Pagination/common/List.js +15 -12
  44. package/dist/commonjs/popup/lib/Popper.d.ts +5 -0
  45. package/dist/commonjs/popup/lib/Popper.d.ts.map +1 -1
  46. package/dist/commonjs/popup/lib/Popper.js +9 -8
  47. package/dist/commonjs/popup/lib/Popup.d.ts +1 -1
  48. package/dist/commonjs/popup/lib/hooks/useInitialFocus.d.ts.map +1 -1
  49. package/dist/commonjs/popup/lib/hooks/useInitialFocus.js +5 -3
  50. package/dist/commonjs/tabs/lib/TabsItem.d.ts +1 -1
  51. package/dist/commonjs/toast/lib/Toast.d.ts.map +1 -1
  52. package/dist/commonjs/toast/lib/Toast.js +16 -13
  53. package/dist/es6/banner/lib/Banner.d.ts.map +1 -1
  54. package/dist/es6/banner/lib/Banner.js +1 -0
  55. package/dist/es6/banner/lib/BannerActionText.d.ts.map +1 -1
  56. package/dist/es6/banner/lib/BannerActionText.js +5 -6
  57. package/dist/es6/banner/lib/BannerIcon.d.ts.map +1 -1
  58. package/dist/es6/banner/lib/BannerIcon.js +5 -8
  59. package/dist/es6/button/lib/ToolbarDropdownButton.d.ts.map +1 -1
  60. package/dist/es6/button/lib/ToolbarDropdownButton.js +4 -5
  61. package/dist/es6/card/lib/Card.d.ts +1 -1
  62. package/dist/es6/card/lib/CardBody.d.ts +1 -1
  63. package/dist/es6/card/lib/CardBody.d.ts.map +1 -1
  64. package/dist/es6/cookie-banner/lib/CookieBanner.d.ts.map +1 -1
  65. package/dist/es6/cookie-banner/lib/CookieBanner.js +1 -0
  66. package/dist/es6/dialog/lib/Dialog.d.ts +1 -1
  67. package/dist/es6/icon/lib/Svg.d.ts +0 -1
  68. package/dist/es6/icon/lib/Svg.d.ts.map +1 -1
  69. package/dist/es6/icon/lib/Svg.js +7 -14
  70. package/dist/es6/modal/lib/Modal.d.ts +1 -1
  71. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
  72. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
  73. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js +16 -9
  74. package/dist/es6/pagination/lib/Pagination/Controls.js +1 -1
  75. package/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
  76. package/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts.map +1 -1
  77. package/dist/es6/pagination/lib/Pagination/GoTo/Form.js +2 -2
  78. package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
  79. package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
  80. package/dist/es6/pagination/lib/Pagination/GoTo/Label.js +5 -4
  81. package/dist/es6/pagination/lib/Pagination/Nav.d.ts +1 -1
  82. package/dist/es6/pagination/lib/Pagination/Nav.d.ts.map +1 -1
  83. package/dist/es6/pagination/lib/Pagination/Nav.js +2 -2
  84. package/dist/es6/pagination/lib/Pagination/PageList.d.ts +4 -4
  85. package/dist/es6/pagination/lib/Pagination/PageList.d.ts.map +1 -1
  86. package/dist/es6/pagination/lib/Pagination/PageList.js +5 -8
  87. package/dist/es6/pagination/lib/Pagination/Pagination.d.ts +3 -3
  88. package/dist/es6/pagination/lib/Pagination/common/List.d.ts +6 -8
  89. package/dist/es6/pagination/lib/Pagination/common/List.d.ts.map +1 -1
  90. package/dist/es6/pagination/lib/Pagination/common/List.js +15 -12
  91. package/dist/es6/popup/lib/Popper.d.ts +5 -0
  92. package/dist/es6/popup/lib/Popper.d.ts.map +1 -1
  93. package/dist/es6/popup/lib/Popper.js +9 -8
  94. package/dist/es6/popup/lib/Popup.d.ts +1 -1
  95. package/dist/es6/popup/lib/hooks/useInitialFocus.d.ts.map +1 -1
  96. package/dist/es6/popup/lib/hooks/useInitialFocus.js +5 -3
  97. package/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
  98. package/dist/es6/toast/lib/Toast.d.ts.map +1 -1
  99. package/dist/es6/toast/lib/Toast.js +9 -13
  100. package/icon/lib/Svg.tsx +13 -22
  101. package/package.json +5 -5
  102. package/pagination/lib/Pagination/AdditionalDetails.tsx +24 -18
  103. package/pagination/lib/Pagination/Controls.tsx +1 -1
  104. package/pagination/lib/Pagination/GoTo/Form.tsx +4 -5
  105. package/pagination/lib/Pagination/GoTo/Label.tsx +5 -6
  106. package/pagination/lib/Pagination/Nav.tsx +2 -2
  107. package/pagination/lib/Pagination/PageList.tsx +13 -11
  108. package/pagination/lib/Pagination/common/List.tsx +25 -23
  109. package/popup/lib/Popper.tsx +13 -5
  110. package/popup/lib/hooks/useInitialFocus.tsx +3 -1
  111. package/toast/lib/Toast.tsx +9 -15
  112. package/ts3.5/dist/commonjs/card/lib/Card.d.ts +1 -1
  113. package/ts3.5/dist/commonjs/card/lib/CardBody.d.ts +1 -1
  114. package/ts3.5/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
  115. package/ts3.5/dist/commonjs/icon/lib/Svg.d.ts +0 -1
  116. package/ts3.5/dist/commonjs/modal/lib/Modal.d.ts +1 -1
  117. package/ts3.5/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
  118. package/ts3.5/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
  119. package/ts3.5/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
  120. package/ts3.5/dist/commonjs/pagination/lib/Pagination/Nav.d.ts +1 -1
  121. package/ts3.5/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +4 -4
  122. package/ts3.5/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts +3 -3
  123. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +6 -8
  124. package/ts3.5/dist/commonjs/popup/lib/Popper.d.ts +5 -0
  125. package/ts3.5/dist/commonjs/popup/lib/Popup.d.ts +1 -1
  126. package/ts3.5/dist/commonjs/tabs/lib/TabsItem.d.ts +1 -1
  127. package/ts3.5/dist/es6/card/lib/Card.d.ts +1 -1
  128. package/ts3.5/dist/es6/card/lib/CardBody.d.ts +1 -1
  129. package/ts3.5/dist/es6/dialog/lib/Dialog.d.ts +1 -1
  130. package/ts3.5/dist/es6/icon/lib/Svg.d.ts +0 -1
  131. package/ts3.5/dist/es6/modal/lib/Modal.d.ts +1 -1
  132. package/ts3.5/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
  133. package/ts3.5/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
  134. package/ts3.5/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
  135. package/ts3.5/dist/es6/pagination/lib/Pagination/Nav.d.ts +1 -1
  136. package/ts3.5/dist/es6/pagination/lib/Pagination/PageList.d.ts +4 -4
  137. package/ts3.5/dist/es6/pagination/lib/Pagination/Pagination.d.ts +3 -3
  138. package/ts3.5/dist/es6/pagination/lib/Pagination/common/List.d.ts +6 -8
  139. package/ts3.5/dist/es6/popup/lib/Popper.d.ts +5 -0
  140. package/ts3.5/dist/es6/popup/lib/Popup.d.ts +1 -1
  141. package/ts3.5/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
  142. package/dist/commonjs/pagination/lib/Pagination/common/Box.d.ts +0 -12
  143. package/dist/commonjs/pagination/lib/Pagination/common/Box.d.ts.map +0 -1
  144. package/dist/commonjs/pagination/lib/Pagination/common/Box.js +0 -70
  145. package/dist/commonjs/pagination/lib/Pagination/common/Flex.d.ts +0 -6
  146. package/dist/commonjs/pagination/lib/Pagination/common/Flex.d.ts.map +0 -1
  147. package/dist/commonjs/pagination/lib/Pagination/common/Flex.js +0 -32
  148. package/dist/commonjs/pagination/lib/Pagination/common/Stack.d.ts +0 -48
  149. package/dist/commonjs/pagination/lib/Pagination/common/Stack.d.ts.map +0 -1
  150. package/dist/commonjs/pagination/lib/Pagination/common/Stack.js +0 -87
  151. package/dist/commonjs/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
  152. package/dist/commonjs/pagination/lib/Pagination/common/utils/flex.d.ts.map +0 -1
  153. package/dist/commonjs/pagination/lib/Pagination/common/utils/flex.js +0 -23
  154. package/dist/commonjs/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
  155. package/dist/commonjs/pagination/lib/Pagination/common/utils/layout.d.ts.map +0 -1
  156. package/dist/commonjs/pagination/lib/Pagination/common/utils/layout.js +0 -15
  157. package/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
  158. package/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts.map +0 -1
  159. package/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.js +0 -37
  160. package/dist/commonjs/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
  161. package/dist/commonjs/pagination/lib/Pagination/common/utils/space.d.ts.map +0 -1
  162. package/dist/commonjs/pagination/lib/Pagination/common/utils/space.js +0 -75
  163. package/dist/es6/pagination/lib/Pagination/common/Box.d.ts +0 -12
  164. package/dist/es6/pagination/lib/Pagination/common/Box.d.ts.map +0 -1
  165. package/dist/es6/pagination/lib/Pagination/common/Box.js +0 -58
  166. package/dist/es6/pagination/lib/Pagination/common/Flex.d.ts +0 -6
  167. package/dist/es6/pagination/lib/Pagination/common/Flex.d.ts.map +0 -1
  168. package/dist/es6/pagination/lib/Pagination/common/Flex.js +0 -27
  169. package/dist/es6/pagination/lib/Pagination/common/Stack.d.ts +0 -48
  170. package/dist/es6/pagination/lib/Pagination/common/Stack.d.ts.map +0 -1
  171. package/dist/es6/pagination/lib/Pagination/common/Stack.js +0 -78
  172. package/dist/es6/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
  173. package/dist/es6/pagination/lib/Pagination/common/utils/flex.d.ts.map +0 -1
  174. package/dist/es6/pagination/lib/Pagination/common/utils/flex.js +0 -21
  175. package/dist/es6/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
  176. package/dist/es6/pagination/lib/Pagination/common/utils/layout.d.ts.map +0 -1
  177. package/dist/es6/pagination/lib/Pagination/common/utils/layout.js +0 -13
  178. package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
  179. package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts.map +0 -1
  180. package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.js +0 -34
  181. package/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
  182. package/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts.map +0 -1
  183. package/dist/es6/pagination/lib/Pagination/common/utils/space.js +0 -73
  184. package/pagination/lib/Pagination/common/Box.tsx +0 -44
  185. package/pagination/lib/Pagination/common/Flex.tsx +0 -23
  186. package/pagination/lib/Pagination/common/Stack.tsx +0 -98
  187. package/pagination/lib/Pagination/common/utils/flex.ts +0 -110
  188. package/pagination/lib/Pagination/common/utils/layout.ts +0 -40
  189. package/pagination/lib/Pagination/common/utils/safelySpreadProps.ts +0 -29
  190. package/pagination/lib/Pagination/common/utils/space.ts +0 -109
  191. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/Box.d.ts +0 -12
  192. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/Flex.d.ts +0 -6
  193. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/Stack.d.ts +0 -48
  194. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
  195. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
  196. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
  197. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
  198. package/ts3.5/dist/es6/pagination/lib/Pagination/common/Box.d.ts +0 -12
  199. package/ts3.5/dist/es6/pagination/lib/Pagination/common/Flex.d.ts +0 -6
  200. package/ts3.5/dist/es6/pagination/lib/Pagination/common/Stack.d.ts +0 -48
  201. package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
  202. package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
  203. package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
  204. package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
@@ -1,109 +0,0 @@
1
- import {space as canvasSpace} from '@workday/canvas-kit-react/tokens';
2
-
3
- export type Spacing = keyof typeof canvasSpace;
4
-
5
- export interface SpaceProps {
6
- margin?: Spacing;
7
- m?: Spacing;
8
- marginX?: Spacing;
9
- mx?: Spacing;
10
- marginY?: Spacing;
11
- my?: Spacing;
12
- marginT?: Spacing;
13
- mt?: Spacing;
14
- marginR?: Spacing;
15
- mr?: Spacing;
16
- marginB?: Spacing;
17
- mb?: Spacing;
18
- marginL?: Spacing;
19
- ml?: Spacing;
20
- padding?: Spacing;
21
- p?: Spacing;
22
- paddingX?: Spacing;
23
- px?: Spacing;
24
- paddingY?: Spacing;
25
- py?: Spacing;
26
- paddingT?: Spacing;
27
- pt?: Spacing;
28
- paddingR?: Spacing;
29
- pr?: Spacing;
30
- paddingB?: Spacing;
31
- pb?: Spacing;
32
- paddingL?: Spacing;
33
- pl?: Spacing;
34
- }
35
-
36
- const margin = (value: Spacing) => ({margin: canvasSpace[value] || value});
37
-
38
- const marginX = (value: Spacing) => ({
39
- marginLeft: canvasSpace[value], // || value,
40
- marginRight: canvasSpace[value], // || value
41
- });
42
- const marginY = (value: Spacing) => ({
43
- marginBottom: canvasSpace[value], // || value,
44
- marginTop: canvasSpace[value], // || value
45
- });
46
- const marginT = (value: Spacing) => ({
47
- marginTop: canvasSpace[value], // || value
48
- });
49
- const marginR = (value: Spacing) => ({
50
- marginRight: canvasSpace[value], // || value
51
- });
52
- const marginB = (value: Spacing) => ({
53
- marginBottom: canvasSpace[value], // || value
54
- });
55
- const marginL = (value: Spacing) => ({
56
- marginLeft: canvasSpace[value], // || value
57
- });
58
- const padding = (value: Spacing) => ({padding: canvasSpace[value]}); // || value });
59
- const paddingX = (value: Spacing) => ({
60
- paddingLeft: canvasSpace[value], // || value,
61
- paddingRight: canvasSpace[value], // || value
62
- });
63
- const paddingY = (value: Spacing) => ({
64
- paddingBottom: canvasSpace[value], // || value,
65
- paddingTop: canvasSpace[value], // || value
66
- });
67
- const paddingT = (value: Spacing) => ({
68
- paddingTop: canvasSpace[value], // || value
69
- });
70
- const paddingR = (value: Spacing) => ({
71
- paddingRight: canvasSpace[value], // || value
72
- });
73
- const paddingB = (value: Spacing) => ({
74
- paddingBottom: canvasSpace[value], // || value
75
- });
76
- const paddingL = (value: Spacing) => ({
77
- paddingLeft: canvasSpace[value], // || value
78
- });
79
-
80
- export const space = {
81
- margin,
82
- m: margin, // helpful alias for margin
83
- marginX,
84
- mx: marginX, // helpful alias for marginX
85
- marginY,
86
- my: marginY, // helpful alias for marginY
87
- marginT,
88
- mt: marginT, // helpful alias for marginT
89
- marginR,
90
- mr: marginR, // helpful alias for marginR
91
- marginB,
92
- mb: marginB, // helpful alias for marginB
93
- marginL,
94
- ml: marginL, // helpful alias for marginL
95
- padding,
96
- p: padding, // helpful alias for padding
97
- paddingX,
98
- px: paddingX, // helpful alias for paddingX
99
- paddingY,
100
- py: paddingY, // helpful alias for paddingY
101
- paddingT,
102
- pt: paddingT, // helpful alias for paddingT
103
- paddingR,
104
- pr: paddingR, // helpful alias for paddingR
105
- paddingB,
106
- pb: paddingB, // helpful alias for paddingB
107
- paddingL,
108
- pl: paddingL, // helpful alias for paddingL
109
- };
@@ -1,12 +0,0 @@
1
- /** @jsx jsx */
2
- import * as React from 'react';
3
- import { SpaceProps } from './utils/space';
4
- import { LayoutProps } from './utils/layout';
5
- declare type As = keyof JSX.IntrinsicElements;
6
- export interface BoxProps extends SpaceProps, LayoutProps, React.HTMLAttributes<HTMLElement> {
7
- as?: As;
8
- }
9
- export declare const StyledBox: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps, object>;
10
- export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<any>>;
11
- export {};
12
- //# sourceMappingURL=Box.d.ts.map
@@ -1,6 +0,0 @@
1
- /// <reference types="@emotion/core" />
2
- import { FlexProps as BaseFlexProps } from './utils/flex';
3
- import { BoxProps } from './Box';
4
- export declare type FlexProps = BaseFlexProps & BoxProps;
5
- export declare const Flex: import("@emotion/styled-base").StyledComponent<BoxProps & import("react").RefAttributes<any>, FlexProps, object>;
6
- //# sourceMappingURL=Flex.d.ts.map
@@ -1,48 +0,0 @@
1
- /** @jsx jsx */
2
- import * as React from 'react';
3
- import { FlexProps } from './Flex';
4
- import { Spacing } from './utils/space';
5
- declare type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
6
- export interface StackProps extends FlexProps {
7
- children?: React.ReactNode;
8
- direction: StackDirection;
9
- flexDirection?: StackDirection;
10
- spacing: Spacing;
11
- }
12
- declare const selector = "& > *:not(style) ~ *:not(style)";
13
- declare type Options = {
14
- spacing: Spacing;
15
- direction: StackDirection;
16
- shouldUseRTL: boolean;
17
- };
18
- export declare const useStack: ({ direction, shouldUseRTL, spacing }: Options) => {
19
- flexDirection: import("@workday/canvas-kit-labs-react").StackDirection;
20
- "& > *:not(style) ~ *:not(style)": {
21
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
22
- } | {
23
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
24
- } | {
25
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
26
- marginRight?: undefined;
27
- } | {
28
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
29
- marginLeft?: undefined;
30
- } | {
31
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
32
- marginLeft?: undefined;
33
- } | {
34
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
35
- marginRight?: undefined;
36
- };
37
- };
38
- export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<unknown>>;
39
- export interface HStackProps extends Omit<StackProps, 'direction'> {
40
- direction?: 'row' | 'row-reverse';
41
- }
42
- export declare const HStack: React.ForwardRefExoticComponent<HStackProps & React.RefAttributes<unknown>>;
43
- export interface VStackProps extends Omit<StackProps, 'direction'> {
44
- direction?: 'column' | 'column-reverse';
45
- }
46
- export declare const VStack: React.ForwardRefExoticComponent<VStackProps & React.RefAttributes<unknown>>;
47
- export {};
48
- //# sourceMappingURL=Stack.d.ts.map
@@ -1,57 +0,0 @@
1
- declare type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
2
- declare type GlobalsNumber = number | '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
3
- declare type SelfPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'self-end' | 'self-start' | 'start';
4
- declare type ContentDistribution = 'space-around' | 'space-between' | 'space-evenly' | 'stretch';
5
- declare type ContentPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'start';
6
- declare type AlignItemsProperty = Globals | SelfPosition | 'baseline' | 'normal' | 'stretch';
7
- declare type AlignContentProperty = Globals | ContentDistribution | ContentPosition | 'baseline' | 'normal';
8
- declare type JustifyItemsProperty = Globals | SelfPosition | 'baseline' | 'left' | 'legacy' | 'normal' | 'right' | 'stretch';
9
- declare type JustifyContentProperty = Globals | ContentDistribution | ContentPosition | 'left' | 'normal' | 'right';
10
- declare type FlexWrapProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'nowrap' | 'wrap' | 'wrap-reverse';
11
- declare type FlexDirectionProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'column' | 'column-reverse' | 'row' | 'row-reverse';
12
- declare type JustifySelfProperty = Globals | SelfPosition | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch' | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch';
13
- declare type AlignSelfProperty = Globals | SelfPosition | 'auto' | 'baseline' | 'normal' | 'stretch';
14
- export interface FlexProps {
15
- alignItems?: AlignItemsProperty;
16
- alignContent?: AlignContentProperty;
17
- display?: 'flex' | 'inline-flex';
18
- justifyItems?: JustifyItemsProperty;
19
- justifyContent?: JustifyContentProperty;
20
- flexWrap?: FlexWrapProperty;
21
- wrap?: FlexWrapProperty;
22
- flexDirection?: FlexDirectionProperty;
23
- direction?: FlexDirectionProperty;
24
- flex?: number | string;
25
- flexGrow?: number | string;
26
- grow?: number | string;
27
- flexShrink?: number | string;
28
- shrink?: number | string;
29
- flexBasis?: number | string;
30
- basis?: number | string;
31
- justifySelf?: JustifySelfProperty;
32
- alignSelf?: AlignSelfProperty;
33
- order?: GlobalsNumber;
34
- }
35
- export declare const flex: {
36
- alignItems: string;
37
- alignContent: string;
38
- display: string;
39
- justifyItems: string;
40
- justifyContent: string;
41
- flexWrap: string;
42
- wrap: string;
43
- flexDirection: string;
44
- direction: string;
45
- flex: string;
46
- flexGrow: string;
47
- grow: string;
48
- flexShrink: string;
49
- shrink: string;
50
- flexBasis: string;
51
- basis: string;
52
- justifySelf: string;
53
- alignSelf: string;
54
- order: string;
55
- };
56
- export {};
57
- //# sourceMappingURL=flex.d.ts.map
@@ -1,32 +0,0 @@
1
- declare type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
2
- declare type OverflowProperty = Globals | 'auto' | 'hidden' | 'scroll' | 'visible' | string;
3
- declare type OverflowXProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'auto' | 'hidden' | 'scroll' | 'visible';
4
- declare type OverflowYProperty = OverflowXProperty;
5
- export interface LayoutProps {
6
- display?: string;
7
- height?: number | string;
8
- maxHeight?: number | string;
9
- maxWidth?: number | string;
10
- minHeight?: number | string;
11
- minWidth?: number | string;
12
- overflow?: OverflowProperty;
13
- overflowX?: OverflowXProperty;
14
- overflowY?: OverflowYProperty;
15
- verticalAlign?: string;
16
- width?: number | string;
17
- }
18
- export declare const layout: {
19
- display: string;
20
- height: string;
21
- maxHeight: string;
22
- maxWidth: string;
23
- minHeight: string;
24
- minWidth: string;
25
- overflow: string;
26
- overflowX: string;
27
- overflowY: string;
28
- verticalAlign: string;
29
- width: string;
30
- };
31
- export {};
32
- //# sourceMappingURL=layout.d.ts.map
@@ -1,12 +0,0 @@
1
- /**
2
- * Removes style props from props to prevent them from being applied to the HTML element.
3
- * Returns an object of props that is stripped of all style props.
4
- * @example
5
- * const Box = (props) => {
6
- * const safeProps = safelySpreadProps(props);
7
- * return <div {...safeProps} />
8
- * }
9
- *
10
- */
11
- export declare function safelySpreadProps<T extends object>(props: T): T;
12
- //# sourceMappingURL=safelySpreadProps.d.ts.map
@@ -1,127 +0,0 @@
1
- import { space as canvasSpace } from '@workday/canvas-kit-react/tokens';
2
- export declare type Spacing = keyof typeof canvasSpace;
3
- export interface SpaceProps {
4
- margin?: Spacing;
5
- m?: Spacing;
6
- marginX?: Spacing;
7
- mx?: Spacing;
8
- marginY?: Spacing;
9
- my?: Spacing;
10
- marginT?: Spacing;
11
- mt?: Spacing;
12
- marginR?: Spacing;
13
- mr?: Spacing;
14
- marginB?: Spacing;
15
- mb?: Spacing;
16
- marginL?: Spacing;
17
- ml?: Spacing;
18
- padding?: Spacing;
19
- p?: Spacing;
20
- paddingX?: Spacing;
21
- px?: Spacing;
22
- paddingY?: Spacing;
23
- py?: Spacing;
24
- paddingT?: Spacing;
25
- pt?: Spacing;
26
- paddingR?: Spacing;
27
- pr?: Spacing;
28
- paddingB?: Spacing;
29
- pb?: Spacing;
30
- paddingL?: Spacing;
31
- pl?: Spacing;
32
- }
33
- export declare const space: {
34
- margin: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
35
- margin: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
36
- };
37
- m: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
38
- margin: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
39
- };
40
- marginX: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
41
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
42
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
43
- };
44
- mx: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
45
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
46
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
47
- };
48
- marginY: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
49
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
50
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
51
- };
52
- my: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
53
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
54
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
55
- };
56
- marginT: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
57
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
58
- };
59
- mt: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
60
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
61
- };
62
- marginR: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
63
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
64
- };
65
- mr: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
66
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
67
- };
68
- marginB: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
69
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
70
- };
71
- mb: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
72
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
73
- };
74
- marginL: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
75
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
76
- };
77
- ml: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
78
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
79
- };
80
- padding: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
81
- padding: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
82
- };
83
- p: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
84
- padding: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
85
- };
86
- paddingX: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
87
- paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
88
- paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
89
- };
90
- px: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
91
- paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
92
- paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
93
- };
94
- paddingY: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
95
- paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
96
- paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
97
- };
98
- py: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
99
- paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
100
- paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
101
- };
102
- paddingT: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
103
- paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
104
- };
105
- pt: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
106
- paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
107
- };
108
- paddingR: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
109
- paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
110
- };
111
- pr: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
112
- paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
113
- };
114
- paddingB: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
115
- paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
116
- };
117
- pb: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
118
- paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
119
- };
120
- paddingL: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
121
- paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
122
- };
123
- pl: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
124
- paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
125
- };
126
- };
127
- //# sourceMappingURL=space.d.ts.map
@@ -1,12 +0,0 @@
1
- /** @jsx jsx */
2
- import * as React from 'react';
3
- import { SpaceProps } from './utils/space';
4
- import { LayoutProps } from './utils/layout';
5
- declare type As = keyof JSX.IntrinsicElements;
6
- export interface BoxProps extends SpaceProps, LayoutProps, React.HTMLAttributes<HTMLElement> {
7
- as?: As;
8
- }
9
- export declare const StyledBox: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps, object>;
10
- export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<any>>;
11
- export {};
12
- //# sourceMappingURL=Box.d.ts.map
@@ -1,6 +0,0 @@
1
- /// <reference types="@emotion/core" />
2
- import { FlexProps as BaseFlexProps } from './utils/flex';
3
- import { BoxProps } from './Box';
4
- export declare type FlexProps = BaseFlexProps & BoxProps;
5
- export declare const Flex: import("@emotion/styled-base").StyledComponent<BoxProps & import("react").RefAttributes<any>, FlexProps, object>;
6
- //# sourceMappingURL=Flex.d.ts.map
@@ -1,48 +0,0 @@
1
- /** @jsx jsx */
2
- import * as React from 'react';
3
- import { FlexProps } from './Flex';
4
- import { Spacing } from './utils/space';
5
- declare type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
6
- export interface StackProps extends FlexProps {
7
- children?: React.ReactNode;
8
- direction: StackDirection;
9
- flexDirection?: StackDirection;
10
- spacing: Spacing;
11
- }
12
- declare const selector = "& > *:not(style) ~ *:not(style)";
13
- declare type Options = {
14
- spacing: Spacing;
15
- direction: StackDirection;
16
- shouldUseRTL: boolean;
17
- };
18
- export declare const useStack: ({ direction, shouldUseRTL, spacing }: Options) => {
19
- flexDirection: import("@workday/canvas-kit-labs-react").StackDirection;
20
- "& > *:not(style) ~ *:not(style)": {
21
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
22
- } | {
23
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
24
- } | {
25
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
26
- marginRight?: undefined;
27
- } | {
28
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
29
- marginLeft?: undefined;
30
- } | {
31
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
32
- marginLeft?: undefined;
33
- } | {
34
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
35
- marginRight?: undefined;
36
- };
37
- };
38
- export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<unknown>>;
39
- export interface HStackProps extends Omit<StackProps, 'direction'> {
40
- direction?: 'row' | 'row-reverse';
41
- }
42
- export declare const HStack: React.ForwardRefExoticComponent<HStackProps & React.RefAttributes<unknown>>;
43
- export interface VStackProps extends Omit<StackProps, 'direction'> {
44
- direction?: 'column' | 'column-reverse';
45
- }
46
- export declare const VStack: React.ForwardRefExoticComponent<VStackProps & React.RefAttributes<unknown>>;
47
- export {};
48
- //# sourceMappingURL=Stack.d.ts.map
@@ -1,57 +0,0 @@
1
- declare type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
2
- declare type GlobalsNumber = number | '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
3
- declare type SelfPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'self-end' | 'self-start' | 'start';
4
- declare type ContentDistribution = 'space-around' | 'space-between' | 'space-evenly' | 'stretch';
5
- declare type ContentPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'start';
6
- declare type AlignItemsProperty = Globals | SelfPosition | 'baseline' | 'normal' | 'stretch';
7
- declare type AlignContentProperty = Globals | ContentDistribution | ContentPosition | 'baseline' | 'normal';
8
- declare type JustifyItemsProperty = Globals | SelfPosition | 'baseline' | 'left' | 'legacy' | 'normal' | 'right' | 'stretch';
9
- declare type JustifyContentProperty = Globals | ContentDistribution | ContentPosition | 'left' | 'normal' | 'right';
10
- declare type FlexWrapProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'nowrap' | 'wrap' | 'wrap-reverse';
11
- declare type FlexDirectionProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'column' | 'column-reverse' | 'row' | 'row-reverse';
12
- declare type JustifySelfProperty = Globals | SelfPosition | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch' | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch';
13
- declare type AlignSelfProperty = Globals | SelfPosition | 'auto' | 'baseline' | 'normal' | 'stretch';
14
- export interface FlexProps {
15
- alignItems?: AlignItemsProperty;
16
- alignContent?: AlignContentProperty;
17
- display?: 'flex' | 'inline-flex';
18
- justifyItems?: JustifyItemsProperty;
19
- justifyContent?: JustifyContentProperty;
20
- flexWrap?: FlexWrapProperty;
21
- wrap?: FlexWrapProperty;
22
- flexDirection?: FlexDirectionProperty;
23
- direction?: FlexDirectionProperty;
24
- flex?: number | string;
25
- flexGrow?: number | string;
26
- grow?: number | string;
27
- flexShrink?: number | string;
28
- shrink?: number | string;
29
- flexBasis?: number | string;
30
- basis?: number | string;
31
- justifySelf?: JustifySelfProperty;
32
- alignSelf?: AlignSelfProperty;
33
- order?: GlobalsNumber;
34
- }
35
- export declare const flex: {
36
- alignItems: string;
37
- alignContent: string;
38
- display: string;
39
- justifyItems: string;
40
- justifyContent: string;
41
- flexWrap: string;
42
- wrap: string;
43
- flexDirection: string;
44
- direction: string;
45
- flex: string;
46
- flexGrow: string;
47
- grow: string;
48
- flexShrink: string;
49
- shrink: string;
50
- flexBasis: string;
51
- basis: string;
52
- justifySelf: string;
53
- alignSelf: string;
54
- order: string;
55
- };
56
- export {};
57
- //# sourceMappingURL=flex.d.ts.map
@@ -1,32 +0,0 @@
1
- declare type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
2
- declare type OverflowProperty = Globals | 'auto' | 'hidden' | 'scroll' | 'visible' | string;
3
- declare type OverflowXProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'auto' | 'hidden' | 'scroll' | 'visible';
4
- declare type OverflowYProperty = OverflowXProperty;
5
- export interface LayoutProps {
6
- display?: string;
7
- height?: number | string;
8
- maxHeight?: number | string;
9
- maxWidth?: number | string;
10
- minHeight?: number | string;
11
- minWidth?: number | string;
12
- overflow?: OverflowProperty;
13
- overflowX?: OverflowXProperty;
14
- overflowY?: OverflowYProperty;
15
- verticalAlign?: string;
16
- width?: number | string;
17
- }
18
- export declare const layout: {
19
- display: string;
20
- height: string;
21
- maxHeight: string;
22
- maxWidth: string;
23
- minHeight: string;
24
- minWidth: string;
25
- overflow: string;
26
- overflowX: string;
27
- overflowY: string;
28
- verticalAlign: string;
29
- width: string;
30
- };
31
- export {};
32
- //# sourceMappingURL=layout.d.ts.map
@@ -1,12 +0,0 @@
1
- /**
2
- * Removes style props from props to prevent them from being applied to the HTML element.
3
- * Returns an object of props that is stripped of all style props.
4
- * @example
5
- * const Box = (props) => {
6
- * const safeProps = safelySpreadProps(props);
7
- * return <div {...safeProps} />
8
- * }
9
- *
10
- */
11
- export declare function safelySpreadProps<T extends object>(props: T): T;
12
- //# sourceMappingURL=safelySpreadProps.d.ts.map