@momentum-design/components 0.10.0 → 0.10.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.
|
@@ -15,6 +15,8 @@ const dynamicSVGImport = async (url, name, fileExtension) => {
|
|
|
15
15
|
throw new Error('There was a problem while fetching the icon!');
|
|
16
16
|
}
|
|
17
17
|
const iconResponse = await response.text();
|
|
18
|
-
|
|
18
|
+
const returnValue = new DOMParser().parseFromString(iconResponse, 'text/html').body.children[0];
|
|
19
|
+
returnValue.setAttribute('data-name', name);
|
|
20
|
+
return returnValue;
|
|
19
21
|
};
|
|
20
22
|
export { dynamicSVGImport };
|
|
@@ -114,77 +114,6 @@
|
|
|
114
114
|
}
|
|
115
115
|
]
|
|
116
116
|
},
|
|
117
|
-
{
|
|
118
|
-
"kind": "javascript-module",
|
|
119
|
-
"path": "components/bullet/bullet.component.js",
|
|
120
|
-
"declarations": [
|
|
121
|
-
{
|
|
122
|
-
"kind": "class",
|
|
123
|
-
"description": "Bullet component, which is a visual marker\nand be used to organize and present items in a list format.",
|
|
124
|
-
"name": "Bullet",
|
|
125
|
-
"cssProperties": [
|
|
126
|
-
{
|
|
127
|
-
"description": "background color of the bullet",
|
|
128
|
-
"name": "--mdc-bullet-background-color"
|
|
129
|
-
},
|
|
130
|
-
{
|
|
131
|
-
"description": "small size value of the bullet",
|
|
132
|
-
"name": "--mdc-bullet-size-small"
|
|
133
|
-
},
|
|
134
|
-
{
|
|
135
|
-
"description": "medium size value of the bullet",
|
|
136
|
-
"name": "--mdc-bullet-size-medium"
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
"description": "large size value of the bullet",
|
|
140
|
-
"name": "--mdc-bullet-size-large"
|
|
141
|
-
}
|
|
142
|
-
],
|
|
143
|
-
"members": [
|
|
144
|
-
{
|
|
145
|
-
"kind": "field",
|
|
146
|
-
"name": "size",
|
|
147
|
-
"type": {
|
|
148
|
-
"text": "Size"
|
|
149
|
-
},
|
|
150
|
-
"privacy": "public",
|
|
151
|
-
"description": "Size of the bullet\n\nPossible values: 'small', 'medium', 'large'",
|
|
152
|
-
"default": "small",
|
|
153
|
-
"attribute": "size",
|
|
154
|
-
"reflects": true
|
|
155
|
-
}
|
|
156
|
-
],
|
|
157
|
-
"attributes": [
|
|
158
|
-
{
|
|
159
|
-
"name": "size",
|
|
160
|
-
"type": {
|
|
161
|
-
"text": "Size"
|
|
162
|
-
},
|
|
163
|
-
"description": "Size of the bullet\n\nPossible values: 'small', 'medium', 'large'",
|
|
164
|
-
"default": "small",
|
|
165
|
-
"fieldName": "size"
|
|
166
|
-
}
|
|
167
|
-
],
|
|
168
|
-
"superclass": {
|
|
169
|
-
"name": "Component",
|
|
170
|
-
"module": "/src/models"
|
|
171
|
-
},
|
|
172
|
-
"tagName": "mdc-bullet",
|
|
173
|
-
"jsDoc": "/**\n * Bullet component, which is a visual marker\n * and be used to organize and present items in a list format.\n *\n * @tagname mdc-bullet\n *\n * @cssproperty --mdc-bullet-background-color - background color of the bullet\n * @cssproperty --mdc-bullet-size-small - small size value of the bullet\n * @cssproperty --mdc-bullet-size-medium - medium size value of the bullet\n * @cssproperty --mdc-bullet-size-large - large size value of the bullet\n*/",
|
|
174
|
-
"customElement": true
|
|
175
|
-
}
|
|
176
|
-
],
|
|
177
|
-
"exports": [
|
|
178
|
-
{
|
|
179
|
-
"kind": "js",
|
|
180
|
-
"name": "default",
|
|
181
|
-
"declaration": {
|
|
182
|
-
"name": "Bullet",
|
|
183
|
-
"module": "components/bullet/bullet.component.js"
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
]
|
|
187
|
-
},
|
|
188
117
|
{
|
|
189
118
|
"kind": "javascript-module",
|
|
190
119
|
"path": "components/badge/badge.component.js",
|
|
@@ -446,6 +375,77 @@
|
|
|
446
375
|
}
|
|
447
376
|
]
|
|
448
377
|
},
|
|
378
|
+
{
|
|
379
|
+
"kind": "javascript-module",
|
|
380
|
+
"path": "components/bullet/bullet.component.js",
|
|
381
|
+
"declarations": [
|
|
382
|
+
{
|
|
383
|
+
"kind": "class",
|
|
384
|
+
"description": "Bullet component, which is a visual marker\nand be used to organize and present items in a list format.",
|
|
385
|
+
"name": "Bullet",
|
|
386
|
+
"cssProperties": [
|
|
387
|
+
{
|
|
388
|
+
"description": "background color of the bullet",
|
|
389
|
+
"name": "--mdc-bullet-background-color"
|
|
390
|
+
},
|
|
391
|
+
{
|
|
392
|
+
"description": "small size value of the bullet",
|
|
393
|
+
"name": "--mdc-bullet-size-small"
|
|
394
|
+
},
|
|
395
|
+
{
|
|
396
|
+
"description": "medium size value of the bullet",
|
|
397
|
+
"name": "--mdc-bullet-size-medium"
|
|
398
|
+
},
|
|
399
|
+
{
|
|
400
|
+
"description": "large size value of the bullet",
|
|
401
|
+
"name": "--mdc-bullet-size-large"
|
|
402
|
+
}
|
|
403
|
+
],
|
|
404
|
+
"members": [
|
|
405
|
+
{
|
|
406
|
+
"kind": "field",
|
|
407
|
+
"name": "size",
|
|
408
|
+
"type": {
|
|
409
|
+
"text": "Size"
|
|
410
|
+
},
|
|
411
|
+
"privacy": "public",
|
|
412
|
+
"description": "Size of the bullet\n\nPossible values: 'small', 'medium', 'large'",
|
|
413
|
+
"default": "small",
|
|
414
|
+
"attribute": "size",
|
|
415
|
+
"reflects": true
|
|
416
|
+
}
|
|
417
|
+
],
|
|
418
|
+
"attributes": [
|
|
419
|
+
{
|
|
420
|
+
"name": "size",
|
|
421
|
+
"type": {
|
|
422
|
+
"text": "Size"
|
|
423
|
+
},
|
|
424
|
+
"description": "Size of the bullet\n\nPossible values: 'small', 'medium', 'large'",
|
|
425
|
+
"default": "small",
|
|
426
|
+
"fieldName": "size"
|
|
427
|
+
}
|
|
428
|
+
],
|
|
429
|
+
"superclass": {
|
|
430
|
+
"name": "Component",
|
|
431
|
+
"module": "/src/models"
|
|
432
|
+
},
|
|
433
|
+
"tagName": "mdc-bullet",
|
|
434
|
+
"jsDoc": "/**\n * Bullet component, which is a visual marker\n * and be used to organize and present items in a list format.\n *\n * @tagname mdc-bullet\n *\n * @cssproperty --mdc-bullet-background-color - background color of the bullet\n * @cssproperty --mdc-bullet-size-small - small size value of the bullet\n * @cssproperty --mdc-bullet-size-medium - medium size value of the bullet\n * @cssproperty --mdc-bullet-size-large - large size value of the bullet\n*/",
|
|
435
|
+
"customElement": true
|
|
436
|
+
}
|
|
437
|
+
],
|
|
438
|
+
"exports": [
|
|
439
|
+
{
|
|
440
|
+
"kind": "js",
|
|
441
|
+
"name": "default",
|
|
442
|
+
"declaration": {
|
|
443
|
+
"name": "Bullet",
|
|
444
|
+
"module": "components/bullet/bullet.component.js"
|
|
445
|
+
}
|
|
446
|
+
}
|
|
447
|
+
]
|
|
448
|
+
},
|
|
449
449
|
{
|
|
450
450
|
"kind": "javascript-module",
|
|
451
451
|
"path": "components/button/button.component.js",
|
package/dist/react/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { default as Avatar } from './avatar';
|
|
2
|
-
export { default as Bullet } from './bullet';
|
|
3
2
|
export { default as Badge } from './badge';
|
|
3
|
+
export { default as Bullet } from './bullet';
|
|
4
4
|
export { default as Button } from './button';
|
|
5
5
|
export { default as Icon } from './icon';
|
|
6
6
|
export { default as IconProvider } from './iconprovider';
|
package/dist/react/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { default as Avatar } from './avatar';
|
|
2
|
-
export { default as Bullet } from './bullet';
|
|
3
2
|
export { default as Badge } from './badge';
|
|
3
|
+
export { default as Bullet } from './bullet';
|
|
4
4
|
export { default as Button } from './button';
|
|
5
5
|
export { default as Icon } from './icon';
|
|
6
6
|
export { default as IconProvider } from './iconprovider';
|
package/package.json
CHANGED