@justeattakeaway/pie-notification 0.14.8 → 0.14.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.
- package/custom-elements.json +12 -86
- package/dist/index.d.ts +8 -8
- package/dist/index.js +1 -1
- package/dist/react.d.ts +9 -9
- package/package.json +6 -6
package/custom-elements.json
CHANGED
|
@@ -190,32 +190,27 @@
|
|
|
190
190
|
{
|
|
191
191
|
"kind": "field",
|
|
192
192
|
"name": "isOpen",
|
|
193
|
-
"privacy": "public"
|
|
194
|
-
"attribute": "isOpen"
|
|
193
|
+
"privacy": "public"
|
|
195
194
|
},
|
|
196
195
|
{
|
|
197
196
|
"kind": "field",
|
|
198
197
|
"name": "variant",
|
|
199
|
-
"privacy": "public"
|
|
200
|
-
"attribute": "variant"
|
|
198
|
+
"privacy": "public"
|
|
201
199
|
},
|
|
202
200
|
{
|
|
203
201
|
"kind": "field",
|
|
204
202
|
"name": "position",
|
|
205
|
-
"privacy": "public"
|
|
206
|
-
"attribute": "position"
|
|
203
|
+
"privacy": "public"
|
|
207
204
|
},
|
|
208
205
|
{
|
|
209
206
|
"kind": "field",
|
|
210
207
|
"name": "isDismissible",
|
|
211
|
-
"privacy": "public"
|
|
212
|
-
"attribute": "isDismissible"
|
|
208
|
+
"privacy": "public"
|
|
213
209
|
},
|
|
214
210
|
{
|
|
215
211
|
"kind": "field",
|
|
216
212
|
"name": "isCompact",
|
|
217
|
-
"privacy": "public"
|
|
218
|
-
"attribute": "isCompact"
|
|
213
|
+
"privacy": "public"
|
|
219
214
|
},
|
|
220
215
|
{
|
|
221
216
|
"kind": "field",
|
|
@@ -223,20 +218,17 @@
|
|
|
223
218
|
"type": {
|
|
224
219
|
"text": "NotificationProps['heading']"
|
|
225
220
|
},
|
|
226
|
-
"privacy": "public"
|
|
227
|
-
"attribute": "heading"
|
|
221
|
+
"privacy": "public"
|
|
228
222
|
},
|
|
229
223
|
{
|
|
230
224
|
"kind": "field",
|
|
231
225
|
"name": "headingLevel",
|
|
232
|
-
"privacy": "public"
|
|
233
|
-
"attribute": "headingLevel"
|
|
226
|
+
"privacy": "public"
|
|
234
227
|
},
|
|
235
228
|
{
|
|
236
229
|
"kind": "field",
|
|
237
230
|
"name": "hideIcon",
|
|
238
|
-
"privacy": "public"
|
|
239
|
-
"attribute": "hideIcon"
|
|
231
|
+
"privacy": "public"
|
|
240
232
|
},
|
|
241
233
|
{
|
|
242
234
|
"kind": "field",
|
|
@@ -244,8 +236,7 @@
|
|
|
244
236
|
"type": {
|
|
245
237
|
"text": "NotificationProps['leadingAction']"
|
|
246
238
|
},
|
|
247
|
-
"privacy": "public"
|
|
248
|
-
"attribute": "leadingAction"
|
|
239
|
+
"privacy": "public"
|
|
249
240
|
},
|
|
250
241
|
{
|
|
251
242
|
"kind": "field",
|
|
@@ -253,14 +244,12 @@
|
|
|
253
244
|
"type": {
|
|
254
245
|
"text": "NotificationProps['supportingAction']"
|
|
255
246
|
},
|
|
256
|
-
"privacy": "public"
|
|
257
|
-
"attribute": "supportingAction"
|
|
247
|
+
"privacy": "public"
|
|
258
248
|
},
|
|
259
249
|
{
|
|
260
250
|
"kind": "field",
|
|
261
251
|
"name": "hasStackedActions",
|
|
262
|
-
"privacy": "public"
|
|
263
|
-
"attribute": "hasStackedActions"
|
|
252
|
+
"privacy": "public"
|
|
264
253
|
},
|
|
265
254
|
{
|
|
266
255
|
"kind": "field",
|
|
@@ -268,8 +257,7 @@
|
|
|
268
257
|
"type": {
|
|
269
258
|
"text": "NotificationProps['aria']"
|
|
270
259
|
},
|
|
271
|
-
"privacy": "public"
|
|
272
|
-
"attribute": "aria"
|
|
260
|
+
"privacy": "public"
|
|
273
261
|
},
|
|
274
262
|
{
|
|
275
263
|
"kind": "field",
|
|
@@ -401,68 +389,6 @@
|
|
|
401
389
|
"name": "pie-notification-open"
|
|
402
390
|
}
|
|
403
391
|
],
|
|
404
|
-
"attributes": [
|
|
405
|
-
{
|
|
406
|
-
"name": "isOpen",
|
|
407
|
-
"fieldName": "isOpen"
|
|
408
|
-
},
|
|
409
|
-
{
|
|
410
|
-
"name": "variant",
|
|
411
|
-
"fieldName": "variant"
|
|
412
|
-
},
|
|
413
|
-
{
|
|
414
|
-
"name": "position",
|
|
415
|
-
"fieldName": "position"
|
|
416
|
-
},
|
|
417
|
-
{
|
|
418
|
-
"name": "isDismissible",
|
|
419
|
-
"fieldName": "isDismissible"
|
|
420
|
-
},
|
|
421
|
-
{
|
|
422
|
-
"name": "isCompact",
|
|
423
|
-
"fieldName": "isCompact"
|
|
424
|
-
},
|
|
425
|
-
{
|
|
426
|
-
"name": "heading",
|
|
427
|
-
"type": {
|
|
428
|
-
"text": "NotificationProps['heading']"
|
|
429
|
-
},
|
|
430
|
-
"fieldName": "heading"
|
|
431
|
-
},
|
|
432
|
-
{
|
|
433
|
-
"name": "headingLevel",
|
|
434
|
-
"fieldName": "headingLevel"
|
|
435
|
-
},
|
|
436
|
-
{
|
|
437
|
-
"name": "hideIcon",
|
|
438
|
-
"fieldName": "hideIcon"
|
|
439
|
-
},
|
|
440
|
-
{
|
|
441
|
-
"name": "leadingAction",
|
|
442
|
-
"type": {
|
|
443
|
-
"text": "NotificationProps['leadingAction']"
|
|
444
|
-
},
|
|
445
|
-
"fieldName": "leadingAction"
|
|
446
|
-
},
|
|
447
|
-
{
|
|
448
|
-
"name": "supportingAction",
|
|
449
|
-
"type": {
|
|
450
|
-
"text": "NotificationProps['supportingAction']"
|
|
451
|
-
},
|
|
452
|
-
"fieldName": "supportingAction"
|
|
453
|
-
},
|
|
454
|
-
{
|
|
455
|
-
"name": "hasStackedActions",
|
|
456
|
-
"fieldName": "hasStackedActions"
|
|
457
|
-
},
|
|
458
|
-
{
|
|
459
|
-
"name": "aria",
|
|
460
|
-
"type": {
|
|
461
|
-
"text": "NotificationProps['aria']"
|
|
462
|
-
},
|
|
463
|
-
"fieldName": "aria"
|
|
464
|
-
}
|
|
465
|
-
],
|
|
466
392
|
"superclass": {
|
|
467
393
|
"name": "PieElement",
|
|
468
394
|
"package": "@justeattakeaway/pie-webc-core/src/internals/PieElement"
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import { CSSResult } from 'lit';
|
|
3
|
+
import { nothing } from 'lit';
|
|
4
4
|
import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
|
|
5
|
-
import
|
|
6
|
-
import
|
|
5
|
+
import { PropertyValues } from 'lit';
|
|
6
|
+
import { TemplateResult } from 'lit';
|
|
7
7
|
|
|
8
8
|
export declare type ActionProps = {
|
|
9
9
|
/**
|
|
@@ -89,28 +89,28 @@ export declare interface NotificationProps {
|
|
|
89
89
|
*
|
|
90
90
|
* @constant
|
|
91
91
|
*/
|
|
92
|
-
export declare const ON_NOTIFICATION_CLOSE_EVENT
|
|
92
|
+
export declare const ON_NOTIFICATION_CLOSE_EVENT = "pie-notification-close";
|
|
93
93
|
|
|
94
94
|
/**
|
|
95
95
|
* Event name for when the notification leading action is clicked.
|
|
96
96
|
*
|
|
97
97
|
* @constant
|
|
98
98
|
*/
|
|
99
|
-
export declare const ON_NOTIFICATION_LEADING_ACTION_CLICK_EVENT
|
|
99
|
+
export declare const ON_NOTIFICATION_LEADING_ACTION_CLICK_EVENT = "pie-notification-leading-action-click";
|
|
100
100
|
|
|
101
101
|
/**
|
|
102
102
|
* Event name for when the notification is opened.
|
|
103
103
|
*
|
|
104
104
|
* @constant
|
|
105
105
|
*/
|
|
106
|
-
export declare const ON_NOTIFICATION_OPEN_EVENT
|
|
106
|
+
export declare const ON_NOTIFICATION_OPEN_EVENT = "pie-notification-open";
|
|
107
107
|
|
|
108
108
|
/**
|
|
109
109
|
* Event name for when the notification supporting action is clicked.
|
|
110
110
|
*
|
|
111
111
|
* @constant
|
|
112
112
|
*/
|
|
113
|
-
export declare const ON_NOTIFICATION_SUPPORTING_ACTION_CLICK_EVENT
|
|
113
|
+
export declare const ON_NOTIFICATION_SUPPORTING_ACTION_CLICK_EVENT = "pie-notification-supporting-action-click";
|
|
114
114
|
|
|
115
115
|
/**
|
|
116
116
|
* @tagname pie-notification
|
package/dist/index.js
CHANGED
|
@@ -16,7 +16,7 @@ const u = class u extends k {
|
|
|
16
16
|
this.getAttribute("v") || this.setAttribute("v", u.v);
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
|
-
u.v = "0.14.
|
|
19
|
+
u.v = "0.14.10";
|
|
20
20
|
let $ = u;
|
|
21
21
|
const S = ["neutral", "neutral-alternative", "info", "success", "warning", "error"], E = ["h2", "h3", "h4", "h5", "h6"], T = ["inline-content", "full-width"], t = "pie-notification", l = "c-notification", B = `${t}-close`, L = `${t}-open`, D = `${t}-leading-action-click`, V = `${t}-supporting-action-click`, d = {
|
|
22
22
|
variant: "neutral",
|
package/dist/react.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import { CSSResult } from 'lit';
|
|
3
|
+
import { nothing } from 'lit';
|
|
4
4
|
import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
|
|
5
|
-
import
|
|
5
|
+
import { PropertyValues } from 'lit';
|
|
6
6
|
import * as React_2 from 'react';
|
|
7
|
-
import
|
|
7
|
+
import { TemplateResult } from 'lit';
|
|
8
8
|
|
|
9
9
|
export declare type ActionProps = {
|
|
10
10
|
/**
|
|
@@ -90,30 +90,30 @@ export declare interface NotificationProps {
|
|
|
90
90
|
*
|
|
91
91
|
* @constant
|
|
92
92
|
*/
|
|
93
|
-
export declare const ON_NOTIFICATION_CLOSE_EVENT
|
|
93
|
+
export declare const ON_NOTIFICATION_CLOSE_EVENT = "pie-notification-close";
|
|
94
94
|
|
|
95
95
|
/**
|
|
96
96
|
* Event name for when the notification leading action is clicked.
|
|
97
97
|
*
|
|
98
98
|
* @constant
|
|
99
99
|
*/
|
|
100
|
-
export declare const ON_NOTIFICATION_LEADING_ACTION_CLICK_EVENT
|
|
100
|
+
export declare const ON_NOTIFICATION_LEADING_ACTION_CLICK_EVENT = "pie-notification-leading-action-click";
|
|
101
101
|
|
|
102
102
|
/**
|
|
103
103
|
* Event name for when the notification is opened.
|
|
104
104
|
*
|
|
105
105
|
* @constant
|
|
106
106
|
*/
|
|
107
|
-
export declare const ON_NOTIFICATION_OPEN_EVENT
|
|
107
|
+
export declare const ON_NOTIFICATION_OPEN_EVENT = "pie-notification-open";
|
|
108
108
|
|
|
109
109
|
/**
|
|
110
110
|
* Event name for when the notification supporting action is clicked.
|
|
111
111
|
*
|
|
112
112
|
* @constant
|
|
113
113
|
*/
|
|
114
|
-
export declare const ON_NOTIFICATION_SUPPORTING_ACTION_CLICK_EVENT
|
|
114
|
+
export declare const ON_NOTIFICATION_SUPPORTING_ACTION_CLICK_EVENT = "pie-notification-supporting-action-click";
|
|
115
115
|
|
|
116
|
-
export declare const PieNotification: React_2.ForwardRefExoticComponent<NotificationProps & React_2.RefAttributes<PieNotification_2> & PieNotificationEvents & ReactBaseType>;
|
|
116
|
+
export declare const PieNotification: React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<NotificationProps> & React_2.RefAttributes<PieNotification_2> & PieNotificationEvents & ReactBaseType>;
|
|
117
117
|
|
|
118
118
|
/**
|
|
119
119
|
* @tagname pie-notification
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@justeattakeaway/pie-notification",
|
|
3
3
|
"description": "PIE Design System Notification built using Web Components",
|
|
4
|
-
"version": "0.14.
|
|
4
|
+
"version": "0.14.10",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/justeattakeaway/pie",
|
|
@@ -39,15 +39,15 @@
|
|
|
39
39
|
"license": "Apache-2.0",
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@custom-elements-manifest/analyzer": "0.9.0",
|
|
42
|
-
"@justeattakeaway/pie-components-config": "0.
|
|
43
|
-
"@justeattakeaway/pie-css": "0.
|
|
44
|
-
"@justeattakeaway/pie-monorepo-utils": "0.
|
|
42
|
+
"@justeattakeaway/pie-components-config": "0.21.0",
|
|
43
|
+
"@justeattakeaway/pie-css": "0.19.0",
|
|
44
|
+
"@justeattakeaway/pie-monorepo-utils": "0.6.0",
|
|
45
45
|
"@justeattakeaway/pie-wrapper-react": "0.14.3",
|
|
46
46
|
"cem-plugin-module-file-extensions": "0.0.5"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@justeattakeaway/pie-icon-button": "2.0.
|
|
50
|
-
"@justeattakeaway/pie-icons-webc": "1.
|
|
49
|
+
"@justeattakeaway/pie-icon-button": "2.0.5",
|
|
50
|
+
"@justeattakeaway/pie-icons-webc": "1.14.1",
|
|
51
51
|
"@justeattakeaway/pie-webc-core": "1.0.0"
|
|
52
52
|
},
|
|
53
53
|
"volta": {
|