@workday/canvas-kit-react 8.0.0-alpha.237-next.8 → 8.0.0-alpha.239-next.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commonjs/card/lib/Card.d.ts +1 -1
- package/dist/commonjs/card/lib/CardBody.d.ts +1 -1
- package/dist/commonjs/card/lib/CardBody.d.ts.map +1 -1
- package/dist/commonjs/layout/index.d.ts +1 -0
- package/dist/commonjs/layout/index.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Box.d.ts +20 -13
- package/dist/commonjs/layout/lib/Box.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Flex.d.ts +1 -1
- package/dist/commonjs/layout/lib/Grid.d.ts +1 -1
- package/dist/commonjs/layout/lib/Stack.d.ts +3 -3
- package/dist/commonjs/layout/lib/utils/styleProps.d.ts +41 -0
- package/dist/commonjs/layout/lib/utils/styleProps.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/styleProps.js +2 -0
- package/dist/commonjs/popup/lib/PopupCloseButton.d.ts.map +1 -1
- package/dist/commonjs/popup/lib/PopupCloseButton.js +1 -1
- package/dist/commonjs/popup/lib/PopupCloseIcon.js +1 -1
- package/dist/es6/card/lib/Card.d.ts +1 -1
- package/dist/es6/card/lib/CardBody.d.ts +1 -1
- package/dist/es6/card/lib/CardBody.d.ts.map +1 -1
- package/dist/es6/layout/index.d.ts +1 -0
- package/dist/es6/layout/index.d.ts.map +1 -1
- package/dist/es6/layout/lib/Box.d.ts +20 -13
- package/dist/es6/layout/lib/Box.d.ts.map +1 -1
- package/dist/es6/layout/lib/Flex.d.ts +1 -1
- package/dist/es6/layout/lib/Grid.d.ts +1 -1
- package/dist/es6/layout/lib/Stack.d.ts +3 -3
- package/dist/es6/layout/lib/utils/styleProps.d.ts +41 -0
- package/dist/es6/layout/lib/utils/styleProps.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/styleProps.js +1 -0
- package/dist/es6/popup/lib/PopupCloseButton.d.ts.map +1 -1
- package/dist/es6/popup/lib/PopupCloseButton.js +1 -1
- package/dist/es6/popup/lib/PopupCloseIcon.js +1 -1
- package/layout/index.ts +1 -0
- package/layout/lib/Box.tsx +32 -24
- package/layout/lib/utils/styleProps.ts +56 -0
- package/package.json +3 -3
- package/popup/lib/PopupCloseButton.tsx +5 -1
- package/popup/lib/PopupCloseIcon.tsx +1 -1
|
@@ -8,6 +8,6 @@ export interface CardProps extends BoxProps {
|
|
|
8
8
|
}
|
|
9
9
|
export declare const Card: import("../../common").ElementComponent<"div", CardProps> & {
|
|
10
10
|
Heading: import("../../common").ElementComponent<"h3", import("./CardHeading").CardHeadingProps>;
|
|
11
|
-
Body: import("../../common").ElementComponent<"div", import("../../layout").
|
|
11
|
+
Body: import("../../common").ElementComponent<"div", import("../../layout").CommonStyleProps>;
|
|
12
12
|
};
|
|
13
13
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const CardBody: import("../../common").ElementComponent<"div", import("../../layout").
|
|
1
|
+
export declare const CardBody: import("../../common").ElementComponent<"div", import("../../layout").CommonStyleProps>;
|
|
2
2
|
//# sourceMappingURL=CardBody.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardBody.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardBody.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"CardBody.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardBody.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,yFASnB,CAAC"}
|
|
@@ -14,6 +14,7 @@ export * from './lib/utils/layout';
|
|
|
14
14
|
export * from './lib/utils/other';
|
|
15
15
|
export * from './lib/utils/position';
|
|
16
16
|
export { SpaceStyleProps, spaceStyleFnConfigs } from './lib/utils/space';
|
|
17
|
+
export { AllStyleProps, CommonStyleProps } from './lib/utils/styleProps';
|
|
17
18
|
export * from './lib/utils/text';
|
|
18
19
|
export * from './lib/Flex';
|
|
19
20
|
export * from './lib/Grid';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACvE,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACvE,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACvF,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACvE,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAC,aAAa,EAAE,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACvE,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACvF,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -1,16 +1,23 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
import { CommonStyleProps } from './utils/styleProps';
|
|
3
|
+
/**
|
|
4
|
+
* Box Props
|
|
5
|
+
* ---
|
|
6
|
+
* Common style props + children
|
|
7
|
+
*
|
|
8
|
+
* - background
|
|
9
|
+
* - border
|
|
10
|
+
* - color
|
|
11
|
+
* - depth
|
|
12
|
+
* - flexItem
|
|
13
|
+
* - gridItem
|
|
14
|
+
* - layout
|
|
15
|
+
* - other
|
|
16
|
+
* - position
|
|
17
|
+
* - space
|
|
18
|
+
* - text
|
|
19
|
+
*/
|
|
20
|
+
export declare type BoxProps = CommonStyleProps & {
|
|
14
21
|
children?: React.ReactNode;
|
|
15
22
|
};
|
|
16
23
|
/**
|
|
@@ -49,5 +56,5 @@ export declare const boxStyleFn: <P extends BoxProps>(props: P) => {};
|
|
|
49
56
|
* );
|
|
50
57
|
*
|
|
51
58
|
*/
|
|
52
|
-
export declare const Box: import("../../common").ElementComponent<"div",
|
|
59
|
+
export declare const Box: import("../../common").ElementComponent<"div", CommonStyleProps>;
|
|
53
60
|
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,oBAAY,QAAQ,GAAG,gBAAgB,GAAG;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AA6BF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU,sCA0BtB,CAAC;AAQF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,GAAG,kEAad,CAAC"}
|
|
@@ -24,6 +24,6 @@ export declare type FlexProps = BoxProps & FlexStyleProps;
|
|
|
24
24
|
* ```
|
|
25
25
|
*/
|
|
26
26
|
export declare const Flex: import("../../common").ElementComponent<"div", import("..").BackgroundStyleProps & import("./utils/border/color").BorderColorStyleProps & import("./utils/border/lineStyle").BorderLineStyleProps & import("./utils/border/radius").BorderRadiusStyleProps & import("./utils/border/shorthand").BorderShorthandStyleProps & import("./utils/border/width").BorderWidthStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").GridItemStyleProps & import("..").LayoutStyleProps & import("..").OtherStyleProps & import("..").PositionStyleProps & import("..").SpaceStyleProps & import("..").TextStyleProps & FlexStyleProps> & {
|
|
27
|
-
Item: import("../../common").ElementComponent<"div", import("..").
|
|
27
|
+
Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
|
|
28
28
|
};
|
|
29
29
|
//# sourceMappingURL=Flex.d.ts.map
|
|
@@ -46,6 +46,6 @@ export declare const Grid: import("../../common").ElementComponent<"div", import
|
|
|
46
46
|
* );
|
|
47
47
|
*```
|
|
48
48
|
*/
|
|
49
|
-
Item: import("../../common").ElementComponent<"div", import("..").
|
|
49
|
+
Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
|
|
50
50
|
};
|
|
51
51
|
//# sourceMappingURL=Grid.d.ts.map
|
|
@@ -2,7 +2,7 @@ import { FlexProps } from './Flex';
|
|
|
2
2
|
import { StackStyleProps } from './utils/stack';
|
|
3
3
|
export declare type StackProps = FlexProps & StackStyleProps;
|
|
4
4
|
export declare const Stack: import("../../common").ElementComponent<"div", import("..").BackgroundStyleProps & import("./utils/border/color").BorderColorStyleProps & import("./utils/border/lineStyle").BorderLineStyleProps & import("./utils/border/radius").BorderRadiusStyleProps & import("./utils/border/shorthand").BorderShorthandStyleProps & import("./utils/border/width").BorderWidthStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").GridItemStyleProps & import("..").LayoutStyleProps & import("..").OtherStyleProps & import("..").PositionStyleProps & import("..").SpaceStyleProps & import("..").TextStyleProps & import("..").FlexStyleProps & StackStyleProps> & {
|
|
5
|
-
Item: import("../../common").ElementComponent<"div", import("..").
|
|
5
|
+
Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
|
|
6
6
|
};
|
|
7
7
|
export interface HStackProps extends StackProps {
|
|
8
8
|
/**
|
|
@@ -12,7 +12,7 @@ export interface HStackProps extends StackProps {
|
|
|
12
12
|
flexDirection?: 'row' | 'row-reverse';
|
|
13
13
|
}
|
|
14
14
|
export declare const HStack: import("../../common").ElementComponent<"div", HStackProps> & {
|
|
15
|
-
Item: import("../../common").ElementComponent<"div", import("..").
|
|
15
|
+
Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
|
|
16
16
|
};
|
|
17
17
|
export interface VStackProps extends StackProps {
|
|
18
18
|
/**
|
|
@@ -22,6 +22,6 @@ export interface VStackProps extends StackProps {
|
|
|
22
22
|
flexDirection?: 'column' | 'column-reverse';
|
|
23
23
|
}
|
|
24
24
|
export declare const VStack: import("../../common").ElementComponent<"div", VStackProps> & {
|
|
25
|
-
Item: import("../../common").ElementComponent<"div", import("..").
|
|
25
|
+
Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
|
|
26
26
|
};
|
|
27
27
|
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { BackgroundStyleProps } from './background';
|
|
2
|
+
import { BorderStyleProps } from './border';
|
|
3
|
+
import { ColorStyleProps } from './color';
|
|
4
|
+
import { DepthStyleProps } from './depth';
|
|
5
|
+
import { FlexStyleProps } from './flex';
|
|
6
|
+
import { FlexItemStyleProps } from './flexItem';
|
|
7
|
+
import { GridStyleProps } from './grid';
|
|
8
|
+
import { GridItemStyleProps } from './gridItem';
|
|
9
|
+
import { LayoutStyleProps } from './layout';
|
|
10
|
+
import { OtherStyleProps } from './other';
|
|
11
|
+
import { PositionStyleProps } from './position';
|
|
12
|
+
import { SpaceStyleProps } from './space';
|
|
13
|
+
import { TextStyleProps } from './text';
|
|
14
|
+
/**
|
|
15
|
+
* Common Style Props
|
|
16
|
+
* ---
|
|
17
|
+
*Types for common style props shared across all components
|
|
18
|
+
*
|
|
19
|
+
* - background
|
|
20
|
+
* - border
|
|
21
|
+
* - color
|
|
22
|
+
* - depth
|
|
23
|
+
* - flexItem
|
|
24
|
+
* - gridItem
|
|
25
|
+
* - layout
|
|
26
|
+
* - other
|
|
27
|
+
* - position
|
|
28
|
+
* - space
|
|
29
|
+
* - text
|
|
30
|
+
*/
|
|
31
|
+
export declare type CommonStyleProps = BackgroundStyleProps & BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & GridItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & TextStyleProps;
|
|
32
|
+
/**
|
|
33
|
+
* All Style Props
|
|
34
|
+
* ---
|
|
35
|
+
* Types for every style prop
|
|
36
|
+
* - common
|
|
37
|
+
* - flex
|
|
38
|
+
* - grid
|
|
39
|
+
*/
|
|
40
|
+
export declare type AllStyleProps = CommonStyleProps & Omit<FlexStyleProps, 'display'> & Omit<GridStyleProps, 'display'>;
|
|
41
|
+
//# sourceMappingURL=styleProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styleProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/styleProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AAEtC;;;;;;;;;;;;;;;;GAgBG;AACH,oBAAY,gBAAgB,GAAG,oBAAoB,GACjD,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,cAAc,CAAC;AAEjB;;;;;;;GAOG;AACH,oBAAY,aAAa,GAAG,gBAAgB,GAE1C,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAE/B,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopupCloseButton.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"PopupCloseButton.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;EAU3B,CAAC"}
|
|
@@ -52,5 +52,5 @@ exports.PopupCloseButton = common_1.createSubcomponent(button_1.SecondaryButton)
|
|
|
52
52
|
elemPropsHook: hooks_1.usePopupCloseButton,
|
|
53
53
|
})(function (_a, Element) {
|
|
54
54
|
var children = _a.children, elemProps = __rest(_a, ["children"]);
|
|
55
|
-
return React.createElement(Element, __assign({}, elemProps), children);
|
|
55
|
+
return (React.createElement(Element, __assign({ type: "button" }, elemProps), children));
|
|
56
56
|
});
|
|
@@ -43,5 +43,5 @@ exports.PopupCloseIcon = common_1.createSubcomponent('button')({
|
|
|
43
43
|
elemPropsHook: hooks_1.usePopupCloseButton,
|
|
44
44
|
})(function (_a, Element) {
|
|
45
45
|
var children = _a.children, elemProps = __rest(_a, ["children"]);
|
|
46
|
-
return react_1.default.createElement(StyledCloseIcon, __assign({ as: Element, size: "medium", icon: canvas_system_icons_web_1.xIcon }, elemProps));
|
|
46
|
+
return react_1.default.createElement(StyledCloseIcon, __assign({ as: Element, size: "medium", icon: canvas_system_icons_web_1.xIcon, type: "button" }, elemProps));
|
|
47
47
|
});
|
|
@@ -8,6 +8,6 @@ export interface CardProps extends BoxProps {
|
|
|
8
8
|
}
|
|
9
9
|
export declare const Card: import("../../common").ElementComponent<"div", CardProps> & {
|
|
10
10
|
Heading: import("../../common").ElementComponent<"h3", import("./CardHeading").CardHeadingProps>;
|
|
11
|
-
Body: import("../../common").ElementComponent<"div", import("../../layout").
|
|
11
|
+
Body: import("../../common").ElementComponent<"div", import("../../layout").CommonStyleProps>;
|
|
12
12
|
};
|
|
13
13
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const CardBody: import("../../common").ElementComponent<"div", import("../../layout").
|
|
1
|
+
export declare const CardBody: import("../../common").ElementComponent<"div", import("../../layout").CommonStyleProps>;
|
|
2
2
|
//# sourceMappingURL=CardBody.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardBody.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardBody.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"CardBody.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardBody.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,yFASnB,CAAC"}
|
|
@@ -14,6 +14,7 @@ export * from './lib/utils/layout';
|
|
|
14
14
|
export * from './lib/utils/other';
|
|
15
15
|
export * from './lib/utils/position';
|
|
16
16
|
export { SpaceStyleProps, spaceStyleFnConfigs } from './lib/utils/space';
|
|
17
|
+
export { AllStyleProps, CommonStyleProps } from './lib/utils/styleProps';
|
|
17
18
|
export * from './lib/utils/text';
|
|
18
19
|
export * from './lib/Flex';
|
|
19
20
|
export * from './lib/Grid';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACvE,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACvE,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACvF,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACvE,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAC,aAAa,EAAE,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACvE,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACvF,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -1,16 +1,23 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
import { CommonStyleProps } from './utils/styleProps';
|
|
3
|
+
/**
|
|
4
|
+
* Box Props
|
|
5
|
+
* ---
|
|
6
|
+
* Common style props + children
|
|
7
|
+
*
|
|
8
|
+
* - background
|
|
9
|
+
* - border
|
|
10
|
+
* - color
|
|
11
|
+
* - depth
|
|
12
|
+
* - flexItem
|
|
13
|
+
* - gridItem
|
|
14
|
+
* - layout
|
|
15
|
+
* - other
|
|
16
|
+
* - position
|
|
17
|
+
* - space
|
|
18
|
+
* - text
|
|
19
|
+
*/
|
|
20
|
+
export declare type BoxProps = CommonStyleProps & {
|
|
14
21
|
children?: React.ReactNode;
|
|
15
22
|
};
|
|
16
23
|
/**
|
|
@@ -49,5 +56,5 @@ export declare const boxStyleFn: <P extends BoxProps>(props: P) => {};
|
|
|
49
56
|
* );
|
|
50
57
|
*
|
|
51
58
|
*/
|
|
52
|
-
export declare const Box: import("../../common").ElementComponent<"div",
|
|
59
|
+
export declare const Box: import("../../common").ElementComponent<"div", CommonStyleProps>;
|
|
53
60
|
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,oBAAY,QAAQ,GAAG,gBAAgB,GAAG;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AA6BF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU,sCA0BtB,CAAC;AAQF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,GAAG,kEAad,CAAC"}
|
|
@@ -24,6 +24,6 @@ export declare type FlexProps = BoxProps & FlexStyleProps;
|
|
|
24
24
|
* ```
|
|
25
25
|
*/
|
|
26
26
|
export declare const Flex: import("../../common").ElementComponent<"div", import("..").BackgroundStyleProps & import("./utils/border/color").BorderColorStyleProps & import("./utils/border/lineStyle").BorderLineStyleProps & import("./utils/border/radius").BorderRadiusStyleProps & import("./utils/border/shorthand").BorderShorthandStyleProps & import("./utils/border/width").BorderWidthStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").GridItemStyleProps & import("..").LayoutStyleProps & import("..").OtherStyleProps & import("..").PositionStyleProps & import("..").SpaceStyleProps & import("..").TextStyleProps & FlexStyleProps> & {
|
|
27
|
-
Item: import("../../common").ElementComponent<"div", import("..").
|
|
27
|
+
Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
|
|
28
28
|
};
|
|
29
29
|
//# sourceMappingURL=Flex.d.ts.map
|
|
@@ -46,6 +46,6 @@ export declare const Grid: import("../../common").ElementComponent<"div", import
|
|
|
46
46
|
* );
|
|
47
47
|
*```
|
|
48
48
|
*/
|
|
49
|
-
Item: import("../../common").ElementComponent<"div", import("..").
|
|
49
|
+
Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
|
|
50
50
|
};
|
|
51
51
|
//# sourceMappingURL=Grid.d.ts.map
|
|
@@ -2,7 +2,7 @@ import { FlexProps } from './Flex';
|
|
|
2
2
|
import { StackStyleProps } from './utils/stack';
|
|
3
3
|
export declare type StackProps = FlexProps & StackStyleProps;
|
|
4
4
|
export declare const Stack: import("../../common").ElementComponent<"div", import("..").BackgroundStyleProps & import("./utils/border/color").BorderColorStyleProps & import("./utils/border/lineStyle").BorderLineStyleProps & import("./utils/border/radius").BorderRadiusStyleProps & import("./utils/border/shorthand").BorderShorthandStyleProps & import("./utils/border/width").BorderWidthStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").GridItemStyleProps & import("..").LayoutStyleProps & import("..").OtherStyleProps & import("..").PositionStyleProps & import("..").SpaceStyleProps & import("..").TextStyleProps & import("..").FlexStyleProps & StackStyleProps> & {
|
|
5
|
-
Item: import("../../common").ElementComponent<"div", import("..").
|
|
5
|
+
Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
|
|
6
6
|
};
|
|
7
7
|
export interface HStackProps extends StackProps {
|
|
8
8
|
/**
|
|
@@ -12,7 +12,7 @@ export interface HStackProps extends StackProps {
|
|
|
12
12
|
flexDirection?: 'row' | 'row-reverse';
|
|
13
13
|
}
|
|
14
14
|
export declare const HStack: import("../../common").ElementComponent<"div", HStackProps> & {
|
|
15
|
-
Item: import("../../common").ElementComponent<"div", import("..").
|
|
15
|
+
Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
|
|
16
16
|
};
|
|
17
17
|
export interface VStackProps extends StackProps {
|
|
18
18
|
/**
|
|
@@ -22,6 +22,6 @@ export interface VStackProps extends StackProps {
|
|
|
22
22
|
flexDirection?: 'column' | 'column-reverse';
|
|
23
23
|
}
|
|
24
24
|
export declare const VStack: import("../../common").ElementComponent<"div", VStackProps> & {
|
|
25
|
-
Item: import("../../common").ElementComponent<"div", import("..").
|
|
25
|
+
Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
|
|
26
26
|
};
|
|
27
27
|
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { BackgroundStyleProps } from './background';
|
|
2
|
+
import { BorderStyleProps } from './border';
|
|
3
|
+
import { ColorStyleProps } from './color';
|
|
4
|
+
import { DepthStyleProps } from './depth';
|
|
5
|
+
import { FlexStyleProps } from './flex';
|
|
6
|
+
import { FlexItemStyleProps } from './flexItem';
|
|
7
|
+
import { GridStyleProps } from './grid';
|
|
8
|
+
import { GridItemStyleProps } from './gridItem';
|
|
9
|
+
import { LayoutStyleProps } from './layout';
|
|
10
|
+
import { OtherStyleProps } from './other';
|
|
11
|
+
import { PositionStyleProps } from './position';
|
|
12
|
+
import { SpaceStyleProps } from './space';
|
|
13
|
+
import { TextStyleProps } from './text';
|
|
14
|
+
/**
|
|
15
|
+
* Common Style Props
|
|
16
|
+
* ---
|
|
17
|
+
*Types for common style props shared across all components
|
|
18
|
+
*
|
|
19
|
+
* - background
|
|
20
|
+
* - border
|
|
21
|
+
* - color
|
|
22
|
+
* - depth
|
|
23
|
+
* - flexItem
|
|
24
|
+
* - gridItem
|
|
25
|
+
* - layout
|
|
26
|
+
* - other
|
|
27
|
+
* - position
|
|
28
|
+
* - space
|
|
29
|
+
* - text
|
|
30
|
+
*/
|
|
31
|
+
export declare type CommonStyleProps = BackgroundStyleProps & BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & GridItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & TextStyleProps;
|
|
32
|
+
/**
|
|
33
|
+
* All Style Props
|
|
34
|
+
* ---
|
|
35
|
+
* Types for every style prop
|
|
36
|
+
* - common
|
|
37
|
+
* - flex
|
|
38
|
+
* - grid
|
|
39
|
+
*/
|
|
40
|
+
export declare type AllStyleProps = CommonStyleProps & Omit<FlexStyleProps, 'display'> & Omit<GridStyleProps, 'display'>;
|
|
41
|
+
//# sourceMappingURL=styleProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styleProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/styleProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AAEtC;;;;;;;;;;;;;;;;GAgBG;AACH,oBAAY,gBAAgB,GAAG,oBAAoB,GACjD,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,cAAc,CAAC;AAEjB;;;;;;;GAOG;AACH,oBAAY,aAAa,GAAG,gBAAgB,GAE1C,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAE/B,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopupCloseButton.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"PopupCloseButton.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;EAU3B,CAAC"}
|
|
@@ -30,5 +30,5 @@ export var PopupCloseButton = createSubcomponent(SecondaryButton)({
|
|
|
30
30
|
elemPropsHook: usePopupCloseButton,
|
|
31
31
|
})(function (_a, Element) {
|
|
32
32
|
var children = _a.children, elemProps = __rest(_a, ["children"]);
|
|
33
|
-
return React.createElement(Element, __assign({}, elemProps), children);
|
|
33
|
+
return (React.createElement(Element, __assign({ type: "button" }, elemProps), children));
|
|
34
34
|
});
|
|
@@ -37,5 +37,5 @@ export var PopupCloseIcon = createSubcomponent('button')({
|
|
|
37
37
|
elemPropsHook: usePopupCloseButton,
|
|
38
38
|
})(function (_a, Element) {
|
|
39
39
|
var children = _a.children, elemProps = __rest(_a, ["children"]);
|
|
40
|
-
return React.createElement(StyledCloseIcon, __assign({ as: Element, size: "medium", icon: xIcon }, elemProps));
|
|
40
|
+
return React.createElement(StyledCloseIcon, __assign({ as: Element, size: "medium", icon: xIcon, type: "button" }, elemProps));
|
|
41
41
|
});
|
package/layout/index.ts
CHANGED
|
@@ -15,6 +15,7 @@ export * from './lib/utils/layout';
|
|
|
15
15
|
export * from './lib/utils/other';
|
|
16
16
|
export * from './lib/utils/position';
|
|
17
17
|
export {SpaceStyleProps, spaceStyleFnConfigs} from './lib/utils/space';
|
|
18
|
+
export {AllStyleProps, CommonStyleProps} from './lib/utils/styleProps';
|
|
18
19
|
export * from './lib/utils/text';
|
|
19
20
|
export * from './lib/Flex';
|
|
20
21
|
export * from './lib/Grid';
|
package/layout/lib/Box.tsx
CHANGED
|
@@ -4,31 +4,39 @@ import isPropValid from '@emotion/is-prop-valid';
|
|
|
4
4
|
import {createComponent, StyledType, useConstant} from '@workday/canvas-kit-react/common';
|
|
5
5
|
|
|
6
6
|
// style props
|
|
7
|
-
import {background
|
|
8
|
-
import {border
|
|
9
|
-
import {color
|
|
10
|
-
import {depth
|
|
11
|
-
import {flexItem
|
|
12
|
-
import {gridItem
|
|
13
|
-
import {layout
|
|
14
|
-
import {other
|
|
15
|
-
import {position
|
|
16
|
-
import {space
|
|
17
|
-
import {text
|
|
7
|
+
import {background} from './utils/background';
|
|
8
|
+
import {border} from './utils/border';
|
|
9
|
+
import {color} from './utils/color';
|
|
10
|
+
import {depth} from './utils/depth';
|
|
11
|
+
import {flexItem} from './utils/flexItem';
|
|
12
|
+
import {gridItem} from './utils/gridItem';
|
|
13
|
+
import {layout} from './utils/layout';
|
|
14
|
+
import {other} from './utils/other';
|
|
15
|
+
import {position} from './utils/position';
|
|
16
|
+
import {space} from './utils/space';
|
|
17
|
+
import {text} from './utils/text';
|
|
18
|
+
import {CommonStyleProps} from './utils/styleProps';
|
|
18
19
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
20
|
+
/**
|
|
21
|
+
* Box Props
|
|
22
|
+
* ---
|
|
23
|
+
* Common style props + children
|
|
24
|
+
*
|
|
25
|
+
* - background
|
|
26
|
+
* - border
|
|
27
|
+
* - color
|
|
28
|
+
* - depth
|
|
29
|
+
* - flexItem
|
|
30
|
+
* - gridItem
|
|
31
|
+
* - layout
|
|
32
|
+
* - other
|
|
33
|
+
* - position
|
|
34
|
+
* - space
|
|
35
|
+
* - text
|
|
36
|
+
*/
|
|
37
|
+
export type BoxProps = CommonStyleProps & {
|
|
38
|
+
children?: React.ReactNode;
|
|
39
|
+
};
|
|
32
40
|
|
|
33
41
|
const omittedProps = [
|
|
34
42
|
'display',
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import {BackgroundStyleProps} from './background';
|
|
2
|
+
import {BorderStyleProps} from './border';
|
|
3
|
+
import {ColorStyleProps} from './color';
|
|
4
|
+
import {DepthStyleProps} from './depth';
|
|
5
|
+
import {FlexStyleProps} from './flex';
|
|
6
|
+
import {FlexItemStyleProps} from './flexItem';
|
|
7
|
+
import {GridStyleProps} from './grid';
|
|
8
|
+
import {GridItemStyleProps} from './gridItem';
|
|
9
|
+
import {LayoutStyleProps} from './layout';
|
|
10
|
+
import {OtherStyleProps} from './other';
|
|
11
|
+
import {PositionStyleProps} from './position';
|
|
12
|
+
import {SpaceStyleProps} from './space';
|
|
13
|
+
import {TextStyleProps} from './text';
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Common Style Props
|
|
17
|
+
* ---
|
|
18
|
+
*Types for common style props shared across all components
|
|
19
|
+
*
|
|
20
|
+
* - background
|
|
21
|
+
* - border
|
|
22
|
+
* - color
|
|
23
|
+
* - depth
|
|
24
|
+
* - flexItem
|
|
25
|
+
* - gridItem
|
|
26
|
+
* - layout
|
|
27
|
+
* - other
|
|
28
|
+
* - position
|
|
29
|
+
* - space
|
|
30
|
+
* - text
|
|
31
|
+
*/
|
|
32
|
+
export type CommonStyleProps = BackgroundStyleProps &
|
|
33
|
+
BorderStyleProps &
|
|
34
|
+
ColorStyleProps &
|
|
35
|
+
DepthStyleProps &
|
|
36
|
+
FlexItemStyleProps &
|
|
37
|
+
GridItemStyleProps &
|
|
38
|
+
LayoutStyleProps &
|
|
39
|
+
OtherStyleProps &
|
|
40
|
+
PositionStyleProps &
|
|
41
|
+
SpaceStyleProps &
|
|
42
|
+
TextStyleProps;
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* All Style Props
|
|
46
|
+
* ---
|
|
47
|
+
* Types for every style prop
|
|
48
|
+
* - common
|
|
49
|
+
* - flex
|
|
50
|
+
* - grid
|
|
51
|
+
*/
|
|
52
|
+
export type AllStyleProps = CommonStyleProps &
|
|
53
|
+
// Omitting 'display' here to default to the standard csstype type Property.Display
|
|
54
|
+
Omit<FlexStyleProps, 'display'> &
|
|
55
|
+
// Omitting 'display' here to default to the standard csstype type Property.Display
|
|
56
|
+
Omit<GridStyleProps, 'display'>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-react",
|
|
3
|
-
"version": "8.0.0-alpha.
|
|
3
|
+
"version": "8.0.0-alpha.239-next.10+46fbe588",
|
|
4
4
|
"description": "The parent module that contains all Workday Canvas Kit React components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@emotion/styled": "^11.6.0",
|
|
50
50
|
"@popperjs/core": "^2.5.4",
|
|
51
51
|
"@workday/canvas-colors-web": "^2.0.0",
|
|
52
|
-
"@workday/canvas-kit-popup-stack": "^8.0.0-alpha.
|
|
52
|
+
"@workday/canvas-kit-popup-stack": "^8.0.0-alpha.239-next.10+46fbe588",
|
|
53
53
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
54
54
|
"@workday/design-assets-types": "^0.2.8",
|
|
55
55
|
"chroma-js": "^2.1.0",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"@workday/canvas-accent-icons-web": "^3.0.0",
|
|
68
68
|
"@workday/canvas-applet-icons-web": "^2.0.0"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "46fbe58858eac3afa6d5df9eb4fccbbb5d806977"
|
|
71
71
|
}
|
|
@@ -14,5 +14,9 @@ export const PopupCloseButton = createSubcomponent(SecondaryButton)({
|
|
|
14
14
|
modelHook: usePopupModel,
|
|
15
15
|
elemPropsHook: usePopupCloseButton,
|
|
16
16
|
})<PopupCloseButtonProps>(({children, ...elemProps}: PopupCloseButtonProps, Element) => {
|
|
17
|
-
return
|
|
17
|
+
return (
|
|
18
|
+
<Element type="button" {...elemProps}>
|
|
19
|
+
{children}
|
|
20
|
+
</Element>
|
|
21
|
+
);
|
|
18
22
|
});
|
|
@@ -26,5 +26,5 @@ export const PopupCloseIcon = createSubcomponent('button')({
|
|
|
26
26
|
modelHook: usePopupModel,
|
|
27
27
|
elemPropsHook: usePopupCloseButton,
|
|
28
28
|
})<PopupCloseIconProps>(({children, ...elemProps}, Element) => {
|
|
29
|
-
return <StyledCloseIcon as={Element} size="medium" icon={xIcon} {...elemProps} />;
|
|
29
|
+
return <StyledCloseIcon as={Element} size="medium" icon={xIcon} type="button" {...elemProps} />;
|
|
30
30
|
});
|