@workday/canvas-kit-react 6.7.2 → 6.8.2

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 (18) hide show
  1. package/banner/lib/Banner.tsx +32 -33
  2. package/button/lib/TertiaryButton.tsx +1 -0
  3. package/common/lib/parts/_brand-assets.ts +1 -1
  4. package/dist/commonjs/banner/lib/Banner.d.ts +4 -5
  5. package/dist/commonjs/banner/lib/Banner.d.ts.map +1 -1
  6. package/dist/commonjs/banner/lib/Banner.js +10 -32
  7. package/dist/commonjs/button/lib/TertiaryButton.d.ts.map +1 -1
  8. package/dist/commonjs/button/lib/TertiaryButton.js +1 -0
  9. package/dist/commonjs/common/lib/parts/_brand-assets.js +1 -1
  10. package/dist/es6/banner/lib/Banner.d.ts +4 -5
  11. package/dist/es6/banner/lib/Banner.d.ts.map +1 -1
  12. package/dist/es6/banner/lib/Banner.js +10 -32
  13. package/dist/es6/button/lib/TertiaryButton.d.ts.map +1 -1
  14. package/dist/es6/button/lib/TertiaryButton.js +1 -0
  15. package/dist/es6/common/lib/parts/_brand-assets.js +1 -1
  16. package/package.json +5 -5
  17. package/ts3.5/dist/commonjs/banner/lib/Banner.d.ts +4 -5
  18. package/ts3.5/dist/es6/banner/lib/Banner.d.ts +4 -5
package/banner/lib/Banner.tsx CHANGED
@@ -85,41 +85,40 @@ const BannerViewAll = styled('span')<BannerProps>(
85
85
  })
86
86
  );
87
87
 
88
- class Banner extends React.Component<BannerProps> {
89
- static Variant = BannerVariant;
90
- static ErrorType = ErrorType;
88
+ const Banner = (React.forwardRef<HTMLButtonElement, BannerProps>((props, ref) => {
89
+ const {
90
+ actionText = 'View All',
91
+ variant = BannerVariant.Full,
92
+ error = ErrorType.Alert,
93
+ label,
94
+ onClick,
95
+ ...elemProps
96
+ } = props;
91
97
 
92
- public render() {
93
- const {
94
- actionText = 'View All',
95
- variant = BannerVariant.Full,
96
- error = ErrorType.Alert,
97
- label,
98
- onClick,
99
- ...props
100
- } = this.props;
98
+ const bannerIcon = error === ErrorType.Error ? exclamationCircleIcon : exclamationTriangleIcon;
99
+ const iconColor = error === ErrorType.Error ? colors.frenchVanilla100 : colors.blackPepper400;
100
+ const iconSize = 24;
101
101
 
102
- const bannerIcon = error === ErrorType.Error ? exclamationCircleIcon : exclamationTriangleIcon;
103
- const iconColor = error === ErrorType.Error ? colors.frenchVanilla100 : colors.blackPepper400;
104
- const iconSize = 24;
105
-
106
- return (
107
- <BannerWrapper
108
- aria-label={actionText + ': ' + label}
109
- role="button"
110
- variant={variant}
111
- tabIndex={0}
112
- onClick={onClick}
113
- error={error}
114
- {...props}
115
- >
116
- <BannerIcon icon={bannerIcon} color={iconColor} colorHover={iconColor} size={iconSize} />
117
- <BannerLabel>{label}</BannerLabel>
118
- <BannerViewAll variant={variant}>{actionText}</BannerViewAll>
119
- </BannerWrapper>
120
- );
121
- }
122
- }
102
+ return (
103
+ <BannerWrapper
104
+ aria-label={actionText + ': ' + label}
105
+ role="button"
106
+ variant={variant}
107
+ tabIndex={0}
108
+ onClick={onClick}
109
+ error={error}
110
+ ref={ref}
111
+ {...elemProps}
112
+ >
113
+ <BannerIcon icon={bannerIcon} color={iconColor} colorHover={iconColor} size={iconSize} />
114
+ <BannerLabel>{label}</BannerLabel>
115
+ <BannerViewAll variant={variant}>{actionText}</BannerViewAll>
116
+ </BannerWrapper>
117
+ );
118
+ }) as any) as React.FC<BannerProps> & {
119
+ Variant: typeof BannerVariant;
120
+ ErrorType: typeof ErrorType;
121
+ };
123
122
 
124
123
  Banner.Variant = BannerVariant;
125
124
  Banner.ErrorType = ErrorType;
package/button/lib/TertiaryButton.tsx CHANGED
@@ -116,6 +116,7 @@ const getTertiaryButtonColors = (
116
116
  focusRing: focusRing({}, theme),
117
117
  },
118
118
  disabled: {
119
+ background: 'transparent',
119
120
  icon: themePrimary.main,
120
121
  label: themePrimary.main,
121
122
  },
package/common/lib/parts/_brand-assets.ts CHANGED
@@ -1,4 +1,4 @@
1
- const CDN_URI = '//design.workday.com/images/';
1
+ const CDN_URI = 'https://design.workday.com/images/';
2
2
 
3
3
  export const dubLogoBlue = `<img src="${CDN_URI}ck-dub-logo-blue.svg" alt="">`;
4
4
 
package/dist/commonjs/banner/lib/Banner.d.ts CHANGED
@@ -29,10 +29,9 @@ export interface BannerProps extends Themeable, React.ButtonHTMLAttributes<HTMLB
29
29
  */
30
30
  actionText?: string;
31
31
  }
32
- declare class Banner extends React.Component<BannerProps> {
33
- static Variant: typeof BannerVariant;
34
- static ErrorType: typeof ErrorType;
35
- render(): JSX.Element;
36
- }
32
+ declare const Banner: React.FC<BannerProps> & {
33
+ Variant: typeof BannerVariant;
34
+ ErrorType: typeof ErrorType;
35
+ };
37
36
  export default Banner;
38
37
  //# sourceMappingURL=Banner.d.ts.map
package/dist/commonjs/banner/lib/Banner.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../banner/lib/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAqB,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEzF,oBAAY,aAAa;IACvB,IAAI,IAAA;IACJ,MAAM,IAAA;CACP;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAoDD,cAAM,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAC/C,MAAM,CAAC,OAAO,uBAAiB;IAC/B,MAAM,CAAC,SAAS,mBAAa;IAEtB,MAAM;CA8Bd;AAKD,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../banner/lib/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAqB,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEzF,oBAAY,aAAa;IACvB,IAAI,IAAA;IACJ,MAAM,IAAA;CACP;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAoDD,QAAA,MAAM,MAAM;;;CAiCX,CAAC;AAKF,eAAe,MAAM,CAAC"}
package/dist/commonjs/banner/lib/Banner.js CHANGED
@@ -1,17 +1,4 @@
1
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
2
  var __assign = (this && this.__assign) || function () {
16
3
  __assign = Object.assign || function(t) {
17
4
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -80,25 +67,16 @@ var BannerViewAll = common_1.styled('span')({
80
67
  display: variant === BannerVariant.Sticky ? 'none' : undefined,
81
68
  });
82
69
  });
83
- var Banner = /** @class */ (function (_super) {
84
- __extends(Banner, _super);
85
- function Banner() {
86
- return _super !== null && _super.apply(this, arguments) || this;
87
- }
88
- Banner.prototype.render = function () {
89
- var _a = this.props, _b = _a.actionText, actionText = _b === void 0 ? 'View All' : _b, _c = _a.variant, variant = _c === void 0 ? BannerVariant.Full : _c, _d = _a.error, error = _d === void 0 ? common_1.ErrorType.Alert : _d, label = _a.label, onClick = _a.onClick, props = __rest(_a, ["actionText", "variant", "error", "label", "onClick"]);
90
- var bannerIcon = error === common_1.ErrorType.Error ? canvas_system_icons_web_1.exclamationCircleIcon : canvas_system_icons_web_1.exclamationTriangleIcon;
91
- var iconColor = error === common_1.ErrorType.Error ? tokens_1.colors.frenchVanilla100 : tokens_1.colors.blackPepper400;
92
- var iconSize = 24;
93
- return (React.createElement(BannerWrapper, __assign({ "aria-label": actionText + ': ' + label, role: "button", variant: variant, tabIndex: 0, onClick: onClick, error: error }, props),
94
- React.createElement(BannerIcon, { icon: bannerIcon, color: iconColor, colorHover: iconColor, size: iconSize }),
95
- React.createElement(BannerLabel, null, label),
96
- React.createElement(BannerViewAll, { variant: variant }, actionText)));
97
- };
98
- Banner.Variant = BannerVariant;
99
- Banner.ErrorType = common_1.ErrorType;
100
- return Banner;
101
- }(React.Component));
70
+ var Banner = React.forwardRef(function (props, ref) {
71
+ var _a = props.actionText, actionText = _a === void 0 ? 'View All' : _a, _b = props.variant, variant = _b === void 0 ? BannerVariant.Full : _b, _c = props.error, error = _c === void 0 ? common_1.ErrorType.Alert : _c, label = props.label, onClick = props.onClick, elemProps = __rest(props, ["actionText", "variant", "error", "label", "onClick"]);
72
+ var bannerIcon = error === common_1.ErrorType.Error ? canvas_system_icons_web_1.exclamationCircleIcon : canvas_system_icons_web_1.exclamationTriangleIcon;
73
+ var iconColor = error === common_1.ErrorType.Error ? tokens_1.colors.frenchVanilla100 : tokens_1.colors.blackPepper400;
74
+ var iconSize = 24;
75
+ return (React.createElement(BannerWrapper, __assign({ "aria-label": actionText + ': ' + label, role: "button", variant: variant, tabIndex: 0, onClick: onClick, error: error, ref: ref }, elemProps),
76
+ React.createElement(BannerIcon, { icon: bannerIcon, color: iconColor, colorHover: iconColor, size: iconSize }),
77
+ React.createElement(BannerLabel, null, label),
78
+ React.createElement(BannerViewAll, { variant: variant }, actionText)));
79
+ });
102
80
  Banner.Variant = BannerVariant;
103
81
  Banner.ErrorType = common_1.ErrorType;
104
82
  exports.default = Banner;
package/dist/commonjs/button/lib/TertiaryButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TertiaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/TertiaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,SAAS,EAGV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAe,mBAAmB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAGzE,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAsGD,eAAO,MAAM,cAAc,wEA4DzB,CAAC"}
1
+ {"version":3,"file":"TertiaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/TertiaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,SAAS,EAGV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAe,mBAAmB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAGzE,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAuGD,eAAO,MAAM,cAAc,wEA4DzB,CAAC"}
package/dist/commonjs/button/lib/TertiaryButton.js CHANGED
@@ -92,6 +92,7 @@ var getTertiaryButtonColors = function (variant, theme) {
92
92
  focusRing: common_1.focusRing({}, theme),
93
93
  },
94
94
  disabled: {
95
+ background: 'transparent',
95
96
  icon: themePrimary.main,
96
97
  label: themePrimary.main,
97
98
  },
package/dist/commonjs/common/lib/parts/_brand-assets.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- var CDN_URI = '//design.workday.com/images/';
3
+ var CDN_URI = 'https://design.workday.com/images/';
4
4
  exports.dubLogoBlue = "<img src=\"" + CDN_URI + "ck-dub-logo-blue.svg\" alt=\"\">";
5
5
  exports.dubLogoWhite = "<img src=\"" + CDN_URI + "ck-dub-logo-white.svg\" alt=\"\">";
6
6
  exports.wdayLogoBlue = "<img src=\"" + CDN_URI + "ck-wday-logo-blue.svg\" alt=\"\">";
package/dist/es6/banner/lib/Banner.d.ts CHANGED
@@ -29,10 +29,9 @@ export interface BannerProps extends Themeable, React.ButtonHTMLAttributes<HTMLB
29
29
  */
30
30
  actionText?: string;
31
31
  }
32
- declare class Banner extends React.Component<BannerProps> {
33
- static Variant: typeof BannerVariant;
34
- static ErrorType: typeof ErrorType;
35
- render(): JSX.Element;
36
- }
32
+ declare const Banner: React.FC<BannerProps> & {
33
+ Variant: typeof BannerVariant;
34
+ ErrorType: typeof ErrorType;
35
+ };
37
36
  export default Banner;
38
37
  //# sourceMappingURL=Banner.d.ts.map
package/dist/es6/banner/lib/Banner.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../banner/lib/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAqB,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEzF,oBAAY,aAAa;IACvB,IAAI,IAAA;IACJ,MAAM,IAAA;CACP;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAoDD,cAAM,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAC/C,MAAM,CAAC,OAAO,uBAAiB;IAC/B,MAAM,CAAC,SAAS,mBAAa;IAEtB,MAAM;CA8Bd;AAKD,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../banner/lib/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAqB,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEzF,oBAAY,aAAa;IACvB,IAAI,IAAA;IACJ,MAAM,IAAA;CACP;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAoDD,QAAA,MAAM,MAAM;;;CAiCX,CAAC;AAKF,eAAe,MAAM,CAAC"}
package/dist/es6/banner/lib/Banner.js CHANGED
@@ -1,16 +1,3 @@
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 (b.hasOwnProperty(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
1
  var __assign = (this && this.__assign) || function () {
15
2
  __assign = Object.assign || function(t) {
16
3
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -71,25 +58,16 @@ var BannerViewAll = styled('span')({
71
58
  display: variant === BannerVariant.Sticky ? 'none' : undefined,
72
59
  });
73
60
  });
74
- var Banner = /** @class */ (function (_super) {
75
- __extends(Banner, _super);
76
- function Banner() {
77
- return _super !== null && _super.apply(this, arguments) || this;
78
- }
79
- Banner.prototype.render = function () {
80
- var _a = this.props, _b = _a.actionText, actionText = _b === void 0 ? 'View All' : _b, _c = _a.variant, variant = _c === void 0 ? BannerVariant.Full : _c, _d = _a.error, error = _d === void 0 ? ErrorType.Alert : _d, label = _a.label, onClick = _a.onClick, props = __rest(_a, ["actionText", "variant", "error", "label", "onClick"]);
81
- var bannerIcon = error === ErrorType.Error ? exclamationCircleIcon : exclamationTriangleIcon;
82
- var iconColor = error === ErrorType.Error ? colors.frenchVanilla100 : colors.blackPepper400;
83
- var iconSize = 24;
84
- return (React.createElement(BannerWrapper, __assign({ "aria-label": actionText + ': ' + label, role: "button", variant: variant, tabIndex: 0, onClick: onClick, error: error }, props),
85
- React.createElement(BannerIcon, { icon: bannerIcon, color: iconColor, colorHover: iconColor, size: iconSize }),
86
- React.createElement(BannerLabel, null, label),
87
- React.createElement(BannerViewAll, { variant: variant }, actionText)));
88
- };
89
- Banner.Variant = BannerVariant;
90
- Banner.ErrorType = ErrorType;
91
- return Banner;
92
- }(React.Component));
61
+ var Banner = React.forwardRef(function (props, ref) {
62
+ var _a = props.actionText, actionText = _a === void 0 ? 'View All' : _a, _b = props.variant, variant = _b === void 0 ? BannerVariant.Full : _b, _c = props.error, error = _c === void 0 ? ErrorType.Alert : _c, label = props.label, onClick = props.onClick, elemProps = __rest(props, ["actionText", "variant", "error", "label", "onClick"]);
63
+ var bannerIcon = error === ErrorType.Error ? exclamationCircleIcon : exclamationTriangleIcon;
64
+ var iconColor = error === ErrorType.Error ? colors.frenchVanilla100 : colors.blackPepper400;
65
+ var iconSize = 24;
66
+ return (React.createElement(BannerWrapper, __assign({ "aria-label": actionText + ': ' + label, role: "button", variant: variant, tabIndex: 0, onClick: onClick, error: error, ref: ref }, elemProps),
67
+ React.createElement(BannerIcon, { icon: bannerIcon, color: iconColor, colorHover: iconColor, size: iconSize }),
68
+ React.createElement(BannerLabel, null, label),
69
+ React.createElement(BannerViewAll, { variant: variant }, actionText)));
70
+ });
93
71
  Banner.Variant = BannerVariant;
94
72
  Banner.ErrorType = ErrorType;
95
73
  export default Banner;
package/dist/es6/button/lib/TertiaryButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TertiaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/TertiaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,SAAS,EAGV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAe,mBAAmB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAGzE,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAsGD,eAAO,MAAM,cAAc,wEA4DzB,CAAC"}
1
+ {"version":3,"file":"TertiaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/TertiaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,SAAS,EAGV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAe,mBAAmB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAGzE,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAuGD,eAAO,MAAM,cAAc,wEA4DzB,CAAC"}
package/dist/es6/button/lib/TertiaryButton.js CHANGED
@@ -83,6 +83,7 @@ var getTertiaryButtonColors = function (variant, theme) {
83
83
  focusRing: focusRing({}, theme),
84
84
  },
85
85
  disabled: {
86
+ background: 'transparent',
86
87
  icon: themePrimary.main,
87
88
  label: themePrimary.main,
88
89
  },
package/dist/es6/common/lib/parts/_brand-assets.js CHANGED
@@ -1,4 +1,4 @@
1
- var CDN_URI = '//design.workday.com/images/';
1
+ var CDN_URI = 'https://design.workday.com/images/';
2
2
  export var dubLogoBlue = "<img src=\"" + CDN_URI + "ck-dub-logo-blue.svg\" alt=\"\">";
3
3
  export var dubLogoWhite = "<img src=\"" + CDN_URI + "ck-dub-logo-white.svg\" alt=\"\">";
4
4
  export var wdayLogoBlue = "<img src=\"" + CDN_URI + "ck-wday-logo-blue.svg\" alt=\"\">";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "6.7.2",
3
+ "version": "6.8.2",
4
4
  "description": "The parent module that contains all Workday Canvas Kit React components",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -57,9 +57,9 @@
57
57
  "@emotion/styled": "^10.0.27",
58
58
  "@popperjs/core": "^2.5.4",
59
59
  "@workday/canvas-colors-web": "^2.0.0",
60
- "@workday/canvas-kit-labs-react": "^6.7.2",
61
- "@workday/canvas-kit-popup-stack": "^6.7.2",
62
- "@workday/canvas-kit-preview-react": "^6.7.2",
60
+ "@workday/canvas-kit-labs-react": "^6.8.2",
61
+ "@workday/canvas-kit-popup-stack": "^6.8.2",
62
+ "@workday/canvas-kit-preview-react": "^6.8.2",
63
63
  "@workday/canvas-system-icons-web": "1.0.41",
64
64
  "@workday/design-assets-types": "^0.2.4",
65
65
  "chroma-js": "^2.1.0",
@@ -77,5 +77,5 @@
77
77
  "@workday/canvas-accent-icons-web": "^1.0.0",
78
78
  "@workday/canvas-applet-icons-web": "^0.17.50"
79
79
  },
80
- "gitHead": "5ea64c81a7a889bd5933167052c8f65d2840fc07"
80
+ "gitHead": "4f98e7c4d826edea5f98caaeee2ca0b73e0c6bbd"
81
81
  }
package/ts3.5/dist/commonjs/banner/lib/Banner.d.ts CHANGED
@@ -29,10 +29,9 @@ export interface BannerProps extends Themeable, React.ButtonHTMLAttributes<HTMLB
29
29
  */
30
30
  actionText?: string;
31
31
  }
32
- declare class Banner extends React.Component<BannerProps> {
33
- static Variant: typeof BannerVariant;
34
- static ErrorType: typeof ErrorType;
35
- render(): JSX.Element;
36
- }
32
+ declare const Banner: React.FC<BannerProps> & {
33
+ Variant: typeof BannerVariant;
34
+ ErrorType: typeof ErrorType;
35
+ };
37
36
  export default Banner;
38
37
  //# sourceMappingURL=Banner.d.ts.map
package/ts3.5/dist/es6/banner/lib/Banner.d.ts CHANGED
@@ -29,10 +29,9 @@ export interface BannerProps extends Themeable, React.ButtonHTMLAttributes<HTMLB
29
29
  */
30
30
  actionText?: string;
31
31
  }
32
- declare class Banner extends React.Component<BannerProps> {
33
- static Variant: typeof BannerVariant;
34
- static ErrorType: typeof ErrorType;
35
- render(): JSX.Element;
36
- }
32
+ declare const Banner: React.FC<BannerProps> & {
33
+ Variant: typeof BannerVariant;
34
+ ErrorType: typeof ErrorType;
35
+ };
37
36
  export default Banner;
38
37
  //# sourceMappingURL=Banner.d.ts.map