@workday/canvas-kit-labs-react 5.3.0 → 5.3.4
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/common/lib/theming/index.ts +0 -1
- package/dist/commonjs/common/lib/theming/index.d.ts +0 -1
- package/dist/commonjs/common/lib/theming/index.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/index.js +0 -1
- package/dist/commonjs/header/index.d.ts +5 -5
- package/dist/commonjs/header/index.d.ts.map +1 -1
- package/dist/commonjs/header/index.js +2 -2
- package/dist/commonjs/header/lib/GlobalHeader.d.ts +2 -11
- package/dist/commonjs/header/lib/GlobalHeader.d.ts.map +1 -1
- package/dist/commonjs/header/lib/GlobalHeader.js +8 -19
- package/dist/commonjs/header/lib/Header.d.ts +8 -17
- package/dist/commonjs/header/lib/Header.d.ts.map +1 -1
- package/dist/commonjs/header/lib/Header.js +14 -27
- package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +4 -13
- package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts.map +1 -1
- package/dist/commonjs/header/lib/parts/DubLogoTitle.js +11 -22
- package/dist/commonjs/{search-form/lib/SearchForm.d.ts → header/lib/parts/SearchBar.d.ts} +23 -22
- package/dist/commonjs/header/lib/parts/SearchBar.d.ts.map +1 -0
- package/dist/commonjs/{search-form/lib/SearchForm.js → header/lib/parts/SearchBar.js} +14 -13
- package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +5 -14
- package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts.map +1 -1
- package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.js +12 -25
- package/dist/commonjs/header/lib/parts/index.d.ts +3 -2
- package/dist/commonjs/header/lib/parts/index.d.ts.map +1 -1
- package/dist/commonjs/header/lib/parts/index.js +4 -2
- package/dist/commonjs/header/lib/shared/themes.d.ts +19 -28
- package/dist/commonjs/header/lib/shared/themes.d.ts.map +1 -1
- package/dist/commonjs/header/lib/shared/themes.js +36 -13
- package/dist/commonjs/header/lib/shared/types.d.ts +8 -3
- package/dist/commonjs/header/lib/shared/types.d.ts.map +1 -1
- package/dist/commonjs/header/lib/shared/types.js +23 -17
- 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/layout/lib/utils/getValidChildren.d.ts +1 -1
- package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/index.d.ts +0 -1
- package/dist/es6/common/lib/theming/index.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/index.js +0 -1
- package/dist/es6/header/index.d.ts +5 -5
- package/dist/es6/header/index.d.ts.map +1 -1
- package/dist/es6/header/index.js +5 -5
- package/dist/es6/header/lib/GlobalHeader.d.ts +2 -11
- package/dist/es6/header/lib/GlobalHeader.d.ts.map +1 -1
- package/dist/es6/header/lib/GlobalHeader.js +11 -22
- package/dist/es6/header/lib/Header.d.ts +8 -17
- package/dist/es6/header/lib/Header.d.ts.map +1 -1
- package/dist/es6/header/lib/Header.js +17 -30
- package/dist/es6/header/lib/parts/DubLogoTitle.d.ts +4 -13
- package/dist/es6/header/lib/parts/DubLogoTitle.d.ts.map +1 -1
- package/dist/es6/header/lib/parts/DubLogoTitle.js +12 -23
- package/dist/es6/{search-form/lib/SearchForm.d.ts → header/lib/parts/SearchBar.d.ts} +23 -22
- package/dist/es6/header/lib/parts/SearchBar.d.ts.map +1 -0
- package/dist/es6/{search-form/lib/SearchForm.js → header/lib/parts/SearchBar.js} +12 -11
- package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +5 -14
- package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts.map +1 -1
- package/dist/es6/header/lib/parts/WorkdayLogoTitle.js +13 -26
- package/dist/es6/header/lib/parts/index.d.ts +3 -2
- package/dist/es6/header/lib/parts/index.d.ts.map +1 -1
- package/dist/es6/header/lib/parts/index.js +3 -2
- package/dist/es6/header/lib/shared/themes.d.ts +19 -28
- package/dist/es6/header/lib/shared/themes.d.ts.map +1 -1
- package/dist/es6/header/lib/shared/themes.js +37 -14
- package/dist/es6/header/lib/shared/types.d.ts +8 -3
- package/dist/es6/header/lib/shared/types.d.ts.map +1 -1
- package/dist/es6/header/lib/shared/types.js +23 -17
- 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/layout/lib/utils/getValidChildren.d.ts +1 -1
- package/dist/es6/layout/lib/utils/getValidChildren.d.ts.map +1 -1
- package/header/README.md +181 -37
- package/header/index.ts +5 -5
- package/header/lib/GlobalHeader.tsx +9 -26
- package/header/lib/Header.tsx +26 -58
- package/header/lib/parts/DubLogoTitle.tsx +9 -26
- package/{search-form/lib/SearchForm.tsx → header/lib/parts/SearchBar.tsx} +31 -30
- package/header/lib/parts/WorkdayLogoTitle.tsx +11 -40
- package/header/lib/parts/index.ts +3 -2
- package/header/lib/shared/themes.tsx +56 -32
- package/header/lib/shared/types.tsx +9 -3
- package/index.ts +0 -2
- package/package.json +5 -7
- package/ts3.5/dist/commonjs/common/lib/theming/index.d.ts +0 -1
- package/ts3.5/dist/commonjs/header/index.d.ts +5 -5
- package/ts3.5/dist/commonjs/header/lib/GlobalHeader.d.ts +2 -11
- package/ts3.5/dist/commonjs/header/lib/Header.d.ts +8 -17
- package/ts3.5/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +4 -13
- package/ts3.5/dist/{es6/search-form/lib/SearchForm.d.ts → commonjs/header/lib/parts/SearchBar.d.ts} +23 -22
- package/ts3.5/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +5 -14
- package/ts3.5/dist/commonjs/header/lib/parts/index.d.ts +3 -2
- package/ts3.5/dist/commonjs/header/lib/shared/themes.d.ts +19 -28
- package/ts3.5/dist/commonjs/header/lib/shared/types.d.ts +8 -3
- package/ts3.5/dist/commonjs/index.d.ts +0 -2
- package/ts3.5/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +1 -1
- package/ts3.5/dist/es6/common/lib/theming/index.d.ts +0 -1
- package/ts3.5/dist/es6/header/index.d.ts +5 -5
- package/ts3.5/dist/es6/header/lib/GlobalHeader.d.ts +2 -11
- package/ts3.5/dist/es6/header/lib/Header.d.ts +8 -17
- package/ts3.5/dist/es6/header/lib/parts/DubLogoTitle.d.ts +4 -13
- package/ts3.5/dist/{commonjs/search-form/lib/SearchForm.d.ts → es6/header/lib/parts/SearchBar.d.ts} +23 -22
- package/ts3.5/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +5 -14
- package/ts3.5/dist/es6/header/lib/parts/index.d.ts +3 -2
- package/ts3.5/dist/es6/header/lib/shared/themes.d.ts +19 -28
- package/ts3.5/dist/es6/header/lib/shared/types.d.ts +8 -3
- package/ts3.5/dist/es6/index.d.ts +0 -2
- package/ts3.5/dist/es6/layout/lib/utils/getValidChildren.d.ts +1 -1
- package/common/lib/theming/useThemedRing.ts +0 -84
- package/dist/commonjs/common/lib/theming/useThemedRing.d.ts +0 -11
- package/dist/commonjs/common/lib/theming/useThemedRing.d.ts.map +0 -1
- package/dist/commonjs/common/lib/theming/useThemedRing.js +0 -61
- package/dist/commonjs/search-form/index.d.ts +0 -3
- package/dist/commonjs/search-form/index.d.ts.map +0 -1
- package/dist/commonjs/search-form/index.js +0 -7
- package/dist/commonjs/search-form/lib/SearchForm.d.ts.map +0 -1
- package/dist/commonjs/search-form/lib/themes.d.ts +0 -21
- package/dist/commonjs/search-form/lib/themes.d.ts.map +0 -1
- package/dist/commonjs/search-form/lib/themes.js +0 -41
- package/dist/commonjs/text-input/index.d.ts +0 -7
- package/dist/commonjs/text-input/index.d.ts.map +0 -1
- package/dist/commonjs/text-input/index.js +0 -11
- package/dist/commonjs/text-input/lib/TextInput.d.ts +0 -21
- package/dist/commonjs/text-input/lib/TextInput.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/TextInput.js +0 -36
- package/dist/commonjs/text-input/lib/TextInputField.d.ts +0 -8
- package/dist/commonjs/text-input/lib/TextInputField.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/TextInputField.js +0 -66
- package/dist/commonjs/text-input/lib/TextInputHint.d.ts +0 -13
- package/dist/commonjs/text-input/lib/TextInputHint.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/TextInputHint.js +0 -46
- package/dist/commonjs/text-input/lib/TextInputLabel.d.ts +0 -17
- package/dist/commonjs/text-input/lib/TextInputLabel.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/TextInputLabel.js +0 -54
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +0 -19
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.js +0 -16
- package/dist/commonjs/text-input/lib/hooks/useTextInputHint.d.ts +0 -15
- package/dist/commonjs/text-input/lib/hooks/useTextInputHint.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputHint.js +0 -12
- package/dist/commonjs/text-input/lib/hooks/useTextInputLabel.d.ts +0 -15
- package/dist/commonjs/text-input/lib/hooks/useTextInputLabel.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputLabel.js +0 -12
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +0 -17
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.js +0 -23
- package/dist/es6/common/lib/theming/useThemedRing.d.ts +0 -11
- package/dist/es6/common/lib/theming/useThemedRing.d.ts.map +0 -1
- package/dist/es6/common/lib/theming/useThemedRing.js +0 -55
- package/dist/es6/search-form/index.d.ts +0 -3
- package/dist/es6/search-form/index.d.ts.map +0 -1
- package/dist/es6/search-form/index.js +0 -2
- package/dist/es6/search-form/lib/SearchForm.d.ts.map +0 -1
- package/dist/es6/search-form/lib/themes.d.ts +0 -21
- package/dist/es6/search-form/lib/themes.d.ts.map +0 -1
- package/dist/es6/search-form/lib/themes.js +0 -39
- package/dist/es6/text-input/index.d.ts +0 -7
- package/dist/es6/text-input/index.d.ts.map +0 -1
- package/dist/es6/text-input/index.js +0 -6
- package/dist/es6/text-input/lib/TextInput.d.ts +0 -21
- package/dist/es6/text-input/lib/TextInput.d.ts.map +0 -1
- package/dist/es6/text-input/lib/TextInput.js +0 -31
- package/dist/es6/text-input/lib/TextInputField.d.ts +0 -8
- package/dist/es6/text-input/lib/TextInputField.d.ts.map +0 -1
- package/dist/es6/text-input/lib/TextInputField.js +0 -64
- package/dist/es6/text-input/lib/TextInputHint.d.ts +0 -13
- package/dist/es6/text-input/lib/TextInputHint.d.ts.map +0 -1
- package/dist/es6/text-input/lib/TextInputHint.js +0 -44
- package/dist/es6/text-input/lib/TextInputLabel.d.ts +0 -17
- package/dist/es6/text-input/lib/TextInputLabel.d.ts.map +0 -1
- package/dist/es6/text-input/lib/TextInputLabel.js +0 -52
- package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +0 -19
- package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts.map +0 -1
- package/dist/es6/text-input/lib/hooks/useTextInputField.js +0 -14
- package/dist/es6/text-input/lib/hooks/useTextInputHint.d.ts +0 -15
- package/dist/es6/text-input/lib/hooks/useTextInputHint.d.ts.map +0 -1
- package/dist/es6/text-input/lib/hooks/useTextInputHint.js +0 -10
- package/dist/es6/text-input/lib/hooks/useTextInputLabel.d.ts +0 -15
- package/dist/es6/text-input/lib/hooks/useTextInputLabel.d.ts.map +0 -1
- package/dist/es6/text-input/lib/hooks/useTextInputLabel.js +0 -10
- package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +0 -17
- package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts.map +0 -1
- package/dist/es6/text-input/lib/hooks/useTextInputModel.js +0 -21
- package/search-form/LICENSE +0 -52
- package/search-form/README.md +0 -6
- package/search-form/index.ts +0 -2
- package/search-form/lib/themes.ts +0 -54
- package/search-form/package.json +0 -5
- package/text-input/LICENSE +0 -52
- package/text-input/README.md +0 -11
- package/text-input/index.ts +0 -6
- package/text-input/lib/TextInput.tsx +0 -34
- package/text-input/lib/TextInputField.tsx +0 -75
- package/text-input/lib/TextInputHint.tsx +0 -52
- package/text-input/lib/TextInputLabel.tsx +0 -74
- package/text-input/lib/hooks/useTextInputField.tsx +0 -15
- package/text-input/lib/hooks/useTextInputHint.tsx +0 -11
- package/text-input/lib/hooks/useTextInputLabel.tsx +0 -11
- package/text-input/lib/hooks/useTextInputModel.tsx +0 -45
- package/text-input/package.json +0 -5
- package/ts3.5/dist/commonjs/common/lib/theming/useThemedRing.d.ts +0 -11
- package/ts3.5/dist/commonjs/search-form/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/search-form/lib/themes.d.ts +0 -21
- package/ts3.5/dist/commonjs/text-input/index.d.ts +0 -7
- package/ts3.5/dist/commonjs/text-input/lib/TextInput.d.ts +0 -21
- package/ts3.5/dist/commonjs/text-input/lib/TextInputField.d.ts +0 -8
- package/ts3.5/dist/commonjs/text-input/lib/TextInputHint.d.ts +0 -13
- package/ts3.5/dist/commonjs/text-input/lib/TextInputLabel.d.ts +0 -17
- package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +0 -19
- package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputHint.d.ts +0 -15
- package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputLabel.d.ts +0 -15
- package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +0 -17
- package/ts3.5/dist/es6/common/lib/theming/useThemedRing.d.ts +0 -11
- package/ts3.5/dist/es6/search-form/index.d.ts +0 -3
- package/ts3.5/dist/es6/search-form/lib/themes.d.ts +0 -21
- package/ts3.5/dist/es6/text-input/index.d.ts +0 -7
- package/ts3.5/dist/es6/text-input/lib/TextInput.d.ts +0 -21
- package/ts3.5/dist/es6/text-input/lib/TextInputField.d.ts +0 -8
- package/ts3.5/dist/es6/text-input/lib/TextInputHint.d.ts +0 -13
- package/ts3.5/dist/es6/text-input/lib/TextInputLabel.d.ts +0 -17
- package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +0 -19
- package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputHint.d.ts +0 -15
- package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputLabel.d.ts +0 -15
- package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +0 -17
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { HeaderTheme, HeaderVariant } from '../shared/types';
|
|
3
3
|
export declare type WorkdayLogoTitleProps = {
|
|
4
4
|
/**
|
|
5
5
|
* The theme of the WorkdayLogoTitle. Accepts `White`, `Blue`, or `Transparent`.
|
|
6
|
-
* @default
|
|
6
|
+
* @default HeaderTheme.White
|
|
7
7
|
*/
|
|
8
|
-
themeColor?:
|
|
8
|
+
themeColor?: HeaderTheme;
|
|
9
9
|
/**
|
|
10
10
|
* The text of the WorkdayLogoTitle. Not used if `brand` is provided.
|
|
11
11
|
* @default ''
|
|
@@ -14,18 +14,9 @@ export declare type WorkdayLogoTitleProps = {
|
|
|
14
14
|
/**
|
|
15
15
|
* The variant of the WorkdayLogoTitle.
|
|
16
16
|
*/
|
|
17
|
-
variant?:
|
|
17
|
+
variant?: HeaderVariant;
|
|
18
18
|
};
|
|
19
|
-
|
|
20
|
-
* ### Deprecated Workday Logo Title
|
|
21
|
-
*
|
|
22
|
-
* As of Canvas Kit v6, this component is being soft-deprecated.
|
|
23
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
24
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
25
|
-
* for more information.
|
|
26
|
-
*/
|
|
27
|
-
export declare class DeprecatedWorkdayLogoTitle extends React.Component<WorkdayLogoTitleProps> {
|
|
28
|
-
componentDidMount(): void;
|
|
19
|
+
export declare class WorkdayLogoTitle extends React.Component<WorkdayLogoTitleProps> {
|
|
29
20
|
render(): JSX.Element;
|
|
30
21
|
}
|
|
31
22
|
//# sourceMappingURL=WorkdayLogoTitle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WorkdayLogoTitle.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/WorkdayLogoTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,
|
|
1
|
+
{"version":3,"file":"WorkdayLogoTitle.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/WorkdayLogoTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,WAAW,EAAE,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAKzE,oBAAY,qBAAqB,GAAG;IAClC;;;OAGG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AA6CF,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC;IACnE,MAAM;CAsBd"}
|
|
@@ -61,9 +61,7 @@ var Lockup = styled_1.default('div')({
|
|
|
61
61
|
}, function (_a) {
|
|
62
62
|
var variant = _a.variant;
|
|
63
63
|
return ({
|
|
64
|
-
height: variant === types_1.
|
|
65
|
-
? types_1.DeprecatedHeaderHeight.Small
|
|
66
|
-
: types_1.DeprecatedHeaderHeight.Large,
|
|
64
|
+
height: variant === types_1.HeaderVariant.Global ? types_1.HeaderHeight.Small : types_1.HeaderHeight.Large,
|
|
67
65
|
});
|
|
68
66
|
});
|
|
69
67
|
var Title = styled_1.default('h3')({
|
|
@@ -78,8 +76,8 @@ var Title = styled_1.default('h3')({
|
|
|
78
76
|
}, function (_a) {
|
|
79
77
|
var themeColor = _a.themeColor;
|
|
80
78
|
return ({
|
|
81
|
-
color: themeColor === types_1.
|
|
82
|
-
borderLeft: "1px solid " + (themeColor === types_1.
|
|
79
|
+
color: themeColor === types_1.HeaderTheme.White ? tokens_1.colors.blueberry500 : tokens_1.colors.frenchVanilla100,
|
|
80
|
+
borderLeft: "1px solid " + (themeColor === types_1.HeaderTheme.White
|
|
83
81
|
? tokens_1.colors.soap400
|
|
84
82
|
: chroma_js_1.default(tokens_1.colors.soap400)
|
|
85
83
|
.alpha(0.4)
|
|
@@ -90,35 +88,24 @@ var WorkdayLogo = styled_1.default('span')({
|
|
|
90
88
|
paddingLeft: tokens_1.space.m,
|
|
91
89
|
lineHeight: 0,
|
|
92
90
|
});
|
|
93
|
-
/**
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
* As of Canvas Kit v6, this component is being soft-deprecated.
|
|
97
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
98
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
99
|
-
* for more information.
|
|
100
|
-
*/
|
|
101
|
-
var DeprecatedWorkdayLogoTitle = /** @class */ (function (_super) {
|
|
102
|
-
__extends(DeprecatedWorkdayLogoTitle, _super);
|
|
103
|
-
function DeprecatedWorkdayLogoTitle() {
|
|
91
|
+
var WorkdayLogoTitle = /** @class */ (function (_super) {
|
|
92
|
+
__extends(WorkdayLogoTitle, _super);
|
|
93
|
+
function WorkdayLogoTitle() {
|
|
104
94
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
105
95
|
}
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
};
|
|
109
|
-
DeprecatedWorkdayLogoTitle.prototype.render = function () {
|
|
110
|
-
var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? types_1.DeprecatedHeaderTheme.White : _b, _c = _a.title, title = _c === void 0 ? '' : _c, variant = _a.variant, elemProps = __rest(_a, ["themeColor", "title", "variant"]);
|
|
96
|
+
WorkdayLogoTitle.prototype.render = function () {
|
|
97
|
+
var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? types_1.HeaderTheme.White : _b, _c = _a.title, title = _c === void 0 ? '' : _c, variant = _a.variant, elemProps = __rest(_a, ["themeColor", "title", "variant"]);
|
|
111
98
|
return (React.createElement(LockupContainer, null,
|
|
112
99
|
React.createElement(Lockup, __assign({}, this.props, elemProps),
|
|
113
100
|
React.createElement(WorkdayLogo, __assign({}, this.props, { dangerouslySetInnerHTML: {
|
|
114
|
-
__html: themeColor === types_1.
|
|
115
|
-
? variant === types_1.
|
|
101
|
+
__html: themeColor === types_1.HeaderTheme.White
|
|
102
|
+
? variant === types_1.HeaderVariant.Global
|
|
116
103
|
? common_1.miniWdayLogoBlue
|
|
117
104
|
: common_1.wdayLogoBlue
|
|
118
105
|
: common_1.wdayLogoWhite,
|
|
119
106
|
} })),
|
|
120
107
|
title && React.createElement(Title, __assign({}, this.props), title))));
|
|
121
108
|
};
|
|
122
|
-
return
|
|
109
|
+
return WorkdayLogoTitle;
|
|
123
110
|
}(React.Component));
|
|
124
|
-
exports.
|
|
111
|
+
exports.WorkdayLogoTitle = WorkdayLogoTitle;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
1
|
+
export { DubLogoTitle } from './DubLogoTitle';
|
|
2
|
+
export { SearchBar, SearchBarProps } from './SearchBar';
|
|
3
|
+
export { WorkdayLogoTitle } from './WorkdayLogoTitle';
|
|
3
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,SAAS,EAAE,cAAc,EAAC,MAAM,aAAa,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var DubLogoTitle_1 = require("./DubLogoTitle");
|
|
4
|
-
exports.
|
|
4
|
+
exports.DubLogoTitle = DubLogoTitle_1.DubLogoTitle;
|
|
5
|
+
var SearchBar_1 = require("./SearchBar");
|
|
6
|
+
exports.SearchBar = SearchBar_1.SearchBar;
|
|
5
7
|
var WorkdayLogoTitle_1 = require("./WorkdayLogoTitle");
|
|
6
|
-
exports.
|
|
8
|
+
exports.WorkdayLogoTitle = WorkdayLogoTitle_1.WorkdayLogoTitle;
|
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
import { CSSProperties } from '@workday/canvas-kit-react/tokens';
|
|
2
|
-
|
|
3
|
-
* ### Deprecated Header Theme Attributes Interface
|
|
4
|
-
*
|
|
5
|
-
* As of Canvas Kit v6, this type interface is being soft-deprecated along with the rest of the labs/header package.
|
|
6
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
7
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
8
|
-
* for more information.
|
|
9
|
-
*/
|
|
10
|
-
export interface DeprecatedHeaderThemeAttributes {
|
|
2
|
+
export interface ThemeAttributes {
|
|
11
3
|
color: string;
|
|
12
4
|
background: string;
|
|
13
5
|
depth: CSSProperties;
|
|
@@ -20,24 +12,23 @@ export interface DeprecatedHeaderThemeAttributes {
|
|
|
20
12
|
currentLinkColor: string;
|
|
21
13
|
chipColor: string;
|
|
22
14
|
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
*
|
|
26
|
-
* As of Canvas Kit v6, this type interface is being soft-deprecated along with the rest of the labs/header package.
|
|
27
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
28
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
29
|
-
* for more information.
|
|
30
|
-
*/
|
|
31
|
-
export interface DeprecatedHeaderThemes {
|
|
32
|
-
[key: string]: DeprecatedHeaderThemeAttributes;
|
|
15
|
+
export interface Themes {
|
|
16
|
+
[key: string]: ThemeAttributes;
|
|
33
17
|
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
18
|
+
export declare const themes: Themes;
|
|
19
|
+
export interface SearchThemeAttributes {
|
|
20
|
+
background?: string;
|
|
21
|
+
backgroundFocus?: string;
|
|
22
|
+
backgroundHover?: string;
|
|
23
|
+
color?: string;
|
|
24
|
+
colorFocus?: string;
|
|
25
|
+
placeholderColor?: string;
|
|
26
|
+
placeholderColorFocus?: string;
|
|
27
|
+
boxShadow?: string | string[];
|
|
28
|
+
boxShadowFocus?: string | string[];
|
|
29
|
+
}
|
|
30
|
+
export interface SearchThemes {
|
|
31
|
+
[key: string]: SearchThemeAttributes;
|
|
32
|
+
}
|
|
33
|
+
export declare const searchThemes: SearchThemes;
|
|
43
34
|
//# sourceMappingURL=themes.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../../header/lib/shared/themes.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../../header/lib/shared/themes.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,aAAa,EACd,MAAM,kCAAkC,CAAC;AAI1C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,MAAM;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAC;CAChC;AAED,eAAO,MAAM,MAAM,EAAE,MA4CpB,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAC;CACtC;AAED,eAAO,MAAM,YAAY,EAAE,YA6B1B,CAAC"}
|
|
@@ -2,21 +2,14 @@
|
|
|
2
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
|
-
var _a;
|
|
5
|
+
var _a, _b;
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
var common_1 = require("@workday/canvas-kit-react/common");
|
|
7
8
|
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
8
9
|
var chroma_js_1 = __importDefault(require("chroma-js"));
|
|
9
10
|
var types_1 = require("./types");
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
*
|
|
13
|
-
* As of Canvas Kit v6, this theme object is being soft-deprecated along with the rest of the labs/header package.
|
|
14
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
15
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
16
|
-
* for more information.
|
|
17
|
-
*/
|
|
18
|
-
exports.deprecatedHeaderThemes = (_a = {},
|
|
19
|
-
_a[types_1.DeprecatedHeaderTheme.White] = {
|
|
11
|
+
exports.themes = (_a = {},
|
|
12
|
+
_a[types_1.HeaderTheme.White] = {
|
|
20
13
|
color: tokens_1.colors.blackPepper400,
|
|
21
14
|
background: tokens_1.colors.frenchVanilla100,
|
|
22
15
|
depth: tokens_1.depth['1'],
|
|
@@ -29,7 +22,7 @@ exports.deprecatedHeaderThemes = (_a = {},
|
|
|
29
22
|
currentLinkColor: tokens_1.colors.blueberry500,
|
|
30
23
|
chipColor: tokens_1.colors.blueberry400,
|
|
31
24
|
},
|
|
32
|
-
_a[types_1.
|
|
25
|
+
_a[types_1.HeaderTheme.Blue] = {
|
|
33
26
|
color: tokens_1.colors.frenchVanilla100,
|
|
34
27
|
background: tokens_1.gradients.blueberry,
|
|
35
28
|
depth: tokens_1.depth['3'],
|
|
@@ -44,7 +37,7 @@ exports.deprecatedHeaderThemes = (_a = {},
|
|
|
44
37
|
currentLinkColor: tokens_1.colors.frenchVanilla100,
|
|
45
38
|
chipColor: tokens_1.colors.frenchVanilla100,
|
|
46
39
|
},
|
|
47
|
-
_a[types_1.
|
|
40
|
+
_a[types_1.HeaderTheme.Transparent] = {
|
|
48
41
|
color: tokens_1.colors.frenchVanilla100,
|
|
49
42
|
background: 'transparent',
|
|
50
43
|
depth: { boxShadow: 'none' },
|
|
@@ -60,3 +53,33 @@ exports.deprecatedHeaderThemes = (_a = {},
|
|
|
60
53
|
chipColor: tokens_1.colors.frenchVanilla100,
|
|
61
54
|
},
|
|
62
55
|
_a);
|
|
56
|
+
exports.searchThemes = (_b = {},
|
|
57
|
+
_b[types_1.SearchTheme.Transparent] = {
|
|
58
|
+
background: 'rgba(0, 0, 0, 0)',
|
|
59
|
+
backgroundFocus: 'rgba(0, 0, 0, 0)',
|
|
60
|
+
color: tokens_1.colors.blackPepper300,
|
|
61
|
+
colorFocus: tokens_1.colors.blackPepper300,
|
|
62
|
+
placeholderColor: tokens_1.colors.licorice300,
|
|
63
|
+
placeholderColorFocus: tokens_1.colors.licorice300,
|
|
64
|
+
boxShadow: 'none',
|
|
65
|
+
boxShadowFocus: 'none',
|
|
66
|
+
},
|
|
67
|
+
_b[types_1.SearchTheme.Light] = {
|
|
68
|
+
background: tokens_1.colors.soap200,
|
|
69
|
+
backgroundFocus: tokens_1.colors.soap200,
|
|
70
|
+
backgroundHover: tokens_1.colors.soap300,
|
|
71
|
+
color: tokens_1.colors.blackPepper300,
|
|
72
|
+
placeholderColor: tokens_1.colors.licorice300,
|
|
73
|
+
boxShadow: 'none',
|
|
74
|
+
boxShadowFocus: common_1.focusRing().boxShadow,
|
|
75
|
+
},
|
|
76
|
+
_b[types_1.SearchTheme.Dark] = {
|
|
77
|
+
background: 'rgba(0, 0, 0, 0.2)',
|
|
78
|
+
backgroundFocus: tokens_1.colors.frenchVanilla100,
|
|
79
|
+
color: tokens_1.colors.frenchVanilla100,
|
|
80
|
+
colorFocus: tokens_1.colors.blackPepper300,
|
|
81
|
+
placeholderColor: tokens_1.colors.frenchVanilla100,
|
|
82
|
+
placeholderColorFocus: tokens_1.colors.licorice300,
|
|
83
|
+
boxShadow: 'none',
|
|
84
|
+
},
|
|
85
|
+
_b);
|
|
@@ -1,15 +1,20 @@
|
|
|
1
|
-
export declare enum
|
|
1
|
+
export declare enum HeaderTheme {
|
|
2
2
|
White = 0,
|
|
3
3
|
Blue = 1,
|
|
4
4
|
Transparent = 2
|
|
5
5
|
}
|
|
6
|
-
export declare enum
|
|
6
|
+
export declare enum HeaderVariant {
|
|
7
7
|
Dub = 0,
|
|
8
8
|
Full = 1,
|
|
9
9
|
Global = 2
|
|
10
10
|
}
|
|
11
|
-
export declare enum
|
|
11
|
+
export declare enum HeaderHeight {
|
|
12
12
|
Small = "64px",
|
|
13
13
|
Large = "80px"
|
|
14
14
|
}
|
|
15
|
+
export declare enum SearchTheme {
|
|
16
|
+
Light = 0,
|
|
17
|
+
Dark = 1,
|
|
18
|
+
Transparent = 2
|
|
19
|
+
}
|
|
15
20
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../header/lib/shared/types.tsx"],"names":[],"mappings":"AAAA,oBAAY,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../header/lib/shared/types.tsx"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,KAAK,IAAA;IACL,IAAI,IAAA;IACJ,WAAW,IAAA;CACZ;AAED,oBAAY,aAAa;IACvB,GAAG,IAAA;IACH,IAAI,IAAA;IACJ,MAAM,IAAA;CACP;AAED,oBAAY,YAAY;IACtB,KAAK,SAAS;IACd,KAAK,SAAS;CACf;AAED,oBAAY,WAAW;IACrB,KAAK,IAAA;IACL,IAAI,IAAA;IACJ,WAAW,IAAA;CACZ"}
|
|
@@ -1,19 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var
|
|
4
|
-
(function (
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
})(
|
|
9
|
-
var
|
|
10
|
-
(function (
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
})(
|
|
15
|
-
var
|
|
16
|
-
(function (
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
})(
|
|
3
|
+
var HeaderTheme;
|
|
4
|
+
(function (HeaderTheme) {
|
|
5
|
+
HeaderTheme[HeaderTheme["White"] = 0] = "White";
|
|
6
|
+
HeaderTheme[HeaderTheme["Blue"] = 1] = "Blue";
|
|
7
|
+
HeaderTheme[HeaderTheme["Transparent"] = 2] = "Transparent";
|
|
8
|
+
})(HeaderTheme = exports.HeaderTheme || (exports.HeaderTheme = {}));
|
|
9
|
+
var HeaderVariant;
|
|
10
|
+
(function (HeaderVariant) {
|
|
11
|
+
HeaderVariant[HeaderVariant["Dub"] = 0] = "Dub";
|
|
12
|
+
HeaderVariant[HeaderVariant["Full"] = 1] = "Full";
|
|
13
|
+
HeaderVariant[HeaderVariant["Global"] = 2] = "Global";
|
|
14
|
+
})(HeaderVariant = exports.HeaderVariant || (exports.HeaderVariant = {}));
|
|
15
|
+
var HeaderHeight;
|
|
16
|
+
(function (HeaderHeight) {
|
|
17
|
+
HeaderHeight["Small"] = "64px";
|
|
18
|
+
HeaderHeight["Large"] = "80px";
|
|
19
|
+
})(HeaderHeight = exports.HeaderHeight || (exports.HeaderHeight = {}));
|
|
20
|
+
var SearchTheme;
|
|
21
|
+
(function (SearchTheme) {
|
|
22
|
+
SearchTheme[SearchTheme["Light"] = 0] = "Light";
|
|
23
|
+
SearchTheme[SearchTheme["Dark"] = 1] = "Dark";
|
|
24
|
+
SearchTheme[SearchTheme["Transparent"] = 2] = "Transparent";
|
|
25
|
+
})(SearchTheme = exports.SearchTheme || (exports.SearchTheme = {}));
|
package/dist/commonjs/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}
|
package/dist/commonjs/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export declare function getValidChildren(children: React.ReactNode): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[];
|
|
2
|
+
export declare function getValidChildren(children: React.ReactNode): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
|
|
3
3
|
//# sourceMappingURL=getValidChildren.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getValidChildren.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/getValidChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"getValidChildren.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/getValidChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,oNAIzD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
export default
|
|
4
|
-
export {
|
|
5
|
-
export {
|
|
1
|
+
import Header from './lib/Header';
|
|
2
|
+
import GlobalHeader from './lib/GlobalHeader';
|
|
3
|
+
export default Header;
|
|
4
|
+
export { Header };
|
|
5
|
+
export { GlobalHeader };
|
|
6
6
|
export * from './lib/parts';
|
|
7
7
|
export * from './lib/shared/themes';
|
|
8
8
|
export * from './lib/shared/types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../header/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../header/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAE9C,eAAe,MAAM,CAAC;AACtB,OAAO,EAAC,MAAM,EAAC,CAAC;AAChB,OAAO,EAAC,YAAY,EAAC,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}
|
package/dist/es6/header/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
export default
|
|
4
|
-
export {
|
|
5
|
-
export {
|
|
1
|
+
import Header from './lib/Header';
|
|
2
|
+
import GlobalHeader from './lib/GlobalHeader';
|
|
3
|
+
export default Header;
|
|
4
|
+
export { Header };
|
|
5
|
+
export { GlobalHeader };
|
|
6
6
|
export * from './lib/parts';
|
|
7
7
|
export * from './lib/shared/themes';
|
|
8
8
|
export * from './lib/shared/types';
|
|
@@ -19,20 +19,11 @@ export interface GlobalHeaderProps {
|
|
|
19
19
|
*/
|
|
20
20
|
isCollapsed?: boolean;
|
|
21
21
|
/**
|
|
22
|
-
* The React element to render in the left slot of the GlobalHeader. This is typically a
|
|
22
|
+
* The React element to render in the left slot of the GlobalHeader. This is typically a SearchBar component.
|
|
23
23
|
*/
|
|
24
24
|
leftSlot?: React.ReactElement;
|
|
25
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;
|
|
26
|
+
export default class GlobalHeader extends React.Component<GlobalHeaderProps> {
|
|
36
27
|
render(): JSX.Element;
|
|
37
28
|
}
|
|
38
29
|
//# sourceMappingURL=GlobalHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACnE,MAAM;CAwBd"}
|
|
@@ -34,29 +34,18 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
36
|
import * as React from 'react';
|
|
37
|
-
import
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
/**
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
* As of Canvas Kit v6, this component is being soft-deprecated.
|
|
44
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
45
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
46
|
-
* for more information.
|
|
47
|
-
*/
|
|
48
|
-
var DeprecatedGlobalHeader = /** @class */ (function (_super) {
|
|
49
|
-
__extends(DeprecatedGlobalHeader, _super);
|
|
50
|
-
function DeprecatedGlobalHeader() {
|
|
37
|
+
import Header from './Header';
|
|
38
|
+
import { HeaderVariant } from './shared/types';
|
|
39
|
+
import { DubLogoTitle } from './parts';
|
|
40
|
+
var GlobalHeader = /** @class */ (function (_super) {
|
|
41
|
+
__extends(GlobalHeader, _super);
|
|
42
|
+
function GlobalHeader() {
|
|
51
43
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
52
44
|
}
|
|
53
|
-
|
|
54
|
-
|
|
45
|
+
GlobalHeader.prototype.render = function () {
|
|
46
|
+
var _a = this.props, _b = _a.brand, brand = _b === void 0 ? React.createElement(DubLogoTitle, 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"]);
|
|
47
|
+
return (React.createElement(Header, __assign({ brand: brand, menuToggle: menuToggle, leftSlot: leftSlot, onMenuClick: onMenuClick, variant: HeaderVariant.Global, isCollapsed: isCollapsed }, elemProps), children));
|
|
55
48
|
};
|
|
56
|
-
|
|
57
|
-
var _a = this.props, _b = _a.brand, brand = _b === void 0 ? React.createElement(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"]);
|
|
58
|
-
return (React.createElement(DeprecatedHeader, __assign({ brand: brand, menuToggle: menuToggle, leftSlot: leftSlot, onMenuClick: onMenuClick, variant: DeprecatedHeaderVariant.Global, isCollapsed: isCollapsed }, elemProps), children));
|
|
59
|
-
};
|
|
60
|
-
return DeprecatedGlobalHeader;
|
|
49
|
+
return GlobalHeader;
|
|
61
50
|
}(React.Component));
|
|
62
|
-
export default
|
|
51
|
+
export default GlobalHeader;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { HeaderTheme, HeaderVariant } from './shared/types';
|
|
3
3
|
export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
/**
|
|
5
5
|
* The custom menu toggle node of the Header. This React node replaces the default menu toggle.
|
|
@@ -7,14 +7,14 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
menuToggle?: React.ReactNode;
|
|
8
8
|
/**
|
|
9
9
|
* The theme of the Header. Accepts `White`, `Blue`, or `Transparent`.
|
|
10
|
-
* @default
|
|
10
|
+
* @default HeaderTheme.White
|
|
11
11
|
*/
|
|
12
|
-
themeColor?:
|
|
12
|
+
themeColor?: HeaderTheme;
|
|
13
13
|
/**
|
|
14
14
|
* The variant of the Header. Accepts `Dub` (small) or `Full` (large).
|
|
15
|
-
* @default
|
|
15
|
+
* @default HeaderVariant.Dub
|
|
16
16
|
*/
|
|
17
|
-
variant?:
|
|
17
|
+
variant?: HeaderVariant;
|
|
18
18
|
/**
|
|
19
19
|
* The text of the Header title. Not used if `brand` is provided.
|
|
20
20
|
*/
|
|
@@ -37,7 +37,7 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
37
37
|
*/
|
|
38
38
|
onMenuClick?: (e: React.MouseEvent) => void;
|
|
39
39
|
/**
|
|
40
|
-
* The React element to render in the left slot of the Header. This is typically a
|
|
40
|
+
* The React element to render in the left slot of the Header. This is typically a SearchBar component.
|
|
41
41
|
*/
|
|
42
42
|
leftSlot?: React.ReactElement;
|
|
43
43
|
/**
|
|
@@ -46,18 +46,9 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
46
46
|
*/
|
|
47
47
|
isCollapsed?: boolean;
|
|
48
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
49
|
export default class Header extends React.Component<HeaderProps, {}> {
|
|
58
|
-
static Theme: typeof
|
|
59
|
-
static Variant: typeof
|
|
60
|
-
componentDidMount(): void;
|
|
50
|
+
static Theme: typeof HeaderTheme;
|
|
51
|
+
static Variant: typeof HeaderVariant;
|
|
61
52
|
/**
|
|
62
53
|
* Helper that recursively maps ReactNodes to their theme-based equivalent.
|
|
63
54
|
* Any children that are included in a Header may need to undergo transformation
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,EAAe,WAAW,EAAE,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAMxE,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,WAAW,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;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;AAkND,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAClE,MAAM,CAAC,KAAK,qBAAe;IAC3B,MAAM,CAAC,OAAO,uBAAiB;IAE/B;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,cAAc;IAuDtB,MAAM;CA0DP"}
|