@workday/canvas-kit-labs-react 7.0.0-alpha.0-next.5 → 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.
Files changed (85) hide show
  1. package/dist/commonjs/index.d.ts +0 -1
  2. package/dist/commonjs/index.d.ts.map +1 -1
  3. package/dist/commonjs/index.js +0 -1
  4. package/dist/es6/index.d.ts +0 -1
  5. package/dist/es6/index.d.ts.map +1 -1
  6. package/dist/es6/index.js +0 -1
  7. package/index.ts +0 -1
  8. package/package.json +4 -4
  9. package/ts3.5/dist/commonjs/index.d.ts +0 -1
  10. package/ts3.5/dist/es6/index.d.ts +0 -1
  11. package/dist/commonjs/header/index.d.ts +0 -9
  12. package/dist/commonjs/header/index.d.ts.map +0 -1
  13. package/dist/commonjs/header/index.js +0 -24
  14. package/dist/commonjs/header/lib/GlobalHeader.d.ts +0 -38
  15. package/dist/commonjs/header/lib/GlobalHeader.d.ts.map +0 -1
  16. package/dist/commonjs/header/lib/GlobalHeader.js +0 -86
  17. package/dist/commonjs/header/lib/Header.d.ts +0 -76
  18. package/dist/commonjs/header/lib/Header.d.ts.map +0 -1
  19. package/dist/commonjs/header/lib/Header.js +0 -333
  20. package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +0 -30
  21. package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts.map +0 -1
  22. package/dist/commonjs/header/lib/parts/DubLogoTitle.js +0 -118
  23. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  24. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts.map +0 -1
  25. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.js +0 -137
  26. package/dist/commonjs/header/lib/parts/index.d.ts +0 -3
  27. package/dist/commonjs/header/lib/parts/index.d.ts.map +0 -1
  28. package/dist/commonjs/header/lib/parts/index.js +0 -7
  29. package/dist/commonjs/header/lib/shared/themes.d.ts +0 -43
  30. package/dist/commonjs/header/lib/shared/themes.d.ts.map +0 -1
  31. package/dist/commonjs/header/lib/shared/themes.js +0 -63
  32. package/dist/commonjs/header/lib/shared/types.d.ts +0 -15
  33. package/dist/commonjs/header/lib/shared/types.d.ts.map +0 -1
  34. package/dist/commonjs/header/lib/shared/types.js +0 -20
  35. package/dist/es6/header/index.d.ts +0 -9
  36. package/dist/es6/header/index.d.ts.map +0 -1
  37. package/dist/es6/header/index.js +0 -8
  38. package/dist/es6/header/lib/GlobalHeader.d.ts +0 -38
  39. package/dist/es6/header/lib/GlobalHeader.d.ts.map +0 -1
  40. package/dist/es6/header/lib/GlobalHeader.js +0 -62
  41. package/dist/es6/header/lib/Header.d.ts +0 -76
  42. package/dist/es6/header/lib/Header.d.ts.map +0 -1
  43. package/dist/es6/header/lib/Header.js +0 -309
  44. package/dist/es6/header/lib/parts/DubLogoTitle.d.ts +0 -30
  45. package/dist/es6/header/lib/parts/DubLogoTitle.d.ts.map +0 -1
  46. package/dist/es6/header/lib/parts/DubLogoTitle.js +0 -93
  47. package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  48. package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts.map +0 -1
  49. package/dist/es6/header/lib/parts/WorkdayLogoTitle.js +0 -112
  50. package/dist/es6/header/lib/parts/index.d.ts +0 -3
  51. package/dist/es6/header/lib/parts/index.d.ts.map +0 -1
  52. package/dist/es6/header/lib/parts/index.js +0 -2
  53. package/dist/es6/header/lib/shared/themes.d.ts +0 -43
  54. package/dist/es6/header/lib/shared/themes.d.ts.map +0 -1
  55. package/dist/es6/header/lib/shared/themes.js +0 -57
  56. package/dist/es6/header/lib/shared/types.d.ts +0 -15
  57. package/dist/es6/header/lib/shared/types.d.ts.map +0 -1
  58. package/dist/es6/header/lib/shared/types.js +0 -17
  59. package/header/LICENSE +0 -51
  60. package/header/README.md +0 -359
  61. package/header/index.ts +0 -9
  62. package/header/lib/GlobalHeader.tsx +0 -73
  63. package/header/lib/Header.tsx +0 -429
  64. package/header/lib/parts/DubLogoTitle.tsx +0 -99
  65. package/header/lib/parts/WorkdayLogoTitle.tsx +0 -120
  66. package/header/lib/parts/index.ts +0 -2
  67. package/header/lib/shared/themes.tsx +0 -97
  68. package/header/lib/shared/types.tsx +0 -16
  69. package/header/package.json +0 -5
  70. package/ts3.5/dist/commonjs/header/index.d.ts +0 -9
  71. package/ts3.5/dist/commonjs/header/lib/GlobalHeader.d.ts +0 -38
  72. package/ts3.5/dist/commonjs/header/lib/Header.d.ts +0 -76
  73. package/ts3.5/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +0 -30
  74. package/ts3.5/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  75. package/ts3.5/dist/commonjs/header/lib/parts/index.d.ts +0 -3
  76. package/ts3.5/dist/commonjs/header/lib/shared/themes.d.ts +0 -43
  77. package/ts3.5/dist/commonjs/header/lib/shared/types.d.ts +0 -15
  78. package/ts3.5/dist/es6/header/index.d.ts +0 -9
  79. package/ts3.5/dist/es6/header/lib/GlobalHeader.d.ts +0 -38
  80. package/ts3.5/dist/es6/header/lib/Header.d.ts +0 -76
  81. package/ts3.5/dist/es6/header/lib/parts/DubLogoTitle.d.ts +0 -30
  82. package/ts3.5/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  83. package/ts3.5/dist/es6/header/lib/parts/index.d.ts +0 -3
  84. package/ts3.5/dist/es6/header/lib/shared/themes.d.ts +0 -43
  85. package/ts3.5/dist/es6/header/lib/shared/types.d.ts +0 -15
@@ -1,309 +0,0 @@
1
- var __extends = (this && this.__extends) || (function () {
2
- var extendStatics = function (d, b) {
3
- extendStatics = Object.setPrototypeOf ||
4
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
6
- return extendStatics(d, b);
7
- };
8
- return function (d, b) {
9
- extendStatics(d, b);
10
- function __() { this.constructor = d; }
11
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
- };
13
- })();
14
- var __assign = (this && this.__assign) || function () {
15
- __assign = Object.assign || function(t) {
16
- for (var s, i = 1, n = arguments.length; i < n; i++) {
17
- s = arguments[i];
18
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
19
- t[p] = s[p];
20
- }
21
- return t;
22
- };
23
- return __assign.apply(this, arguments);
24
- };
25
- var __rest = (this && this.__rest) || function (s, e) {
26
- var t = {};
27
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
- t[p] = s[p];
29
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
- t[p[i]] = s[p[i]];
33
- }
34
- return t;
35
- };
36
- import * as React from 'react';
37
- import { css } from '@emotion/react';
38
- import styled from '@emotion/styled';
39
- import { borderRadius, space, type } from '@workday/canvas-kit-react/tokens';
40
- import { DeprecatedDubLogoTitle, DeprecatedWorkdayLogoTitle } from './parts';
41
- import { deprecatedHeaderThemes } from './shared/themes';
42
- import { DeprecatedHeaderHeight, DeprecatedHeaderTheme, DeprecatedHeaderVariant, } from './shared/types';
43
- import { Hyperlink, IconButton } from '@workday/canvas-kit-react/button';
44
- import { SystemIcon } from '@workday/canvas-kit-react/icon';
45
- import { justifyIcon } from '@workday/canvas-system-icons-web';
46
- var childrenSpacing = space.s;
47
- var HeaderShell = styled('div')(__assign(__assign({ display: 'flex', alignItems: 'center', boxSizing: 'border-box' }, type.levels.subtext.large), { WebkitFontSmoothing: 'antialiased', MozOsxFontSmoothing: 'grayscale', position: 'relative' }), function (_a) {
48
- var variant = _a.variant, themeColor = _a.themeColor;
49
- return (__assign(__assign({
50
- // Only the variant Full has a large header, all the other one (Dub, Global) have a small header height
51
- height: variant === DeprecatedHeaderVariant.Full
52
- ? DeprecatedHeaderHeight.Large
53
- : DeprecatedHeaderHeight.Small, background: deprecatedHeaderThemes[themeColor].background }, deprecatedHeaderThemes[themeColor].depth), { color: deprecatedHeaderThemes[themeColor].color }));
54
- });
55
- var BrandSlot = styled('div')({
56
- height: '100%',
57
- }, function (props) { return ({
58
- flex: props.grow ? "1 0 auto" : 'unset',
59
- }); });
60
- var BrandLink = styled(Hyperlink)({
61
- '&:hover': {
62
- textDecoration: 'none',
63
- },
64
- '&:focus': {
65
- textDecoration: 'none',
66
- },
67
- });
68
- var navStyle = function (_a) {
69
- var themeColor = _a.themeColor;
70
- var theme = deprecatedHeaderThemes[themeColor];
71
- return css({
72
- nav: {
73
- display: 'flex',
74
- flex: "1 0 auto",
75
- justifyContent: 'center',
76
- height: 'inherit',
77
- marginLeft: space.xl,
78
- '& ul': {
79
- color: theme.linkColor,
80
- display: 'flex',
81
- alignItems: 'center',
82
- justifyContent: 'center',
83
- listStyleType: 'none',
84
- padding: 0,
85
- margin: 0,
86
- height: 'inherit',
87
- '&:hover': {
88
- // De-emphasizes all color on hover, this allows us to create an illusion that hovering over a specific element
89
- // fades out the rest
90
- color: theme.linkFadeOutColor,
91
- },
92
- '& li': {
93
- boxSizing: 'border-box',
94
- position: 'relative',
95
- display: 'flex',
96
- alignItems: 'center',
97
- fontSize: '14px',
98
- fontWeight: 700,
99
- height: 'inherit',
100
- transition: "color 150ms ease-out 0s",
101
- cursor: 'pointer',
102
- '&:first-of-type > *': {
103
- marginLeft: 0,
104
- },
105
- '&:last-child > *': {
106
- marginRight: 0,
107
- },
108
- '& > *': {
109
- color: 'inherit',
110
- textDecoration: 'none',
111
- padding: "0px " + space.s,
112
- margin: "0 " + space.xxxs,
113
- display: 'flex',
114
- alignItems: 'center',
115
- height: 'inherit',
116
- '&:visited': {
117
- color: 'inherit',
118
- },
119
- },
120
- '&:hover, &:active': {
121
- color: theme.linkColor,
122
- },
123
- '&.current': {
124
- color: theme.currentLinkColor,
125
- '& a': {
126
- cursor: 'default',
127
- },
128
- '&:hover, &:active': {
129
- color: theme.currentLinkColor,
130
- },
131
- '&:after': {
132
- position: 'absolute',
133
- bottom: 0,
134
- left: 0,
135
- content: "''",
136
- height: 4,
137
- width: '100%',
138
- backgroundColor: theme.chipColor,
139
- borderRadius: borderRadius.m + " " + borderRadius.m + " 0 0",
140
- },
141
- },
142
- },
143
- },
144
- },
145
- });
146
- };
147
- var ChildrenSlot = styled('div')({
148
- marginRight: space.m,
149
- // TODO: remove this when we get real icon buttons
150
- '> .canvas-header--menu-icon': {
151
- cursor: 'pointer',
152
- },
153
- display: 'flex',
154
- alignItems: 'center',
155
- justifyContent: 'flex-end',
156
- height: '100%',
157
- '> *': {
158
- marginLeft: childrenSpacing,
159
- },
160
- }, function (_a) {
161
- var centeredNav = _a.centeredNav, isCollapsed = _a.isCollapsed;
162
- return ({
163
- '> *:not(.canvas-header--menu-icon)': {
164
- display: isCollapsed ? 'none' : 'flex',
165
- },
166
- '> *:last-child': {
167
- marginRight: isCollapsed ? '' : 0,
168
- },
169
- flex: !isCollapsed && centeredNav ? "1 0 auto" : 'unset',
170
- });
171
- }, navStyle);
172
- var Brand = /** @class */ (function (_super) {
173
- __extends(Brand, _super);
174
- function Brand() {
175
- return _super !== null && _super.apply(this, arguments) || this;
176
- }
177
- Brand.prototype.render = function () {
178
- var _a = this.props, _b = _a.variant, variant = _b === void 0 ? DeprecatedHeaderVariant.Dub : _b, brand = _a.brand, _c = _a.themeColor, themeColor = _c === void 0 ? DeprecatedHeaderTheme.White : _c, title = _a.title;
179
- switch (variant) {
180
- case DeprecatedHeaderVariant.Global: {
181
- return React.createElement("span", null, brand);
182
- }
183
- case DeprecatedHeaderVariant.Full: {
184
- return (React.createElement("span", null, brand || (React.createElement(DeprecatedWorkdayLogoTitle, { title: title ? title : '', themeColor: themeColor }))));
185
- }
186
- // DeprecatedHeaderVariant.Dub is default
187
- default: {
188
- return (React.createElement("span", null, brand || React.createElement(DeprecatedDubLogoTitle, { title: title ? title : '', themeColor: themeColor })));
189
- }
190
- }
191
- };
192
- return Brand;
193
- }(React.Component));
194
- var MenuIconButton = /** @class */ (function (_super) {
195
- __extends(MenuIconButton, _super);
196
- function MenuIconButton() {
197
- return _super !== null && _super.apply(this, arguments) || this;
198
- }
199
- MenuIconButton.prototype.render = function () {
200
- var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? DeprecatedHeaderTheme.White : _b, menuToggle = _a.menuToggle, onMenuClick = _a.onMenuClick;
201
- if (menuToggle) {
202
- var menuToggleElement = menuToggle;
203
- var onClick = menuToggleElement.props.onClick
204
- ? menuToggleElement.props.onClick
205
- : onMenuClick;
206
- return React.cloneElement(menuToggleElement, {
207
- onClick: onClick,
208
- className: 'canvas-header--menu-icon',
209
- });
210
- }
211
- return (React.createElement(IconButton, { variant: themeColor === DeprecatedHeaderTheme.White ? 'circle' : 'inverse', icon: justifyIcon, className: 'canvas-header--menu-icon', "aria-label": "Open Menu", onClick: onMenuClick }));
212
- };
213
- return MenuIconButton;
214
- }(React.Component));
215
- /**
216
- * ### Deprecated Header
217
- *
218
- * As of Canvas Kit v6, this component is being soft-deprecated.
219
- * It will be hard-deprecated (completely removed) in v7. Please see the
220
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
221
- * for more information.
222
- */
223
- var Header = /** @class */ (function (_super) {
224
- __extends(Header, _super);
225
- function Header() {
226
- return _super !== null && _super.apply(this, arguments) || this;
227
- }
228
- Header.prototype.componentDidMount = function () {
229
- console.warn("Header 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 ");
230
- };
231
- /**
232
- * Helper that recursively maps ReactNodes to their theme-based equivalent.
233
- * Any children that are included in a Header may need to undergo transformation
234
- * before stamped out in render().
235
- *
236
- * E.g. <SystemIcon> components need to have the appropriate `color` and `colorHover`
237
- * props set based on the theme.
238
- *
239
- * @param children From props.children of a React component
240
- *
241
- * @returns {React.ReactNode} The child/children to be rendered
242
- */
243
- Header.prototype.renderChildren = function (children) {
244
- var _this = this;
245
- return React.Children.map(children, function (child) {
246
- if (!React.isValidElement(child)) {
247
- return child;
248
- }
249
- var propsChildren = child.props.children;
250
- var singleChild = React.Children.count(propsChildren) === 1 && propsChildren;
251
- var iconButtonVariant = _this.props.themeColor === DeprecatedHeaderTheme.White ? 'circle' : 'inverse';
252
- // Convert old method of SystemIcon into IconButton. If SystemIcon is within a link, make sure it's passed through
253
- if (child.type === 'a' && singleChild && singleChild.type === SystemIcon) {
254
- var href_1 = child.props.href;
255
- var iconButtonProps = {
256
- onClick: function () {
257
- if (href_1) {
258
- window.location.href = href_1;
259
- }
260
- },
261
- variant: iconButtonVariant,
262
- icon: singleChild.props.icon,
263
- };
264
- return React.createElement(IconButton, __assign({}, iconButtonProps, { "aria-label": "" }));
265
- }
266
- // If child has children, render them
267
- if (React.Children.count(propsChildren)) {
268
- return React.cloneElement(child, {
269
- children: _this.renderChildren(propsChildren),
270
- });
271
- }
272
- // Convert old method of SystemIcon into IconButton
273
- if (child.type === SystemIcon) {
274
- var icon = child.props.icon;
275
- return React.createElement(IconButton, { variant: iconButtonVariant, icon: icon, "aria-label": icon.name });
276
- }
277
- // Plain icon buttons have negative margin that we need to negate.
278
- if (child.type === IconButton && child.props.variant === 'plain') {
279
- return React.cloneElement(child, {
280
- style: { margin: "0 0 0 " + childrenSpacing },
281
- });
282
- }
283
- return child;
284
- });
285
- };
286
- Header.prototype.render = function () {
287
- var _a = this.props, menuToggle = _a.menuToggle, _b = _a.themeColor, themeColor = _b === void 0 ? DeprecatedHeaderTheme.White : _b, _c = _a.variant, variant = _c === void 0 ? DeprecatedHeaderVariant.Dub : _c, centeredNav = _a.centeredNav, title = _a.title, brand = _a.brand, brandUrl = _a.brandUrl, onMenuClick = _a.onMenuClick, leftSlot = _a.leftSlot, isCollapsed = _a.isCollapsed, children = _a.children, elemProps = __rest(_a, ["menuToggle", "themeColor", "variant", "centeredNav", "title", "brand", "brandUrl", "onMenuClick", "leftSlot", "isCollapsed", "children"]);
288
- /* Push everything to the right if:
289
- - on tablet and mobile screens
290
- - Search isn't enabled and the nav shouldn't be centered
291
- - Search is enabled, and there aren't any children
292
- */
293
- var growBrand = isCollapsed || (!leftSlot && !centeredNav) || (leftSlot && !children);
294
- // Ignore centeredNav if search is enabled
295
- var shouldCenteredNav = leftSlot ? false : centeredNav;
296
- return (React.createElement(HeaderShell, __assign({ variant: variant, themeColor: themeColor }, elemProps),
297
- React.createElement(BrandSlot, { grow: growBrand }, brandUrl ? (React.createElement(BrandLink, { href: brandUrl },
298
- React.createElement(Brand, { variant: variant, brand: brand, title: title, themeColor: themeColor }))) : (React.createElement(Brand, { variant: variant, brand: brand, title: title, themeColor: themeColor }))),
299
- leftSlot,
300
- React.createElement(ChildrenSlot, { themeColor: themeColor, centeredNav: shouldCenteredNav, isCollapsed: isCollapsed }, isCollapsed ? (
301
- // Screen size is smaller than our largest breakpoint so turn nav into a hamburger
302
- // TODO: This needs to get changed to IconButton when we get it restyled for headers
303
- React.createElement(MenuIconButton, { themeColor: themeColor, menuToggle: menuToggle, onMenuClick: onMenuClick })) : (this.renderChildren(children)))));
304
- };
305
- Header.Theme = DeprecatedHeaderTheme;
306
- Header.Variant = DeprecatedHeaderVariant;
307
- return Header;
308
- }(React.Component));
309
- export default Header;
@@ -1,30 +0,0 @@
1
- import * as React from 'react';
2
- import { DeprecatedHeaderTheme } from '../shared/types';
3
- export declare type DubTitleProps = {
4
- /**
5
- * The theme of the DubLogoTitle. Accepts `White`, `Blue`, or `Transparent`.
6
- * @default DeprecatedHeaderTheme.White
7
- */
8
- themeColor?: DeprecatedHeaderTheme;
9
- /**
10
- * The text of the DubLogoTitle. Not used if `brand` is provided.
11
- */
12
- title?: string;
13
- /**
14
- * The background color/gradient behind the DubLogoTitle logo.
15
- */
16
- bgColor?: string;
17
- };
18
- /**
19
- * ### Deprecated Dub Logo Title
20
- *
21
- * As of Canvas Kit v6, this component is being soft-deprecated.
22
- * It will be hard-deprecated (completely removed) in v7. Please see the
23
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
24
- * for more information.
25
- */
26
- export declare class DeprecatedDubLogoTitle extends React.Component<DubTitleProps> {
27
- componentDidMount(): void;
28
- render(): JSX.Element;
29
- }
30
- //# sourceMappingURL=DubLogoTitle.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DubLogoTitle.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/DubLogoTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAyB,qBAAqB,EAAC,MAAM,iBAAiB,CAAC;AAI9E,oBAAY,aAAa,GAAG;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AA4CF;;;;;;;GAOG;AACH,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACxE,iBAAiB;IAQjB,MAAM;CAgBP"}
@@ -1,93 +0,0 @@
1
- var __extends = (this && this.__extends) || (function () {
2
- var extendStatics = function (d, b) {
3
- extendStatics = Object.setPrototypeOf ||
4
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
6
- return extendStatics(d, b);
7
- };
8
- return function (d, b) {
9
- extendStatics(d, b);
10
- function __() { this.constructor = d; }
11
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
- };
13
- })();
14
- var __assign = (this && this.__assign) || function () {
15
- __assign = Object.assign || function(t) {
16
- for (var s, i = 1, n = arguments.length; i < n; i++) {
17
- s = arguments[i];
18
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
19
- t[p] = s[p];
20
- }
21
- return t;
22
- };
23
- return __assign.apply(this, arguments);
24
- };
25
- import * as React from 'react';
26
- import styled from '@emotion/styled';
27
- import { colors, space } from '@workday/canvas-kit-react/tokens';
28
- import { DeprecatedHeaderHeight, DeprecatedHeaderTheme } from '../shared/types';
29
- import chroma from 'chroma-js';
30
- import { dubLogoWhite, dubLogoBlue } from '@workday/canvas-kit-react/common';
31
- var LockupContainer = styled('div')({
32
- display: 'inline-block',
33
- });
34
- var Lockup = styled('div')({
35
- display: 'flex',
36
- alignItems: 'center',
37
- height: DeprecatedHeaderHeight.Small,
38
- paddingLeft: space.m,
39
- }, function (_a) {
40
- var bgColor = _a.bgColor;
41
- return ({
42
- background: bgColor ? bgColor : 'none',
43
- });
44
- });
45
- var Title = styled('h3')({
46
- fontSize: '20px',
47
- fontWeight: 400,
48
- padding: space.xxs + " " + space.s,
49
- paddingRight: space.l,
50
- marginLeft: space.s,
51
- whiteSpace: 'nowrap',
52
- }, function (_a) {
53
- var themeColor = _a.themeColor;
54
- return ({
55
- color: themeColor === DeprecatedHeaderTheme.White ? colors.blueberry500 : colors.frenchVanilla100,
56
- borderLeft: "1px solid " + (themeColor === DeprecatedHeaderTheme.White
57
- ? colors.soap400
58
- : chroma(colors.frenchVanilla100)
59
- .alpha(0.3)
60
- .css()),
61
- });
62
- });
63
- var DubLogo = styled('div')({
64
- lineHeight: 0,
65
- });
66
- /**
67
- * ### Deprecated Dub Logo Title
68
- *
69
- * As of Canvas Kit v6, this component is being soft-deprecated.
70
- * It will be hard-deprecated (completely removed) in v7. Please see the
71
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
72
- * for more information.
73
- */
74
- var DeprecatedDubLogoTitle = /** @class */ (function (_super) {
75
- __extends(DeprecatedDubLogoTitle, _super);
76
- function DeprecatedDubLogoTitle() {
77
- return _super !== null && _super.apply(this, arguments) || this;
78
- }
79
- DeprecatedDubLogoTitle.prototype.componentDidMount = function () {
80
- console.warn("DubLogoTitle 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 ");
81
- };
82
- DeprecatedDubLogoTitle.prototype.render = function () {
83
- var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? DeprecatedHeaderTheme.White : _b, title = _a.title;
84
- return (React.createElement(LockupContainer, null,
85
- React.createElement(Lockup, __assign({}, this.props),
86
- React.createElement(DubLogo, __assign({}, this.props, { dangerouslySetInnerHTML: {
87
- __html: themeColor === DeprecatedHeaderTheme.White ? dubLogoBlue : dubLogoWhite,
88
- } })),
89
- title && React.createElement(Title, __assign({}, this.props), title))));
90
- };
91
- return DeprecatedDubLogoTitle;
92
- }(React.Component));
93
- export { DeprecatedDubLogoTitle };
@@ -1,31 +0,0 @@
1
- import * as React from 'react';
2
- import { DeprecatedHeaderTheme, DeprecatedHeaderVariant } from '../shared/types';
3
- export declare type WorkdayLogoTitleProps = {
4
- /**
5
- * The theme of the WorkdayLogoTitle. Accepts `White`, `Blue`, or `Transparent`.
6
- * @default DeprecatedHeaderTheme.White
7
- */
8
- themeColor?: DeprecatedHeaderTheme;
9
- /**
10
- * The text of the WorkdayLogoTitle. Not used if `brand` is provided.
11
- * @default ''
12
- */
13
- title?: string;
14
- /**
15
- * The variant of the WorkdayLogoTitle.
16
- */
17
- variant?: DeprecatedHeaderVariant;
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;
29
- render(): JSX.Element;
30
- }
31
- //# sourceMappingURL=WorkdayLogoTitle.d.ts.map
@@ -1 +0,0 @@
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,EAEL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAKzB,oBAAY,qBAAqB,GAAG;IAClC;;;OAGG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC,CAAC;AAiDF;;;;;;;GAOG;AACH,qBAAa,0BAA2B,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC;IACpF,iBAAiB;IAQV,MAAM;CA2Bd"}
@@ -1,112 +0,0 @@
1
- var __extends = (this && this.__extends) || (function () {
2
- var extendStatics = function (d, b) {
3
- extendStatics = Object.setPrototypeOf ||
4
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
6
- return extendStatics(d, b);
7
- };
8
- return function (d, b) {
9
- extendStatics(d, b);
10
- function __() { this.constructor = d; }
11
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
- };
13
- })();
14
- var __assign = (this && this.__assign) || function () {
15
- __assign = Object.assign || function(t) {
16
- for (var s, i = 1, n = arguments.length; i < n; i++) {
17
- s = arguments[i];
18
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
19
- t[p] = s[p];
20
- }
21
- return t;
22
- };
23
- return __assign.apply(this, arguments);
24
- };
25
- var __rest = (this && this.__rest) || function (s, e) {
26
- var t = {};
27
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
- t[p] = s[p];
29
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
- t[p[i]] = s[p[i]];
33
- }
34
- return t;
35
- };
36
- import * as React from 'react';
37
- import styled from '@emotion/styled';
38
- import { DeprecatedHeaderHeight, DeprecatedHeaderTheme, DeprecatedHeaderVariant, } from '../shared/types';
39
- import { miniWdayLogoBlue, wdayLogoWhite, wdayLogoBlue } from '@workday/canvas-kit-react/common';
40
- import { colors, space } from '@workday/canvas-kit-react/tokens';
41
- import chroma from 'chroma-js';
42
- var LockupContainer = styled('div')({
43
- display: 'inline-block',
44
- });
45
- var Lockup = styled('div')({
46
- display: 'flex',
47
- alignItems: 'center',
48
- justifyContent: 'center',
49
- }, function (_a) {
50
- var variant = _a.variant;
51
- return ({
52
- height: variant === DeprecatedHeaderVariant.Global
53
- ? DeprecatedHeaderHeight.Small
54
- : DeprecatedHeaderHeight.Large,
55
- });
56
- });
57
- var Title = styled('h3')({
58
- fontSize: '20px',
59
- fontWeight: 400,
60
- marginLeft: space.l,
61
- padding: space.s,
62
- paddingLeft: space.m,
63
- paddingRight: space.l,
64
- whiteSpace: 'nowrap',
65
- display: 'initial',
66
- }, function (_a) {
67
- var themeColor = _a.themeColor;
68
- return ({
69
- color: themeColor === DeprecatedHeaderTheme.White ? colors.blueberry500 : colors.frenchVanilla100,
70
- borderLeft: "1px solid " + (themeColor === DeprecatedHeaderTheme.White
71
- ? colors.soap400
72
- : chroma(colors.soap400)
73
- .alpha(0.4)
74
- .css()),
75
- });
76
- });
77
- var WorkdayLogo = styled('span')({
78
- paddingLeft: space.m,
79
- lineHeight: 0,
80
- });
81
- /**
82
- * ### Deprecated Workday Logo Title
83
- *
84
- * As of Canvas Kit v6, this component is being soft-deprecated.
85
- * It will be hard-deprecated (completely removed) in v7. Please see the
86
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
87
- * for more information.
88
- */
89
- var DeprecatedWorkdayLogoTitle = /** @class */ (function (_super) {
90
- __extends(DeprecatedWorkdayLogoTitle, _super);
91
- function DeprecatedWorkdayLogoTitle() {
92
- return _super !== null && _super.apply(this, arguments) || this;
93
- }
94
- DeprecatedWorkdayLogoTitle.prototype.componentDidMount = function () {
95
- console.warn("WorkdayLogoTitle 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 ");
96
- };
97
- DeprecatedWorkdayLogoTitle.prototype.render = function () {
98
- var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? DeprecatedHeaderTheme.White : _b, _c = _a.title, title = _c === void 0 ? '' : _c, variant = _a.variant, elemProps = __rest(_a, ["themeColor", "title", "variant"]);
99
- return (React.createElement(LockupContainer, null,
100
- React.createElement(Lockup, __assign({}, this.props, elemProps),
101
- React.createElement(WorkdayLogo, __assign({}, this.props, { dangerouslySetInnerHTML: {
102
- __html: themeColor === DeprecatedHeaderTheme.White
103
- ? variant === DeprecatedHeaderVariant.Global
104
- ? miniWdayLogoBlue
105
- : wdayLogoBlue
106
- : wdayLogoWhite,
107
- } })),
108
- title && React.createElement(Title, __assign({}, this.props), title))));
109
- };
110
- return DeprecatedWorkdayLogoTitle;
111
- }(React.Component));
112
- export { DeprecatedWorkdayLogoTitle };
@@ -1,3 +0,0 @@
1
- export { DeprecatedDubLogoTitle } from './DubLogoTitle';
2
- export { DeprecatedWorkdayLogoTitle } from './WorkdayLogoTitle';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAC,0BAA0B,EAAC,MAAM,oBAAoB,CAAC"}
@@ -1,2 +0,0 @@
1
- export { DeprecatedDubLogoTitle } from './DubLogoTitle';
2
- export { DeprecatedWorkdayLogoTitle } from './WorkdayLogoTitle';
@@ -1,43 +0,0 @@
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 {
11
- color: string;
12
- background: string;
13
- depth: CSSProperties;
14
- systemIcon: {
15
- color: string;
16
- colorHover: string;
17
- };
18
- linkColor: string;
19
- linkFadeOutColor: string;
20
- currentLinkColor: string;
21
- chipColor: string;
22
- }
23
- /**
24
- * ### Deprecated Header Themes Interface
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;
33
- }
34
- /**
35
- * ### Deprecated Header Themes
36
- *
37
- * As of Canvas Kit v6, this theme object is being soft-deprecated along with the rest of the labs/header package.
38
- * It will be hard-deprecated (completely removed) in v7. Please see the
39
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
40
- * for more information.
41
- */
42
- export declare const deprecatedHeaderThemes: DeprecatedHeaderThemes;
43
- //# sourceMappingURL=themes.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../../header/lib/shared/themes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,aAAa,EACd,MAAM,kCAAkC,CAAC;AAI1C;;;;;;;GAOG;AACH,MAAM,WAAW,+BAA+B;IAC9C,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;;;;;;;GAOG;AACH,MAAM,WAAW,sBAAsB;IACrC,CAAC,GAAG,EAAE,MAAM,GAAG,+BAA+B,CAAC;CAChD;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,EAAE,sBA4CpC,CAAC"}