@momentum-design/components 0.73.7 → 0.74.0
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/dist/custom-elements.json +212 -212
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/package.json +1 -1
|
@@ -2,218 +2,6 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
-
{
|
|
6
|
-
"kind": "javascript-module",
|
|
7
|
-
"path": "components/animation/animation.component.js",
|
|
8
|
-
"declarations": [
|
|
9
|
-
{
|
|
10
|
-
"kind": "class",
|
|
11
|
-
"description": "The `mdc-animation` component is a wrapper around the Lottie animation library.\nIt fetches the animation data dynamically based on the provided name and renders it.\nThis is a display only component that does not have any interactive functionality.\nFrom accessibility perspective, (by default) it is a decorative image component.",
|
|
12
|
-
"name": "Animation",
|
|
13
|
-
"members": [
|
|
14
|
-
{
|
|
15
|
-
"kind": "field",
|
|
16
|
-
"name": "name",
|
|
17
|
-
"type": {
|
|
18
|
-
"text": "AnimationNames | undefined"
|
|
19
|
-
},
|
|
20
|
-
"description": "Name of the animation (= filename)",
|
|
21
|
-
"attribute": "name",
|
|
22
|
-
"reflects": true
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
"kind": "field",
|
|
26
|
-
"name": "loop",
|
|
27
|
-
"type": {
|
|
28
|
-
"text": "LoopType | undefined"
|
|
29
|
-
},
|
|
30
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
31
|
-
"attribute": "loop",
|
|
32
|
-
"reflects": true
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
"kind": "field",
|
|
36
|
-
"name": "autoplay",
|
|
37
|
-
"type": {
|
|
38
|
-
"text": "boolean | undefined"
|
|
39
|
-
},
|
|
40
|
-
"description": "Weather start the animation automatically",
|
|
41
|
-
"attribute": "autoplay",
|
|
42
|
-
"reflects": true
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
"kind": "field",
|
|
46
|
-
"name": "ariaLabel",
|
|
47
|
-
"type": {
|
|
48
|
-
"text": "string | null"
|
|
49
|
-
},
|
|
50
|
-
"default": "null",
|
|
51
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
52
|
-
"attribute": "aria-label"
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
"kind": "field",
|
|
56
|
-
"name": "ariaLabelledBy",
|
|
57
|
-
"type": {
|
|
58
|
-
"text": "string | null"
|
|
59
|
-
},
|
|
60
|
-
"default": "null",
|
|
61
|
-
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
62
|
-
"attribute": "aria-labelledby"
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
"kind": "field",
|
|
66
|
-
"name": "lottieInstance",
|
|
67
|
-
"type": {
|
|
68
|
-
"text": "AnimationItem | undefined"
|
|
69
|
-
},
|
|
70
|
-
"privacy": "private",
|
|
71
|
-
"description": "Lottie animation instance"
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
"kind": "field",
|
|
75
|
-
"name": "containerRef",
|
|
76
|
-
"type": {
|
|
77
|
-
"text": "Ref<HTMLDivElement>"
|
|
78
|
-
},
|
|
79
|
-
"privacy": "private",
|
|
80
|
-
"description": "Container for the animation"
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
"kind": "field",
|
|
84
|
-
"name": "animation",
|
|
85
|
-
"description": "Exposed API of the animation library (lottie)",
|
|
86
|
-
"readonly": true
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
"kind": "method",
|
|
90
|
-
"name": "getLoopValue",
|
|
91
|
-
"privacy": "private"
|
|
92
|
-
},
|
|
93
|
-
{
|
|
94
|
-
"kind": "method",
|
|
95
|
-
"name": "onLoadSuccessHandler",
|
|
96
|
-
"privacy": "private",
|
|
97
|
-
"parameters": [
|
|
98
|
-
{
|
|
99
|
-
"name": "animationData",
|
|
100
|
-
"type": {
|
|
101
|
-
"text": "any"
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
],
|
|
105
|
-
"description": "Create new lotty instance for the loaded data"
|
|
106
|
-
},
|
|
107
|
-
{
|
|
108
|
-
"kind": "method",
|
|
109
|
-
"name": "onLoadFailHandler",
|
|
110
|
-
"privacy": "private",
|
|
111
|
-
"parameters": [
|
|
112
|
-
{
|
|
113
|
-
"name": "error",
|
|
114
|
-
"type": {
|
|
115
|
-
"text": "Error"
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
],
|
|
119
|
-
"description": "Error handler for animation loading"
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
"kind": "method",
|
|
123
|
-
"name": "getAnimationData",
|
|
124
|
-
"privacy": "private",
|
|
125
|
-
"description": "Import animation data dynamically"
|
|
126
|
-
},
|
|
127
|
-
{
|
|
128
|
-
"kind": "field",
|
|
129
|
-
"name": "onCompleteHandler",
|
|
130
|
-
"description": "Re-dispatch the complete event from the animation library\n\nThis handler called with the animation instance instead of the component instance\nso we need to bind it to the component instance. The arrow function just does that."
|
|
131
|
-
}
|
|
132
|
-
],
|
|
133
|
-
"events": [
|
|
134
|
-
{
|
|
135
|
-
"name": "load",
|
|
136
|
-
"type": {
|
|
137
|
-
"text": "CustomEvent"
|
|
138
|
-
},
|
|
139
|
-
"description": "(React: onLoad) This event is dispatched when the animation is loaded",
|
|
140
|
-
"reactName": "onLoad"
|
|
141
|
-
},
|
|
142
|
-
{
|
|
143
|
-
"description": "(React: onComplete) This event is dispatched when all animation loops completed",
|
|
144
|
-
"name": "complete",
|
|
145
|
-
"reactName": "onComplete"
|
|
146
|
-
},
|
|
147
|
-
{
|
|
148
|
-
"description": "(React: onError) This event is dispatched when animation loading failed",
|
|
149
|
-
"name": "error",
|
|
150
|
-
"reactName": "onError"
|
|
151
|
-
}
|
|
152
|
-
],
|
|
153
|
-
"attributes": [
|
|
154
|
-
{
|
|
155
|
-
"name": "name",
|
|
156
|
-
"type": {
|
|
157
|
-
"text": "AnimationNames | undefined"
|
|
158
|
-
},
|
|
159
|
-
"description": "Name of the animation (= filename)",
|
|
160
|
-
"fieldName": "name"
|
|
161
|
-
},
|
|
162
|
-
{
|
|
163
|
-
"name": "loop",
|
|
164
|
-
"type": {
|
|
165
|
-
"text": "LoopType | undefined"
|
|
166
|
-
},
|
|
167
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
168
|
-
"fieldName": "loop"
|
|
169
|
-
},
|
|
170
|
-
{
|
|
171
|
-
"name": "autoplay",
|
|
172
|
-
"type": {
|
|
173
|
-
"text": "boolean | undefined"
|
|
174
|
-
},
|
|
175
|
-
"description": "Weather start the animation automatically",
|
|
176
|
-
"fieldName": "autoplay"
|
|
177
|
-
},
|
|
178
|
-
{
|
|
179
|
-
"name": "aria-label",
|
|
180
|
-
"type": {
|
|
181
|
-
"text": "string | null"
|
|
182
|
-
},
|
|
183
|
-
"default": "null",
|
|
184
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
185
|
-
"fieldName": "ariaLabel"
|
|
186
|
-
},
|
|
187
|
-
{
|
|
188
|
-
"name": "aria-labelledby",
|
|
189
|
-
"type": {
|
|
190
|
-
"text": "string | null"
|
|
191
|
-
},
|
|
192
|
-
"default": "null",
|
|
193
|
-
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
194
|
-
"fieldName": "ariaLabelledBy"
|
|
195
|
-
}
|
|
196
|
-
],
|
|
197
|
-
"superclass": {
|
|
198
|
-
"name": "Component",
|
|
199
|
-
"module": "/src/models"
|
|
200
|
-
},
|
|
201
|
-
"tagName": "mdc-animation",
|
|
202
|
-
"jsDoc": "/**\n * The `mdc-animation` component is a wrapper around the Lottie animation library.\n * It fetches the animation data dynamically based on the provided name and renders it.\n * This is a display only component that does not have any interactive functionality.\n * From accessibility perspective, (by default) it is a decorative image component.\n *\n * @tagname mdc-animation\n *\n * @event load - (React: onLoad) This event is dispatched when the animation is loaded\n * @event complete - (React: onComplete) This event is dispatched when all animation loops completed\n * @event error - (React: onError) This event is dispatched when animation loading failed\n */",
|
|
203
|
-
"customElement": true
|
|
204
|
-
}
|
|
205
|
-
],
|
|
206
|
-
"exports": [
|
|
207
|
-
{
|
|
208
|
-
"kind": "js",
|
|
209
|
-
"name": "default",
|
|
210
|
-
"declaration": {
|
|
211
|
-
"name": "Animation",
|
|
212
|
-
"module": "components/animation/animation.component.js"
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
]
|
|
216
|
-
},
|
|
217
5
|
{
|
|
218
6
|
"kind": "javascript-module",
|
|
219
7
|
"path": "components/alertchip/alertchip.component.js",
|
|
@@ -765,6 +553,218 @@
|
|
|
765
553
|
}
|
|
766
554
|
]
|
|
767
555
|
},
|
|
556
|
+
{
|
|
557
|
+
"kind": "javascript-module",
|
|
558
|
+
"path": "components/animation/animation.component.js",
|
|
559
|
+
"declarations": [
|
|
560
|
+
{
|
|
561
|
+
"kind": "class",
|
|
562
|
+
"description": "The `mdc-animation` component is a wrapper around the Lottie animation library.\nIt fetches the animation data dynamically based on the provided name and renders it.\nThis is a display only component that does not have any interactive functionality.\nFrom accessibility perspective, (by default) it is a decorative image component.",
|
|
563
|
+
"name": "Animation",
|
|
564
|
+
"members": [
|
|
565
|
+
{
|
|
566
|
+
"kind": "field",
|
|
567
|
+
"name": "name",
|
|
568
|
+
"type": {
|
|
569
|
+
"text": "AnimationNames | undefined"
|
|
570
|
+
},
|
|
571
|
+
"description": "Name of the animation (= filename)",
|
|
572
|
+
"attribute": "name",
|
|
573
|
+
"reflects": true
|
|
574
|
+
},
|
|
575
|
+
{
|
|
576
|
+
"kind": "field",
|
|
577
|
+
"name": "loop",
|
|
578
|
+
"type": {
|
|
579
|
+
"text": "LoopType | undefined"
|
|
580
|
+
},
|
|
581
|
+
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
582
|
+
"attribute": "loop",
|
|
583
|
+
"reflects": true
|
|
584
|
+
},
|
|
585
|
+
{
|
|
586
|
+
"kind": "field",
|
|
587
|
+
"name": "autoplay",
|
|
588
|
+
"type": {
|
|
589
|
+
"text": "boolean | undefined"
|
|
590
|
+
},
|
|
591
|
+
"description": "Weather start the animation automatically",
|
|
592
|
+
"attribute": "autoplay",
|
|
593
|
+
"reflects": true
|
|
594
|
+
},
|
|
595
|
+
{
|
|
596
|
+
"kind": "field",
|
|
597
|
+
"name": "ariaLabel",
|
|
598
|
+
"type": {
|
|
599
|
+
"text": "string | null"
|
|
600
|
+
},
|
|
601
|
+
"default": "null",
|
|
602
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
603
|
+
"attribute": "aria-label"
|
|
604
|
+
},
|
|
605
|
+
{
|
|
606
|
+
"kind": "field",
|
|
607
|
+
"name": "ariaLabelledBy",
|
|
608
|
+
"type": {
|
|
609
|
+
"text": "string | null"
|
|
610
|
+
},
|
|
611
|
+
"default": "null",
|
|
612
|
+
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
613
|
+
"attribute": "aria-labelledby"
|
|
614
|
+
},
|
|
615
|
+
{
|
|
616
|
+
"kind": "field",
|
|
617
|
+
"name": "lottieInstance",
|
|
618
|
+
"type": {
|
|
619
|
+
"text": "AnimationItem | undefined"
|
|
620
|
+
},
|
|
621
|
+
"privacy": "private",
|
|
622
|
+
"description": "Lottie animation instance"
|
|
623
|
+
},
|
|
624
|
+
{
|
|
625
|
+
"kind": "field",
|
|
626
|
+
"name": "containerRef",
|
|
627
|
+
"type": {
|
|
628
|
+
"text": "Ref<HTMLDivElement>"
|
|
629
|
+
},
|
|
630
|
+
"privacy": "private",
|
|
631
|
+
"description": "Container for the animation"
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"kind": "field",
|
|
635
|
+
"name": "animation",
|
|
636
|
+
"description": "Exposed API of the animation library (lottie)",
|
|
637
|
+
"readonly": true
|
|
638
|
+
},
|
|
639
|
+
{
|
|
640
|
+
"kind": "method",
|
|
641
|
+
"name": "getLoopValue",
|
|
642
|
+
"privacy": "private"
|
|
643
|
+
},
|
|
644
|
+
{
|
|
645
|
+
"kind": "method",
|
|
646
|
+
"name": "onLoadSuccessHandler",
|
|
647
|
+
"privacy": "private",
|
|
648
|
+
"parameters": [
|
|
649
|
+
{
|
|
650
|
+
"name": "animationData",
|
|
651
|
+
"type": {
|
|
652
|
+
"text": "any"
|
|
653
|
+
}
|
|
654
|
+
}
|
|
655
|
+
],
|
|
656
|
+
"description": "Create new lotty instance for the loaded data"
|
|
657
|
+
},
|
|
658
|
+
{
|
|
659
|
+
"kind": "method",
|
|
660
|
+
"name": "onLoadFailHandler",
|
|
661
|
+
"privacy": "private",
|
|
662
|
+
"parameters": [
|
|
663
|
+
{
|
|
664
|
+
"name": "error",
|
|
665
|
+
"type": {
|
|
666
|
+
"text": "Error"
|
|
667
|
+
}
|
|
668
|
+
}
|
|
669
|
+
],
|
|
670
|
+
"description": "Error handler for animation loading"
|
|
671
|
+
},
|
|
672
|
+
{
|
|
673
|
+
"kind": "method",
|
|
674
|
+
"name": "getAnimationData",
|
|
675
|
+
"privacy": "private",
|
|
676
|
+
"description": "Import animation data dynamically"
|
|
677
|
+
},
|
|
678
|
+
{
|
|
679
|
+
"kind": "field",
|
|
680
|
+
"name": "onCompleteHandler",
|
|
681
|
+
"description": "Re-dispatch the complete event from the animation library\n\nThis handler called with the animation instance instead of the component instance\nso we need to bind it to the component instance. The arrow function just does that."
|
|
682
|
+
}
|
|
683
|
+
],
|
|
684
|
+
"events": [
|
|
685
|
+
{
|
|
686
|
+
"name": "load",
|
|
687
|
+
"type": {
|
|
688
|
+
"text": "CustomEvent"
|
|
689
|
+
},
|
|
690
|
+
"description": "(React: onLoad) This event is dispatched when the animation is loaded",
|
|
691
|
+
"reactName": "onLoad"
|
|
692
|
+
},
|
|
693
|
+
{
|
|
694
|
+
"description": "(React: onComplete) This event is dispatched when all animation loops completed",
|
|
695
|
+
"name": "complete",
|
|
696
|
+
"reactName": "onComplete"
|
|
697
|
+
},
|
|
698
|
+
{
|
|
699
|
+
"description": "(React: onError) This event is dispatched when animation loading failed",
|
|
700
|
+
"name": "error",
|
|
701
|
+
"reactName": "onError"
|
|
702
|
+
}
|
|
703
|
+
],
|
|
704
|
+
"attributes": [
|
|
705
|
+
{
|
|
706
|
+
"name": "name",
|
|
707
|
+
"type": {
|
|
708
|
+
"text": "AnimationNames | undefined"
|
|
709
|
+
},
|
|
710
|
+
"description": "Name of the animation (= filename)",
|
|
711
|
+
"fieldName": "name"
|
|
712
|
+
},
|
|
713
|
+
{
|
|
714
|
+
"name": "loop",
|
|
715
|
+
"type": {
|
|
716
|
+
"text": "LoopType | undefined"
|
|
717
|
+
},
|
|
718
|
+
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
719
|
+
"fieldName": "loop"
|
|
720
|
+
},
|
|
721
|
+
{
|
|
722
|
+
"name": "autoplay",
|
|
723
|
+
"type": {
|
|
724
|
+
"text": "boolean | undefined"
|
|
725
|
+
},
|
|
726
|
+
"description": "Weather start the animation automatically",
|
|
727
|
+
"fieldName": "autoplay"
|
|
728
|
+
},
|
|
729
|
+
{
|
|
730
|
+
"name": "aria-label",
|
|
731
|
+
"type": {
|
|
732
|
+
"text": "string | null"
|
|
733
|
+
},
|
|
734
|
+
"default": "null",
|
|
735
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
736
|
+
"fieldName": "ariaLabel"
|
|
737
|
+
},
|
|
738
|
+
{
|
|
739
|
+
"name": "aria-labelledby",
|
|
740
|
+
"type": {
|
|
741
|
+
"text": "string | null"
|
|
742
|
+
},
|
|
743
|
+
"default": "null",
|
|
744
|
+
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
745
|
+
"fieldName": "ariaLabelledBy"
|
|
746
|
+
}
|
|
747
|
+
],
|
|
748
|
+
"superclass": {
|
|
749
|
+
"name": "Component",
|
|
750
|
+
"module": "/src/models"
|
|
751
|
+
},
|
|
752
|
+
"tagName": "mdc-animation",
|
|
753
|
+
"jsDoc": "/**\n * The `mdc-animation` component is a wrapper around the Lottie animation library.\n * It fetches the animation data dynamically based on the provided name and renders it.\n * This is a display only component that does not have any interactive functionality.\n * From accessibility perspective, (by default) it is a decorative image component.\n *\n * @tagname mdc-animation\n *\n * @event load - (React: onLoad) This event is dispatched when the animation is loaded\n * @event complete - (React: onComplete) This event is dispatched when all animation loops completed\n * @event error - (React: onError) This event is dispatched when animation loading failed\n */",
|
|
754
|
+
"customElement": true
|
|
755
|
+
}
|
|
756
|
+
],
|
|
757
|
+
"exports": [
|
|
758
|
+
{
|
|
759
|
+
"kind": "js",
|
|
760
|
+
"name": "default",
|
|
761
|
+
"declaration": {
|
|
762
|
+
"name": "Animation",
|
|
763
|
+
"module": "components/animation/animation.component.js"
|
|
764
|
+
}
|
|
765
|
+
}
|
|
766
|
+
]
|
|
767
|
+
},
|
|
768
768
|
{
|
|
769
769
|
"kind": "javascript-module",
|
|
770
770
|
"path": "components/avatar/avatar.component.js",
|
package/dist/react/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { default as Animation } from './animation';
|
|
2
1
|
export { default as AlertChip } from './alertchip';
|
|
3
2
|
export { default as Appheader } from './appheader';
|
|
3
|
+
export { default as Animation } from './animation';
|
|
4
4
|
export { default as Avatar } from './avatar';
|
|
5
5
|
export { default as AvatarButton } from './avatarbutton';
|
|
6
6
|
export { default as Badge } from './badge';
|
package/dist/react/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { default as Animation } from './animation';
|
|
2
1
|
export { default as AlertChip } from './alertchip';
|
|
3
2
|
export { default as Appheader } from './appheader';
|
|
3
|
+
export { default as Animation } from './animation';
|
|
4
4
|
export { default as Avatar } from './avatar';
|
|
5
5
|
export { default as AvatarButton } from './avatarbutton';
|
|
6
6
|
export { default as Badge } from './badge';
|
package/package.json
CHANGED