@workday/canvas-kit-react 7.0.0-alpha.81-next.9 → 7.0.0-alpha.82-next.10

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 (6) hide show
  1. package/dist/commonjs/toast/lib/Toast.d.ts.map +1 -1
  2. package/dist/commonjs/toast/lib/Toast.js +2 -1
  3. package/dist/es6/toast/lib/Toast.d.ts.map +1 -1
  4. package/dist/es6/toast/lib/Toast.js +3 -2
  5. package/package.json +5 -5
  6. package/toast/lib/Toast.tsx +4 -3
package/dist/commonjs/toast/lib/Toast.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../toast/lib/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAsB,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAGlF,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAkB,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAGnG,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC;IACxE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAkCD,eAAO,MAAM,KAAK,4DA8ChB,CAAC"}
1
+ {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../toast/lib/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAsB,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAGlF,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAkB,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAGnG,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC;IACxE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAkCD,eAAO,MAAM,KAAK,4DA+ChB,CAAC"}
package/dist/commonjs/toast/lib/Toast.js CHANGED
@@ -73,7 +73,8 @@ exports.Toast = common_1.createComponent('div')({
73
73
  _c = _a.iconColor, // needed for TS2742 - https://github.com/microsoft/TypeScript/issues/29808
74
74
  iconColor = _c === void 0 ? tokens_1.colors.greenApple400 : _c, onClose = _a.onClose, onActionClick = _a.onActionClick, actionText = _a.actionText, children = _a.children, elemProps = __rest(_a, ["icon", "iconColor", "onClose", "onActionClick", "actionText", "children"]);
75
75
  var isInteractive = onClose || onActionClick;
76
- return (React.createElement(popup_1.Popup.Card, __assign({ ref: ref, as: Element, width: toastWidth, padding: "s", depth: 5, role: isInteractive ? 'dialog' : 'status', "aria-live": isInteractive ? 'off' : 'polite', "aria-atomic": !isInteractive }, elemProps),
76
+ var isError = iconColor === tokens_1.colors.cinnamon500 && icon === canvas_system_icons_web_1.exclamationCircleIcon;
77
+ return (React.createElement(popup_1.Popup.Card, __assign({ ref: ref, as: Element, width: toastWidth, padding: "s", depth: 5, role: isInteractive ? 'dialog' : isError ? 'alert' : 'status', "aria-live": isInteractive ? 'off' : isError ? 'assertive' : 'polite', "aria-atomic": !isInteractive }, elemProps),
77
78
  onClose && React.createElement(popup_1.Popup.CloseIcon, { "aria-label": "Close", onClick: onClose, size: "small" }),
78
79
  React.createElement(popup_1.Popup.Body, null,
79
80
  React.createElement(ToastContentContainer, { onClose: onClose },
package/dist/es6/toast/lib/Toast.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../toast/lib/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAsB,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAGlF,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAkB,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAGnG,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC;IACxE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAkCD,eAAO,MAAM,KAAK,4DA8ChB,CAAC"}
1
+ {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../toast/lib/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAsB,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAGlF,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAkB,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAGnG,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC;IACxE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAkCD,eAAO,MAAM,KAAK,4DA+ChB,CAAC"}
package/dist/es6/toast/lib/Toast.js CHANGED
@@ -24,7 +24,7 @@ import * as React from 'react';
24
24
  import { Popup } from '@workday/canvas-kit-react/popup';
25
25
  import { space, colors, type } from '@workday/canvas-kit-react/tokens';
26
26
  import { SystemIcon } from '@workday/canvas-kit-react/icon';
27
- import { checkIcon } from '@workday/canvas-system-icons-web';
27
+ import { checkIcon, exclamationCircleIcon } from '@workday/canvas-system-icons-web';
28
28
  import { createComponent, styled } from '@workday/canvas-kit-react/common';
29
29
  import { Hyperlink } from '@workday/canvas-kit-react/button';
30
30
  var toastWidth = 360;
@@ -51,7 +51,8 @@ export var Toast = createComponent('div')({
51
51
  _c = _a.iconColor, // needed for TS2742 - https://github.com/microsoft/TypeScript/issues/29808
52
52
  iconColor = _c === void 0 ? colors.greenApple400 : _c, onClose = _a.onClose, onActionClick = _a.onActionClick, actionText = _a.actionText, children = _a.children, elemProps = __rest(_a, ["icon", "iconColor", "onClose", "onActionClick", "actionText", "children"]);
53
53
  var isInteractive = onClose || onActionClick;
54
- return (React.createElement(Popup.Card, __assign({ ref: ref, as: Element, width: toastWidth, padding: "s", depth: 5, role: isInteractive ? 'dialog' : 'status', "aria-live": isInteractive ? 'off' : 'polite', "aria-atomic": !isInteractive }, elemProps),
54
+ var isError = iconColor === colors.cinnamon500 && icon === exclamationCircleIcon;
55
+ return (React.createElement(Popup.Card, __assign({ ref: ref, as: Element, width: toastWidth, padding: "s", depth: 5, role: isInteractive ? 'dialog' : isError ? 'alert' : 'status', "aria-live": isInteractive ? 'off' : isError ? 'assertive' : 'polite', "aria-atomic": !isInteractive }, elemProps),
55
56
  onClose && React.createElement(Popup.CloseIcon, { "aria-label": "Close", onClick: onClose, size: "small" }),
56
57
  React.createElement(Popup.Body, null,
57
58
  React.createElement(ToastContentContainer, { onClose: onClose },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "7.0.0-alpha.81-next.9+5f4eca7e",
3
+ "version": "7.0.0-alpha.82-next.10+ea197cab",
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": "^11.6.0",
58
58
  "@popperjs/core": "^2.5.4",
59
59
  "@workday/canvas-colors-web": "^2.0.0",
60
- "@workday/canvas-kit-labs-react": "^7.0.0-alpha.81-next.9+5f4eca7e",
61
- "@workday/canvas-kit-popup-stack": "^7.0.0-alpha.81-next.9+5f4eca7e",
62
- "@workday/canvas-kit-preview-react": "^7.0.0-alpha.81-next.9+5f4eca7e",
60
+ "@workday/canvas-kit-labs-react": "^7.0.0-alpha.82-next.10+ea197cab",
61
+ "@workday/canvas-kit-popup-stack": "^7.0.0-alpha.82-next.10+ea197cab",
62
+ "@workday/canvas-kit-preview-react": "^7.0.0-alpha.82-next.10+ea197cab",
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": "5f4eca7e47351f920cb283c1a1fa16b9ef76b6e5"
80
+ "gitHead": "ea197cab142c9ff0e0c40de332f915fbcf869bfe"
81
81
  }
package/toast/lib/Toast.tsx CHANGED
@@ -3,7 +3,7 @@ import * as React from 'react';
3
3
  import {Popup} from '@workday/canvas-kit-react/popup';
4
4
  import {space, colors, type, CanvasColor} from '@workday/canvas-kit-react/tokens';
5
5
  import {SystemIcon} from '@workday/canvas-kit-react/icon';
6
- import {checkIcon} from '@workday/canvas-system-icons-web';
6
+ import {checkIcon, exclamationCircleIcon} from '@workday/canvas-system-icons-web';
7
7
  import {CanvasSystemIcon} from '@workday/design-assets-types';
8
8
  import {createComponent, ExtractProps, styled, StyledType} from '@workday/canvas-kit-react/common';
9
9
  import {Hyperlink} from '@workday/canvas-kit-react/button';
@@ -85,6 +85,7 @@ export const Toast = createComponent('div')({
85
85
  Element
86
86
  ) => {
87
87
  const isInteractive = onClose || onActionClick;
88
+ const isError = iconColor === colors.cinnamon500 && icon === exclamationCircleIcon;
88
89
 
89
90
  return (
90
91
  <Popup.Card
@@ -93,8 +94,8 @@ export const Toast = createComponent('div')({
93
94
  width={toastWidth}
94
95
  padding="s"
95
96
  depth={5}
96
- role={isInteractive ? 'dialog' : 'status'}
97
- aria-live={isInteractive ? 'off' : 'polite'}
97
+ role={isInteractive ? 'dialog' : isError ? 'alert' : 'status'}
98
+ aria-live={isInteractive ? 'off' : isError ? 'assertive' : 'polite'}
98
99
  aria-atomic={!isInteractive}
99
100
  {...elemProps}
100
101
  >