@workday/canvas-kit-labs-react 7.0.0-alpha.0-next.5 → 7.0.0-alpha.78-next.6
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/combobox/README.md +1 -1
- package/combobox/lib/Combobox.tsx +6 -10
- package/common/index.ts +0 -8
- package/dist/commonjs/combobox/lib/Combobox.d.ts +3 -4
- package/dist/commonjs/combobox/lib/Combobox.d.ts.map +1 -1
- package/dist/commonjs/combobox/lib/Combobox.js +3 -6
- package/dist/commonjs/common/index.d.ts +0 -8
- package/dist/commonjs/common/index.d.ts.map +1 -1
- package/dist/commonjs/common/index.js +0 -1
- package/dist/commonjs/drawer/lib/DrawerHeader.js +2 -2
- package/dist/commonjs/index.d.ts +0 -2
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +0 -2
- package/dist/commonjs/search-form/lib/SearchForm.d.ts +7 -2
- package/dist/commonjs/search-form/lib/SearchForm.d.ts.map +1 -1
- package/dist/commonjs/search-form/lib/SearchForm.js +16 -22
- package/dist/es6/combobox/lib/Combobox.d.ts +3 -4
- package/dist/es6/combobox/lib/Combobox.d.ts.map +1 -1
- package/dist/es6/combobox/lib/Combobox.js +4 -7
- package/dist/es6/common/index.d.ts +0 -8
- package/dist/es6/common/index.d.ts.map +1 -1
- package/dist/es6/common/index.js +0 -1
- package/dist/es6/drawer/lib/DrawerHeader.js +3 -3
- package/dist/es6/index.d.ts +0 -2
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +0 -2
- package/dist/es6/search-form/lib/SearchForm.d.ts +7 -2
- package/dist/es6/search-form/lib/SearchForm.d.ts.map +1 -1
- package/dist/es6/search-form/lib/SearchForm.js +17 -23
- package/drawer/lib/DrawerHeader.tsx +3 -3
- package/index.ts +0 -2
- package/package.json +4 -6
- package/search-form/lib/SearchForm.tsx +25 -37
- package/ts3.5/dist/commonjs/combobox/lib/Combobox.d.ts +3 -4
- package/ts3.5/dist/commonjs/common/index.d.ts +0 -8
- package/ts3.5/dist/commonjs/index.d.ts +0 -2
- package/ts3.5/dist/commonjs/search-form/lib/SearchForm.d.ts +7 -2
- package/ts3.5/dist/es6/combobox/lib/Combobox.d.ts +3 -4
- package/ts3.5/dist/es6/common/index.d.ts +0 -8
- package/ts3.5/dist/es6/index.d.ts +0 -2
- package/ts3.5/dist/es6/search-form/lib/SearchForm.d.ts +7 -2
- package/common/lib/Box.tsx +0 -92
- package/common/lib/utils/border.ts +0 -263
- package/common/lib/utils/color.ts +0 -62
- package/common/lib/utils/depth.ts +0 -37
- package/common/lib/utils/flexItem.ts +0 -56
- package/common/lib/utils/layout.ts +0 -77
- package/common/lib/utils/other.ts +0 -20
- package/common/lib/utils/position.ts +0 -96
- package/common/lib/utils/space.ts +0 -207
- package/common/lib/utils/types.ts +0 -105
- package/dist/commonjs/common/lib/Box.d.ts +0 -31
- package/dist/commonjs/common/lib/Box.d.ts.map +0 -1
- package/dist/commonjs/common/lib/Box.js +0 -99
- package/dist/commonjs/common/lib/utils/border.d.ts +0 -103
- package/dist/commonjs/common/lib/utils/border.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/border.js +0 -153
- package/dist/commonjs/common/lib/utils/color.d.ts +0 -26
- package/dist/commonjs/common/lib/utils/color.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/color.js +0 -57
- package/dist/commonjs/common/lib/utils/depth.d.ts +0 -22
- package/dist/commonjs/common/lib/utils/depth.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/depth.js +0 -29
- package/dist/commonjs/common/lib/utils/flexItem.d.ts +0 -33
- package/dist/commonjs/common/lib/utils/flexItem.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/flexItem.js +0 -39
- package/dist/commonjs/common/lib/utils/layout.d.ts +0 -43
- package/dist/commonjs/common/lib/utils/layout.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/layout.js +0 -43
- package/dist/commonjs/common/lib/utils/other.d.ts +0 -5
- package/dist/commonjs/common/lib/utils/other.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/other.js +0 -19
- package/dist/commonjs/common/lib/utils/position.d.ts +0 -41
- package/dist/commonjs/common/lib/utils/position.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/position.js +0 -78
- package/dist/commonjs/common/lib/utils/space.d.ts +0 -64
- package/dist/commonjs/common/lib/utils/space.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/space.js +0 -161
- package/dist/commonjs/common/lib/utils/types.d.ts +0 -14
- package/dist/commonjs/common/lib/utils/types.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/types.js +0 -2
- package/dist/commonjs/header/index.d.ts +0 -9
- package/dist/commonjs/header/index.d.ts.map +0 -1
- package/dist/commonjs/header/index.js +0 -24
- package/dist/commonjs/header/lib/GlobalHeader.d.ts +0 -38
- package/dist/commonjs/header/lib/GlobalHeader.d.ts.map +0 -1
- package/dist/commonjs/header/lib/GlobalHeader.js +0 -86
- package/dist/commonjs/header/lib/Header.d.ts +0 -76
- package/dist/commonjs/header/lib/Header.d.ts.map +0 -1
- package/dist/commonjs/header/lib/Header.js +0 -333
- package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +0 -30
- package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts.map +0 -1
- package/dist/commonjs/header/lib/parts/DubLogoTitle.js +0 -118
- package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
- package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts.map +0 -1
- package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.js +0 -137
- package/dist/commonjs/header/lib/parts/index.d.ts +0 -3
- package/dist/commonjs/header/lib/parts/index.d.ts.map +0 -1
- package/dist/commonjs/header/lib/parts/index.js +0 -7
- package/dist/commonjs/header/lib/shared/themes.d.ts +0 -43
- package/dist/commonjs/header/lib/shared/themes.d.ts.map +0 -1
- package/dist/commonjs/header/lib/shared/themes.js +0 -63
- package/dist/commonjs/header/lib/shared/types.d.ts +0 -15
- package/dist/commonjs/header/lib/shared/types.d.ts.map +0 -1
- package/dist/commonjs/header/lib/shared/types.js +0 -20
- package/dist/commonjs/layout/index.d.ts +0 -5
- package/dist/commonjs/layout/index.d.ts.map +0 -1
- package/dist/commonjs/layout/index.js +0 -14
- package/dist/commonjs/layout/lib/Flex.d.ts +0 -26
- package/dist/commonjs/layout/lib/Flex.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/Flex.js +0 -83
- package/dist/commonjs/layout/lib/Stack.d.ts +0 -27
- package/dist/commonjs/layout/lib/Stack.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/Stack.js +0 -99
- package/dist/commonjs/layout/lib/utils/flex.d.ts +0 -36
- package/dist/commonjs/layout/lib/utils/flex.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/flex.js +0 -38
- package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +0 -3
- package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/getValidChildren.js +0 -29
- package/dist/commonjs/layout/lib/utils/stack.d.ts +0 -26
- package/dist/commonjs/layout/lib/utils/stack.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/stack.js +0 -55
- package/dist/commonjs/layout/lib/utils/types.d.ts +0 -8
- package/dist/commonjs/layout/lib/utils/types.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/types.js +0 -2
- package/dist/es6/common/lib/Box.d.ts +0 -31
- package/dist/es6/common/lib/Box.d.ts.map +0 -1
- package/dist/es6/common/lib/Box.js +0 -74
- package/dist/es6/common/lib/utils/border.d.ts +0 -103
- package/dist/es6/common/lib/utils/border.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/border.js +0 -149
- package/dist/es6/common/lib/utils/color.d.ts +0 -26
- package/dist/es6/common/lib/utils/color.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/color.js +0 -53
- package/dist/es6/common/lib/utils/depth.d.ts +0 -22
- package/dist/es6/common/lib/utils/depth.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/depth.js +0 -25
- package/dist/es6/common/lib/utils/flexItem.d.ts +0 -33
- package/dist/es6/common/lib/utils/flexItem.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/flexItem.js +0 -35
- package/dist/es6/common/lib/utils/layout.d.ts +0 -43
- package/dist/es6/common/lib/utils/layout.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/layout.js +0 -39
- package/dist/es6/common/lib/utils/other.d.ts +0 -5
- package/dist/es6/common/lib/utils/other.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/other.js +0 -15
- package/dist/es6/common/lib/utils/position.d.ts +0 -41
- package/dist/es6/common/lib/utils/position.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/position.js +0 -74
- package/dist/es6/common/lib/utils/space.d.ts +0 -64
- package/dist/es6/common/lib/utils/space.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/space.js +0 -157
- package/dist/es6/common/lib/utils/types.d.ts +0 -14
- package/dist/es6/common/lib/utils/types.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/types.js +0 -1
- package/dist/es6/header/index.d.ts +0 -9
- package/dist/es6/header/index.d.ts.map +0 -1
- package/dist/es6/header/index.js +0 -8
- package/dist/es6/header/lib/GlobalHeader.d.ts +0 -38
- package/dist/es6/header/lib/GlobalHeader.d.ts.map +0 -1
- package/dist/es6/header/lib/GlobalHeader.js +0 -62
- package/dist/es6/header/lib/Header.d.ts +0 -76
- package/dist/es6/header/lib/Header.d.ts.map +0 -1
- package/dist/es6/header/lib/Header.js +0 -309
- package/dist/es6/header/lib/parts/DubLogoTitle.d.ts +0 -30
- package/dist/es6/header/lib/parts/DubLogoTitle.d.ts.map +0 -1
- package/dist/es6/header/lib/parts/DubLogoTitle.js +0 -93
- package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
- package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts.map +0 -1
- package/dist/es6/header/lib/parts/WorkdayLogoTitle.js +0 -112
- package/dist/es6/header/lib/parts/index.d.ts +0 -3
- package/dist/es6/header/lib/parts/index.d.ts.map +0 -1
- package/dist/es6/header/lib/parts/index.js +0 -2
- package/dist/es6/header/lib/shared/themes.d.ts +0 -43
- package/dist/es6/header/lib/shared/themes.d.ts.map +0 -1
- package/dist/es6/header/lib/shared/themes.js +0 -57
- package/dist/es6/header/lib/shared/types.d.ts +0 -15
- package/dist/es6/header/lib/shared/types.d.ts.map +0 -1
- package/dist/es6/header/lib/shared/types.js +0 -17
- package/dist/es6/layout/index.d.ts +0 -5
- package/dist/es6/layout/index.d.ts.map +0 -1
- package/dist/es6/layout/index.js +0 -2
- package/dist/es6/layout/lib/Flex.d.ts +0 -26
- package/dist/es6/layout/lib/Flex.d.ts.map +0 -1
- package/dist/es6/layout/lib/Flex.js +0 -58
- package/dist/es6/layout/lib/Stack.d.ts +0 -27
- package/dist/es6/layout/lib/Stack.d.ts.map +0 -1
- package/dist/es6/layout/lib/Stack.js +0 -74
- package/dist/es6/layout/lib/utils/flex.d.ts +0 -36
- package/dist/es6/layout/lib/utils/flex.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/flex.js +0 -34
- package/dist/es6/layout/lib/utils/getValidChildren.d.ts +0 -3
- package/dist/es6/layout/lib/utils/getValidChildren.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/getValidChildren.js +0 -6
- package/dist/es6/layout/lib/utils/stack.d.ts +0 -26
- package/dist/es6/layout/lib/utils/stack.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/stack.js +0 -51
- package/dist/es6/layout/lib/utils/types.d.ts +0 -8
- package/dist/es6/layout/lib/utils/types.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/types.js +0 -1
- package/header/LICENSE +0 -51
- package/header/README.md +0 -359
- package/header/index.ts +0 -9
- package/header/lib/GlobalHeader.tsx +0 -73
- package/header/lib/Header.tsx +0 -429
- package/header/lib/parts/DubLogoTitle.tsx +0 -99
- package/header/lib/parts/WorkdayLogoTitle.tsx +0 -120
- package/header/lib/parts/index.ts +0 -2
- package/header/lib/shared/themes.tsx +0 -97
- package/header/lib/shared/types.tsx +0 -16
- package/header/package.json +0 -5
- package/layout/LICENSE +0 -52
- package/layout/README.md +0 -16
- package/layout/index.ts +0 -4
- package/layout/lib/Flex.tsx +0 -47
- package/layout/lib/Stack.tsx +0 -95
- package/layout/lib/utils/flex.ts +0 -65
- package/layout/lib/utils/getValidChildren.ts +0 -7
- package/layout/lib/utils/stack.ts +0 -78
- package/layout/lib/utils/types.ts +0 -45
- package/layout/package.json +0 -5
- package/ts3.5/dist/commonjs/common/lib/Box.d.ts +0 -31
- package/ts3.5/dist/commonjs/common/lib/utils/border.d.ts +0 -103
- package/ts3.5/dist/commonjs/common/lib/utils/color.d.ts +0 -26
- package/ts3.5/dist/commonjs/common/lib/utils/depth.d.ts +0 -22
- package/ts3.5/dist/commonjs/common/lib/utils/flexItem.d.ts +0 -33
- package/ts3.5/dist/commonjs/common/lib/utils/layout.d.ts +0 -43
- package/ts3.5/dist/commonjs/common/lib/utils/other.d.ts +0 -5
- package/ts3.5/dist/commonjs/common/lib/utils/position.d.ts +0 -41
- package/ts3.5/dist/commonjs/common/lib/utils/space.d.ts +0 -64
- package/ts3.5/dist/commonjs/common/lib/utils/types.d.ts +0 -14
- package/ts3.5/dist/commonjs/header/index.d.ts +0 -9
- package/ts3.5/dist/commonjs/header/lib/GlobalHeader.d.ts +0 -38
- package/ts3.5/dist/commonjs/header/lib/Header.d.ts +0 -76
- package/ts3.5/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +0 -30
- package/ts3.5/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
- package/ts3.5/dist/commonjs/header/lib/parts/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/header/lib/shared/themes.d.ts +0 -43
- package/ts3.5/dist/commonjs/header/lib/shared/types.d.ts +0 -15
- package/ts3.5/dist/commonjs/layout/index.d.ts +0 -5
- package/ts3.5/dist/commonjs/layout/lib/Flex.d.ts +0 -26
- package/ts3.5/dist/commonjs/layout/lib/Stack.d.ts +0 -27
- package/ts3.5/dist/commonjs/layout/lib/utils/flex.d.ts +0 -36
- package/ts3.5/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +0 -3
- package/ts3.5/dist/commonjs/layout/lib/utils/stack.d.ts +0 -26
- package/ts3.5/dist/commonjs/layout/lib/utils/types.d.ts +0 -8
- package/ts3.5/dist/es6/common/lib/Box.d.ts +0 -31
- package/ts3.5/dist/es6/common/lib/utils/border.d.ts +0 -103
- package/ts3.5/dist/es6/common/lib/utils/color.d.ts +0 -26
- package/ts3.5/dist/es6/common/lib/utils/depth.d.ts +0 -22
- package/ts3.5/dist/es6/common/lib/utils/flexItem.d.ts +0 -33
- package/ts3.5/dist/es6/common/lib/utils/layout.d.ts +0 -43
- package/ts3.5/dist/es6/common/lib/utils/other.d.ts +0 -5
- package/ts3.5/dist/es6/common/lib/utils/position.d.ts +0 -41
- package/ts3.5/dist/es6/common/lib/utils/space.d.ts +0 -64
- package/ts3.5/dist/es6/common/lib/utils/types.d.ts +0 -14
- package/ts3.5/dist/es6/header/index.d.ts +0 -9
- package/ts3.5/dist/es6/header/lib/GlobalHeader.d.ts +0 -38
- package/ts3.5/dist/es6/header/lib/Header.d.ts +0 -76
- package/ts3.5/dist/es6/header/lib/parts/DubLogoTitle.d.ts +0 -30
- package/ts3.5/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
- package/ts3.5/dist/es6/header/lib/parts/index.d.ts +0 -3
- package/ts3.5/dist/es6/header/lib/shared/themes.d.ts +0 -43
- package/ts3.5/dist/es6/header/lib/shared/types.d.ts +0 -15
- package/ts3.5/dist/es6/layout/index.d.ts +0 -5
- package/ts3.5/dist/es6/layout/lib/Flex.d.ts +0 -26
- package/ts3.5/dist/es6/layout/lib/Stack.d.ts +0 -27
- package/ts3.5/dist/es6/layout/lib/utils/flex.d.ts +0 -36
- package/ts3.5/dist/es6/layout/lib/utils/getValidChildren.d.ts +0 -3
- package/ts3.5/dist/es6/layout/lib/utils/stack.d.ts +0 -26
- package/ts3.5/dist/es6/layout/lib/utils/types.d.ts +0 -8
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { FlexProps } from './Flex';
|
|
2
|
-
import { StackStyleProps } from './utils/stack';
|
|
3
|
-
export declare type StackProps = FlexProps & StackStyleProps;
|
|
4
|
-
export declare const Stack: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & import("..").FlexStyleProps & StackStyleProps> & {
|
|
5
|
-
Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
|
|
6
|
-
};
|
|
7
|
-
export interface HStackProps extends StackProps {
|
|
8
|
-
/**
|
|
9
|
-
* sets the direction for the stack
|
|
10
|
-
* @default "row"
|
|
11
|
-
* */
|
|
12
|
-
flexDirection?: 'row' | 'row-reverse';
|
|
13
|
-
}
|
|
14
|
-
export declare const HStack: import("@workday/canvas-kit-react/common").ElementComponent<"div", HStackProps> & {
|
|
15
|
-
Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
|
|
16
|
-
};
|
|
17
|
-
export interface VStackProps extends StackProps {
|
|
18
|
-
/**
|
|
19
|
-
* sets the direction for the stack
|
|
20
|
-
* @default "column"
|
|
21
|
-
* */
|
|
22
|
-
flexDirection?: 'column' | 'column-reverse';
|
|
23
|
-
}
|
|
24
|
-
export declare const VStack: import("@workday/canvas-kit-react/common").ElementComponent<"div", VStackProps> & {
|
|
25
|
-
Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { PropertyAlignItems, PropertyAlignContent, PropertyJustifyItems, PropertyJustifyContent, PropertyFlexWrap, PropertyFlexDirection } from './types';
|
|
2
|
-
/** style props to for flexbox container properties */
|
|
3
|
-
export declare type FlexStyleProps = {
|
|
4
|
-
/** sets `align-items` property */
|
|
5
|
-
alignItems?: PropertyAlignItems;
|
|
6
|
-
/** sets `align-content` property */
|
|
7
|
-
alignContent?: PropertyAlignContent;
|
|
8
|
-
/**
|
|
9
|
-
* sets `display` property
|
|
10
|
-
* @default 'flex'
|
|
11
|
-
* */
|
|
12
|
-
display?: 'flex' | 'inline-flex';
|
|
13
|
-
/** sets `justify-items` property */
|
|
14
|
-
justifyItems?: PropertyJustifyItems;
|
|
15
|
-
/** sets `justify-content` property */
|
|
16
|
-
justifyContent?: PropertyJustifyContent;
|
|
17
|
-
/** sets `flex-wrap` property */
|
|
18
|
-
flexWrap?: PropertyFlexWrap;
|
|
19
|
-
/** sets `flex-direction` property */
|
|
20
|
-
flexDirection?: PropertyFlexDirection;
|
|
21
|
-
};
|
|
22
|
-
/**
|
|
23
|
-
* A style prop function that takes component props and returns flexbox styles.
|
|
24
|
-
* If no `FlexStyleProps` are found, it returns an empty object.
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
* // You'll most likely use `flex` with low-level, styled components
|
|
28
|
-
* const FlexExample = () => (
|
|
29
|
-
* <Flex justifyContent="center" alignItems="center">
|
|
30
|
-
* Hello, flex!
|
|
31
|
-
* </Flex>
|
|
32
|
-
* );
|
|
33
|
-
*
|
|
34
|
-
*/
|
|
35
|
-
export declare function flex<P extends FlexStyleProps>(props: P): {};
|
|
36
|
-
//# sourceMappingURL=flex.d.ts.map
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export declare function getValidChildren(children: React.ReactNode): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[];
|
|
3
|
-
//# sourceMappingURL=getValidChildren.d.ts.map
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { CanvasSpaceKeys } from '@workday/canvas-kit-react/tokens';
|
|
3
|
-
export declare type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
|
|
4
|
-
declare const selector = "& > *:not(style) ~ *:not(style)";
|
|
5
|
-
export declare type StackSpacing = CanvasSpaceKeys | number | (string & {});
|
|
6
|
-
export declare type StackStyleProps = {
|
|
7
|
-
/** sets space values between child elements (bidirectional support) */
|
|
8
|
-
spacing: StackSpacing;
|
|
9
|
-
/**
|
|
10
|
-
* sets the direction for the stack
|
|
11
|
-
* @default "row"
|
|
12
|
-
* */
|
|
13
|
-
flexDirection?: StackDirection;
|
|
14
|
-
/**
|
|
15
|
-
* when `true` wraps each child element in a `Stack.Item`
|
|
16
|
-
* @default false
|
|
17
|
-
* */
|
|
18
|
-
shouldWrapChildren?: boolean;
|
|
19
|
-
};
|
|
20
|
-
export declare function stack<P extends StackStyleProps & {
|
|
21
|
-
theme?: PartialEmotionCanvasTheme;
|
|
22
|
-
}>(props: P): {
|
|
23
|
-
"& > *:not(style) ~ *:not(style)": {};
|
|
24
|
-
};
|
|
25
|
-
export {};
|
|
26
|
-
//# sourceMappingURL=stack.d.ts.map
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Globals, SelfPosition, ContentDistribution, ContentPosition } from 'csstype';
|
|
2
|
-
export declare type PropertyAlignItems = Globals | SelfPosition | 'baseline' | 'normal' | 'stretch' | (string & {});
|
|
3
|
-
export declare type PropertyAlignContent = Globals | ContentDistribution | ContentPosition | 'baseline' | 'normal' | (string & {});
|
|
4
|
-
export declare type PropertyJustifyItems = Globals | SelfPosition | 'baseline' | 'left' | 'legacy' | 'normal' | 'right' | 'stretch' | (string & {});
|
|
5
|
-
export declare type PropertyJustifyContent = Globals | ContentDistribution | ContentPosition | 'left' | 'normal' | 'right' | (string & {});
|
|
6
|
-
export declare type PropertyFlexWrap = Globals | 'nowrap' | 'wrap' | 'wrap-reverse';
|
|
7
|
-
export declare type PropertyFlexDirection = Globals | 'column' | 'column-reverse' | 'row' | 'row-reverse';
|
|
8
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { BorderStyleProps } from './utils/border';
|
|
3
|
-
import { ColorStyleProps } from './utils/color';
|
|
4
|
-
import { DepthStyleProps } from './utils/depth';
|
|
5
|
-
import { FlexItemStyleProps } from './utils/flexItem';
|
|
6
|
-
import { LayoutStyleProps } from './utils/layout';
|
|
7
|
-
import { OtherStyleProps } from './utils/other';
|
|
8
|
-
import { PositionStyleProps } from './utils/position';
|
|
9
|
-
import { SpaceStyleProps } from './utils/space';
|
|
10
|
-
export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & {
|
|
11
|
-
children?: React.ReactNode;
|
|
12
|
-
};
|
|
13
|
-
/**
|
|
14
|
-
* `Box` is a primitive component that provides a common, ergonomic API around Canvas design tokens.
|
|
15
|
-
* It is highly flexible, and its primary purpose is to build other components.
|
|
16
|
-
*
|
|
17
|
-
* @example
|
|
18
|
-
* import { Box, BoxProps } from '@workday/canvas-kit-labs-react/common';
|
|
19
|
-
*
|
|
20
|
-
* interface CardProps extends BoxProps {
|
|
21
|
-
* // card-specific props
|
|
22
|
-
* }
|
|
23
|
-
*
|
|
24
|
-
* // `Card`'s default values are set using `BoxProps`
|
|
25
|
-
* const Card = (props: CardProps) => (
|
|
26
|
-
* <Box depth={2} padding="m" borderRadius="l" {...props}>Hello, Card!</Box>
|
|
27
|
-
* );
|
|
28
|
-
*
|
|
29
|
-
*/
|
|
30
|
-
export declare const Box: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./utils/border").BorderShorthandStyleProps & import("./utils/border").BorderColorStyleProps & import("./utils/border").BorderRadiusStyleProps & import("./utils/border").BorderLineStyleProps & import("./utils/border").BorderWidthStyleProps & import("./utils/border").BorderLogicalStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & import("./utils/position").PositionStandardProps & import("./utils/position").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
|
|
31
|
-
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import { CanvasBorderRadiusKeys, CanvasColor } from '@workday/canvas-kit-react/tokens';
|
|
2
|
-
import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { PropertyBorder } from './types';
|
|
4
|
-
/** style props to set the border properties */
|
|
5
|
-
export declare type BorderShorthandStyleProps = {
|
|
6
|
-
/** sets `border` property */
|
|
7
|
-
border?: string;
|
|
8
|
-
/** sets `border-top` property */
|
|
9
|
-
borderTop?: string;
|
|
10
|
-
/** sets `border-right` property (no bidirectional support) */
|
|
11
|
-
borderRight?: string;
|
|
12
|
-
/** sets `border-bottom` property */
|
|
13
|
-
borderBottom?: string;
|
|
14
|
-
/** sets `border-left` property (no bidirectional support) */
|
|
15
|
-
borderLeft?: string;
|
|
16
|
-
};
|
|
17
|
-
/** style props to set the border color properties */
|
|
18
|
-
export declare type BorderColorStyleProps = {
|
|
19
|
-
/** sets `border-color` property */
|
|
20
|
-
borderColor?: CanvasColor | (string & {});
|
|
21
|
-
/** sets `border-top-color` property */
|
|
22
|
-
borderTopColor?: CanvasColor | (string & {});
|
|
23
|
-
/** sets `border-right-color` property (no bidirectional support) */
|
|
24
|
-
borderRightColor?: CanvasColor | (string & {});
|
|
25
|
-
/** sets `border-bottom-color` property */
|
|
26
|
-
borderBottomColor?: CanvasColor | (string & {});
|
|
27
|
-
/** sets `border-left-color` property (no bidirectional support) */
|
|
28
|
-
borderLeftColor?: CanvasColor | (string & {});
|
|
29
|
-
};
|
|
30
|
-
/** style props to set the border radius properties */
|
|
31
|
-
export declare type BorderRadiusStyleProps = {
|
|
32
|
-
/** sets `border-radius` property */
|
|
33
|
-
borderRadius?: CanvasBorderRadiusKeys | number | (string & {});
|
|
34
|
-
/** sets `border-top-left-radius` property */
|
|
35
|
-
borderTopLeftRadius?: CanvasBorderRadiusKeys | number | (string & {});
|
|
36
|
-
/** sets `border-top-right-radius` property */
|
|
37
|
-
borderTopRightRadius?: CanvasBorderRadiusKeys | number | (string & {});
|
|
38
|
-
/** sets `border-bottom-left-radius` property */
|
|
39
|
-
borderBottomLeftRadius?: CanvasBorderRadiusKeys | number | (string & {});
|
|
40
|
-
/** sets `border-bottom-right-radius` property */
|
|
41
|
-
borderBottomRightRadius?: CanvasBorderRadiusKeys | number | (string & {});
|
|
42
|
-
};
|
|
43
|
-
/** style props to set the border style properties */
|
|
44
|
-
export declare type BorderLineStyleProps = {
|
|
45
|
-
/** sets `border-style` property */
|
|
46
|
-
borderStyle?: PropertyBorder;
|
|
47
|
-
/** sets `border-top-style` property */
|
|
48
|
-
borderTopStyle?: PropertyBorder;
|
|
49
|
-
/** sets `border-right-style` property (no bidirectional support) */
|
|
50
|
-
borderRightStyle?: PropertyBorder;
|
|
51
|
-
/** sets `border-bottom-style` property */
|
|
52
|
-
borderBottomStyle?: PropertyBorder;
|
|
53
|
-
/** sets `border-left-style` property (no bidirectional support) */
|
|
54
|
-
borderLeftStyle?: PropertyBorder;
|
|
55
|
-
};
|
|
56
|
-
/** style props to set the border width properties */
|
|
57
|
-
export declare type BorderWidthStyleProps = {
|
|
58
|
-
/** sets `border-width` property */
|
|
59
|
-
borderWidth?: string | number;
|
|
60
|
-
/** sets `border-top-width` property */
|
|
61
|
-
borderTopWidth?: string | number;
|
|
62
|
-
/** sets `border-right-width` property (no bidirectional support) */
|
|
63
|
-
borderRightWidth?: string | number;
|
|
64
|
-
/** sets `border-bottom-width` property */
|
|
65
|
-
borderBottomWidth?: string | number;
|
|
66
|
-
/** sets `border-left-width` property (no bidirectional support) */
|
|
67
|
-
borderLeftWidth?: string | number;
|
|
68
|
-
};
|
|
69
|
-
export declare type BorderLogicalStyleProps = {
|
|
70
|
-
/** sets `border-left` property (bidirectional support) */
|
|
71
|
-
borderInlineStart?: string;
|
|
72
|
-
/** sets `border-left-color` property (bidirectional support) */
|
|
73
|
-
borderInlineStartColor?: CanvasColor | (string & {});
|
|
74
|
-
/** sets `border-left-style` property (bidirectional support) */
|
|
75
|
-
borderInlineStartStyle?: PropertyBorder;
|
|
76
|
-
/** sets `border-left-width` property (bidirectional support) */
|
|
77
|
-
borderInlineStartWidth?: string | number;
|
|
78
|
-
/** sets `border-right` property (bidirectional support) */
|
|
79
|
-
borderInlineEnd?: string;
|
|
80
|
-
/** sets `border-right-color` property (bidirectional support) */
|
|
81
|
-
borderInlineEndColor?: CanvasColor | (string & {});
|
|
82
|
-
/** sets `border-right-style` property (bidirectional support) */
|
|
83
|
-
borderInlineEndStyle?: PropertyBorder;
|
|
84
|
-
/** sets `border-right-width` property (bidirectional support) */
|
|
85
|
-
borderInlineEndWidth?: string | number;
|
|
86
|
-
};
|
|
87
|
-
/** a collection style props for border properties */
|
|
88
|
-
export declare type BorderStyleProps = BorderShorthandStyleProps & BorderColorStyleProps & BorderRadiusStyleProps & BorderLineStyleProps & BorderWidthStyleProps & BorderLogicalStyleProps;
|
|
89
|
-
/**
|
|
90
|
-
* A style prop function that takes components props and returns border styles. Some props, such as borderRadius and borderColor, are connected to our design tokens.
|
|
91
|
-
* If no `BorderStyleProps` are found, it returns an empty object.
|
|
92
|
-
*
|
|
93
|
-
* @example
|
|
94
|
-
* // You'll most likely use `border` with low-level, styled components
|
|
95
|
-
* const BoxExample = () => (
|
|
96
|
-
* <Box border={`solid 1px #333333 ${colors.blackPepper400}`}>Hello, border styles!</Box>
|
|
97
|
-
* );
|
|
98
|
-
*
|
|
99
|
-
*/
|
|
100
|
-
export declare function border<P extends BorderStyleProps & {
|
|
101
|
-
theme?: PartialEmotionCanvasTheme;
|
|
102
|
-
}>(props: P): {};
|
|
103
|
-
//# sourceMappingURL=border.d.ts.map
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { colors as colorTokens, CanvasColor } from '@workday/canvas-kit-react/tokens';
|
|
2
|
-
export declare type ColorTokens = typeof colorTokens;
|
|
3
|
-
/** style props to for color properties */
|
|
4
|
-
export declare type ColorStyleProps = {
|
|
5
|
-
/** sets `background` property */
|
|
6
|
-
background?: CanvasColor | (string & {});
|
|
7
|
-
/** sets `background-color` property */
|
|
8
|
-
backgroundColor?: CanvasColor | (string & {});
|
|
9
|
-
/** sets `background-image` property */
|
|
10
|
-
backgroundImage?: string;
|
|
11
|
-
/** sets `color` property */
|
|
12
|
-
color?: CanvasColor | (string & {});
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* A style prop function that takes components props and returns color styles from canvas token values.
|
|
16
|
-
* If no `ColorStyleProps` are found, it returns an empty object.
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* // You'll most likely use `color` with low-level, styled components
|
|
20
|
-
* const BoxExample = () => (
|
|
21
|
-
* <Box backgroundColor="blueberry500" color="frenchVanilla100">Hello, colors!</Box>
|
|
22
|
-
* );
|
|
23
|
-
*
|
|
24
|
-
*/
|
|
25
|
-
export declare function color<P extends ColorStyleProps>(props: P): {};
|
|
26
|
-
//# sourceMappingURL=color.d.ts.map
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { depth as depthTokens } from '@workday/canvas-kit-react/tokens';
|
|
2
|
-
export declare type DepthTokens = typeof depthTokens;
|
|
3
|
-
export declare type DepthTokenKeys = keyof DepthTokens;
|
|
4
|
-
export declare type DepthTokenValues = DepthTokens[keyof DepthTokens];
|
|
5
|
-
/** style props to for depth styles */
|
|
6
|
-
export declare type DepthStyleProps = {
|
|
7
|
-
/** sets depth styles (box-shadow & border) */
|
|
8
|
-
depth?: DepthTokenKeys;
|
|
9
|
-
};
|
|
10
|
-
/**
|
|
11
|
-
* A style prop function that takes components props and returns depth styles from canvas token values.
|
|
12
|
-
* If no `DepthStyleProps` are found, it returns an empty object.
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* // You'll mostly likely use `depth` with low-level, styled components
|
|
16
|
-
* const BoxExample = () => (
|
|
17
|
-
* <Box depth={3}>Hello, box shadows!</Box>
|
|
18
|
-
* );
|
|
19
|
-
*
|
|
20
|
-
*/
|
|
21
|
-
export declare function depth<P extends DepthStyleProps>(props: P): DepthTokenValues;
|
|
22
|
-
//# sourceMappingURL=depth.d.ts.map
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { PropertyJustifySelf, PropertyAlignSelf, PropertyOrder } from './types';
|
|
2
|
-
/** style props to for flexbox item properties */
|
|
3
|
-
export declare type FlexItemStyleProps = {
|
|
4
|
-
/** sets `flex` property */
|
|
5
|
-
flex?: number | string;
|
|
6
|
-
/** sets `flex-grow` property */
|
|
7
|
-
flexGrow?: number | string;
|
|
8
|
-
/** sets `flex-shrink` property */
|
|
9
|
-
flexShrink?: number | string;
|
|
10
|
-
/** sets `flex-basis` property */
|
|
11
|
-
flexBasis?: number | string;
|
|
12
|
-
/** sets `justify-self` property */
|
|
13
|
-
justifySelf?: PropertyJustifySelf;
|
|
14
|
-
/** sets `align-self` property */
|
|
15
|
-
alignSelf?: PropertyAlignSelf;
|
|
16
|
-
/** sets `order` property */
|
|
17
|
-
order?: PropertyOrder;
|
|
18
|
-
};
|
|
19
|
-
/**
|
|
20
|
-
* A style prop function that takes component props and returns flexbox item styles.
|
|
21
|
-
* If no `FlexItemStyleProps` are found, it returns an empty object.
|
|
22
|
-
*
|
|
23
|
-
* @example
|
|
24
|
-
* // You'll most likely use `flexItem` with low-level, styled components
|
|
25
|
-
* const FlexItemExample = () => (
|
|
26
|
-
* <Box flex={1} flexBasis="auto" alignSelf={center}>
|
|
27
|
-
* Hello, flex item!
|
|
28
|
-
* </Box>
|
|
29
|
-
* );
|
|
30
|
-
*
|
|
31
|
-
*/
|
|
32
|
-
export declare function flexItem<P extends FlexItemStyleProps>(props: P): {};
|
|
33
|
-
//# sourceMappingURL=flexItem.d.ts.map
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { PropertyDisplay, PropertyListStyle, PropertyOverflow, PropertyOverflowX, PropertyOverflowY, PropertyVerticalAlign } from './types';
|
|
2
|
-
/** style props to for layout properties */
|
|
3
|
-
export declare type LayoutStyleProps = {
|
|
4
|
-
/** sets `display` property */
|
|
5
|
-
display?: PropertyDisplay;
|
|
6
|
-
/** sets `height` property */
|
|
7
|
-
height?: number | string;
|
|
8
|
-
/** sets `list-style property */
|
|
9
|
-
listStyle?: PropertyListStyle;
|
|
10
|
-
/** sets `max-height` property */
|
|
11
|
-
maxHeight?: number | string;
|
|
12
|
-
/** sets `max-width` property */
|
|
13
|
-
maxWidth?: number | string;
|
|
14
|
-
/** sets `min-height` property */
|
|
15
|
-
minHeight?: number | string;
|
|
16
|
-
/** sets `min-width` property */
|
|
17
|
-
minWidth?: number | string;
|
|
18
|
-
/** sets `overflow` property */
|
|
19
|
-
overflow?: PropertyOverflow;
|
|
20
|
-
/** sets `overflow-x` property */
|
|
21
|
-
overflowX?: PropertyOverflowX;
|
|
22
|
-
/** sets `overflow-y` property */
|
|
23
|
-
overflowY?: PropertyOverflowY;
|
|
24
|
-
/** sets `vertical-align` property */
|
|
25
|
-
verticalAlign?: PropertyVerticalAlign;
|
|
26
|
-
/** sets `width` property */
|
|
27
|
-
width?: number | string;
|
|
28
|
-
};
|
|
29
|
-
/**
|
|
30
|
-
* A style prop function that takes components props and returns layout styles.
|
|
31
|
-
* If no `LayoutStyleProps` are found, it returns an empty object.
|
|
32
|
-
*
|
|
33
|
-
* @example
|
|
34
|
-
* // You'll most likely use `layout` with low-level, styled components
|
|
35
|
-
* const BoxExample = () => (
|
|
36
|
-
* <Box display="inline-block" height="50%">
|
|
37
|
-
* Hello, positions!
|
|
38
|
-
* </Box>
|
|
39
|
-
* );
|
|
40
|
-
*
|
|
41
|
-
*/
|
|
42
|
-
export declare function layout<P extends LayoutStyleProps>(props: P): {};
|
|
43
|
-
//# sourceMappingURL=layout.d.ts.map
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { PropertyPosition, PropertyZIndex } from './types';
|
|
3
|
-
/** style props to for standard position properties */
|
|
4
|
-
export declare type PositionStandardProps = {
|
|
5
|
-
/** sets `position` property */
|
|
6
|
-
position?: PropertyPosition;
|
|
7
|
-
/** sets `zIndex` property */
|
|
8
|
-
zIndex?: PropertyZIndex;
|
|
9
|
-
/** sets `top` property */
|
|
10
|
-
top?: number | string;
|
|
11
|
-
/** sets `right` property (no bidirectional support) */
|
|
12
|
-
right?: number | string;
|
|
13
|
-
/** sets `bottom` property */
|
|
14
|
-
bottom?: number | string;
|
|
15
|
-
/** sets `left` property (no bidirectional support) */
|
|
16
|
-
left?: number | string;
|
|
17
|
-
};
|
|
18
|
-
export declare type PositionLogicalProps = {
|
|
19
|
-
/** sets `left` property (bidirectional support) */
|
|
20
|
-
insetInlineStart?: number | string;
|
|
21
|
-
/** sets `right` property (bidirectional support) */
|
|
22
|
-
insetInlineEnd?: number | string;
|
|
23
|
-
};
|
|
24
|
-
export declare type PositionStyleProps = PositionStandardProps & PositionLogicalProps;
|
|
25
|
-
/**
|
|
26
|
-
* A style prop function that takes components props and returns position styles.
|
|
27
|
-
* If no `PositionProps` are found, it returns an empty object.
|
|
28
|
-
*
|
|
29
|
-
* @example
|
|
30
|
-
* // You'll most likely use `position` with low-level, styled components
|
|
31
|
-
* const BoxExample = () => (
|
|
32
|
-
* <Box position="absolute" top="50%">
|
|
33
|
-
* Hello, positions!
|
|
34
|
-
* </Box>
|
|
35
|
-
* );
|
|
36
|
-
*
|
|
37
|
-
*/
|
|
38
|
-
export declare function position<P extends PositionStyleProps & {
|
|
39
|
-
theme?: PartialEmotionCanvasTheme;
|
|
40
|
-
}>(props: P): {};
|
|
41
|
-
//# sourceMappingURL=position.d.ts.map
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { CanvasSpaceKeys } from '@workday/canvas-kit-react/tokens';
|
|
3
|
-
declare type SpacePropValues = CanvasSpaceKeys | number | (string & {});
|
|
4
|
-
/** These props automatically adjust for bidirectionality (LTR & RTL) */
|
|
5
|
-
export declare type SpaceLogicalProps = {
|
|
6
|
-
/** sets margin-left property (bidirectional support) */
|
|
7
|
-
marginInlineStart?: SpacePropValues;
|
|
8
|
-
/** sets margin-right property (bidirectional support) */
|
|
9
|
-
marginInlineEnd?: SpacePropValues;
|
|
10
|
-
/** sets padding-left property (bidirectional support) */
|
|
11
|
-
paddingInlineStart?: SpacePropValues;
|
|
12
|
-
/** sets padding-right property (bidirectional support) */
|
|
13
|
-
paddingInlineEnd?: SpacePropValues;
|
|
14
|
-
};
|
|
15
|
-
/** These props do not adjust for bidirectionality (LTR & RTL) */
|
|
16
|
-
export declare type SpaceStandardProps = {
|
|
17
|
-
/** sets margin property */
|
|
18
|
-
margin?: SpacePropValues;
|
|
19
|
-
/** sets margin-left and margin-right properties */
|
|
20
|
-
marginX?: SpacePropValues;
|
|
21
|
-
/** sets margin-top and margin-bottom properties */
|
|
22
|
-
marginY?: SpacePropValues;
|
|
23
|
-
/** sets margin-top property */
|
|
24
|
-
marginTop?: SpacePropValues;
|
|
25
|
-
/** sets margin-right property (no bidirectional support) */
|
|
26
|
-
marginRight?: SpacePropValues;
|
|
27
|
-
/** sets margin-bottom property */
|
|
28
|
-
marginBottom?: SpacePropValues;
|
|
29
|
-
/** sets margin-left property (no bidirectional support) */
|
|
30
|
-
marginLeft?: SpacePropValues;
|
|
31
|
-
/** sets padding property */
|
|
32
|
-
padding?: SpacePropValues;
|
|
33
|
-
/** sets padding-left and margin-right properties */
|
|
34
|
-
paddingX?: SpacePropValues;
|
|
35
|
-
/** sets padding-top and padding-bottom properties */
|
|
36
|
-
paddingY?: SpacePropValues;
|
|
37
|
-
/** sets padding-top property */
|
|
38
|
-
paddingTop?: SpacePropValues;
|
|
39
|
-
/** sets padding-right property (no bidirectional support) */
|
|
40
|
-
paddingRight?: SpacePropValues;
|
|
41
|
-
/** sets padding-bottom */
|
|
42
|
-
paddingBottom?: SpacePropValues;
|
|
43
|
-
/** sets padding-left property (no bidirectional support) */
|
|
44
|
-
paddingLeft?: SpacePropValues;
|
|
45
|
-
};
|
|
46
|
-
export declare type SpaceStyleProps = SpaceStandardProps & SpaceLogicalProps;
|
|
47
|
-
/**
|
|
48
|
-
* A style prop function that takes component props and returns space styles.
|
|
49
|
-
* If no `SpaceStyleProps` are found, it returns an empty object.
|
|
50
|
-
*
|
|
51
|
-
* @example
|
|
52
|
-
* // You'll most likely use `space` with low-level, styled components
|
|
53
|
-
* const BoxExample = () => (
|
|
54
|
-
* <Box padding="xs" margin="m">
|
|
55
|
-
* Hello, space!
|
|
56
|
-
* </Box>
|
|
57
|
-
* );
|
|
58
|
-
*
|
|
59
|
-
*/
|
|
60
|
-
export declare function space<P extends SpaceStyleProps & {
|
|
61
|
-
theme?: PartialEmotionCanvasTheme;
|
|
62
|
-
}>(props: P): {};
|
|
63
|
-
export {};
|
|
64
|
-
//# sourceMappingURL=space.d.ts.map
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Globals, GlobalsNumber, SelfPosition, DisplayOutside, DisplayInside, DisplayInternal, DisplayLegacy, LineStyle } from 'csstype';
|
|
2
|
-
export declare type PropertyBorder = Globals | LineStyle | (string & {});
|
|
3
|
-
export declare type PropertyJustifySelf = Globals | SelfPosition | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch' | (string & {});
|
|
4
|
-
export declare type PropertyAlignSelf = Globals | SelfPosition | 'auto' | 'baseline' | 'normal' | 'stretch' | (string & {});
|
|
5
|
-
export declare type PropertyOrder = GlobalsNumber;
|
|
6
|
-
export declare type PropertyDisplay = Globals | DisplayOutside | DisplayInside | DisplayInternal | DisplayLegacy | 'contents' | 'list-item' | 'none' | (string & {});
|
|
7
|
-
export declare type PropertyListStyle = Globals | 'inside' | 'none' | 'outside' | (string & {});
|
|
8
|
-
export declare type PropertyOverflow = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible' | (string & {});
|
|
9
|
-
export declare type PropertyOverflowX = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible';
|
|
10
|
-
export declare type PropertyOverflowY = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible';
|
|
11
|
-
export declare type PropertyVerticalAlign = Globals | 'baseline' | 'bottom' | 'middle' | 'sub' | 'super' | 'text-bottom' | 'text-top' | 'top' | (string & {});
|
|
12
|
-
export declare type PropertyPosition = Globals | '-webkit-sticky' | 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky';
|
|
13
|
-
export declare type PropertyZIndex = GlobalsNumber | 'auto';
|
|
14
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import DeprecatedHeader from './lib/Header';
|
|
2
|
-
import DeprecatedGlobalHeader from './lib/GlobalHeader';
|
|
3
|
-
export default DeprecatedHeader;
|
|
4
|
-
export { DeprecatedHeader };
|
|
5
|
-
export { DeprecatedGlobalHeader };
|
|
6
|
-
export * from './lib/parts';
|
|
7
|
-
export * from './lib/shared/themes';
|
|
8
|
-
export * from './lib/shared/types';
|
|
9
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface GlobalHeaderProps {
|
|
3
|
-
/**
|
|
4
|
-
* The custom brand node of the GlobalHeader. This React node replaces the dub logo and title.
|
|
5
|
-
* @default DubLogoTitle
|
|
6
|
-
*/
|
|
7
|
-
brand?: React.ReactNode;
|
|
8
|
-
/**
|
|
9
|
-
* The custom menu toggle node of the GlobalHeader. This React node replaces the default menu toggle.
|
|
10
|
-
*/
|
|
11
|
-
menuToggle?: React.ReactNode;
|
|
12
|
-
/**
|
|
13
|
-
* The function called when the responsive menu icon is clicked.
|
|
14
|
-
*/
|
|
15
|
-
onMenuClick?: (e: React.MouseEvent) => void;
|
|
16
|
-
/**
|
|
17
|
-
* If true, render the GlobalHeader in collapsed mode.
|
|
18
|
-
* @default false
|
|
19
|
-
*/
|
|
20
|
-
isCollapsed?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* The React element to render in the left slot of the GlobalHeader. This is typically a SearchForm component.
|
|
23
|
-
*/
|
|
24
|
-
leftSlot?: React.ReactElement;
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* ### Deprecated Global Header
|
|
28
|
-
*
|
|
29
|
-
* As of Canvas Kit v6, this component is being soft-deprecated.
|
|
30
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
31
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
32
|
-
* for more information.
|
|
33
|
-
*/
|
|
34
|
-
export default class DeprecatedGlobalHeader extends React.Component<GlobalHeaderProps> {
|
|
35
|
-
componentDidMount(): void;
|
|
36
|
-
render(): JSX.Element;
|
|
37
|
-
}
|
|
38
|
-
//# sourceMappingURL=GlobalHeader.d.ts.map
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { DeprecatedHeaderTheme, DeprecatedHeaderVariant } from './shared/types';
|
|
3
|
-
export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
/**
|
|
5
|
-
* The custom menu toggle node of the Header. This React node replaces the default menu toggle.
|
|
6
|
-
*/
|
|
7
|
-
menuToggle?: React.ReactNode;
|
|
8
|
-
/**
|
|
9
|
-
* The theme of the Header. Accepts `White`, `Blue`, or `Transparent`.
|
|
10
|
-
* @default DeprecatedHeaderTheme.White
|
|
11
|
-
*/
|
|
12
|
-
themeColor?: DeprecatedHeaderTheme;
|
|
13
|
-
/**
|
|
14
|
-
* The variant of the Header. Accepts `Dub` (small) or `Full` (large).
|
|
15
|
-
* @default DeprecatedHeaderVariant.Dub
|
|
16
|
-
*/
|
|
17
|
-
variant?: DeprecatedHeaderVariant;
|
|
18
|
-
/**
|
|
19
|
-
* The text of the Header title. Not used if `brand` is provided.
|
|
20
|
-
*/
|
|
21
|
-
title?: string;
|
|
22
|
-
/**
|
|
23
|
-
* The custom brand node of the Header. This React node replaces the dub logo and title.
|
|
24
|
-
*/
|
|
25
|
-
brand?: React.ReactNode;
|
|
26
|
-
/**
|
|
27
|
-
* The url of the Header logo link.
|
|
28
|
-
*/
|
|
29
|
-
brandUrl?: string;
|
|
30
|
-
/**
|
|
31
|
-
* If true, center the Header navigation. If false, right-align the Header navigation.
|
|
32
|
-
* @default false
|
|
33
|
-
*/
|
|
34
|
-
centeredNav?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* The function called when the responsive menu icon is clicked.
|
|
37
|
-
*/
|
|
38
|
-
onMenuClick?: (e: React.MouseEvent) => void;
|
|
39
|
-
/**
|
|
40
|
-
* The React element to render in the left slot of the Header. This is typically a SearchForm component.
|
|
41
|
-
*/
|
|
42
|
-
leftSlot?: React.ReactElement;
|
|
43
|
-
/**
|
|
44
|
-
* If true, render the Header in collapsed mode.
|
|
45
|
-
* @default false
|
|
46
|
-
*/
|
|
47
|
-
isCollapsed?: boolean;
|
|
48
|
-
}
|
|
49
|
-
/**
|
|
50
|
-
* ### Deprecated Header
|
|
51
|
-
*
|
|
52
|
-
* As of Canvas Kit v6, this component is being soft-deprecated.
|
|
53
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
54
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
55
|
-
* for more information.
|
|
56
|
-
*/
|
|
57
|
-
export default class Header extends React.Component<HeaderProps, {}> {
|
|
58
|
-
static Theme: typeof DeprecatedHeaderTheme;
|
|
59
|
-
static Variant: typeof DeprecatedHeaderVariant;
|
|
60
|
-
componentDidMount(): void;
|
|
61
|
-
/**
|
|
62
|
-
* Helper that recursively maps ReactNodes to their theme-based equivalent.
|
|
63
|
-
* Any children that are included in a Header may need to undergo transformation
|
|
64
|
-
* before stamped out in render().
|
|
65
|
-
*
|
|
66
|
-
* E.g. <SystemIcon> components need to have the appropriate `color` and `colorHover`
|
|
67
|
-
* props set based on the theme.
|
|
68
|
-
*
|
|
69
|
-
* @param children From props.children of a React component
|
|
70
|
-
*
|
|
71
|
-
* @returns {React.ReactNode} The child/children to be rendered
|
|
72
|
-
*/
|
|
73
|
-
private renderChildren;
|
|
74
|
-
render(): JSX.Element;
|
|
75
|
-
}
|
|
76
|
-
//# sourceMappingURL=Header.d.ts.map
|