@workday/canvas-kit-labs-react 9.0.0-alpha.359-next.4 → 9.0.0-alpha.362-next.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 (67) 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 +3 -3
  9. package/dist/commonjs/toast/index.d.ts +0 -3
  10. package/dist/commonjs/toast/index.d.ts.map +0 -1
  11. package/dist/commonjs/toast/index.js +0 -14
  12. package/dist/commonjs/toast/lib/Toast.d.ts +0 -65
  13. package/dist/commonjs/toast/lib/Toast.d.ts.map +0 -1
  14. package/dist/commonjs/toast/lib/Toast.js +0 -116
  15. package/dist/commonjs/toast/lib/ToastBody.d.ts +0 -6
  16. package/dist/commonjs/toast/lib/ToastBody.d.ts.map +0 -1
  17. package/dist/commonjs/toast/lib/ToastBody.js +0 -40
  18. package/dist/commonjs/toast/lib/ToastCloseIcon.d.ts +0 -6
  19. package/dist/commonjs/toast/lib/ToastCloseIcon.d.ts.map +0 -1
  20. package/dist/commonjs/toast/lib/ToastCloseIcon.js +0 -43
  21. package/dist/commonjs/toast/lib/ToastIcon.d.ts +0 -5
  22. package/dist/commonjs/toast/lib/ToastIcon.d.ts.map +0 -1
  23. package/dist/commonjs/toast/lib/ToastIcon.js +0 -26
  24. package/dist/commonjs/toast/lib/ToastLink.d.ts +0 -9
  25. package/dist/commonjs/toast/lib/ToastLink.d.ts.map +0 -1
  26. package/dist/commonjs/toast/lib/ToastLink.js +0 -42
  27. package/dist/commonjs/toast/lib/ToastMessage.d.ts +0 -11
  28. package/dist/commonjs/toast/lib/ToastMessage.d.ts.map +0 -1
  29. package/dist/commonjs/toast/lib/ToastMessage.js +0 -41
  30. package/dist/commonjs/toast/lib/hooks/useToastModel.d.ts +0 -65
  31. package/dist/commonjs/toast/lib/hooks/useToastModel.d.ts.map +0 -1
  32. package/dist/commonjs/toast/lib/hooks/useToastModel.js +0 -35
  33. package/dist/es6/toast/index.d.ts +0 -3
  34. package/dist/es6/toast/index.d.ts.map +0 -1
  35. package/dist/es6/toast/index.js +0 -2
  36. package/dist/es6/toast/lib/Toast.d.ts +0 -65
  37. package/dist/es6/toast/lib/Toast.d.ts.map +0 -1
  38. package/dist/es6/toast/lib/Toast.js +0 -110
  39. package/dist/es6/toast/lib/ToastBody.d.ts +0 -6
  40. package/dist/es6/toast/lib/ToastBody.d.ts.map +0 -1
  41. package/dist/es6/toast/lib/ToastBody.js +0 -34
  42. package/dist/es6/toast/lib/ToastCloseIcon.d.ts +0 -6
  43. package/dist/es6/toast/lib/ToastCloseIcon.d.ts.map +0 -1
  44. package/dist/es6/toast/lib/ToastCloseIcon.js +0 -37
  45. package/dist/es6/toast/lib/ToastIcon.d.ts +0 -5
  46. package/dist/es6/toast/lib/ToastIcon.d.ts.map +0 -1
  47. package/dist/es6/toast/lib/ToastIcon.js +0 -20
  48. package/dist/es6/toast/lib/ToastLink.d.ts +0 -9
  49. package/dist/es6/toast/lib/ToastLink.d.ts.map +0 -1
  50. package/dist/es6/toast/lib/ToastLink.js +0 -36
  51. package/dist/es6/toast/lib/ToastMessage.d.ts +0 -11
  52. package/dist/es6/toast/lib/ToastMessage.d.ts.map +0 -1
  53. package/dist/es6/toast/lib/ToastMessage.js +0 -35
  54. package/dist/es6/toast/lib/hooks/useToastModel.d.ts +0 -65
  55. package/dist/es6/toast/lib/hooks/useToastModel.d.ts.map +0 -1
  56. package/dist/es6/toast/lib/hooks/useToastModel.js +0 -32
  57. package/toast/LICENSE +0 -52
  58. package/toast/README.md +0 -5
  59. package/toast/index.ts +0 -2
  60. package/toast/lib/Toast.tsx +0 -101
  61. package/toast/lib/ToastBody.tsx +0 -34
  62. package/toast/lib/ToastCloseIcon.tsx +0 -18
  63. package/toast/lib/ToastIcon.tsx +0 -24
  64. package/toast/lib/ToastLink.tsx +0 -27
  65. package/toast/lib/ToastMessage.tsx +0 -21
  66. package/toast/lib/hooks/useToastModel.tsx +0 -27
  67. package/toast/package.json +0 -6
@@ -2,5 +2,4 @@ export * from './combobox';
2
2
  export * from './common';
3
3
  export * from './expandable';
4
4
  export * from './search-form';
5
- export * from './toast';
6
5
  //# sourceMappingURL=index.d.ts.map
@@ -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,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
@@ -14,4 +14,3 @@ __exportStar(require("./combobox"), exports);
14
14
  __exportStar(require("./common"), exports);
15
15
  __exportStar(require("./expandable"), exports);
16
16
  __exportStar(require("./search-form"), exports);
17
- __exportStar(require("./toast"), exports);
@@ -2,5 +2,4 @@ export * from './combobox';
2
2
  export * from './common';
3
3
  export * from './expandable';
4
4
  export * from './search-form';
5
- export * from './toast';
6
5
  //# sourceMappingURL=index.d.ts.map
@@ -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,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
package/dist/es6/index.js CHANGED
@@ -2,4 +2,3 @@ export * from './combobox';
2
2
  export * from './common';
3
3
  export * from './expandable';
4
4
  export * from './search-form';
5
- export * from './toast';
package/index.ts CHANGED
@@ -2,4 +2,3 @@ export * from './combobox';
2
2
  export * from './common';
3
3
  export * from './expandable';
4
4
  export * from './search-form';
5
- export * from './toast';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-labs-react",
3
- "version": "9.0.0-alpha.359-next.4+6d2e2650",
3
+ "version": "9.0.0-alpha.362-next.2+ea2fe722",
4
4
  "description": "Canvas Kit Labs is an incubator for new and experimental components. Since we have a rather rigorous process for getting components in at a production level, it can be valuable to make them available earlier while we continuously iterate on the API/functionality. The Labs modules allow us to do that as needed.",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -46,7 +46,7 @@
46
46
  "dependencies": {
47
47
  "@emotion/react": "^11.7.1",
48
48
  "@emotion/styled": "^11.6.0",
49
- "@workday/canvas-kit-react": "^9.0.0-alpha.359-next.4+6d2e2650",
49
+ "@workday/canvas-kit-react": "^9.0.0-alpha.362-next.2+ea2fe722",
50
50
  "@workday/canvas-system-icons-web": "^3.0.0",
51
51
  "@workday/design-assets-types": "^0.2.8",
52
52
  "chroma-js": "^2.1.0",
@@ -56,5 +56,5 @@
56
56
  "devDependencies": {
57
57
  "@types/lodash.flatten": "^4.4.6"
58
58
  },
59
- "gitHead": "6d2e2650a991da4f2e1b0f60bba9643fe8f483b1"
59
+ "gitHead": "ea2fe722d1176835120f765c4b9b88dcd5234fe5"
60
60
  }
@@ -1,3 +0,0 @@
1
- export * from './lib/Toast';
2
- export * from './lib/hooks/useToastModel';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC"}
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- __exportStar(require("./lib/Toast"), exports);
14
- __exportStar(require("./lib/hooks/useToastModel"), exports);
@@ -1,65 +0,0 @@
1
- import { ExtractProps } from '@workday/canvas-kit-react/common';
2
- import { Popup } from '@workday/canvas-kit-react/popup';
3
- export interface ToastProps extends Omit<ExtractProps<typeof Popup.Card, never>, 'model'> {
4
- }
5
- /**
6
- * `Toast` defines a container for all `Toast` subcomponents. `Toast` will render with the appropriate
7
- * ARIA attributes based on which `mode` is selected. It also accepts a `model` if you wish to provide
8
- * a specific `id`.
9
- *
10
- * `Toast` renders a {@link PopupCard Popup.Card} under the hood.
11
- */
12
- export declare const Toast: import("@workday/canvas-kit-react/common").ElementComponentM<"div", ToastProps & Partial<{
13
- mode: import("./hooks/useToastModel").AriaRoleMode;
14
- id: string;
15
- }> & {} & {}, {
16
- state: {
17
- id: string;
18
- mode: import("./hooks/useToastModel").AriaRoleMode;
19
- };
20
- events: {};
21
- }> & {
22
- /**
23
- * `Toast.Body` defines a container for the contents of the `Toast`, including
24
- * {@link ToastMessage Toast.Message} and {@link ToastLink Toast.Link}.
25
- *
26
- * `Toast.Body` renders a {@link PopupBody Popup.Body} under the hood.
27
- */
28
- Body: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./ToastBody").ToastBodyProps>;
29
- /**
30
- * `Toast.Icon` renders a decorative icon for the `Toast`. When using `Toast.Icon`, be sure to
31
- * set a complementary `mode` to the `Toast`. For example, if the icon conveys an error, set the
32
- * `mode` to `'alert'`.
33
- *
34
- * `Toast.Icon` renders a {@link SystemIcon} under the hood.
35
- */
36
- Icon: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./ToastIcon").ToastIconProps>;
37
- /**
38
- * `Toast.Message` defines a container for the message of the `Toast`. It accepts any
39
- * {@link React.ReactNode} as its children. `Toast.Message` is assigned a unique `id` so that it
40
- * may be read aloud by screen readers when the `Toast` `mode` is set to `dialog`.
41
- *
42
- * `Toast.Message` renders a {@link Box} under the hood.
43
- */
44
- Message: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./ToastMessage").ToastMessageProps, {
45
- state: {
46
- id: string;
47
- mode: import("./hooks/useToastModel").AriaRoleMode;
48
- };
49
- events: {};
50
- }>;
51
- /**
52
- * Use `Toast.Link` to provide an action in the `Toast`. `Toast.Link` should always be used in
53
- * conjunction with `dialog` `mode` to provide an accessible experience.
54
- *
55
- * `Toast.Link` renders a {@link Hyperlink} under the hood.
56
- */
57
- Link: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("./ToastLink").ToastLinkProps>;
58
- /**
59
- * Use `Toast.CloseIcon` to provide a close button to dismiss the `Toast`.
60
- *
61
- * `Toast.Link` renders a {@link PopupCloseIcon Popup.CloseIcon} under the hood.
62
- */
63
- CloseIcon: import("@workday/canvas-kit-react/common").ElementComponent<"button", import("./ToastCloseIcon").ToastCloseIconProps>;
64
- };
65
- //# sourceMappingURL=Toast.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../toast/lib/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAStD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC;CAAG;AAE5F;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;IAId;;;;;OAKG;;IAEH;;;;;;OAMG;;IAEH;;;;;;OAMG;;;;;;;;IAEH;;;;;OAKG;;IAEH;;;;OAIG;;CAwCL,CAAC"}
@@ -1,116 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- exports.Toast = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var common_1 = require("@workday/canvas-kit-react/common");
31
- var layout_1 = require("@workday/canvas-kit-react/layout");
32
- var popup_1 = require("@workday/canvas-kit-react/popup");
33
- var ToastCloseIcon_1 = require("./ToastCloseIcon");
34
- var ToastIcon_1 = require("./ToastIcon");
35
- var ToastMessage_1 = require("./ToastMessage");
36
- var ToastLink_1 = require("./ToastLink");
37
- var ToastBody_1 = require("./ToastBody");
38
- var useToastModel_1 = require("./hooks/useToastModel");
39
- /**
40
- * `Toast` defines a container for all `Toast` subcomponents. `Toast` will render with the appropriate
41
- * ARIA attributes based on which `mode` is selected. It also accepts a `model` if you wish to provide
42
- * a specific `id`.
43
- *
44
- * `Toast` renders a {@link PopupCard Popup.Card} under the hood.
45
- */
46
- exports.Toast = common_1.createContainer('div')({
47
- displayName: 'Toast',
48
- modelHook: useToastModel_1.useToastModel,
49
- subComponents: {
50
- /**
51
- * `Toast.Body` defines a container for the contents of the `Toast`, including
52
- * {@link ToastMessage Toast.Message} and {@link ToastLink Toast.Link}.
53
- *
54
- * `Toast.Body` renders a {@link PopupBody Popup.Body} under the hood.
55
- */
56
- Body: ToastBody_1.ToastBody,
57
- /**
58
- * `Toast.Icon` renders a decorative icon for the `Toast`. When using `Toast.Icon`, be sure to
59
- * set a complementary `mode` to the `Toast`. For example, if the icon conveys an error, set the
60
- * `mode` to `'alert'`.
61
- *
62
- * `Toast.Icon` renders a {@link SystemIcon} under the hood.
63
- */
64
- Icon: ToastIcon_1.ToastIcon,
65
- /**
66
- * `Toast.Message` defines a container for the message of the `Toast`. It accepts any
67
- * {@link React.ReactNode} as its children. `Toast.Message` is assigned a unique `id` so that it
68
- * may be read aloud by screen readers when the `Toast` `mode` is set to `dialog`.
69
- *
70
- * `Toast.Message` renders a {@link Box} under the hood.
71
- */
72
- Message: ToastMessage_1.ToastMessage,
73
- /**
74
- * Use `Toast.Link` to provide an action in the `Toast`. `Toast.Link` should always be used in
75
- * conjunction with `dialog` `mode` to provide an accessible experience.
76
- *
77
- * `Toast.Link` renders a {@link Hyperlink} under the hood.
78
- */
79
- Link: ToastLink_1.ToastLink,
80
- /**
81
- * Use `Toast.CloseIcon` to provide a close button to dismiss the `Toast`.
82
- *
83
- * `Toast.Link` renders a {@link PopupCloseIcon Popup.CloseIcon} under the hood.
84
- */
85
- CloseIcon: ToastCloseIcon_1.ToastCloseIcon,
86
- },
87
- })(function (_a, Element, model) {
88
- var children = _a.children, elemProps = __rest(_a, ["children"]);
89
- var getAriaAttributes = function (mode) {
90
- switch (mode) {
91
- case 'dialog':
92
- return {
93
- 'aria-describedby': model.state.id,
94
- 'aria-label': 'notification',
95
- role: 'dialog',
96
- };
97
- case 'alert':
98
- return {
99
- role: 'alert',
100
- 'aria-live': 'assertive',
101
- 'aria-atomic': true,
102
- };
103
- case 'status':
104
- return {
105
- role: 'status',
106
- 'aria-live': 'polite',
107
- 'aria-atomic': true,
108
- };
109
- default: {
110
- return {};
111
- }
112
- }
113
- };
114
- return (react_1.default.createElement(popup_1.Popup.Card, __assign({ as: Element, width: 360, padding: "0" }, getAriaAttributes(model.state.mode), elemProps),
115
- react_1.default.createElement(layout_1.Flex, null, children)));
116
- });
@@ -1,6 +0,0 @@
1
- import { ExtractProps } from '@workday/canvas-kit-react/common';
2
- import { Popup } from '@workday/canvas-kit-react/popup';
3
- export interface ToastBodyProps extends ExtractProps<typeof Popup.Body> {
4
- }
5
- export declare const ToastBody: import("@workday/canvas-kit-react/common").ElementComponent<"div", ToastBodyProps>;
6
- //# sourceMappingURL=ToastBody.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToastBody.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AACnG,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAGtD,MAAM,WAAW,cAAe,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC;CAAG;AAW1E,eAAO,MAAM,SAAS,oFAgBpB,CAAC"}
@@ -1,40 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- exports.ToastBody = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var common_1 = require("@workday/canvas-kit-react/common");
31
- var popup_1 = require("@workday/canvas-kit-react/popup");
32
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
33
- var StyledToastBody = common_1.styled(popup_1.Popup.Body)(__assign({ display: 'flex', alignItems: 'flex-start', flexDirection: 'column', justifyContent: 'center' }, tokens_1.type.levels.subtext.large));
34
- exports.ToastBody = common_1.createComponent('div')({
35
- displayName: 'Toast.Body',
36
- Component: function (_a, ref, Element) {
37
- var children = _a.children, elemProps = __rest(_a, ["children"]);
38
- return (react_1.default.createElement(StyledToastBody, __assign({ paddingInlineStart: "xxxs", paddingY: "s", paddingInlineEnd: "s", ref: ref, as: Element }, elemProps), children));
39
- },
40
- });
@@ -1,6 +0,0 @@
1
- import { ExtractProps } from '@workday/canvas-kit-react/common';
2
- import { Popup } from '@workday/canvas-kit-react/popup';
3
- export interface ToastCloseIconProps extends ExtractProps<typeof Popup.CloseIcon, never> {
4
- }
5
- export declare const ToastCloseIcon: import("@workday/canvas-kit-react/common").ElementComponent<"button", ToastCloseIconProps>;
6
- //# sourceMappingURL=ToastCloseIcon.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToastCloseIcon.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastCloseIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAa,MAAM,kCAAkC,CAAC;AAC3F,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAGtD,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC;CAAG;AAO3F,eAAO,MAAM,cAAc,4FAKzB,CAAC"}
@@ -1,43 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- exports.ToastCloseIcon = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var common_1 = require("@workday/canvas-kit-react/common");
31
- var popup_1 = require("@workday/canvas-kit-react/popup");
32
- var styled_1 = __importDefault(require("@emotion/styled"));
33
- // TODO Remove this once we extend style properties for buttons https://github.com/Workday/canvas-kit/issues/1746
34
- var StyledCloseIcon = styled_1.default(popup_1.Popup.CloseIcon)({
35
- position: 'relative',
36
- });
37
- exports.ToastCloseIcon = common_1.createComponent('button')({
38
- displayName: 'Toast.CloseIcon',
39
- Component: function (_a, ref, Element) {
40
- var elemProps = __rest(_a, []);
41
- return react_1.default.createElement(StyledCloseIcon, __assign({ as: Element, ref: ref, size: "small" }, elemProps));
42
- },
43
- });
@@ -1,5 +0,0 @@
1
- import { SystemIconProps } from '@workday/canvas-kit-react/icon';
2
- export interface ToastIconProps extends Omit<SystemIconProps, 'colorHover'> {
3
- }
4
- export declare const ToastIcon: import("@workday/canvas-kit-react/common").ElementComponent<"div", ToastIconProps>;
5
- //# sourceMappingURL=ToastIcon.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToastIcon.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAE3E,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC;CAAG;AAE9E,eAAO,MAAM,SAAS,oFAgBpB,CAAC"}
@@ -1,26 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.ToastIcon = void 0;
18
- var react_1 = __importDefault(require("react"));
19
- var common_1 = require("@workday/canvas-kit-react/common");
20
- var icon_1 = require("@workday/canvas-kit-react/icon");
21
- exports.ToastIcon = common_1.createComponent('div')({
22
- displayName: 'Toast.Icon',
23
- Component: function (elemProps, ref, Element) {
24
- return (react_1.default.createElement(icon_1.SystemIcon, __assign({ colorHover: elemProps.color, marginY: "s", marginInlineEnd: "xs", marginInlineStart: "xs", alignSelf: "start", ref: ref, as: Element }, elemProps)));
25
- },
26
- });
@@ -1,9 +0,0 @@
1
- import { HyperlinkProps } from '@workday/canvas-kit-react/button';
2
- export interface ToastLinkProps extends HyperlinkProps {
3
- /**
4
- * attribute for the hyperlink URL
5
- */
6
- href: string;
7
- }
8
- export declare const ToastLink: import("@workday/canvas-kit-react/common").ElementComponent<"a", ToastLinkProps>;
9
- //# sourceMappingURL=ToastLink.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToastLink.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastLink.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAG3E,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAMD,eAAO,MAAM,SAAS,kFASpB,CAAC"}
@@ -1,42 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- exports.ToastLink = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var common_1 = require("@workday/canvas-kit-react/common");
31
- var button_1 = require("@workday/canvas-kit-react/button");
32
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
33
- var StyledHyperLink = common_1.styled(button_1.Hyperlink)({
34
- marginTop: tokens_1.space.xxxs,
35
- });
36
- exports.ToastLink = common_1.createComponent('a')({
37
- displayName: 'Toast.Link',
38
- Component: function (_a, ref, Element) {
39
- var children = _a.children, href = _a.href, elemProps = __rest(_a, ["children", "href"]);
40
- return (react_1.default.createElement(StyledHyperLink, __assign({ ref: ref, href: href, as: Element }, elemProps), children));
41
- },
42
- });
@@ -1,11 +0,0 @@
1
- import { FlexProps } from '@workday/canvas-kit-react/layout';
2
- export interface ToastMessageProps extends FlexProps {
3
- }
4
- export declare const ToastMessage: import("@workday/canvas-kit-react/common").ElementComponentM<"div", ToastMessageProps, {
5
- state: {
6
- id: string;
7
- mode: import("./hooks/useToastModel").AriaRoleMode;
8
- };
9
- events: {};
10
- }>;
11
- //# sourceMappingURL=ToastMessage.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToastMessage.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastMessage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAGjE,MAAM,WAAW,iBAAkB,SAAQ,SAAS;CAAG;AAMvD,eAAO,MAAM,YAAY;;;;;;EAQvB,CAAC"}
@@ -1,41 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- exports.ToastMessage = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var common_1 = require("@workday/canvas-kit-react/common");
31
- var layout_1 = require("@workday/canvas-kit-react/layout");
32
- var useToastModel_1 = require("./hooks/useToastModel");
33
- var StyledMessage = common_1.styled(layout_1.Flex)({
34
- wordBreak: 'break-word',
35
- });
36
- exports.ToastMessage = common_1.createSubcomponent('div')({
37
- modelHook: useToastModel_1.useToastModel,
38
- })(function (_a, Element, model) {
39
- var children = _a.children, elemProps = __rest(_a, ["children"]);
40
- return (react_1.default.createElement(StyledMessage, __assign({ flexDirection: "column", id: model.state.id, as: Element }, elemProps), children));
41
- });
@@ -1,65 +0,0 @@
1
- export declare type AriaRoleMode = 'dialog' | 'status' | 'alert';
2
- export declare const useToastModel: (<TT_Special_Generic>(config?: (Partial<{
3
- /**
4
- * Sets the correct aria attributes for the Toast.
5
- * Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
6
- * Status toasts are used to convey a message or a successful action. The `role` is set to `status`
7
- * Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`
8
- * @default 'status'
9
- */
10
- mode: AriaRoleMode;
11
- /**
12
- * When the Toast has a `mode="dialog"` this adds a unique id to type the `Toast.Message` to the dialog.
13
- */
14
- id: string;
15
- }> & {} & {}) | undefined) => {
16
- state: {
17
- id: string;
18
- /**
19
- * Sets the correct aria attributes for the Toast.
20
- * Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
21
- * Status toasts are used to convey a message or a successful action. The `role` is set to `status`
22
- * Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`
23
- * @default 'status'
24
- */
25
- mode: AriaRoleMode;
26
- };
27
- events: {};
28
- }) & import("@workday/canvas-kit-react/common").ModelExtras<{
29
- /**
30
- * Sets the correct aria attributes for the Toast.
31
- * Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
32
- * Status toasts are used to convey a message or a successful action. The `role` is set to `status`
33
- * Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`
34
- * @default 'status'
35
- */
36
- mode: AriaRoleMode;
37
- /**
38
- * When the Toast has a `mode="dialog"` this adds a unique id to type the `Toast.Message` to the dialog.
39
- */
40
- id: string;
41
- }, {}, {
42
- id: string;
43
- /**
44
- * Sets the correct aria attributes for the Toast.
45
- * Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
46
- * Status toasts are used to convey a message or a successful action. The `role` is set to `status`
47
- * Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`
48
- * @default 'status'
49
- */
50
- mode: AriaRoleMode;
51
- }, {}, {
52
- state: {
53
- id: string;
54
- /**
55
- * Sets the correct aria attributes for the Toast.
56
- * Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
57
- * Status toasts are used to convey a message or a successful action. The `role` is set to `status`
58
- * Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`
59
- * @default 'status'
60
- */
61
- mode: AriaRoleMode;
62
- };
63
- events: {};
64
- }>;
65
- //# sourceMappingURL=useToastModel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useToastModel.d.ts","sourceRoot":"","sources":["../../../../../toast/lib/hooks/useToastModel.tsx"],"names":[],"mappings":"AACA,oBAAY,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,eAAO,MAAM,aAAa;IAEtB;;;;;;OAMG;;IAEH;;OAEG;;;;;QAVH;;;;;;WAMG;;;;;IANH;;;;;;OAMG;;IAEH;;OAEG;;;;IAVH;;;;;;OAMG;;;;;QANH;;;;;;WAMG;;;;EAeL,CAAC"}
@@ -1,35 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.useToastModel = void 0;
15
- var common_1 = require("@workday/canvas-kit-react/common");
16
- exports.useToastModel = common_1.createModelHook({
17
- defaultConfig: {
18
- /**
19
- * Sets the correct aria attributes for the Toast.
20
- * Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
21
- * Status toasts are used to convey a message or a successful action. The `role` is set to `status`
22
- * Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`
23
- * @default 'status'
24
- */
25
- mode: 'status',
26
- /**
27
- * When the Toast has a `mode="dialog"` this adds a unique id to type the `Toast.Message` to the dialog.
28
- */
29
- id: '',
30
- },
31
- })(function (config) {
32
- var id = common_1.useUniqueId(config.id);
33
- var state = __assign(__assign({}, config), { id: id });
34
- return { state: state, events: {} };
35
- });