@workday/canvas-kit-labs-react 7.0.0-alpha.0-next.5 → 7.0.0-alpha.100-next.25
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 +7 -11
- 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 +4 -7
- 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 +5 -8
- 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 +8 -19
- package/search-form/lib/SearchForm.tsx +25 -37
- 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/combobox/index.d.ts +0 -5
- package/ts3.5/dist/commonjs/combobox/lib/AutocompleteList.d.ts +0 -32
- package/ts3.5/dist/commonjs/combobox/lib/Combobox.d.ts +0 -64
- package/ts3.5/dist/commonjs/combobox/lib/Status.d.ts +0 -11
- package/ts3.5/dist/commonjs/common/index.d.ts +0 -12
- package/ts3.5/dist/commonjs/common/lib/Box.d.ts +0 -31
- package/ts3.5/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.d.ts +0 -26
- package/ts3.5/dist/commonjs/common/lib/storybook-utils/permutateProps.d.ts +0 -5
- package/ts3.5/dist/commonjs/common/lib/storybook-utils/propTypes.d.ts +0 -15
- package/ts3.5/dist/commonjs/common/lib/theming/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/common/lib/theming/useThemeRTL.d.ts +0 -36
- package/ts3.5/dist/commonjs/common/lib/theming/useThemedRing.d.ts +0 -11
- 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/drawer/index.d.ts +0 -6
- package/ts3.5/dist/commonjs/drawer/lib/Drawer.d.ts +0 -49
- package/ts3.5/dist/commonjs/drawer/lib/DrawerHeader.d.ts +0 -38
- 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/index.d.ts +0 -7
- 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/commonjs/search-form/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/search-form/lib/SearchForm.d.ts +0 -103
- package/ts3.5/dist/commonjs/search-form/lib/themes.d.ts +0 -21
- package/ts3.5/dist/es6/combobox/index.d.ts +0 -5
- package/ts3.5/dist/es6/combobox/lib/AutocompleteList.d.ts +0 -32
- package/ts3.5/dist/es6/combobox/lib/Combobox.d.ts +0 -64
- package/ts3.5/dist/es6/combobox/lib/Status.d.ts +0 -11
- package/ts3.5/dist/es6/common/index.d.ts +0 -12
- package/ts3.5/dist/es6/common/lib/Box.d.ts +0 -31
- package/ts3.5/dist/es6/common/lib/storybook-utils/ComponentStatesTable.d.ts +0 -26
- package/ts3.5/dist/es6/common/lib/storybook-utils/permutateProps.d.ts +0 -5
- package/ts3.5/dist/es6/common/lib/storybook-utils/propTypes.d.ts +0 -15
- package/ts3.5/dist/es6/common/lib/theming/index.d.ts +0 -3
- package/ts3.5/dist/es6/common/lib/theming/useThemeRTL.d.ts +0 -36
- package/ts3.5/dist/es6/common/lib/theming/useThemedRing.d.ts +0 -11
- 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/drawer/index.d.ts +0 -6
- package/ts3.5/dist/es6/drawer/lib/Drawer.d.ts +0 -49
- package/ts3.5/dist/es6/drawer/lib/DrawerHeader.d.ts +0 -38
- 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/index.d.ts +0 -7
- 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
- package/ts3.5/dist/es6/search-form/index.d.ts +0 -3
- package/ts3.5/dist/es6/search-form/lib/SearchForm.d.ts +0 -103
- package/ts3.5/dist/es6/search-form/lib/themes.d.ts +0 -21
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.layout = void 0;
|
|
4
|
-
var layoutProps = {
|
|
5
|
-
display: 'display',
|
|
6
|
-
height: 'height',
|
|
7
|
-
listStyle: 'listStyle',
|
|
8
|
-
maxHeight: 'maxHeight',
|
|
9
|
-
maxWidth: 'maxWidth',
|
|
10
|
-
minHeight: 'minHeight',
|
|
11
|
-
minWidth: 'minWidth',
|
|
12
|
-
overflow: 'overflow',
|
|
13
|
-
overflowX: 'overflowX',
|
|
14
|
-
overflowY: 'overflowY',
|
|
15
|
-
verticalAlign: 'verticalAlign',
|
|
16
|
-
width: 'width',
|
|
17
|
-
};
|
|
18
|
-
/**
|
|
19
|
-
* A style prop function that takes components props and returns layout styles.
|
|
20
|
-
* If no `LayoutStyleProps` are found, it returns an empty object.
|
|
21
|
-
*
|
|
22
|
-
* @example
|
|
23
|
-
* // You'll most likely use `layout` with low-level, styled components
|
|
24
|
-
* const BoxExample = () => (
|
|
25
|
-
* <Box display="inline-block" height="50%">
|
|
26
|
-
* Hello, positions!
|
|
27
|
-
* </Box>
|
|
28
|
-
* );
|
|
29
|
-
*
|
|
30
|
-
*/
|
|
31
|
-
function layout(props) {
|
|
32
|
-
var styles = {};
|
|
33
|
-
for (var key in props) {
|
|
34
|
-
if (key in layoutProps) {
|
|
35
|
-
var attr = layoutProps[key];
|
|
36
|
-
var value = props[key];
|
|
37
|
-
// @ts-ignore TS doesn't like adding a potentially unknown key to an object, but because we own this object, it's fine.
|
|
38
|
-
styles[attr] = value;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
return styles;
|
|
42
|
-
}
|
|
43
|
-
exports.layout = layout;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"other.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/other.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,wBAAgB,KAAK,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC,MASxD"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.other = void 0;
|
|
4
|
-
var otherProps = {
|
|
5
|
-
animation: function (value) {
|
|
6
|
-
return { animation: value };
|
|
7
|
-
},
|
|
8
|
-
};
|
|
9
|
-
function other(props) {
|
|
10
|
-
for (var key in props) {
|
|
11
|
-
if (key in otherProps) {
|
|
12
|
-
var value = props[key];
|
|
13
|
-
var styleFn = otherProps[key];
|
|
14
|
-
return styleFn(value);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
return {};
|
|
18
|
-
}
|
|
19
|
-
exports.other = other;
|
|
@@ -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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAEzD,sDAAsD;AACtD,oBAAY,qBAAqB,GAAG;IAClC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AA0BF,oBAAY,kBAAkB,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;AAE9E;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,kBAAkB,GAAG;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,EACzF,KAAK,EAAE,CAAC,MAyBT"}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.position = void 0;
|
|
15
|
-
var common_1 = require("@workday/canvas-kit-react/common");
|
|
16
|
-
var getInsetInlineStartStyle = function (value, isRTL) {
|
|
17
|
-
var _a;
|
|
18
|
-
if (isRTL === void 0) { isRTL = false; }
|
|
19
|
-
var attr = isRTL ? 'right' : 'left';
|
|
20
|
-
return _a = {}, _a[attr] = value, _a;
|
|
21
|
-
};
|
|
22
|
-
var getInsetInlineEndStyle = function (value, isRTL) {
|
|
23
|
-
var _a;
|
|
24
|
-
if (isRTL === void 0) { isRTL = false; }
|
|
25
|
-
var attr = isRTL ? 'left' : 'right';
|
|
26
|
-
return _a = {}, _a[attr] = value, _a;
|
|
27
|
-
};
|
|
28
|
-
var standardPositionProps = {
|
|
29
|
-
position: 'position',
|
|
30
|
-
zIndex: 'zIndex',
|
|
31
|
-
top: 'top',
|
|
32
|
-
right: 'right',
|
|
33
|
-
bottom: 'bottom',
|
|
34
|
-
left: 'left',
|
|
35
|
-
};
|
|
36
|
-
var logicalPositionProps = {
|
|
37
|
-
insetInlineStart: getInsetInlineStartStyle,
|
|
38
|
-
insetInlineEnd: getInsetInlineEndStyle,
|
|
39
|
-
};
|
|
40
|
-
/**
|
|
41
|
-
* A style prop function that takes components props and returns position styles.
|
|
42
|
-
* If no `PositionProps` are found, it returns an empty object.
|
|
43
|
-
*
|
|
44
|
-
* @example
|
|
45
|
-
* // You'll most likely use `position` with low-level, styled components
|
|
46
|
-
* const BoxExample = () => (
|
|
47
|
-
* <Box position="absolute" top="50%">
|
|
48
|
-
* Hello, positions!
|
|
49
|
-
* </Box>
|
|
50
|
-
* );
|
|
51
|
-
*
|
|
52
|
-
*/
|
|
53
|
-
function position(props) {
|
|
54
|
-
// position will always be used within the context of a component, but eslint doesn't know that
|
|
55
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
56
|
-
var canvas = common_1.useTheme(props.theme).canvas;
|
|
57
|
-
var styles = {};
|
|
58
|
-
for (var key in props) {
|
|
59
|
-
if (key in props) {
|
|
60
|
-
if (key in standardPositionProps) {
|
|
61
|
-
var value = props[key];
|
|
62
|
-
var attr = standardPositionProps[key];
|
|
63
|
-
// @ts-ignore TS doesn't like adding a potentially unknown key to an object, but because we own this object, it's fine.
|
|
64
|
-
styles[attr] = value;
|
|
65
|
-
continue;
|
|
66
|
-
}
|
|
67
|
-
if (key in logicalPositionProps) {
|
|
68
|
-
var value = props[key];
|
|
69
|
-
var styleFn = logicalPositionProps[key];
|
|
70
|
-
var isRTL = canvas.direction === common_1.ContentDirection.RTL;
|
|
71
|
-
var style = styleFn(value, isRTL);
|
|
72
|
-
styles = __assign(__assign({}, styles), style);
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
return styles;
|
|
77
|
-
}
|
|
78
|
-
exports.position = position;
|
|
@@ -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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/space.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAoC,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAEpG,aAAK,eAAe,GAAG,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEhE,wEAAwE;AACxE,oBAAY,iBAAiB,GAAG;IAC9B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,yDAAyD;IACzD,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,eAAe,CAAC;CACpC,CAAC;AAEF,iEAAiE;AACjE,oBAAY,kBAAkB,GAAG;IAC/B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,mDAAmD;IACnD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,mDAAmD;IACnD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,kCAAkC;IAClC,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,4BAA4B;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,gCAAgC;IAChC,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,6DAA6D;IAC7D,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,0BAA0B;IAC1B,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF,oBAAY,eAAe,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;AAoHrE;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,eAAe,GAAG;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,EAAE,KAAK,EAAE,CAAC,MAwB9F"}
|
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.space = void 0;
|
|
15
|
-
var common_1 = require("@workday/canvas-kit-react/common");
|
|
16
|
-
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
17
|
-
var margin = function (value) {
|
|
18
|
-
return { margin: tokens_1.space[value] || value };
|
|
19
|
-
};
|
|
20
|
-
var marginX = function (value) {
|
|
21
|
-
return {
|
|
22
|
-
marginLeft: tokens_1.space[value] || value,
|
|
23
|
-
marginRight: tokens_1.space[value] || value,
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
var marginY = function (value) {
|
|
27
|
-
return {
|
|
28
|
-
marginTop: tokens_1.space[value] || value,
|
|
29
|
-
marginBottom: tokens_1.space[value] || value,
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
var marginTop = function (value) {
|
|
33
|
-
return {
|
|
34
|
-
marginTop: tokens_1.space[value] || value,
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
var marginRight = function (value, isRTL) {
|
|
38
|
-
var _a;
|
|
39
|
-
if (isRTL === void 0) { isRTL = false; }
|
|
40
|
-
var attr = isRTL ? 'marginLeft' : 'marginRight';
|
|
41
|
-
return _a = {},
|
|
42
|
-
_a[attr] = tokens_1.space[value] || value,
|
|
43
|
-
_a;
|
|
44
|
-
};
|
|
45
|
-
var marginBottom = function (value) {
|
|
46
|
-
return {
|
|
47
|
-
marginBottom: tokens_1.space[value] || value,
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
|
-
var marginLeft = function (value, isRTL) {
|
|
51
|
-
var _a;
|
|
52
|
-
if (isRTL === void 0) { isRTL = false; }
|
|
53
|
-
var attr = isRTL ? 'marginRight' : 'marginLeft';
|
|
54
|
-
return _a = {},
|
|
55
|
-
_a[attr] = tokens_1.space[value] || value,
|
|
56
|
-
_a;
|
|
57
|
-
};
|
|
58
|
-
var padding = function (value) {
|
|
59
|
-
return {
|
|
60
|
-
padding: tokens_1.space[value] || value,
|
|
61
|
-
};
|
|
62
|
-
};
|
|
63
|
-
var paddingX = function (value) {
|
|
64
|
-
return {
|
|
65
|
-
paddingLeft: tokens_1.space[value] || value,
|
|
66
|
-
paddingRight: tokens_1.space[value] || value,
|
|
67
|
-
};
|
|
68
|
-
};
|
|
69
|
-
var paddingY = function (value) {
|
|
70
|
-
return {
|
|
71
|
-
paddingTop: tokens_1.space[value] || value,
|
|
72
|
-
paddingBottom: tokens_1.space[value] || value,
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
var paddingTop = function (value) {
|
|
76
|
-
return {
|
|
77
|
-
paddingTop: tokens_1.space[value] || value,
|
|
78
|
-
};
|
|
79
|
-
};
|
|
80
|
-
var paddingRight = function (value, isRTL) {
|
|
81
|
-
var _a;
|
|
82
|
-
if (isRTL === void 0) { isRTL = false; }
|
|
83
|
-
var attr = isRTL ? 'paddingLeft' : 'paddingRight';
|
|
84
|
-
return _a = {},
|
|
85
|
-
_a[attr] = tokens_1.space[value] || value,
|
|
86
|
-
_a;
|
|
87
|
-
};
|
|
88
|
-
var paddingBottom = function (value) {
|
|
89
|
-
return {
|
|
90
|
-
paddingBottom: tokens_1.space[value] || value,
|
|
91
|
-
};
|
|
92
|
-
};
|
|
93
|
-
var paddingLeft = function (value, isRTL) {
|
|
94
|
-
var _a;
|
|
95
|
-
if (isRTL === void 0) { isRTL = false; }
|
|
96
|
-
var attr = isRTL ? 'paddingRight' : 'paddingLeft';
|
|
97
|
-
return _a = {},
|
|
98
|
-
_a[attr] = tokens_1.space[value] || value,
|
|
99
|
-
_a;
|
|
100
|
-
};
|
|
101
|
-
var logicalSpaceStyleProps = {
|
|
102
|
-
marginInlineStart: marginLeft,
|
|
103
|
-
marginInlineEnd: marginRight,
|
|
104
|
-
paddingInlineStart: paddingLeft,
|
|
105
|
-
paddingInlineEnd: paddingRight,
|
|
106
|
-
};
|
|
107
|
-
var standardSpaceStyleProps = {
|
|
108
|
-
margin: margin,
|
|
109
|
-
marginX: marginX,
|
|
110
|
-
marginY: marginY,
|
|
111
|
-
marginTop: marginTop,
|
|
112
|
-
marginRight: marginRight,
|
|
113
|
-
marginBottom: marginBottom,
|
|
114
|
-
marginLeft: marginLeft,
|
|
115
|
-
padding: padding,
|
|
116
|
-
paddingX: paddingX,
|
|
117
|
-
paddingY: paddingY,
|
|
118
|
-
paddingTop: paddingTop,
|
|
119
|
-
paddingRight: paddingRight,
|
|
120
|
-
paddingBottom: paddingBottom,
|
|
121
|
-
paddingLeft: paddingLeft,
|
|
122
|
-
};
|
|
123
|
-
/**
|
|
124
|
-
* A style prop function that takes component props and returns space styles.
|
|
125
|
-
* If no `SpaceStyleProps` are found, it returns an empty object.
|
|
126
|
-
*
|
|
127
|
-
* @example
|
|
128
|
-
* // You'll most likely use `space` with low-level, styled components
|
|
129
|
-
* const BoxExample = () => (
|
|
130
|
-
* <Box padding="xs" margin="m">
|
|
131
|
-
* Hello, space!
|
|
132
|
-
* </Box>
|
|
133
|
-
* );
|
|
134
|
-
*
|
|
135
|
-
*/
|
|
136
|
-
function space(props) {
|
|
137
|
-
// space will always be used within the context of a component, but eslint doesn't know that
|
|
138
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
139
|
-
var canvas = common_1.useTheme(props.theme).canvas;
|
|
140
|
-
var styles = {};
|
|
141
|
-
for (var key in props) {
|
|
142
|
-
if (props.hasOwnProperty(key)) {
|
|
143
|
-
if (key in standardSpaceStyleProps) {
|
|
144
|
-
var value = props[key];
|
|
145
|
-
var spaceFn = standardSpaceStyleProps[key];
|
|
146
|
-
var style = spaceFn(value);
|
|
147
|
-
styles = __assign(__assign({}, styles), style);
|
|
148
|
-
continue;
|
|
149
|
-
}
|
|
150
|
-
if (key in logicalSpaceStyleProps) {
|
|
151
|
-
var value = props[key];
|
|
152
|
-
var spaceFn = logicalSpaceStyleProps[key];
|
|
153
|
-
var isRTL = canvas.direction === common_1.ContentDirection.RTL;
|
|
154
|
-
var style = spaceFn(value, isRTL);
|
|
155
|
-
styles = __assign(__assign({}, styles), style);
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
return styles;
|
|
160
|
-
}
|
|
161
|
-
exports.space = space;
|
|
@@ -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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,cAAc,EACd,aAAa,EACb,eAAe,EACf,aAAa,EACb,SAAS,EACV,MAAM,SAAS,CAAC;AAMjB,oBAAY,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAGjE,oBAAY,mBAAmB,GAC3B,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,MAAM,GACN,QAAQ,GACR,OAAO,GACP,SAAS,GACT,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,iBAAiB,GACzB,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,SAAS,GACT,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,aAAa,GAAG,aAAa,CAAC;AAG1C,oBAAY,eAAe,GACvB,OAAO,GACP,cAAc,GACd,aAAa,GACb,eAAe,GACf,aAAa,GACb,UAAU,GACV,WAAW,GACX,MAAM,GACN,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAExF,oBAAY,gBAAgB,GACxB,OAAO,GACP,0BAA0B,GAC1B,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,iBAAiB,GACzB,OAAO,GACP,0BAA0B,GAC1B,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,CAAC;AAEd,oBAAY,iBAAiB,GACzB,OAAO,GACP,0BAA0B,GAC1B,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,CAAC;AAEd,oBAAY,qBAAqB,GAC7B,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,OAAO,GACP,aAAa,GACb,UAAU,GACV,KAAK,GACL,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAGlB,oBAAY,gBAAgB,GACxB,OAAO,GACP,gBAAgB,GAChB,UAAU,GACV,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,CAAC;AAEb,oBAAY,cAAc,GAAG,aAAa,GAAG,MAAM,CAAC"}
|
|
@@ -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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../header/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,cAAc,CAAC;AAC5C,OAAO,sBAAsB,MAAM,oBAAoB,CAAC;AAExD,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAC,gBAAgB,EAAC,CAAC;AAC1B,OAAO,EAAC,sBAAsB,EAAC,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
-
};
|
|
12
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
13
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
14
|
-
};
|
|
15
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
|
-
exports.DeprecatedGlobalHeader = exports.DeprecatedHeader = void 0;
|
|
17
|
-
var Header_1 = __importDefault(require("./lib/Header"));
|
|
18
|
-
exports.DeprecatedHeader = Header_1.default;
|
|
19
|
-
var GlobalHeader_1 = __importDefault(require("./lib/GlobalHeader"));
|
|
20
|
-
exports.DeprecatedGlobalHeader = GlobalHeader_1.default;
|
|
21
|
-
exports.default = Header_1.default;
|
|
22
|
-
__exportStar(require("./lib/parts"), exports);
|
|
23
|
-
__exportStar(require("./lib/shared/themes"), exports);
|
|
24
|
-
__exportStar(require("./lib/shared/types"), exports);
|
|
@@ -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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalHeader.d.ts","sourceRoot":"","sources":["../../../../header/lib/GlobalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC/B;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACpF,iBAAiB;IASV,MAAM;CAwBd"}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
extendStatics(d, b);
|
|
11
|
-
function __() { this.constructor = d; }
|
|
12
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
13
|
-
};
|
|
14
|
-
})();
|
|
15
|
-
var __assign = (this && this.__assign) || function () {
|
|
16
|
-
__assign = Object.assign || function(t) {
|
|
17
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
18
|
-
s = arguments[i];
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
return __assign.apply(this, arguments);
|
|
25
|
-
};
|
|
26
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
27
|
-
if (k2 === undefined) k2 = k;
|
|
28
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
29
|
-
}) : (function(o, m, k, k2) {
|
|
30
|
-
if (k2 === undefined) k2 = k;
|
|
31
|
-
o[k2] = m[k];
|
|
32
|
-
}));
|
|
33
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
34
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
35
|
-
}) : function(o, v) {
|
|
36
|
-
o["default"] = v;
|
|
37
|
-
});
|
|
38
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
39
|
-
if (mod && mod.__esModule) return mod;
|
|
40
|
-
var result = {};
|
|
41
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
42
|
-
__setModuleDefault(result, mod);
|
|
43
|
-
return result;
|
|
44
|
-
};
|
|
45
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
46
|
-
var t = {};
|
|
47
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
48
|
-
t[p] = s[p];
|
|
49
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
50
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
51
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
52
|
-
t[p[i]] = s[p[i]];
|
|
53
|
-
}
|
|
54
|
-
return t;
|
|
55
|
-
};
|
|
56
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
57
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
58
|
-
};
|
|
59
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
60
|
-
var React = __importStar(require("react"));
|
|
61
|
-
var Header_1 = __importDefault(require("./Header"));
|
|
62
|
-
var types_1 = require("./shared/types");
|
|
63
|
-
var parts_1 = require("./parts");
|
|
64
|
-
/**
|
|
65
|
-
* ### Deprecated Global Header
|
|
66
|
-
*
|
|
67
|
-
* As of Canvas Kit v6, this component is being soft-deprecated.
|
|
68
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
69
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
70
|
-
* for more information.
|
|
71
|
-
*/
|
|
72
|
-
var DeprecatedGlobalHeader = /** @class */ (function (_super) {
|
|
73
|
-
__extends(DeprecatedGlobalHeader, _super);
|
|
74
|
-
function DeprecatedGlobalHeader() {
|
|
75
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
76
|
-
}
|
|
77
|
-
DeprecatedGlobalHeader.prototype.componentDidMount = function () {
|
|
78
|
-
console.warn("GlobalHeader is being deprecated and will be removed in Canvas Kit V7.\n\n For more information, please see the V6 migration guide:\n\n https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page\n ");
|
|
79
|
-
};
|
|
80
|
-
DeprecatedGlobalHeader.prototype.render = function () {
|
|
81
|
-
var _a = this.props, _b = _a.brand, brand = _b === void 0 ? React.createElement(parts_1.DeprecatedDubLogoTitle, null) : _b, menuToggle = _a.menuToggle, onMenuClick = _a.onMenuClick, isCollapsed = _a.isCollapsed, leftSlot = _a.leftSlot, children = _a.children, elemProps = __rest(_a, ["brand", "menuToggle", "onMenuClick", "isCollapsed", "leftSlot", "children"]);
|
|
82
|
-
return (React.createElement(Header_1.default, __assign({ brand: brand, menuToggle: menuToggle, leftSlot: leftSlot, onMenuClick: onMenuClick, variant: types_1.DeprecatedHeaderVariant.Global, isCollapsed: isCollapsed }, elemProps), children));
|
|
83
|
-
};
|
|
84
|
-
return DeprecatedGlobalHeader;
|
|
85
|
-
}(React.Component));
|
|
86
|
-
exports.default = DeprecatedGlobalHeader;
|