@justeattakeaway/pie-modal 1.8.0 → 1.9.1
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 +15 -109
- package/dist/index.d.ts +6 -6
- package/dist/index.js +1 -1
- package/dist/react.d.ts +7 -7
- package/package.json +8 -8
package/custom-elements.json
CHANGED
|
@@ -190,8 +190,7 @@
|
|
|
190
190
|
"type": {
|
|
191
191
|
"text": "ModalProps['aria']"
|
|
192
192
|
},
|
|
193
|
-
"privacy": "public"
|
|
194
|
-
"attribute": "aria"
|
|
193
|
+
"privacy": "public"
|
|
195
194
|
},
|
|
196
195
|
{
|
|
197
196
|
"kind": "field",
|
|
@@ -199,58 +198,47 @@
|
|
|
199
198
|
"type": {
|
|
200
199
|
"text": "string"
|
|
201
200
|
},
|
|
202
|
-
"privacy": "public"
|
|
203
|
-
"attribute": "heading"
|
|
201
|
+
"privacy": "public"
|
|
204
202
|
},
|
|
205
203
|
{
|
|
206
204
|
"kind": "field",
|
|
207
205
|
"name": "headingLevel",
|
|
208
|
-
"privacy": "public"
|
|
209
|
-
"attribute": "headingLevel"
|
|
206
|
+
"privacy": "public"
|
|
210
207
|
},
|
|
211
208
|
{
|
|
212
209
|
"kind": "field",
|
|
213
210
|
"name": "hasBackButton",
|
|
214
|
-
"privacy": "public"
|
|
215
|
-
"attribute": "hasBackButton"
|
|
211
|
+
"privacy": "public"
|
|
216
212
|
},
|
|
217
213
|
{
|
|
218
214
|
"kind": "field",
|
|
219
215
|
"name": "hasStackedActions",
|
|
220
|
-
"privacy": "public"
|
|
221
|
-
"attribute": "hasStackedActions"
|
|
216
|
+
"privacy": "public"
|
|
222
217
|
},
|
|
223
218
|
{
|
|
224
219
|
"kind": "field",
|
|
225
220
|
"name": "isDismissible",
|
|
226
|
-
"privacy": "public"
|
|
227
|
-
"attribute": "isDismissible",
|
|
228
|
-
"reflects": true
|
|
221
|
+
"privacy": "public"
|
|
229
222
|
},
|
|
230
223
|
{
|
|
231
224
|
"kind": "field",
|
|
232
225
|
"name": "isFooterPinned",
|
|
233
|
-
"privacy": "public"
|
|
234
|
-
"attribute": "isFooterPinned"
|
|
226
|
+
"privacy": "public"
|
|
235
227
|
},
|
|
236
228
|
{
|
|
237
229
|
"kind": "field",
|
|
238
230
|
"name": "isFullWidthBelowMid",
|
|
239
|
-
"privacy": "public"
|
|
240
|
-
"attribute": "isFullWidthBelowMid"
|
|
231
|
+
"privacy": "public"
|
|
241
232
|
},
|
|
242
233
|
{
|
|
243
234
|
"kind": "field",
|
|
244
235
|
"name": "isLoading",
|
|
245
|
-
"privacy": "public"
|
|
246
|
-
"attribute": "isLoading",
|
|
247
|
-
"reflects": true
|
|
236
|
+
"privacy": "public"
|
|
248
237
|
},
|
|
249
238
|
{
|
|
250
239
|
"kind": "field",
|
|
251
240
|
"name": "isOpen",
|
|
252
|
-
"privacy": "public"
|
|
253
|
-
"attribute": "isOpen"
|
|
241
|
+
"privacy": "public"
|
|
254
242
|
},
|
|
255
243
|
{
|
|
256
244
|
"kind": "field",
|
|
@@ -258,14 +246,12 @@
|
|
|
258
246
|
"type": {
|
|
259
247
|
"text": "ModalProps['leadingAction']"
|
|
260
248
|
},
|
|
261
|
-
"privacy": "public"
|
|
262
|
-
"attribute": "leadingAction"
|
|
249
|
+
"privacy": "public"
|
|
263
250
|
},
|
|
264
251
|
{
|
|
265
252
|
"kind": "field",
|
|
266
253
|
"name": "position",
|
|
267
|
-
"privacy": "public"
|
|
268
|
-
"attribute": "position"
|
|
254
|
+
"privacy": "public"
|
|
269
255
|
},
|
|
270
256
|
{
|
|
271
257
|
"kind": "field",
|
|
@@ -273,14 +259,12 @@
|
|
|
273
259
|
"type": {
|
|
274
260
|
"text": "ModalProps['returnFocusAfterCloseSelector']"
|
|
275
261
|
},
|
|
276
|
-
"privacy": "public"
|
|
277
|
-
"attribute": "returnFocusAfterCloseSelector"
|
|
262
|
+
"privacy": "public"
|
|
278
263
|
},
|
|
279
264
|
{
|
|
280
265
|
"kind": "field",
|
|
281
266
|
"name": "size",
|
|
282
|
-
"privacy": "public"
|
|
283
|
-
"attribute": "size"
|
|
267
|
+
"privacy": "public"
|
|
284
268
|
},
|
|
285
269
|
{
|
|
286
270
|
"kind": "field",
|
|
@@ -288,8 +272,7 @@
|
|
|
288
272
|
"type": {
|
|
289
273
|
"text": "ModalProps['supportingAction']"
|
|
290
274
|
},
|
|
291
|
-
"privacy": "public"
|
|
292
|
-
"attribute": "supportingAction"
|
|
275
|
+
"privacy": "public"
|
|
293
276
|
},
|
|
294
277
|
{
|
|
295
278
|
"kind": "field",
|
|
@@ -645,83 +628,6 @@
|
|
|
645
628
|
"name": "pie-modal-supporting-action-click"
|
|
646
629
|
}
|
|
647
630
|
],
|
|
648
|
-
"attributes": [
|
|
649
|
-
{
|
|
650
|
-
"name": "aria",
|
|
651
|
-
"type": {
|
|
652
|
-
"text": "ModalProps['aria']"
|
|
653
|
-
},
|
|
654
|
-
"fieldName": "aria"
|
|
655
|
-
},
|
|
656
|
-
{
|
|
657
|
-
"name": "heading",
|
|
658
|
-
"type": {
|
|
659
|
-
"text": "string"
|
|
660
|
-
},
|
|
661
|
-
"fieldName": "heading"
|
|
662
|
-
},
|
|
663
|
-
{
|
|
664
|
-
"name": "headingLevel",
|
|
665
|
-
"fieldName": "headingLevel"
|
|
666
|
-
},
|
|
667
|
-
{
|
|
668
|
-
"name": "hasBackButton",
|
|
669
|
-
"fieldName": "hasBackButton"
|
|
670
|
-
},
|
|
671
|
-
{
|
|
672
|
-
"name": "hasStackedActions",
|
|
673
|
-
"fieldName": "hasStackedActions"
|
|
674
|
-
},
|
|
675
|
-
{
|
|
676
|
-
"name": "isDismissible",
|
|
677
|
-
"fieldName": "isDismissible"
|
|
678
|
-
},
|
|
679
|
-
{
|
|
680
|
-
"name": "isFooterPinned",
|
|
681
|
-
"fieldName": "isFooterPinned"
|
|
682
|
-
},
|
|
683
|
-
{
|
|
684
|
-
"name": "isFullWidthBelowMid",
|
|
685
|
-
"fieldName": "isFullWidthBelowMid"
|
|
686
|
-
},
|
|
687
|
-
{
|
|
688
|
-
"name": "isLoading",
|
|
689
|
-
"fieldName": "isLoading"
|
|
690
|
-
},
|
|
691
|
-
{
|
|
692
|
-
"name": "isOpen",
|
|
693
|
-
"fieldName": "isOpen"
|
|
694
|
-
},
|
|
695
|
-
{
|
|
696
|
-
"name": "leadingAction",
|
|
697
|
-
"type": {
|
|
698
|
-
"text": "ModalProps['leadingAction']"
|
|
699
|
-
},
|
|
700
|
-
"fieldName": "leadingAction"
|
|
701
|
-
},
|
|
702
|
-
{
|
|
703
|
-
"name": "position",
|
|
704
|
-
"fieldName": "position"
|
|
705
|
-
},
|
|
706
|
-
{
|
|
707
|
-
"name": "returnFocusAfterCloseSelector",
|
|
708
|
-
"type": {
|
|
709
|
-
"text": "ModalProps['returnFocusAfterCloseSelector']"
|
|
710
|
-
},
|
|
711
|
-
"fieldName": "returnFocusAfterCloseSelector"
|
|
712
|
-
},
|
|
713
|
-
{
|
|
714
|
-
"name": "size",
|
|
715
|
-
"fieldName": "size"
|
|
716
|
-
},
|
|
717
|
-
{
|
|
718
|
-
"name": "supportingAction",
|
|
719
|
-
"type": {
|
|
720
|
-
"text": "ModalProps['supportingAction']"
|
|
721
|
-
},
|
|
722
|
-
"fieldName": "supportingAction"
|
|
723
|
-
}
|
|
724
|
-
],
|
|
725
631
|
"mixins": [
|
|
726
632
|
{
|
|
727
633
|
"name": "RtlMixin",
|
package/dist/index.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 { GenericConstructor } from '@justeattakeaway/pie-webc-core';
|
|
4
4
|
import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
5
|
+
import { PropertyValues } from 'lit';
|
|
6
|
+
import { RTLInterface } from '@justeattakeaway/pie-webc-core';
|
|
7
|
+
import { TemplateResult } from 'lit';
|
|
8
8
|
import { Variant } from '@justeattakeaway/pie-button/src/defs.ts';
|
|
9
9
|
|
|
10
10
|
declare type ActionProps = {
|
|
@@ -167,7 +167,7 @@ export declare class PieModal extends PieModal_base implements ModalProps {
|
|
|
167
167
|
leadingAction: ModalProps['leadingAction'];
|
|
168
168
|
position: "top" | "center";
|
|
169
169
|
returnFocusAfterCloseSelector: ModalProps['returnFocusAfterCloseSelector'];
|
|
170
|
-
size: "
|
|
170
|
+
size: "medium" | "large" | "small";
|
|
171
171
|
supportingAction: ModalProps['supportingAction'];
|
|
172
172
|
private _dialog;
|
|
173
173
|
private _backButtonClicked;
|
package/dist/index.js
CHANGED
package/dist/react.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import { CSSResult } from 'lit';
|
|
3
|
+
import { GenericConstructor } from '@justeattakeaway/pie-webc-core';
|
|
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
|
|
8
|
-
import
|
|
7
|
+
import { RTLInterface } from '@justeattakeaway/pie-webc-core';
|
|
8
|
+
import { TemplateResult } from 'lit';
|
|
9
9
|
import { Variant } from '@justeattakeaway/pie-button/src/defs.ts';
|
|
10
10
|
|
|
11
11
|
declare type ActionProps = {
|
|
@@ -140,7 +140,7 @@ export declare const ON_MODAL_OPEN_EVENT = "pie-modal-open";
|
|
|
140
140
|
*/
|
|
141
141
|
export declare const ON_MODAL_SUPPORTING_ACTION_CLICK = "pie-modal-supporting-action-click";
|
|
142
142
|
|
|
143
|
-
export declare const PieModal: React_2.ForwardRefExoticComponent<ModalProps & React_2.RefAttributes<PieModal_2> & PieModalEvents & ReactBaseType>;
|
|
143
|
+
export declare const PieModal: React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<ModalProps> & React_2.RefAttributes<PieModal_2> & PieModalEvents & ReactBaseType>;
|
|
144
144
|
|
|
145
145
|
/**
|
|
146
146
|
* @tagname pie-modal
|
|
@@ -166,7 +166,7 @@ declare class PieModal_2 extends PieModal_base implements ModalProps {
|
|
|
166
166
|
leadingAction: ModalProps['leadingAction'];
|
|
167
167
|
position: "top" | "center";
|
|
168
168
|
returnFocusAfterCloseSelector: ModalProps['returnFocusAfterCloseSelector'];
|
|
169
|
-
size: "
|
|
169
|
+
size: "medium" | "large" | "small";
|
|
170
170
|
supportingAction: ModalProps['supportingAction'];
|
|
171
171
|
private _dialog;
|
|
172
172
|
private _backButtonClicked;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@justeattakeaway/pie-modal",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.9.1",
|
|
4
4
|
"description": "PIE design system modal built using web components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -39,12 +39,12 @@
|
|
|
39
39
|
"license": "Apache-2.0",
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@custom-elements-manifest/analyzer": "0.9.0",
|
|
42
|
-
"@justeat/pie-design-tokens": "7.0
|
|
42
|
+
"@justeat/pie-design-tokens": "7.1.0",
|
|
43
43
|
"@justeattakeaway/pie-button": "1.6.6",
|
|
44
|
-
"@justeattakeaway/pie-components-config": "0.
|
|
45
|
-
"@justeattakeaway/pie-css": "0.
|
|
46
|
-
"@justeattakeaway/pie-monorepo-utils": "0.
|
|
47
|
-
"@justeattakeaway/pie-text-input": "0.28.
|
|
44
|
+
"@justeattakeaway/pie-components-config": "0.21.0",
|
|
45
|
+
"@justeattakeaway/pie-css": "0.18.0",
|
|
46
|
+
"@justeattakeaway/pie-monorepo-utils": "0.6.0",
|
|
47
|
+
"@justeattakeaway/pie-text-input": "0.28.10",
|
|
48
48
|
"@justeattakeaway/pie-wrapper-react": "0.14.3",
|
|
49
49
|
"@types/body-scroll-lock": "3.1.2",
|
|
50
50
|
"cem-plugin-module-file-extensions": "0.0.5"
|
|
@@ -54,8 +54,8 @@
|
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@justeattakeaway/pie-button": "1.6.6",
|
|
57
|
-
"@justeattakeaway/pie-icon-button": "2.0.
|
|
58
|
-
"@justeattakeaway/pie-icons-webc": "1.
|
|
57
|
+
"@justeattakeaway/pie-icon-button": "2.0.4",
|
|
58
|
+
"@justeattakeaway/pie-icons-webc": "1.14.0",
|
|
59
59
|
"@justeattakeaway/pie-spinner": "1.2.4",
|
|
60
60
|
"@justeattakeaway/pie-webc-core": "1.0.0",
|
|
61
61
|
"body-scroll-lock": "3.1.5",
|