@momentum-design/components 0.69.0 → 0.69.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.
|
@@ -64,7 +64,7 @@ declare class Dialog extends Dialog_base {
|
|
|
64
64
|
*/
|
|
65
65
|
zIndex: number;
|
|
66
66
|
/**
|
|
67
|
-
* The size of the dialog, can be 'small' (
|
|
67
|
+
* The size of the dialog, can be 'small' (432px width), 'medium' (656px width), or 'large' (992px width)
|
|
68
68
|
* @default small
|
|
69
69
|
*/
|
|
70
70
|
size: DialogSize;
|
|
@@ -83,7 +83,7 @@ class Dialog extends FocusTrapMixin(CardAndDialogFooterMixin(Component)) {
|
|
|
83
83
|
*/
|
|
84
84
|
this.zIndex = DEFAULTS.Z_INDEX;
|
|
85
85
|
/**
|
|
86
|
-
* The size of the dialog, can be 'small' (
|
|
86
|
+
* The size of the dialog, can be 'small' (432px width), 'medium' (656px width), or 'large' (992px width)
|
|
87
87
|
* @default small
|
|
88
88
|
*/
|
|
89
89
|
this.size = DEFAULTS.SIZE;
|
|
@@ -2,67 +2,6 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
-
{
|
|
6
|
-
"kind": "javascript-module",
|
|
7
|
-
"path": "components/appheader/appheader.component.js",
|
|
8
|
-
"declarations": [
|
|
9
|
-
{
|
|
10
|
-
"kind": "class",
|
|
11
|
-
"description": "The `mdc-appheader` component provides a structured and accessible app header layout.\nIt consists of three primary sections: leading, center, and trailing.\n\n- The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n- The **center section** can contain a **search bar**, **icons** or action controls.\n- The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.",
|
|
12
|
-
"name": "Appheader",
|
|
13
|
-
"cssParts": [
|
|
14
|
-
{
|
|
15
|
-
"description": "The main container for styling the header.",
|
|
16
|
-
"name": "container"
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
"description": "The leading section of the header.",
|
|
20
|
-
"name": "leading-section"
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
"description": "The center section of the header.",
|
|
24
|
-
"name": "center-section"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"description": "The trailing section of the header.",
|
|
28
|
-
"name": "trailing-section"
|
|
29
|
-
}
|
|
30
|
-
],
|
|
31
|
-
"slots": [
|
|
32
|
-
{
|
|
33
|
-
"description": "Slot for the leading section (e.g., brand logo, brand name).",
|
|
34
|
-
"name": "leading"
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
"description": "Slot for the center section (e.g., search bar, icons).",
|
|
38
|
-
"name": "center"
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"description": "Slot for the trailing section (e.g., profile avatar, icons).",
|
|
42
|
-
"name": "trailing"
|
|
43
|
-
}
|
|
44
|
-
],
|
|
45
|
-
"members": [],
|
|
46
|
-
"superclass": {
|
|
47
|
-
"name": "Component",
|
|
48
|
-
"module": "/src/models"
|
|
49
|
-
},
|
|
50
|
-
"tagName": "mdc-appheader",
|
|
51
|
-
"jsDoc": "/**\n * The `mdc-appheader` component provides a structured and accessible app header layout.\n * It consists of three primary sections: leading, center, and trailing.\n *\n * - The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n * - The **center section** can contain a **search bar**, **icons** or action controls.\n * - The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.\n *\n * @tagname mdc-appheader\n *\n * @slot leading - Slot for the leading section (e.g., brand logo, brand name).\n * @slot center - Slot for the center section (e.g., search bar, icons).\n * @slot trailing - Slot for the trailing section (e.g., profile avatar, icons).\n *\n * @csspart container - The main container for styling the header.\n * @csspart leading-section - The leading section of the header.\n * @csspart center-section - The center section of the header.\n * @csspart trailing-section - The trailing section of the header.\n */",
|
|
52
|
-
"customElement": true
|
|
53
|
-
}
|
|
54
|
-
],
|
|
55
|
-
"exports": [
|
|
56
|
-
{
|
|
57
|
-
"kind": "js",
|
|
58
|
-
"name": "default",
|
|
59
|
-
"declaration": {
|
|
60
|
-
"name": "Appheader",
|
|
61
|
-
"module": "components/appheader/appheader.component.js"
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
]
|
|
65
|
-
},
|
|
66
5
|
{
|
|
67
6
|
"kind": "javascript-module",
|
|
68
7
|
"path": "components/alertchip/alertchip.component.js",
|
|
@@ -553,6 +492,67 @@
|
|
|
553
492
|
}
|
|
554
493
|
]
|
|
555
494
|
},
|
|
495
|
+
{
|
|
496
|
+
"kind": "javascript-module",
|
|
497
|
+
"path": "components/appheader/appheader.component.js",
|
|
498
|
+
"declarations": [
|
|
499
|
+
{
|
|
500
|
+
"kind": "class",
|
|
501
|
+
"description": "The `mdc-appheader` component provides a structured and accessible app header layout.\nIt consists of three primary sections: leading, center, and trailing.\n\n- The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n- The **center section** can contain a **search bar**, **icons** or action controls.\n- The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.",
|
|
502
|
+
"name": "Appheader",
|
|
503
|
+
"cssParts": [
|
|
504
|
+
{
|
|
505
|
+
"description": "The main container for styling the header.",
|
|
506
|
+
"name": "container"
|
|
507
|
+
},
|
|
508
|
+
{
|
|
509
|
+
"description": "The leading section of the header.",
|
|
510
|
+
"name": "leading-section"
|
|
511
|
+
},
|
|
512
|
+
{
|
|
513
|
+
"description": "The center section of the header.",
|
|
514
|
+
"name": "center-section"
|
|
515
|
+
},
|
|
516
|
+
{
|
|
517
|
+
"description": "The trailing section of the header.",
|
|
518
|
+
"name": "trailing-section"
|
|
519
|
+
}
|
|
520
|
+
],
|
|
521
|
+
"slots": [
|
|
522
|
+
{
|
|
523
|
+
"description": "Slot for the leading section (e.g., brand logo, brand name).",
|
|
524
|
+
"name": "leading"
|
|
525
|
+
},
|
|
526
|
+
{
|
|
527
|
+
"description": "Slot for the center section (e.g., search bar, icons).",
|
|
528
|
+
"name": "center"
|
|
529
|
+
},
|
|
530
|
+
{
|
|
531
|
+
"description": "Slot for the trailing section (e.g., profile avatar, icons).",
|
|
532
|
+
"name": "trailing"
|
|
533
|
+
}
|
|
534
|
+
],
|
|
535
|
+
"members": [],
|
|
536
|
+
"superclass": {
|
|
537
|
+
"name": "Component",
|
|
538
|
+
"module": "/src/models"
|
|
539
|
+
},
|
|
540
|
+
"tagName": "mdc-appheader",
|
|
541
|
+
"jsDoc": "/**\n * The `mdc-appheader` component provides a structured and accessible app header layout.\n * It consists of three primary sections: leading, center, and trailing.\n *\n * - The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n * - The **center section** can contain a **search bar**, **icons** or action controls.\n * - The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.\n *\n * @tagname mdc-appheader\n *\n * @slot leading - Slot for the leading section (e.g., brand logo, brand name).\n * @slot center - Slot for the center section (e.g., search bar, icons).\n * @slot trailing - Slot for the trailing section (e.g., profile avatar, icons).\n *\n * @csspart container - The main container for styling the header.\n * @csspart leading-section - The leading section of the header.\n * @csspart center-section - The center section of the header.\n * @csspart trailing-section - The trailing section of the header.\n */",
|
|
542
|
+
"customElement": true
|
|
543
|
+
}
|
|
544
|
+
],
|
|
545
|
+
"exports": [
|
|
546
|
+
{
|
|
547
|
+
"kind": "js",
|
|
548
|
+
"name": "default",
|
|
549
|
+
"declaration": {
|
|
550
|
+
"name": "Appheader",
|
|
551
|
+
"module": "components/appheader/appheader.component.js"
|
|
552
|
+
}
|
|
553
|
+
}
|
|
554
|
+
]
|
|
555
|
+
},
|
|
556
556
|
{
|
|
557
557
|
"kind": "javascript-module",
|
|
558
558
|
"path": "components/avatar/avatar.component.js",
|
|
@@ -8738,7 +8738,7 @@
|
|
|
8738
8738
|
"type": {
|
|
8739
8739
|
"text": "DialogSize"
|
|
8740
8740
|
},
|
|
8741
|
-
"description": "The size of the dialog, can be 'small' (
|
|
8741
|
+
"description": "The size of the dialog, can be 'small' (432px width), 'medium' (656px width), or 'large' (992px width)",
|
|
8742
8742
|
"default": "small",
|
|
8743
8743
|
"attribute": "size",
|
|
8744
8744
|
"reflects": true
|
|
@@ -9423,7 +9423,7 @@
|
|
|
9423
9423
|
"type": {
|
|
9424
9424
|
"text": "DialogSize"
|
|
9425
9425
|
},
|
|
9426
|
-
"description": "The size of the dialog, can be 'small' (
|
|
9426
|
+
"description": "The size of the dialog, can be 'small' (432px width), 'medium' (656px width), or 'large' (992px width)",
|
|
9427
9427
|
"default": "small",
|
|
9428
9428
|
"fieldName": "size"
|
|
9429
9429
|
},
|
package/dist/react/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default as Appheader } from './appheader';
|
|
2
1
|
export { default as AlertChip } from './alertchip';
|
|
2
|
+
export { default as Appheader } from './appheader';
|
|
3
3
|
export { default as Avatar } from './avatar';
|
|
4
4
|
export { default as AvatarButton } from './avatarbutton';
|
|
5
5
|
export { default as Badge } from './badge';
|
package/dist/react/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default as Appheader } from './appheader';
|
|
2
1
|
export { default as AlertChip } from './alertchip';
|
|
2
|
+
export { default as Appheader } from './appheader';
|
|
3
3
|
export { default as Avatar } from './avatar';
|
|
4
4
|
export { default as AvatarButton } from './avatarbutton';
|
|
5
5
|
export { default as Badge } from './badge';
|
package/package.json
CHANGED