@momentum-design/components 0.7.11 → 0.7.13
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/browser/index.js +17 -17
- package/dist/browser/index.js.map +3 -3
- package/dist/components/avatar/avatar.constants.d.ts +2 -2
- package/dist/components/badge/badge.component.d.ts +4 -17
- package/dist/components/badge/badge.component.js +20 -40
- package/dist/components/badge/badge.constants.d.ts +27 -20
- package/dist/components/badge/badge.constants.js +5 -1
- package/dist/components/badge/badge.types.d.ts +4 -0
- package/dist/components/badge/badge.types.js +1 -0
- package/dist/components/icon/icon.constants.d.ts +2 -2
- package/dist/components/iconprovider/iconprovider.constants.d.ts +3 -3
- package/dist/components/presence/presence.component.d.ts +3 -2
- package/dist/components/presence/presence.component.js +2 -2
- package/dist/components/presence/presence.constants.d.ts +23 -23
- package/dist/components/presence/presence.types.d.ts +4 -0
- package/dist/components/presence/presence.types.js +1 -0
- package/dist/components/text/text.component.d.ts +3 -2
- package/dist/components/text/text.component.js +2 -2
- package/dist/components/text/text.constants.d.ts +43 -43
- package/dist/components/text/text.types.d.ts +4 -0
- package/dist/components/text/text.types.js +1 -0
- package/dist/components/themeprovider/themeprovider.constants.d.ts +1 -1
- package/dist/custom-elements.json +34 -87
- package/package.json +1 -1
@@ -127,7 +127,7 @@
|
|
127
127
|
"kind": "field",
|
128
128
|
"name": "type",
|
129
129
|
"type": {
|
130
|
-
"text": "
|
130
|
+
"text": "BadgeType | undefined"
|
131
131
|
},
|
132
132
|
"description": "Type of the badge\nCan be `dot` (notification) , `icon`, `counter`, `success`, `warning` or `error`.",
|
133
133
|
"attribute": "type",
|
@@ -145,6 +145,9 @@
|
|
145
145
|
{
|
146
146
|
"kind": "field",
|
147
147
|
"name": "variant",
|
148
|
+
"type": {
|
149
|
+
"text": "IconVariant"
|
150
|
+
},
|
148
151
|
"description": "Type of the variant can be `primary` or `secondary`.\nIt defines the background and foreground color of the icon.",
|
149
152
|
"default": "primary",
|
150
153
|
"attribute": "variant",
|
@@ -236,26 +239,11 @@
|
|
236
239
|
"description": "the name of the icon from the icon set"
|
237
240
|
},
|
238
241
|
{
|
239
|
-
"name": "
|
240
|
-
"type": {
|
241
|
-
"text": "boolean"
|
242
|
-
},
|
243
|
-
"description": "boolean indicating whether the badge should have an overlay."
|
244
|
-
},
|
245
|
-
{
|
246
|
-
"name": "iconVariant",
|
247
|
-
"type": {
|
248
|
-
"text": "string"
|
249
|
-
},
|
250
|
-
"description": "the variant of the icon badge."
|
251
|
-
},
|
252
|
-
{
|
253
|
-
"name": "type",
|
254
|
-
"optional": true,
|
242
|
+
"name": "backgroundClassPostfix",
|
255
243
|
"type": {
|
256
244
|
"text": "string"
|
257
245
|
},
|
258
|
-
"description": "the
|
246
|
+
"description": "postfix for the class to style the badge icon."
|
259
247
|
}
|
260
248
|
],
|
261
249
|
"description": "Method to generate the badge icon."
|
@@ -269,52 +257,8 @@
|
|
269
257
|
"text": ""
|
270
258
|
}
|
271
259
|
},
|
272
|
-
"parameters": [
|
273
|
-
{
|
274
|
-
"name": "overlay",
|
275
|
-
"type": {
|
276
|
-
"text": "boolean"
|
277
|
-
},
|
278
|
-
"description": "boolean indicating whether the badge should have an overlay."
|
279
|
-
}
|
280
|
-
],
|
281
260
|
"description": "Method to generate the badge dot template."
|
282
261
|
},
|
283
|
-
{
|
284
|
-
"kind": "method",
|
285
|
-
"name": "getIconClasses",
|
286
|
-
"privacy": "private",
|
287
|
-
"return": {
|
288
|
-
"type": {
|
289
|
-
"text": ""
|
290
|
-
}
|
291
|
-
},
|
292
|
-
"parameters": [
|
293
|
-
{
|
294
|
-
"name": "overlay",
|
295
|
-
"type": {
|
296
|
-
"text": "boolean"
|
297
|
-
},
|
298
|
-
"description": "boolean indicating whether the badge should have an overlay."
|
299
|
-
},
|
300
|
-
{
|
301
|
-
"name": "iconVariant",
|
302
|
-
"type": {
|
303
|
-
"text": "string"
|
304
|
-
},
|
305
|
-
"description": "the variant of the icon badge."
|
306
|
-
},
|
307
|
-
{
|
308
|
-
"name": "type",
|
309
|
-
"optional": true,
|
310
|
-
"type": {
|
311
|
-
"text": "string"
|
312
|
-
},
|
313
|
-
"description": "the type of the badge."
|
314
|
-
}
|
315
|
-
],
|
316
|
-
"description": "This method generates the CSS classes for the badge icon."
|
317
|
-
},
|
318
262
|
{
|
319
263
|
"kind": "method",
|
320
264
|
"name": "getBadgeCounterText",
|
@@ -324,30 +268,6 @@
|
|
324
268
|
"text": ""
|
325
269
|
}
|
326
270
|
},
|
327
|
-
"parameters": [
|
328
|
-
{
|
329
|
-
"name": "maxCounter",
|
330
|
-
"type": {
|
331
|
-
"text": "number"
|
332
|
-
},
|
333
|
-
"description": "the maximum limit which can be displayed on the badge"
|
334
|
-
},
|
335
|
-
{
|
336
|
-
"name": "overlay",
|
337
|
-
"type": {
|
338
|
-
"text": "boolean"
|
339
|
-
},
|
340
|
-
"description": "whether the badge should have an overlay."
|
341
|
-
},
|
342
|
-
{
|
343
|
-
"name": "counter",
|
344
|
-
"optional": true,
|
345
|
-
"type": {
|
346
|
-
"text": "number"
|
347
|
-
},
|
348
|
-
"description": "the number to be displayed on the badge"
|
349
|
-
}
|
350
|
-
],
|
351
271
|
"description": "Method to generate the badge text and counter template."
|
352
272
|
},
|
353
273
|
{
|
@@ -377,7 +297,7 @@
|
|
377
297
|
{
|
378
298
|
"name": "type",
|
379
299
|
"type": {
|
380
|
-
"text": "
|
300
|
+
"text": "BadgeType | undefined"
|
381
301
|
},
|
382
302
|
"description": "Type of the badge\nCan be `dot` (notification) , `icon`, `counter`, `success`, `warning` or `error`.",
|
383
303
|
"fieldName": "type"
|
@@ -392,6 +312,9 @@
|
|
392
312
|
},
|
393
313
|
{
|
394
314
|
"name": "variant",
|
315
|
+
"type": {
|
316
|
+
"text": "IconVariant"
|
317
|
+
},
|
395
318
|
"description": "Type of the variant can be `primary` or `secondary`.\nIt defines the background and foreground color of the icon.",
|
396
319
|
"default": "primary",
|
397
320
|
"fieldName": "variant"
|
@@ -774,6 +697,9 @@
|
|
774
697
|
{
|
775
698
|
"kind": "field",
|
776
699
|
"name": "type",
|
700
|
+
"type": {
|
701
|
+
"text": "PresenceType"
|
702
|
+
},
|
777
703
|
"description": "Supported presence types:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
|
778
704
|
"default": "active",
|
779
705
|
"attribute": "type",
|
@@ -782,6 +708,9 @@
|
|
782
708
|
{
|
783
709
|
"kind": "field",
|
784
710
|
"name": "size",
|
711
|
+
"type": {
|
712
|
+
"text": "PresenceSize"
|
713
|
+
},
|
785
714
|
"description": "Acceptable values include:\n- XX_SMALL\n- X_SMALL\n- SMALL\n- MIDSIZE\n- LARGE\n- X_LARGE\n- XX_LARGE",
|
786
715
|
"default": "small",
|
787
716
|
"attribute": "size",
|
@@ -805,12 +734,18 @@
|
|
805
734
|
"attributes": [
|
806
735
|
{
|
807
736
|
"name": "type",
|
737
|
+
"type": {
|
738
|
+
"text": "PresenceType"
|
739
|
+
},
|
808
740
|
"description": "Supported presence types:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
|
809
741
|
"default": "active",
|
810
742
|
"fieldName": "type"
|
811
743
|
},
|
812
744
|
{
|
813
745
|
"name": "size",
|
746
|
+
"type": {
|
747
|
+
"text": "PresenceSize"
|
748
|
+
},
|
814
749
|
"description": "Acceptable values include:\n- XX_SMALL\n- X_SMALL\n- SMALL\n- MIDSIZE\n- LARGE\n- X_LARGE\n- XX_LARGE",
|
815
750
|
"default": "small",
|
816
751
|
"fieldName": "size"
|
@@ -860,6 +795,9 @@
|
|
860
795
|
{
|
861
796
|
"kind": "field",
|
862
797
|
"name": "type",
|
798
|
+
"type": {
|
799
|
+
"text": "FontType"
|
800
|
+
},
|
863
801
|
"privacy": "public",
|
864
802
|
"description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
|
865
803
|
"default": "body-large-regular",
|
@@ -869,6 +807,9 @@
|
|
869
807
|
{
|
870
808
|
"kind": "field",
|
871
809
|
"name": "tagname",
|
810
|
+
"type": {
|
811
|
+
"text": "TagName | undefined"
|
812
|
+
},
|
872
813
|
"privacy": "public",
|
873
814
|
"description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",
|
874
815
|
"attribute": "tagname",
|
@@ -878,12 +819,18 @@
|
|
878
819
|
"attributes": [
|
879
820
|
{
|
880
821
|
"name": "type",
|
822
|
+
"type": {
|
823
|
+
"text": "FontType"
|
824
|
+
},
|
881
825
|
"description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
|
882
826
|
"default": "body-large-regular",
|
883
827
|
"fieldName": "type"
|
884
828
|
},
|
885
829
|
{
|
886
830
|
"name": "tagname",
|
831
|
+
"type": {
|
832
|
+
"text": "TagName | undefined"
|
833
|
+
},
|
887
834
|
"description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",
|
888
835
|
"fieldName": "tagname"
|
889
836
|
}
|
package/package.json
CHANGED