@momentum-design/components 0.10.0 → 0.10.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
- return new DOMParser().parseFromString(iconResponse, 'text/html').body.children[0];
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",
@@ -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';
@@ -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
@@ -35,5 +35,5 @@
35
35
  "@momentum-design/tokens": "*",
36
36
  "lit": "^3.2.0"
37
37
  },
38
- "version": "0.10.0"
38
+ "version": "0.10.2"
39
39
  }