@momentum-design/components 0.7.11 → 0.7.13
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/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