@workday/canvas-kit-labs-react 7.0.0-alpha.0-next.1 → 7.0.0-alpha.0-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/lib/Combobox.tsx +5 -3
- package/common/README.md +10 -4
- package/common/lib/Box.tsx +26 -4
- package/common/lib/theming/useThemedRing.ts +9 -5
- package/common/lib/utils/other.ts +20 -0
- package/dist/commonjs/combobox/index.js +12 -4
- package/dist/commonjs/combobox/lib/AutocompleteList.d.ts.map +1 -1
- package/dist/commonjs/combobox/lib/AutocompleteList.js +19 -7
- package/dist/commonjs/combobox/lib/Combobox.d.ts.map +1 -1
- package/dist/commonjs/combobox/lib/Combobox.js +27 -12
- package/dist/commonjs/combobox/lib/Status.d.ts.map +1 -1
- package/dist/commonjs/combobox/lib/Status.js +14 -2
- package/dist/commonjs/common/index.js +15 -7
- package/dist/commonjs/common/lib/Box.d.ts +3 -2
- package/dist/commonjs/common/lib/Box.d.ts.map +1 -1
- package/dist/commonjs/common/lib/Box.js +31 -9
- package/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.d.ts.map +1 -1
- package/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.js +3 -1
- package/dist/commonjs/common/lib/storybook-utils/permutateProps.d.ts.map +1 -1
- package/dist/commonjs/common/lib/storybook-utils/permutateProps.js +3 -1
- package/dist/commonjs/common/lib/theming/index.js +12 -5
- package/dist/commonjs/common/lib/theming/useThemeRTL.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/useThemeRTL.js +1 -0
- package/dist/commonjs/common/lib/theming/useThemedRing.d.ts +1 -1
- package/dist/commonjs/common/lib/theming/useThemedRing.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/useThemedRing.js +8 -2
- package/dist/commonjs/common/lib/utils/border.js +1 -0
- package/dist/commonjs/common/lib/utils/color.js +1 -0
- package/dist/commonjs/common/lib/utils/depth.js +1 -0
- package/dist/commonjs/common/lib/utils/flexItem.js +1 -0
- package/dist/commonjs/common/lib/utils/layout.js +1 -0
- package/dist/commonjs/common/lib/utils/other.d.ts +5 -0
- package/dist/commonjs/common/lib/utils/other.d.ts.map +1 -0
- package/dist/commonjs/common/lib/utils/other.js +19 -0
- package/dist/commonjs/common/lib/utils/position.js +1 -0
- package/dist/commonjs/common/lib/utils/space.js +1 -0
- package/dist/commonjs/drawer/index.js +12 -4
- package/dist/commonjs/drawer/lib/Drawer.js +21 -8
- package/dist/commonjs/drawer/lib/DrawerHeader.js +20 -8
- package/dist/commonjs/index.d.ts +0 -1
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +15 -9
- package/dist/commonjs/layout/index.js +12 -5
- package/dist/commonjs/layout/lib/Flex.d.ts +1 -1
- package/dist/commonjs/layout/lib/Flex.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Flex.js +20 -7
- package/dist/commonjs/layout/lib/Stack.d.ts +8 -8
- package/dist/commonjs/layout/lib/Stack.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Stack.js +26 -13
- package/dist/commonjs/layout/lib/utils/flex.js +1 -0
- package/dist/commonjs/layout/lib/utils/getValidChildren.js +15 -2
- package/dist/commonjs/layout/lib/utils/stack.js +1 -0
- package/dist/commonjs/search-form/index.js +12 -5
- package/dist/commonjs/search-form/lib/SearchForm.d.ts +3 -2
- package/dist/commonjs/search-form/lib/SearchForm.d.ts.map +1 -1
- package/dist/commonjs/search-form/lib/SearchForm.js +21 -8
- package/dist/commonjs/search-form/lib/themes.d.ts.map +1 -1
- package/dist/commonjs/search-form/lib/themes.js +1 -0
- package/dist/es6/combobox/lib/AutocompleteList.d.ts.map +1 -1
- package/dist/es6/combobox/lib/Combobox.d.ts.map +1 -1
- package/dist/es6/combobox/lib/Combobox.js +1 -1
- package/dist/es6/combobox/lib/Status.d.ts.map +1 -1
- package/dist/es6/common/lib/Box.d.ts +3 -2
- package/dist/es6/common/lib/Box.d.ts.map +1 -1
- package/dist/es6/common/lib/Box.js +12 -3
- package/dist/es6/common/lib/storybook-utils/ComponentStatesTable.d.ts.map +1 -1
- package/dist/es6/common/lib/storybook-utils/permutateProps.d.ts.map +1 -1
- package/dist/es6/common/lib/storybook-utils/propTypes.js +1 -0
- package/dist/es6/common/lib/theming/useThemeRTL.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/useThemedRing.d.ts +1 -1
- package/dist/es6/common/lib/theming/useThemedRing.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/useThemedRing.js +5 -1
- package/dist/es6/common/lib/utils/other.d.ts +5 -0
- package/dist/es6/common/lib/utils/other.d.ts.map +1 -0
- package/dist/es6/common/lib/utils/other.js +15 -0
- package/dist/es6/common/lib/utils/types.js +1 -0
- package/dist/es6/drawer/lib/Drawer.js +1 -1
- package/dist/es6/drawer/lib/DrawerHeader.js +1 -1
- package/dist/es6/index.d.ts +0 -1
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +0 -1
- package/dist/es6/layout/lib/Flex.d.ts +1 -1
- package/dist/es6/layout/lib/Flex.d.ts.map +1 -1
- package/dist/es6/layout/lib/Stack.d.ts +8 -8
- package/dist/es6/layout/lib/Stack.d.ts.map +1 -1
- package/dist/es6/layout/lib/Stack.js +6 -6
- package/dist/es6/layout/lib/utils/types.js +1 -0
- package/dist/es6/search-form/lib/SearchForm.d.ts +3 -2
- package/dist/es6/search-form/lib/SearchForm.d.ts.map +1 -1
- package/dist/es6/search-form/lib/SearchForm.js +1 -1
- package/dist/es6/search-form/lib/themes.d.ts.map +1 -1
- package/index.ts +0 -1
- package/layout/lib/Stack.tsx +10 -26
- package/package.json +7 -7
- package/search-form/lib/SearchForm.tsx +3 -3
- package/search-form/lib/themes.ts +2 -1
- package/ts3.5/dist/commonjs/common/lib/Box.d.ts +3 -2
- package/ts3.5/dist/commonjs/common/lib/theming/useThemedRing.d.ts +1 -1
- package/ts3.5/dist/commonjs/common/lib/utils/other.d.ts +5 -0
- package/ts3.5/dist/commonjs/index.d.ts +0 -1
- package/ts3.5/dist/commonjs/layout/lib/Flex.d.ts +1 -1
- package/ts3.5/dist/commonjs/layout/lib/Stack.d.ts +8 -8
- package/ts3.5/dist/commonjs/search-form/lib/SearchForm.d.ts +3 -2
- package/ts3.5/dist/es6/common/lib/Box.d.ts +3 -2
- package/ts3.5/dist/es6/common/lib/theming/useThemedRing.d.ts +1 -1
- package/ts3.5/dist/es6/common/lib/utils/other.d.ts +5 -0
- package/ts3.5/dist/es6/index.d.ts +0 -1
- package/ts3.5/dist/es6/layout/lib/Flex.d.ts +1 -1
- package/ts3.5/dist/es6/layout/lib/Stack.d.ts +8 -8
- package/ts3.5/dist/es6/search-form/lib/SearchForm.d.ts +3 -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 -16
- 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 -74
- 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 -321
- 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 -105
- 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 -124
- 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 -6
- 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 -62
- 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 -19
- 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/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/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/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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {CSSObject} from '@emotion/
|
|
2
|
+
import {CSSObject} from '@emotion/styled';
|
|
3
3
|
import {colors, space, spaceNumbers} from '@workday/canvas-kit-react/tokens';
|
|
4
4
|
import {GrowthBehavior, styled, generateUniqueId} from '@workday/canvas-kit-react/common';
|
|
5
5
|
import {IconButton, IconButtonProps} from '@workday/canvas-kit-react/button';
|
|
@@ -8,7 +8,7 @@ import {FormField, FormFieldLabelPosition} from '@workday/canvas-kit-react/form-
|
|
|
8
8
|
import {Combobox} from '@workday/canvas-kit-labs-react/combobox';
|
|
9
9
|
import {TextInput} from '@workday/canvas-kit-react/text-input';
|
|
10
10
|
import {MenuItemProps} from '@workday/canvas-kit-preview-react/menu';
|
|
11
|
-
import {
|
|
11
|
+
import {searchThemes, SearchTheme, SearchThemeAttributes} from './themes';
|
|
12
12
|
import chroma from 'chroma-js';
|
|
13
13
|
|
|
14
14
|
export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
|
|
@@ -325,7 +325,7 @@ export class SearchForm extends React.Component<SearchFormProps, SearchFormState
|
|
|
325
325
|
if (this.props.isCollapsed && this.state.showForm) {
|
|
326
326
|
background = formCollapsedBackground;
|
|
327
327
|
}
|
|
328
|
-
const isDarkBackground = chroma(background).get('lab.l') < 70;
|
|
328
|
+
const isDarkBackground = chroma(background as string).get('lab.l') < 70;
|
|
329
329
|
return isDarkBackground ? 'inverse' : 'plain';
|
|
330
330
|
};
|
|
331
331
|
|
|
@@ -6,6 +6,7 @@ export enum SearchTheme {
|
|
|
6
6
|
Dark,
|
|
7
7
|
Transparent,
|
|
8
8
|
}
|
|
9
|
+
|
|
9
10
|
export interface SearchThemeAttributes {
|
|
10
11
|
background?: string;
|
|
11
12
|
backgroundFocus?: string;
|
|
@@ -40,7 +41,7 @@ export const searchThemes: SearchThemes = {
|
|
|
40
41
|
color: colors.blackPepper300,
|
|
41
42
|
placeholderColor: colors.licorice300,
|
|
42
43
|
boxShadow: 'none',
|
|
43
|
-
boxShadowFocus: focusRing().boxShadow,
|
|
44
|
+
boxShadowFocus: focusRing().boxShadow as SearchThemeAttributes['boxShadowFocus'],
|
|
44
45
|
},
|
|
45
46
|
[SearchTheme.Dark]: {
|
|
46
47
|
background: 'rgba(0, 0, 0, 0.2)',
|
|
@@ -4,9 +4,10 @@ import { ColorStyleProps } from './utils/color';
|
|
|
4
4
|
import { DepthStyleProps } from './utils/depth';
|
|
5
5
|
import { FlexItemStyleProps } from './utils/flexItem';
|
|
6
6
|
import { LayoutStyleProps } from './utils/layout';
|
|
7
|
+
import { OtherStyleProps } from './utils/other';
|
|
7
8
|
import { PositionStyleProps } from './utils/position';
|
|
8
9
|
import { SpaceStyleProps } from './utils/space';
|
|
9
|
-
export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & PositionStyleProps & SpaceStyleProps & {
|
|
10
|
+
export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & {
|
|
10
11
|
children?: React.ReactNode;
|
|
11
12
|
};
|
|
12
13
|
/**
|
|
@@ -26,5 +27,5 @@ export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStylePr
|
|
|
26
27
|
* );
|
|
27
28
|
*
|
|
28
29
|
*/
|
|
29
|
-
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 & import("./utils/position").PositionStandardProps & import("./utils/position").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
|
|
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>;
|
|
30
31
|
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -6,6 +6,6 @@ interface ContrastColors {
|
|
|
6
6
|
inner?: string;
|
|
7
7
|
}
|
|
8
8
|
export declare function getPaletteColors(type: paletteSelection, theme: EmotionCanvasTheme): ContrastColors;
|
|
9
|
-
export declare const useThemedRing: (type:
|
|
9
|
+
export declare const useThemedRing: (type: paletteSelection) => CSSProperties;
|
|
10
10
|
export {};
|
|
11
11
|
//# sourceMappingURL=useThemedRing.d.ts.map
|
|
@@ -22,5 +22,5 @@ export declare type FlexProps = BoxProps & FlexStyleProps;
|
|
|
22
22
|
* );
|
|
23
23
|
*
|
|
24
24
|
*/
|
|
25
|
-
export declare const Flex: 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/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & FlexStyleProps>;
|
|
25
|
+
export declare const Flex: 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 & FlexStyleProps>;
|
|
26
26
|
//# sourceMappingURL=Flex.d.ts.map
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { FlexProps } from './Flex';
|
|
2
2
|
import { StackStyleProps } from './utils/stack';
|
|
3
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/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/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
|
|
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
6
|
};
|
|
7
|
-
export
|
|
7
|
+
export interface HStackProps extends StackProps {
|
|
8
8
|
/**
|
|
9
9
|
* sets the direction for the stack
|
|
10
10
|
* @default "row"
|
|
11
11
|
* */
|
|
12
12
|
flexDirection?: 'row' | 'row-reverse';
|
|
13
|
-
}
|
|
13
|
+
}
|
|
14
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/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
|
|
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
16
|
};
|
|
17
|
-
export
|
|
17
|
+
export interface VStackProps extends StackProps {
|
|
18
18
|
/**
|
|
19
19
|
* sets the direction for the stack
|
|
20
20
|
* @default "column"
|
|
21
21
|
* */
|
|
22
22
|
flexDirection?: 'column' | 'column-reverse';
|
|
23
|
-
}
|
|
23
|
+
}
|
|
24
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/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
|
|
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
26
|
};
|
|
27
27
|
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { GrowthBehavior } from '@workday/canvas-kit-react/common';
|
|
3
|
+
import { IconButtonProps } from '@workday/canvas-kit-react/button';
|
|
3
4
|
import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
|
|
4
|
-
import {
|
|
5
|
+
import { SearchTheme, SearchThemeAttributes } from './themes';
|
|
5
6
|
export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
|
|
6
7
|
/**
|
|
7
8
|
* The function called when the SearchForm form is submitted. The current input value is passed to the callback function.
|
|
@@ -87,7 +88,7 @@ export declare class SearchForm extends React.Component<SearchFormProps, SearchF
|
|
|
87
88
|
state: Readonly<SearchFormState>;
|
|
88
89
|
private getTheme;
|
|
89
90
|
private getThemeColors;
|
|
90
|
-
getIconButtonType: () =>
|
|
91
|
+
getIconButtonType: () => IconButtonProps['variant'];
|
|
91
92
|
handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
|
|
92
93
|
openCollapsedSearch: () => void;
|
|
93
94
|
closeCollapsedSearch: () => void;
|
|
@@ -4,9 +4,10 @@ import { ColorStyleProps } from './utils/color';
|
|
|
4
4
|
import { DepthStyleProps } from './utils/depth';
|
|
5
5
|
import { FlexItemStyleProps } from './utils/flexItem';
|
|
6
6
|
import { LayoutStyleProps } from './utils/layout';
|
|
7
|
+
import { OtherStyleProps } from './utils/other';
|
|
7
8
|
import { PositionStyleProps } from './utils/position';
|
|
8
9
|
import { SpaceStyleProps } from './utils/space';
|
|
9
|
-
export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & PositionStyleProps & SpaceStyleProps & {
|
|
10
|
+
export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & {
|
|
10
11
|
children?: React.ReactNode;
|
|
11
12
|
};
|
|
12
13
|
/**
|
|
@@ -26,5 +27,5 @@ export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStylePr
|
|
|
26
27
|
* );
|
|
27
28
|
*
|
|
28
29
|
*/
|
|
29
|
-
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 & import("./utils/position").PositionStandardProps & import("./utils/position").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
|
|
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>;
|
|
30
31
|
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -6,6 +6,6 @@ interface ContrastColors {
|
|
|
6
6
|
inner?: string;
|
|
7
7
|
}
|
|
8
8
|
export declare function getPaletteColors(type: paletteSelection, theme: EmotionCanvasTheme): ContrastColors;
|
|
9
|
-
export declare const useThemedRing: (type:
|
|
9
|
+
export declare const useThemedRing: (type: paletteSelection) => CSSProperties;
|
|
10
10
|
export {};
|
|
11
11
|
//# sourceMappingURL=useThemedRing.d.ts.map
|
|
@@ -22,5 +22,5 @@ export declare type FlexProps = BoxProps & FlexStyleProps;
|
|
|
22
22
|
* );
|
|
23
23
|
*
|
|
24
24
|
*/
|
|
25
|
-
export declare const Flex: 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/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & FlexStyleProps>;
|
|
25
|
+
export declare const Flex: 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 & FlexStyleProps>;
|
|
26
26
|
//# sourceMappingURL=Flex.d.ts.map
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { FlexProps } from './Flex';
|
|
2
2
|
import { StackStyleProps } from './utils/stack';
|
|
3
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/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/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
|
|
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
6
|
};
|
|
7
|
-
export
|
|
7
|
+
export interface HStackProps extends StackProps {
|
|
8
8
|
/**
|
|
9
9
|
* sets the direction for the stack
|
|
10
10
|
* @default "row"
|
|
11
11
|
* */
|
|
12
12
|
flexDirection?: 'row' | 'row-reverse';
|
|
13
|
-
}
|
|
13
|
+
}
|
|
14
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/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
|
|
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
16
|
};
|
|
17
|
-
export
|
|
17
|
+
export interface VStackProps extends StackProps {
|
|
18
18
|
/**
|
|
19
19
|
* sets the direction for the stack
|
|
20
20
|
* @default "column"
|
|
21
21
|
* */
|
|
22
22
|
flexDirection?: 'column' | 'column-reverse';
|
|
23
|
-
}
|
|
23
|
+
}
|
|
24
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/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
|
|
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
26
|
};
|
|
27
27
|
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { GrowthBehavior } from '@workday/canvas-kit-react/common';
|
|
3
|
+
import { IconButtonProps } from '@workday/canvas-kit-react/button';
|
|
3
4
|
import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
|
|
4
|
-
import {
|
|
5
|
+
import { SearchTheme, SearchThemeAttributes } from './themes';
|
|
5
6
|
export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
|
|
6
7
|
/**
|
|
7
8
|
* The function called when the SearchForm form is submitted. The current input value is passed to the callback function.
|
|
@@ -87,7 +88,7 @@ export declare class SearchForm extends React.Component<SearchFormProps, SearchF
|
|
|
87
88
|
state: Readonly<SearchFormState>;
|
|
88
89
|
private getTheme;
|
|
89
90
|
private getThemeColors;
|
|
90
|
-
getIconButtonType: () =>
|
|
91
|
+
getIconButtonType: () => IconButtonProps['variant'];
|
|
91
92
|
handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
|
|
92
93
|
openCollapsedSearch: () => void;
|
|
93
94
|
closeCollapsedSearch: () => void;
|
|
@@ -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,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
function __export(m) {
|
|
3
|
-
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
|
|
4
|
-
}
|
|
5
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
6
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
7
|
-
};
|
|
8
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
-
var Header_1 = __importDefault(require("./lib/Header"));
|
|
10
|
-
exports.DeprecatedHeader = Header_1.default;
|
|
11
|
-
var GlobalHeader_1 = __importDefault(require("./lib/GlobalHeader"));
|
|
12
|
-
exports.DeprecatedGlobalHeader = GlobalHeader_1.default;
|
|
13
|
-
exports.default = Header_1.default;
|
|
14
|
-
__export(require("./lib/parts"));
|
|
15
|
-
__export(require("./lib/shared/themes"));
|
|
16
|
-
__export(require("./lib/shared/types"));
|
|
@@ -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,74 +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 (b.hasOwnProperty(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 __rest = (this && this.__rest) || function (s, e) {
|
|
27
|
-
var t = {};
|
|
28
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
29
|
-
t[p] = s[p];
|
|
30
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
31
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
32
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
33
|
-
t[p[i]] = s[p[i]];
|
|
34
|
-
}
|
|
35
|
-
return t;
|
|
36
|
-
};
|
|
37
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
38
|
-
if (mod && mod.__esModule) return mod;
|
|
39
|
-
var result = {};
|
|
40
|
-
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
|
|
41
|
-
result["default"] = mod;
|
|
42
|
-
return result;
|
|
43
|
-
};
|
|
44
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
45
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
46
|
-
};
|
|
47
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
-
var React = __importStar(require("react"));
|
|
49
|
-
var Header_1 = __importDefault(require("./Header"));
|
|
50
|
-
var types_1 = require("./shared/types");
|
|
51
|
-
var parts_1 = require("./parts");
|
|
52
|
-
/**
|
|
53
|
-
* ### Deprecated Global Header
|
|
54
|
-
*
|
|
55
|
-
* As of Canvas Kit v6, this component is being soft-deprecated.
|
|
56
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
57
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
58
|
-
* for more information.
|
|
59
|
-
*/
|
|
60
|
-
var DeprecatedGlobalHeader = /** @class */ (function (_super) {
|
|
61
|
-
__extends(DeprecatedGlobalHeader, _super);
|
|
62
|
-
function DeprecatedGlobalHeader() {
|
|
63
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
64
|
-
}
|
|
65
|
-
DeprecatedGlobalHeader.prototype.componentDidMount = function () {
|
|
66
|
-
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 ");
|
|
67
|
-
};
|
|
68
|
-
DeprecatedGlobalHeader.prototype.render = function () {
|
|
69
|
-
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"]);
|
|
70
|
-
return (React.createElement(Header_1.default, __assign({ brand: brand, menuToggle: menuToggle, leftSlot: leftSlot, onMenuClick: onMenuClick, variant: types_1.DeprecatedHeaderVariant.Global, isCollapsed: isCollapsed }, elemProps), children));
|
|
71
|
-
};
|
|
72
|
-
return DeprecatedGlobalHeader;
|
|
73
|
-
}(React.Component));
|
|
74
|
-
exports.default = DeprecatedGlobalHeader;
|
|
@@ -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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../header/lib/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,gBAAgB,CAAC;AAMxB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA4ND;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAClE,MAAM,CAAC,KAAK,+BAAyB;IACrC,MAAM,CAAC,OAAO,iCAA2B;IAEzC,iBAAiB;IASjB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,cAAc;IAwDtB,MAAM;CA0DP"}
|