@momentum-design/components 0.0.27 → 0.0.28
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/custom-elements.json +117 -117
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +3 -3
- package/package.json +1 -1
|
@@ -116,37 +116,27 @@
|
|
|
116
116
|
},
|
|
117
117
|
{
|
|
118
118
|
"kind": "javascript-module",
|
|
119
|
-
"path": "components/
|
|
119
|
+
"path": "components/badge/badge.component.js",
|
|
120
120
|
"declarations": [
|
|
121
121
|
{
|
|
122
122
|
"kind": "class",
|
|
123
|
-
"description": "
|
|
124
|
-
"name": "
|
|
125
|
-
"
|
|
126
|
-
{
|
|
127
|
-
"kind": "field",
|
|
128
|
-
"name": "iconData",
|
|
129
|
-
"type": {
|
|
130
|
-
"text": "HTMLElement | undefined"
|
|
131
|
-
},
|
|
132
|
-
"privacy": "private"
|
|
133
|
-
},
|
|
123
|
+
"description": "",
|
|
124
|
+
"name": "Badge",
|
|
125
|
+
"slots": [
|
|
134
126
|
{
|
|
135
|
-
"
|
|
136
|
-
"name": "
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
"privacy": "private"
|
|
141
|
-
},
|
|
127
|
+
"description": "This is a default/unnamed slot",
|
|
128
|
+
"name": ""
|
|
129
|
+
}
|
|
130
|
+
],
|
|
131
|
+
"members": [
|
|
142
132
|
{
|
|
143
133
|
"kind": "field",
|
|
144
|
-
"name": "
|
|
134
|
+
"name": "type",
|
|
145
135
|
"type": {
|
|
146
|
-
"text": "
|
|
136
|
+
"text": "BadgeType | undefined"
|
|
147
137
|
},
|
|
148
|
-
"description": "
|
|
149
|
-
"attribute": "
|
|
138
|
+
"description": "Type of the badge\nCan be `regular`, `icon`, `text` or `warning`\n\nDefault: `regular`",
|
|
139
|
+
"attribute": "type",
|
|
150
140
|
"reflects": true
|
|
151
141
|
},
|
|
152
142
|
{
|
|
@@ -155,7 +145,7 @@
|
|
|
155
145
|
"type": {
|
|
156
146
|
"text": "number | undefined"
|
|
157
147
|
},
|
|
158
|
-
"description": "Scale of the
|
|
148
|
+
"description": "Scale of the badge (works in combination with length unit)\n\nDefault: `1`",
|
|
159
149
|
"attribute": "scale"
|
|
160
150
|
},
|
|
161
151
|
{
|
|
@@ -164,72 +154,60 @@
|
|
|
164
154
|
"type": {
|
|
165
155
|
"text": "string | undefined"
|
|
166
156
|
},
|
|
167
|
-
"description": "Length unit attribute for
|
|
157
|
+
"description": "Length unit attribute for scale\n\nDefault: `rem`",
|
|
168
158
|
"attribute": "length-unit"
|
|
169
159
|
},
|
|
170
160
|
{
|
|
171
161
|
"kind": "field",
|
|
172
|
-
"name": "
|
|
162
|
+
"name": "iconName",
|
|
173
163
|
"type": {
|
|
174
|
-
"text": "string |
|
|
164
|
+
"text": "string | undefined"
|
|
175
165
|
},
|
|
176
|
-
"
|
|
177
|
-
"
|
|
178
|
-
"attribute": "role"
|
|
166
|
+
"description": "If `type` is set to `icon`, attribute `iconName` can\nbe used to choose which icon should be shown\n\nIf no `iconName` is provided, no icon will be rendered.",
|
|
167
|
+
"attribute": "icon-name"
|
|
179
168
|
},
|
|
180
169
|
{
|
|
181
170
|
"kind": "field",
|
|
182
|
-
"name": "
|
|
171
|
+
"name": "text",
|
|
183
172
|
"type": {
|
|
184
|
-
"text": "string |
|
|
173
|
+
"text": "string | undefined"
|
|
185
174
|
},
|
|
186
|
-
"
|
|
187
|
-
"
|
|
188
|
-
"attribute": "aria-label"
|
|
189
|
-
},
|
|
190
|
-
{
|
|
191
|
-
"kind": "field",
|
|
192
|
-
"name": "iconProviderContext",
|
|
193
|
-
"privacy": "private"
|
|
175
|
+
"description": "If `type` is set to `text`, attribute `text` can\nbe used to pass in any text to be displayed in the badge.",
|
|
176
|
+
"attribute": "text"
|
|
194
177
|
},
|
|
195
178
|
{
|
|
196
179
|
"kind": "method",
|
|
197
|
-
"name": "
|
|
198
|
-
"privacy": "private"
|
|
199
|
-
"description": "Get Icon Data function which will fetch the icon (currently only svg)\nand sets state and attributes once fetched successfully"
|
|
180
|
+
"name": "updateSize",
|
|
181
|
+
"privacy": "private"
|
|
200
182
|
},
|
|
201
183
|
{
|
|
202
184
|
"kind": "method",
|
|
203
|
-
"name": "
|
|
204
|
-
"privacy": "private",
|
|
205
|
-
"description": "Updates the size by setting the width and height"
|
|
185
|
+
"name": "iconTemplate"
|
|
206
186
|
},
|
|
207
187
|
{
|
|
208
188
|
"kind": "method",
|
|
209
|
-
"name": "
|
|
210
|
-
"privacy": "private"
|
|
189
|
+
"name": "textTemplate"
|
|
211
190
|
},
|
|
212
191
|
{
|
|
213
192
|
"kind": "method",
|
|
214
|
-
"name": "
|
|
215
|
-
"privacy": "private"
|
|
193
|
+
"name": "warningTemplate"
|
|
216
194
|
}
|
|
217
195
|
],
|
|
218
196
|
"attributes": [
|
|
219
197
|
{
|
|
220
|
-
"name": "
|
|
198
|
+
"name": "type",
|
|
221
199
|
"type": {
|
|
222
|
-
"text": "
|
|
200
|
+
"text": "BadgeType | undefined"
|
|
223
201
|
},
|
|
224
|
-
"description": "
|
|
225
|
-
"fieldName": "
|
|
202
|
+
"description": "Type of the badge\nCan be `regular`, `icon`, `text` or `warning`\n\nDefault: `regular`",
|
|
203
|
+
"fieldName": "type"
|
|
226
204
|
},
|
|
227
205
|
{
|
|
228
206
|
"name": "scale",
|
|
229
207
|
"type": {
|
|
230
208
|
"text": "number | undefined"
|
|
231
209
|
},
|
|
232
|
-
"description": "Scale of the
|
|
210
|
+
"description": "Scale of the badge (works in combination with length unit)\n\nDefault: `1`",
|
|
233
211
|
"fieldName": "scale"
|
|
234
212
|
},
|
|
235
213
|
{
|
|
@@ -237,34 +215,33 @@
|
|
|
237
215
|
"type": {
|
|
238
216
|
"text": "string | undefined"
|
|
239
217
|
},
|
|
240
|
-
"description": "Length unit attribute for
|
|
218
|
+
"description": "Length unit attribute for scale\n\nDefault: `rem`",
|
|
241
219
|
"fieldName": "lengthUnit"
|
|
242
220
|
},
|
|
243
221
|
{
|
|
244
|
-
"name": "
|
|
222
|
+
"name": "icon-name",
|
|
245
223
|
"type": {
|
|
246
|
-
"text": "string |
|
|
224
|
+
"text": "string | undefined"
|
|
247
225
|
},
|
|
248
|
-
"
|
|
249
|
-
"
|
|
250
|
-
"fieldName": "role"
|
|
226
|
+
"description": "If `type` is set to `icon`, attribute `iconName` can\nbe used to choose which icon should be shown\n\nIf no `iconName` is provided, no icon will be rendered.",
|
|
227
|
+
"fieldName": "iconName"
|
|
251
228
|
},
|
|
252
229
|
{
|
|
253
|
-
"name": "
|
|
230
|
+
"name": "text",
|
|
254
231
|
"type": {
|
|
255
|
-
"text": "string |
|
|
232
|
+
"text": "string | undefined"
|
|
256
233
|
},
|
|
257
|
-
"
|
|
258
|
-
"
|
|
259
|
-
"fieldName": "ariaLabel"
|
|
234
|
+
"description": "If `type` is set to `text`, attribute `text` can\nbe used to pass in any text to be displayed in the badge.",
|
|
235
|
+
"fieldName": "text"
|
|
260
236
|
}
|
|
261
237
|
],
|
|
262
238
|
"superclass": {
|
|
263
239
|
"name": "Component",
|
|
264
240
|
"module": "/src/models"
|
|
265
241
|
},
|
|
266
|
-
"tagName": "mdc-
|
|
267
|
-
"
|
|
242
|
+
"tagName": "mdc-badge",
|
|
243
|
+
"summary": "This is MyElement",
|
|
244
|
+
"jsDoc": "/**\n * @slot - This is a default/unnamed slot\n *\n * @summary This is MyElement\n *\n * @tag mdc-badge\n * @tagname mdc-badge\n */",
|
|
268
245
|
"customElement": true
|
|
269
246
|
}
|
|
270
247
|
],
|
|
@@ -273,35 +250,45 @@
|
|
|
273
250
|
"kind": "js",
|
|
274
251
|
"name": "default",
|
|
275
252
|
"declaration": {
|
|
276
|
-
"name": "
|
|
277
|
-
"module": "components/
|
|
253
|
+
"name": "Badge",
|
|
254
|
+
"module": "components/badge/badge.component.js"
|
|
278
255
|
}
|
|
279
256
|
}
|
|
280
257
|
]
|
|
281
258
|
},
|
|
282
259
|
{
|
|
283
260
|
"kind": "javascript-module",
|
|
284
|
-
"path": "components/
|
|
261
|
+
"path": "components/icon/icon.component.js",
|
|
285
262
|
"declarations": [
|
|
286
263
|
{
|
|
287
264
|
"kind": "class",
|
|
288
|
-
"description": "",
|
|
289
|
-
"name": "
|
|
290
|
-
"slots": [
|
|
291
|
-
{
|
|
292
|
-
"description": "This is a default/unnamed slot",
|
|
293
|
-
"name": ""
|
|
294
|
-
}
|
|
295
|
-
],
|
|
265
|
+
"description": "Icon component, which has to be mounted inside of a `IconProvider`\ncomponent.\n\nThe `IconProvider` component defines where icons should be consumed from (`url`).\nThis `Icon` component accepts the `name` attribute, which will be\nthe file name of the icon to be loaded from the given `url`.\n\nOnce fetched, the icon will be mounted. If fetching wasn't successful,\nnothing will be shown.\n\nThe `scale` attribute allows scaling the icon based on the provided\n`length-unit` attribute (which will either come from the IconProvider or\ncould be overridden per icon). For example:\nif `scale = 1` and `length-unit = 'em'`, the size of the icon will be\n`width: 1em; height: 1em`.\n\nFor accessibility the `role` and `aria-label` of the icon can be set.",
|
|
266
|
+
"name": "Icon",
|
|
296
267
|
"members": [
|
|
297
268
|
{
|
|
298
269
|
"kind": "field",
|
|
299
|
-
"name": "
|
|
270
|
+
"name": "iconData",
|
|
300
271
|
"type": {
|
|
301
|
-
"text": "
|
|
272
|
+
"text": "HTMLElement | undefined"
|
|
302
273
|
},
|
|
303
|
-
"
|
|
304
|
-
|
|
274
|
+
"privacy": "private"
|
|
275
|
+
},
|
|
276
|
+
{
|
|
277
|
+
"kind": "field",
|
|
278
|
+
"name": "lengthUnitFromContext",
|
|
279
|
+
"type": {
|
|
280
|
+
"text": "string | undefined"
|
|
281
|
+
},
|
|
282
|
+
"privacy": "private"
|
|
283
|
+
},
|
|
284
|
+
{
|
|
285
|
+
"kind": "field",
|
|
286
|
+
"name": "name",
|
|
287
|
+
"type": {
|
|
288
|
+
"text": "string | undefined"
|
|
289
|
+
},
|
|
290
|
+
"description": "Name of the icon (= filename)",
|
|
291
|
+
"attribute": "name",
|
|
305
292
|
"reflects": true
|
|
306
293
|
},
|
|
307
294
|
{
|
|
@@ -310,7 +297,7 @@
|
|
|
310
297
|
"type": {
|
|
311
298
|
"text": "number | undefined"
|
|
312
299
|
},
|
|
313
|
-
"description": "Scale of the
|
|
300
|
+
"description": "Scale of the icon (works in combination with length unit)",
|
|
314
301
|
"attribute": "scale"
|
|
315
302
|
},
|
|
316
303
|
{
|
|
@@ -319,60 +306,72 @@
|
|
|
319
306
|
"type": {
|
|
320
307
|
"text": "string | undefined"
|
|
321
308
|
},
|
|
322
|
-
"description": "Length unit attribute for
|
|
309
|
+
"description": "Length unit attribute for overridding length-unit from `IconProvider`",
|
|
323
310
|
"attribute": "length-unit"
|
|
324
311
|
},
|
|
325
312
|
{
|
|
326
313
|
"kind": "field",
|
|
327
|
-
"name": "
|
|
314
|
+
"name": "role",
|
|
328
315
|
"type": {
|
|
329
|
-
"text": "string |
|
|
316
|
+
"text": "string | null"
|
|
330
317
|
},
|
|
331
|
-
"
|
|
332
|
-
"
|
|
318
|
+
"default": "null",
|
|
319
|
+
"description": "Role attribute to be set for accessibility",
|
|
320
|
+
"attribute": "role"
|
|
333
321
|
},
|
|
334
322
|
{
|
|
335
323
|
"kind": "field",
|
|
336
|
-
"name": "
|
|
324
|
+
"name": "ariaLabel",
|
|
337
325
|
"type": {
|
|
338
|
-
"text": "string |
|
|
326
|
+
"text": "string | null"
|
|
339
327
|
},
|
|
340
|
-
"
|
|
341
|
-
"
|
|
328
|
+
"default": "null",
|
|
329
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
330
|
+
"attribute": "aria-label"
|
|
342
331
|
},
|
|
343
332
|
{
|
|
344
|
-
"kind": "
|
|
345
|
-
"name": "
|
|
333
|
+
"kind": "field",
|
|
334
|
+
"name": "iconProviderContext",
|
|
346
335
|
"privacy": "private"
|
|
347
336
|
},
|
|
348
337
|
{
|
|
349
338
|
"kind": "method",
|
|
350
|
-
"name": "
|
|
339
|
+
"name": "getIconData",
|
|
340
|
+
"privacy": "private",
|
|
341
|
+
"description": "Get Icon Data function which will fetch the icon (currently only svg)\nand sets state and attributes once fetched successfully"
|
|
351
342
|
},
|
|
352
343
|
{
|
|
353
344
|
"kind": "method",
|
|
354
|
-
"name": "
|
|
345
|
+
"name": "updateSize",
|
|
346
|
+
"privacy": "private",
|
|
347
|
+
"description": "Updates the size by setting the width and height"
|
|
355
348
|
},
|
|
356
349
|
{
|
|
357
350
|
"kind": "method",
|
|
358
|
-
"name": "
|
|
351
|
+
"name": "setRoleOnIcon",
|
|
352
|
+
"privacy": "private"
|
|
353
|
+
},
|
|
354
|
+
{
|
|
355
|
+
"kind": "method",
|
|
356
|
+
"name": "setAriaLabelOnIcon",
|
|
357
|
+
"privacy": "private"
|
|
359
358
|
}
|
|
360
359
|
],
|
|
361
360
|
"attributes": [
|
|
362
361
|
{
|
|
363
|
-
"name": "
|
|
362
|
+
"name": "name",
|
|
364
363
|
"type": {
|
|
365
|
-
"text": "
|
|
364
|
+
"text": "string | undefined"
|
|
366
365
|
},
|
|
367
|
-
"description": "
|
|
368
|
-
"fieldName": "
|
|
366
|
+
"description": "Name of the icon (= filename)",
|
|
367
|
+
"fieldName": "name"
|
|
369
368
|
},
|
|
370
369
|
{
|
|
371
370
|
"name": "scale",
|
|
372
371
|
"type": {
|
|
373
372
|
"text": "number | undefined"
|
|
374
373
|
},
|
|
375
|
-
"description": "Scale of the
|
|
374
|
+
"description": "Scale of the icon (works in combination with length unit)",
|
|
376
375
|
"fieldName": "scale"
|
|
377
376
|
},
|
|
378
377
|
{
|
|
@@ -380,33 +379,34 @@
|
|
|
380
379
|
"type": {
|
|
381
380
|
"text": "string | undefined"
|
|
382
381
|
},
|
|
383
|
-
"description": "Length unit attribute for
|
|
382
|
+
"description": "Length unit attribute for overridding length-unit from `IconProvider`",
|
|
384
383
|
"fieldName": "lengthUnit"
|
|
385
384
|
},
|
|
386
385
|
{
|
|
387
|
-
"name": "
|
|
386
|
+
"name": "role",
|
|
388
387
|
"type": {
|
|
389
|
-
"text": "string |
|
|
388
|
+
"text": "string | null"
|
|
390
389
|
},
|
|
391
|
-
"
|
|
392
|
-
"
|
|
390
|
+
"default": "null",
|
|
391
|
+
"description": "Role attribute to be set for accessibility",
|
|
392
|
+
"fieldName": "role"
|
|
393
393
|
},
|
|
394
394
|
{
|
|
395
|
-
"name": "
|
|
395
|
+
"name": "aria-label",
|
|
396
396
|
"type": {
|
|
397
|
-
"text": "string |
|
|
397
|
+
"text": "string | null"
|
|
398
398
|
},
|
|
399
|
-
"
|
|
400
|
-
"
|
|
399
|
+
"default": "null",
|
|
400
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
401
|
+
"fieldName": "ariaLabel"
|
|
401
402
|
}
|
|
402
403
|
],
|
|
403
404
|
"superclass": {
|
|
404
405
|
"name": "Component",
|
|
405
406
|
"module": "/src/models"
|
|
406
407
|
},
|
|
407
|
-
"tagName": "mdc-
|
|
408
|
-
"
|
|
409
|
-
"jsDoc": "/**\n * @slot - This is a default/unnamed slot\n *\n * @summary This is MyElement\n *\n * @tag mdc-badge\n * @tagname mdc-badge\n */",
|
|
408
|
+
"tagName": "mdc-icon",
|
|
409
|
+
"jsDoc": "/**\n * Icon component, which has to be mounted inside of a `IconProvider`\n * component.\n *\n * The `IconProvider` component defines where icons should be consumed from (`url`).\n * This `Icon` component accepts the `name` attribute, which will be\n * the file name of the icon to be loaded from the given `url`.\n *\n * Once fetched, the icon will be mounted. If fetching wasn't successful,\n * nothing will be shown.\n *\n * The `scale` attribute allows scaling the icon based on the provided\n * `length-unit` attribute (which will either come from the IconProvider or\n * could be overridden per icon). For example:\n * if `scale = 1` and `length-unit = 'em'`, the size of the icon will be\n * `width: 1em; height: 1em`.\n *\n * For accessibility the `role` and `aria-label` of the icon can be set.\n *\n * @tag mdc-icon\n * @tagname mdc-icon\n */",
|
|
410
410
|
"customElement": true
|
|
411
411
|
}
|
|
412
412
|
],
|
|
@@ -415,8 +415,8 @@
|
|
|
415
415
|
"kind": "js",
|
|
416
416
|
"name": "default",
|
|
417
417
|
"declaration": {
|
|
418
|
-
"name": "
|
|
419
|
-
"module": "components/
|
|
418
|
+
"name": "Icon",
|
|
419
|
+
"module": "components/icon/icon.component.js"
|
|
420
420
|
}
|
|
421
421
|
}
|
|
422
422
|
]
|
package/dist/react/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { default as Avatar } from './avatar';
|
|
2
|
-
export { default as Icon } from './icon';
|
|
3
2
|
export { default as Badge } from './badge';
|
|
3
|
+
export { default as Icon } from './icon';
|
|
4
4
|
export { default as IconProvider } from './iconprovider';
|
|
5
5
|
export { default as Text } from './text';
|
|
6
6
|
export { default as ThemeProvider } from './themeprovider';
|
package/dist/react/index.js
CHANGED
|
@@ -3,13 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ThemeProvider = exports.Text = exports.IconProvider = exports.
|
|
6
|
+
exports.ThemeProvider = exports.Text = exports.IconProvider = exports.Icon = exports.Badge = exports.Avatar = void 0;
|
|
7
7
|
var avatar_1 = require("./avatar");
|
|
8
8
|
Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return __importDefault(avatar_1).default; } });
|
|
9
|
-
var icon_1 = require("./icon");
|
|
10
|
-
Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return __importDefault(icon_1).default; } });
|
|
11
9
|
var badge_1 = require("./badge");
|
|
12
10
|
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return __importDefault(badge_1).default; } });
|
|
11
|
+
var icon_1 = require("./icon");
|
|
12
|
+
Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return __importDefault(icon_1).default; } });
|
|
13
13
|
var iconprovider_1 = require("./iconprovider");
|
|
14
14
|
Object.defineProperty(exports, "IconProvider", { enumerable: true, get: function () { return __importDefault(iconprovider_1).default; } });
|
|
15
15
|
var text_1 = require("./text");
|
package/package.json
CHANGED