@momentum-design/components 0.129.19 → 0.129.21

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.
Files changed (19) hide show
  1. package/dist/browser/index.js +204 -204
  2. package/dist/browser/index.js.map +4 -4
  3. package/dist/components/alertchip/alertchip.component.d.ts +7 -7
  4. package/dist/components/alertchip/alertchip.component.js +7 -14
  5. package/dist/components/alertchip/alertchip.constants.js +2 -1
  6. package/dist/components/alertchip/alertchip.types.d.ts +1 -1
  7. package/dist/components/alertchip/alertchip.utils.js +2 -2
  8. package/dist/components/formfieldwrapper/formfieldwrapper.component.d.ts +5 -0
  9. package/dist/components/formfieldwrapper/formfieldwrapper.component.js +5 -0
  10. package/dist/components/formfieldwrapper/formfieldwrapper.constants.d.ts +1 -1
  11. package/dist/components/formfieldwrapper/formfieldwrapper.constants.js +3 -2
  12. package/dist/components/select/select.component.d.ts +2 -2
  13. package/dist/components/select/select.component.js +2 -2
  14. package/dist/custom-elements.json +102 -16
  15. package/dist/react/alertchip/index.d.ts +5 -5
  16. package/dist/react/alertchip/index.js +5 -5
  17. package/dist/react/select/index.d.ts +2 -2
  18. package/dist/react/select/index.js +2 -2
  19. package/package.json +1 -1
package/dist/custom-elements.json CHANGED
@@ -1010,7 +1010,7 @@
1010
1010
  "declarations": [
1011
1011
  {
1012
1012
  "kind": "class",
1013
- "description": "mdc-alertchip component is an interactive chip that consumers can use to represent an alert.\n\n- It supports a leading icon along with label.\n- It supports 5 variants of alerts - neutral, warning, error, success, and informational\n\nThis component is built by extending Buttonsimple.",
1013
+ "description": "mdc-alertchip component is an interactive chip that consumers can use to represent an alert.\n\n- It supports a leading icon along with label.\n- It supports 5 variants of alerts - error, informational, neutral, success and warning.\n\nThis component is built by extending Buttonsimple.",
1014
1014
  "name": "AlertChip",
1015
1015
  "cssProperties": [
1016
1016
  {
@@ -1207,9 +1207,8 @@
1207
1207
  "kind": "field",
1208
1208
  "name": "label",
1209
1209
  "type": {
1210
- "text": "string"
1210
+ "text": "string | undefined"
1211
1211
  },
1212
- "default": "''",
1213
1212
  "description": "The visible label text of the alertchip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
1214
1213
  "attribute": "label"
1215
1214
  },
@@ -1411,7 +1410,7 @@
1411
1410
  "type": {
1412
1411
  "text": "VariantType"
1413
1412
  },
1414
- "description": "The variant of the alertchip. It supports 5 variants\n- neutral\n- warning\n- error\n- success\n- informational",
1413
+ "description": "The variant of the alertchip. It supports 5 variants\n- neutral\n- error\n- success\n- warning\n- informational",
1415
1414
  "default": "neutral",
1416
1415
  "attribute": "variant",
1417
1416
  "reflects": true
@@ -1419,7 +1418,7 @@
1419
1418
  ],
1420
1419
  "events": [
1421
1420
  {
1422
- "description": "(React: onClick) This event is dispatched when the chip is clicked.",
1421
+ "description": "(React: onClick) This event is dispatched when the alertchip is clicked.",
1423
1422
  "name": "click",
1424
1423
  "reactName": "onClick",
1425
1424
  "inheritedFrom": {
@@ -1428,7 +1427,7 @@
1428
1427
  }
1429
1428
  },
1430
1429
  {
1431
- "description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the chip.",
1430
+ "description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the alertchip.",
1432
1431
  "name": "keydown",
1433
1432
  "reactName": "onKeyDown",
1434
1433
  "inheritedFrom": {
@@ -1437,7 +1436,7 @@
1437
1436
  }
1438
1437
  },
1439
1438
  {
1440
- "description": "(React: onKeyUp) This event is dispatched when a key is released on the chip.",
1439
+ "description": "(React: onKeyUp) This event is dispatched when a key is released on the alertchip.",
1441
1440
  "name": "keyup",
1442
1441
  "reactName": "onKeyUp",
1443
1442
  "inheritedFrom": {
@@ -1446,7 +1445,7 @@
1446
1445
  }
1447
1446
  },
1448
1447
  {
1449
- "description": "(React: onFocus) This event is dispatched when the chip receives focus.",
1448
+ "description": "(React: onFocus) This event is dispatched when the alertchip receives focus.",
1450
1449
  "name": "focus",
1451
1450
  "reactName": "onFocus",
1452
1451
  "inheritedFrom": {
@@ -1461,16 +1460,15 @@
1461
1460
  "type": {
1462
1461
  "text": "VariantType"
1463
1462
  },
1464
- "description": "The variant of the alertchip. It supports 5 variants\n- neutral\n- warning\n- error\n- success\n- informational",
1463
+ "description": "The variant of the alertchip. It supports 5 variants\n- neutral\n- error\n- success\n- warning\n- informational",
1465
1464
  "default": "neutral",
1466
1465
  "fieldName": "variant"
1467
1466
  },
1468
1467
  {
1469
1468
  "name": "label",
1470
1469
  "type": {
1471
- "text": "string"
1470
+ "text": "string | undefined"
1472
1471
  },
1473
- "default": "''",
1474
1472
  "description": "The visible label text of the alertchip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
1475
1473
  "fieldName": "label"
1476
1474
  },
@@ -1639,7 +1637,7 @@
1639
1637
  "module": "/src/components/buttonsimple/buttonsimple.component"
1640
1638
  },
1641
1639
  "tagName": "mdc-alertchip",
1642
- "jsDoc": "/**\n * mdc-alertchip component is an interactive chip that consumers can use to represent an alert.\n *\n * - It supports a leading icon along with label.\n * - It supports 5 variants of alerts - neutral, warning, error, success, and informational\n *\n * This component is built by extending Buttonsimple.\n *\n * @tagname mdc-alertchip\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-chip-color - The color of the label text\n * @cssproperty --mdc-chip-icon-color - The color of the icon\n * @cssproperty --mdc-chip-border-color - The border color of the alertchip\n * @cssproperty --mdc-chip-background-color - The background color of the alertchip\n *\n * @csspart icon - The alert icon\n * @csspart label - The text label of the alertchip\n *\n * @event click - (React: onClick) This event is dispatched when the chip is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the chip.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the chip.\n * @event focus - (React: onFocus) This event is dispatched when the chip receives focus.\n */",
1640
+ "jsDoc": "/**\n * mdc-alertchip component is an interactive chip that consumers can use to represent an alert.\n *\n * - It supports a leading icon along with label.\n * - It supports 5 variants of alerts - error, informational, neutral, success and warning.\n *\n * This component is built by extending Buttonsimple.\n *\n * @tagname mdc-alertchip\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-chip-color - The color of the label text\n * @cssproperty --mdc-chip-icon-color - The color of the icon\n * @cssproperty --mdc-chip-border-color - The border color of the alertchip\n * @cssproperty --mdc-chip-background-color - The background color of the alertchip\n *\n * @csspart icon - The alert icon\n * @csspart label - The text label of the alertchip\n *\n * @event click - (React: onClick) This event is dispatched when the alertchip is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the alertchip.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the alertchip.\n * @event focus - (React: onFocus) This event is dispatched when the alertchip receives focus.\n */",
1643
1641
  "customElement": true,
1644
1642
  "slots": [
1645
1643
  {
@@ -10579,9 +10577,9 @@
10579
10577
  "text": "ValidationType"
10580
10578
  },
10581
10579
  "description": "The type of help text/validation. It can be 'default' or 'error'.",
10580
+ "default": "'default'",
10582
10581
  "attribute": "help-text-type",
10583
10582
  "reflects": true,
10584
- "default": "'default'",
10585
10583
  "inheritedFrom": {
10586
10584
  "name": "FormfieldWrapper",
10587
10585
  "module": "components/formfieldwrapper/formfieldwrapper.component.js"
@@ -10832,6 +10830,8 @@
10832
10830
  "type": {
10833
10831
  "text": "PopoverStrategy"
10834
10832
  },
10833
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
10834
+ "default": "'absolute'",
10835
10835
  "attribute": "toggletip-strategy",
10836
10836
  "reflects": true,
10837
10837
  "inheritedFrom": {
@@ -10955,8 +10955,8 @@
10955
10955
  "text": "ValidationType"
10956
10956
  },
10957
10957
  "description": "The type of help text/validation. It can be 'default' or 'error'.",
10958
- "fieldName": "helpTextType",
10959
10958
  "default": "'default'",
10959
+ "fieldName": "helpTextType",
10960
10960
  "inheritedFrom": {
10961
10961
  "name": "FormfieldWrapper",
10962
10962
  "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
@@ -11106,6 +11106,8 @@
11106
11106
  "type": {
11107
11107
  "text": "PopoverStrategy"
11108
11108
  },
11109
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
11110
+ "default": "'absolute'",
11109
11111
  "fieldName": "toggletipStrategy",
11110
11112
  "inheritedFrom": {
11111
11113
  "name": "FormfieldWrapper",
@@ -14308,6 +14310,7 @@
14308
14310
  "text": "ValidationType"
14309
14311
  },
14310
14312
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
14313
+ "default": "'default'",
14311
14314
  "attribute": "help-text-type",
14312
14315
  "reflects": true,
14313
14316
  "inheritedFrom": {
@@ -14739,6 +14742,8 @@
14739
14742
  "type": {
14740
14743
  "text": "PopoverStrategy"
14741
14744
  },
14745
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
14746
+ "default": "'absolute'",
14742
14747
  "attribute": "toggletip-strategy",
14743
14748
  "reflects": true,
14744
14749
  "inheritedFrom": {
@@ -15103,6 +15108,7 @@
15103
15108
  "text": "ValidationType"
15104
15109
  },
15105
15110
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
15111
+ "default": "'default'",
15106
15112
  "fieldName": "helpTextType",
15107
15113
  "inheritedFrom": {
15108
15114
  "name": "FormfieldWrapper",
@@ -15151,6 +15157,8 @@
15151
15157
  "type": {
15152
15158
  "text": "PopoverStrategy"
15153
15159
  },
15160
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
15161
+ "default": "'absolute'",
15154
15162
  "fieldName": "toggletipStrategy",
15155
15163
  "inheritedFrom": {
15156
15164
  "name": "FormfieldWrapper",
@@ -17640,6 +17648,7 @@
17640
17648
  "text": "ValidationType"
17641
17649
  },
17642
17650
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
17651
+ "default": "'default'",
17643
17652
  "attribute": "help-text-type",
17644
17653
  "reflects": true,
17645
17654
  "inheritedFrom": {
@@ -17816,6 +17825,8 @@
17816
17825
  "type": {
17817
17826
  "text": "PopoverStrategy"
17818
17827
  },
17828
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
17829
+ "default": "'absolute'",
17819
17830
  "attribute": "toggletip-strategy",
17820
17831
  "reflects": true,
17821
17832
  "inheritedFrom": {
@@ -17909,6 +17920,7 @@
17909
17920
  "text": "ValidationType"
17910
17921
  },
17911
17922
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
17923
+ "default": "'default'",
17912
17924
  "fieldName": "helpTextType",
17913
17925
  "inheritedFrom": {
17914
17926
  "name": "FormfieldWrapper",
@@ -17957,6 +17969,8 @@
17957
17969
  "type": {
17958
17970
  "text": "PopoverStrategy"
17959
17971
  },
17972
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
17973
+ "default": "'absolute'",
17960
17974
  "fieldName": "toggletipStrategy",
17961
17975
  "inheritedFrom": {
17962
17976
  "name": "FormfieldWrapper",
@@ -18146,6 +18160,7 @@
18146
18160
  "text": "ValidationType"
18147
18161
  },
18148
18162
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
18163
+ "default": "'default'",
18149
18164
  "attribute": "help-text-type",
18150
18165
  "reflects": true
18151
18166
  },
@@ -18274,6 +18289,8 @@
18274
18289
  "type": {
18275
18290
  "text": "PopoverStrategy"
18276
18291
  },
18292
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
18293
+ "default": "'absolute'",
18277
18294
  "attribute": "toggletip-strategy",
18278
18295
  "reflects": true
18279
18296
  },
@@ -18312,6 +18329,7 @@
18312
18329
  "text": "ValidationType"
18313
18330
  },
18314
18331
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
18332
+ "default": "'default'",
18315
18333
  "fieldName": "helpTextType"
18316
18334
  },
18317
18335
  {
@@ -18344,6 +18362,8 @@
18344
18362
  "type": {
18345
18363
  "text": "PopoverStrategy"
18346
18364
  },
18365
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
18366
+ "default": "'absolute'",
18347
18367
  "fieldName": "toggletipStrategy"
18348
18368
  },
18349
18369
  {
@@ -19587,6 +19607,7 @@
19587
19607
  "text": "ValidationType"
19588
19608
  },
19589
19609
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
19610
+ "default": "'default'",
19590
19611
  "attribute": "help-text-type",
19591
19612
  "reflects": true,
19592
19613
  "inheritedFrom": {
@@ -19935,6 +19956,8 @@
19935
19956
  "type": {
19936
19957
  "text": "PopoverStrategy"
19937
19958
  },
19959
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
19960
+ "default": "'absolute'",
19938
19961
  "attribute": "toggletip-strategy",
19939
19962
  "reflects": true,
19940
19963
  "inheritedFrom": {
@@ -20291,6 +20314,7 @@
20291
20314
  "text": "ValidationType"
20292
20315
  },
20293
20316
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
20317
+ "default": "'default'",
20294
20318
  "fieldName": "helpTextType",
20295
20319
  "inheritedFrom": {
20296
20320
  "name": "FormfieldWrapper",
@@ -20339,6 +20363,8 @@
20339
20363
  "type": {
20340
20364
  "text": "PopoverStrategy"
20341
20365
  },
20366
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
20367
+ "default": "'absolute'",
20342
20368
  "fieldName": "toggletipStrategy",
20343
20369
  "inheritedFrom": {
20344
20370
  "name": "FormfieldWrapper",
@@ -32525,6 +32551,7 @@
32525
32551
  "text": "ValidationType"
32526
32552
  },
32527
32553
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
32554
+ "default": "'default'",
32528
32555
  "attribute": "help-text-type",
32529
32556
  "reflects": true,
32530
32557
  "inheritedFrom": {
@@ -32967,6 +32994,8 @@
32967
32994
  "type": {
32968
32995
  "text": "PopoverStrategy"
32969
32996
  },
32997
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
32998
+ "default": "'absolute'",
32970
32999
  "attribute": "toggletip-strategy",
32971
33000
  "reflects": true,
32972
33001
  "inheritedFrom": {
@@ -33152,6 +33181,7 @@
33152
33181
  "text": "ValidationType"
33153
33182
  },
33154
33183
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
33184
+ "default": "'default'",
33155
33185
  "fieldName": "helpTextType",
33156
33186
  "inheritedFrom": {
33157
33187
  "name": "FormfieldWrapper",
@@ -33477,6 +33507,8 @@
33477
33507
  "type": {
33478
33508
  "text": "PopoverStrategy"
33479
33509
  },
33510
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
33511
+ "default": "'absolute'",
33480
33512
  "fieldName": "toggletipStrategy",
33481
33513
  "inheritedFrom": {
33482
33514
  "name": "FormfieldWrapper",
@@ -35639,6 +35671,7 @@
35639
35671
  "text": "ValidationType"
35640
35672
  },
35641
35673
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
35674
+ "default": "'default'",
35642
35675
  "attribute": "help-text-type",
35643
35676
  "reflects": true,
35644
35677
  "inheritedFrom": {
@@ -35815,6 +35848,8 @@
35815
35848
  "type": {
35816
35849
  "text": "PopoverStrategy"
35817
35850
  },
35851
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
35852
+ "default": "'absolute'",
35818
35853
  "attribute": "toggletip-strategy",
35819
35854
  "reflects": true,
35820
35855
  "inheritedFrom": {
@@ -35944,6 +35979,7 @@
35944
35979
  "text": "ValidationType"
35945
35980
  },
35946
35981
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
35982
+ "default": "'default'",
35947
35983
  "fieldName": "helpTextType",
35948
35984
  "inheritedFrom": {
35949
35985
  "name": "FormfieldWrapper",
@@ -35992,6 +36028,8 @@
35992
36028
  "type": {
35993
36029
  "text": "PopoverStrategy"
35994
36030
  },
36031
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
36032
+ "default": "'absolute'",
35995
36033
  "fieldName": "toggletipStrategy",
35996
36034
  "inheritedFrom": {
35997
36035
  "name": "FormfieldWrapper",
@@ -36368,6 +36406,7 @@
36368
36406
  "text": "ValidationType"
36369
36407
  },
36370
36408
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
36409
+ "default": "'default'",
36371
36410
  "attribute": "help-text-type",
36372
36411
  "reflects": true,
36373
36412
  "inheritedFrom": {
@@ -36571,6 +36610,8 @@
36571
36610
  "type": {
36572
36611
  "text": "PopoverStrategy"
36573
36612
  },
36613
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
36614
+ "default": "'absolute'",
36574
36615
  "attribute": "toggletip-strategy",
36575
36616
  "reflects": true,
36576
36617
  "inheritedFrom": {
@@ -36727,6 +36768,7 @@
36727
36768
  "text": "ValidationType"
36728
36769
  },
36729
36770
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
36771
+ "default": "'default'",
36730
36772
  "fieldName": "helpTextType",
36731
36773
  "inheritedFrom": {
36732
36774
  "name": "FormfieldWrapper",
@@ -36775,6 +36817,8 @@
36775
36817
  "type": {
36776
36818
  "text": "PopoverStrategy"
36777
36819
  },
36820
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
36821
+ "default": "'absolute'",
36778
36822
  "fieldName": "toggletipStrategy",
36779
36823
  "inheritedFrom": {
36780
36824
  "name": "FormfieldWrapper",
@@ -37175,6 +37219,7 @@
37175
37219
  "text": "ValidationType"
37176
37220
  },
37177
37221
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
37222
+ "default": "'default'",
37178
37223
  "attribute": "help-text-type",
37179
37224
  "reflects": true,
37180
37225
  "inheritedFrom": {
@@ -37421,6 +37466,8 @@
37421
37466
  "type": {
37422
37467
  "text": "PopoverStrategy"
37423
37468
  },
37469
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
37470
+ "default": "'absolute'",
37424
37471
  "attribute": "toggletip-strategy",
37425
37472
  "reflects": true,
37426
37473
  "inheritedFrom": {
@@ -37659,6 +37706,7 @@
37659
37706
  "text": "ValidationType"
37660
37707
  },
37661
37708
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
37709
+ "default": "'default'",
37662
37710
  "fieldName": "helpTextType",
37663
37711
  "inheritedFrom": {
37664
37712
  "name": "FormfieldWrapper",
@@ -37707,6 +37755,8 @@
37707
37755
  "type": {
37708
37756
  "text": "PopoverStrategy"
37709
37757
  },
37758
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
37759
+ "default": "'absolute'",
37710
37760
  "fieldName": "toggletipStrategy",
37711
37761
  "inheritedFrom": {
37712
37762
  "name": "FormfieldWrapper",
@@ -37958,6 +38008,7 @@
37958
38008
  "text": "ValidationType"
37959
38009
  },
37960
38010
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
38011
+ "default": "'default'",
37961
38012
  "attribute": "help-text-type",
37962
38013
  "reflects": true,
37963
38014
  "inheritedFrom": {
@@ -38144,6 +38195,8 @@
38144
38195
  "type": {
38145
38196
  "text": "PopoverStrategy"
38146
38197
  },
38198
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
38199
+ "default": "'absolute'",
38147
38200
  "attribute": "toggletip-strategy",
38148
38201
  "reflects": true,
38149
38202
  "inheritedFrom": {
@@ -38233,6 +38286,7 @@
38233
38286
  "text": "ValidationType"
38234
38287
  },
38235
38288
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
38289
+ "default": "'default'",
38236
38290
  "fieldName": "helpTextType",
38237
38291
  "inheritedFrom": {
38238
38292
  "name": "FormfieldWrapper",
@@ -38281,6 +38335,8 @@
38281
38335
  "type": {
38282
38336
  "text": "PopoverStrategy"
38283
38337
  },
38338
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
38339
+ "default": "'absolute'",
38284
38340
  "fieldName": "toggletipStrategy",
38285
38341
  "inheritedFrom": {
38286
38342
  "name": "FormfieldWrapper",
@@ -39264,6 +39320,7 @@
39264
39320
  "text": "ValidationType"
39265
39321
  },
39266
39322
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
39323
+ "default": "'default'",
39267
39324
  "attribute": "help-text-type",
39268
39325
  "reflects": true,
39269
39326
  "inheritedFrom": {
@@ -39671,6 +39728,8 @@
39671
39728
  "type": {
39672
39729
  "text": "PopoverStrategy"
39673
39730
  },
39731
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
39732
+ "default": "'absolute'",
39674
39733
  "attribute": "toggletip-strategy",
39675
39734
  "reflects": true,
39676
39735
  "inheritedFrom": {
@@ -40122,6 +40181,7 @@
40122
40181
  "text": "ValidationType"
40123
40182
  },
40124
40183
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
40184
+ "default": "'default'",
40125
40185
  "fieldName": "helpTextType",
40126
40186
  "inheritedFrom": {
40127
40187
  "name": "FormfieldWrapper",
@@ -40170,6 +40230,8 @@
40170
40230
  "type": {
40171
40231
  "text": "PopoverStrategy"
40172
40232
  },
40233
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
40234
+ "default": "'absolute'",
40173
40235
  "fieldName": "toggletipStrategy",
40174
40236
  "inheritedFrom": {
40175
40237
  "name": "FormfieldWrapper",
@@ -40756,6 +40818,7 @@
40756
40818
  "text": "ValidationType"
40757
40819
  },
40758
40820
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
40821
+ "default": "'default'",
40759
40822
  "attribute": "help-text-type",
40760
40823
  "reflects": true,
40761
40824
  "inheritedFrom": {
@@ -41199,6 +41262,8 @@
41199
41262
  "type": {
41200
41263
  "text": "PopoverStrategy"
41201
41264
  },
41265
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
41266
+ "default": "'absolute'",
41202
41267
  "attribute": "toggletip-strategy",
41203
41268
  "reflects": true,
41204
41269
  "inheritedFrom": {
@@ -41688,6 +41753,7 @@
41688
41753
  "text": "ValidationType"
41689
41754
  },
41690
41755
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
41756
+ "default": "'default'",
41691
41757
  "fieldName": "helpTextType",
41692
41758
  "inheritedFrom": {
41693
41759
  "name": "FormfieldWrapper",
@@ -41736,6 +41802,8 @@
41736
41802
  "type": {
41737
41803
  "text": "PopoverStrategy"
41738
41804
  },
41805
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
41806
+ "default": "'absolute'",
41739
41807
  "fieldName": "toggletipStrategy",
41740
41808
  "inheritedFrom": {
41741
41809
  "name": "FormfieldWrapper",
@@ -41807,7 +41875,7 @@
41807
41875
  "declarations": [
41808
41876
  {
41809
41877
  "kind": "class",
41810
- "description": "The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.\nIt is designed to work with `mdc-option` for individual options and `mdc-optgroup` for grouping related options.\n\nEvery mdc-option should have a `value` attribute set to ensure proper form submission.\n\nTo set a default option, use the `selected` attribute on the `mdc-option` element.\nYou can also set the `value` attribute on the `mdc-select` element to match the value of the desired option. The component will select the corresponding option automatically.\n\n**Note:** Make sure to add `mdc-selectlistbox` as a child of `mdc-select` and wrap options/optgroup in it to ensure proper accessibility functionality. Read more about it in SelectListBox documentation.\n\nIf you need to use `mdc-tooltip` with any options, make sure to place the tooltip component outside the `mdc-select` element.",
41878
+ "description": "The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.\nIt is designed to work with `mdc-option` for individual options and `mdc-optgroup` for grouping related options.\nOptional: Add `mdc-divider` after each option group (`mdc-optgroup`) to separate groups visually.\n\nEvery mdc-option should have a `value` attribute set to ensure proper form submission.\n\nTo set a default option, use the `selected` attribute on the `mdc-option` element.\nYou can also set the `value` attribute on the `mdc-select` element to match the value of the desired option. The component will select the corresponding option automatically.\n\n**Note:** Make sure to add `mdc-selectlistbox` as a child of `mdc-select` and wrap options/optgroup in it to ensure proper accessibility functionality. Read more about it in SelectListBox documentation.\n\nIf you need to use `mdc-tooltip` with any options, make sure to place the tooltip component outside the `mdc-select` element.",
41811
41879
  "name": "Select",
41812
41880
  "cssProperties": [
41813
41881
  {
@@ -42355,6 +42423,7 @@
42355
42423
  "text": "ValidationType"
42356
42424
  },
42357
42425
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
42426
+ "default": "'default'",
42358
42427
  "attribute": "help-text-type",
42359
42428
  "reflects": true,
42360
42429
  "inheritedFrom": {
@@ -42777,6 +42846,8 @@
42777
42846
  "type": {
42778
42847
  "text": "PopoverStrategy"
42779
42848
  },
42849
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
42850
+ "default": "'absolute'",
42780
42851
  "attribute": "toggletip-strategy",
42781
42852
  "reflects": true,
42782
42853
  "inheritedFrom": {
@@ -43072,6 +43143,7 @@
43072
43143
  "text": "ValidationType"
43073
43144
  },
43074
43145
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
43146
+ "default": "'default'",
43075
43147
  "fieldName": "helpTextType",
43076
43148
  "inheritedFrom": {
43077
43149
  "name": "FormfieldWrapper",
@@ -43120,6 +43192,8 @@
43120
43192
  "type": {
43121
43193
  "text": "PopoverStrategy"
43122
43194
  },
43195
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
43196
+ "default": "'absolute'",
43123
43197
  "fieldName": "toggletipStrategy",
43124
43198
  "inheritedFrom": {
43125
43199
  "name": "FormfieldWrapper",
@@ -43192,7 +43266,7 @@
43192
43266
  "module": "/src/components/formfieldwrapper/formfieldwrapper.component"
43193
43267
  },
43194
43268
  "tagName": "mdc-select",
43195
- "jsDoc": "/**\n * The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.\n * It is designed to work with `mdc-option` for individual options and `mdc-optgroup` for grouping related options.\n *\n * Every mdc-option should have a `value` attribute set to ensure proper form submission.\n *\n * To set a default option, use the `selected` attribute on the `mdc-option` element.\n * You can also set the `value` attribute on the `mdc-select` element to match the value of the desired option. The component will select the corresponding option automatically.\n *\n * **Note:** Make sure to add `mdc-selectlistbox` as a child of `mdc-select` and wrap options/optgroup in it to ensure proper accessibility functionality. Read more about it in SelectListBox documentation.\n *\n * If you need to use `mdc-tooltip` with any options, make sure to place the tooltip component outside the `mdc-select` element.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-popover\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @tagname mdc-select\n *\n * @slot default - This is a default/unnamed slot for Selectlistbox including options and/or option group.\n *\n * @event click - (React: onClick) This event is dispatched when the select is clicked.\n * @event change - (React: onChange) This event is dispatched when the select is changed.\n * @event input - (React: onInput) This event is dispatched when the select is changed.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the select.\n * @event focus - (React: onFocus) This event is dispatched when the select receives focus.\n *\n * @slot label - Slot for the label element. If not provided, the `label` property will be used to render the label.\n * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.\n * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.\n * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.\n *\n * @csspart label - The label element.\n * @csspart label-text - The container for the label and required indicator elements.\n * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.\n * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.\n * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.\n * @csspart help-text - The helper/validation text element.\n * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.\n * @csspart help-text-container - The container for the helper/validation icon and text elements.\n *\n * @cssproperty --mdc-label-font-size - Font size for the label text.\n * @cssproperty --mdc-label-font-weight - Font weight for the label text.\n * @cssproperty --mdc-label-line-height - Line height for the label text.\n * @cssproperty --mdc-label-color - Color for the label text.\n * @cssproperty --mdc-help-text-font-size - Font size for the help text.\n * @cssproperty --mdc-help-text-font-weight - Font weight for the help text.\n * @cssproperty --mdc-help-text-line-height - Line height for the help text.\n * @cssproperty --mdc-help-text-color - Color for the help text.\n * @cssproperty --mdc-required-indicator-color - Color for the required indicator text.\n * @cssproperty --mdc-select-background-color - The background color of the combobox of select.\n * @cssproperty --mdc-select-text-color - The text color of the select.\n * @cssproperty --mdc-select-border-color - The border color of the select.\n * @cssproperty --mdc-select-width - The width of the select.\n * @cssproperty --mdc-select-listbox-height - The height of the listbox inside the select.\n * @cssproperty --mdc-select-listbox-width - The width of the listbox inside the select (default: `--mdc-select-width`).\n */",
43269
+ "jsDoc": "/**\n * The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.\n * It is designed to work with `mdc-option` for individual options and `mdc-optgroup` for grouping related options.\n * Optional: Add `mdc-divider` after each option group (`mdc-optgroup`) to separate groups visually.\n *\n * Every mdc-option should have a `value` attribute set to ensure proper form submission.\n *\n * To set a default option, use the `selected` attribute on the `mdc-option` element.\n * You can also set the `value` attribute on the `mdc-select` element to match the value of the desired option. The component will select the corresponding option automatically.\n *\n * **Note:** Make sure to add `mdc-selectlistbox` as a child of `mdc-select` and wrap options/optgroup in it to ensure proper accessibility functionality. Read more about it in SelectListBox documentation.\n *\n * If you need to use `mdc-tooltip` with any options, make sure to place the tooltip component outside the `mdc-select` element.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-popover\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @tagname mdc-select\n *\n * @event click - (React: onClick) This event is dispatched when the select is clicked.\n * @event change - (React: onChange) This event is dispatched when the select is changed.\n * @event input - (React: onInput) This event is dispatched when the select is changed.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the select.\n * @event focus - (React: onFocus) This event is dispatched when the select receives focus.\n *\n * @slot default - This is a default/unnamed slot for Selectlistbox including options and/or option group.\n * @slot label - Slot for the label element. If not provided, the `label` property will be used to render the label.\n * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.\n * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.\n * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.\n *\n * @csspart label - The label element.\n * @csspart label-text - The container for the label and required indicator elements.\n * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.\n * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.\n * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.\n * @csspart help-text - The helper/validation text element.\n * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.\n * @csspart help-text-container - The container for the helper/validation icon and text elements.\n *\n * @cssproperty --mdc-label-font-size - Font size for the label text.\n * @cssproperty --mdc-label-font-weight - Font weight for the label text.\n * @cssproperty --mdc-label-line-height - Line height for the label text.\n * @cssproperty --mdc-label-color - Color for the label text.\n * @cssproperty --mdc-help-text-font-size - Font size for the help text.\n * @cssproperty --mdc-help-text-font-weight - Font weight for the help text.\n * @cssproperty --mdc-help-text-line-height - Line height for the help text.\n * @cssproperty --mdc-help-text-color - Color for the help text.\n * @cssproperty --mdc-required-indicator-color - Color for the required indicator text.\n * @cssproperty --mdc-select-background-color - The background color of the combobox of select.\n * @cssproperty --mdc-select-text-color - The text color of the select.\n * @cssproperty --mdc-select-border-color - The border color of the select.\n * @cssproperty --mdc-select-width - The width of the select.\n * @cssproperty --mdc-select-listbox-height - The height of the listbox inside the select.\n * @cssproperty --mdc-select-listbox-width - The width of the listbox inside the select (default: `--mdc-select-width`).\n */",
43196
43270
  "customElement": true
43197
43271
  }
43198
43272
  ],
@@ -47126,6 +47200,7 @@
47126
47200
  "text": "ValidationType"
47127
47201
  },
47128
47202
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
47203
+ "default": "'default'",
47129
47204
  "attribute": "help-text-type",
47130
47205
  "reflects": true,
47131
47206
  "inheritedFrom": {
@@ -47446,6 +47521,8 @@
47446
47521
  "type": {
47447
47522
  "text": "PopoverStrategy"
47448
47523
  },
47524
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
47525
+ "default": "'absolute'",
47449
47526
  "attribute": "toggletip-strategy",
47450
47527
  "reflects": true,
47451
47528
  "inheritedFrom": {
@@ -47794,6 +47871,7 @@
47794
47871
  "text": "ValidationType"
47795
47872
  },
47796
47873
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
47874
+ "default": "'default'",
47797
47875
  "fieldName": "helpTextType",
47798
47876
  "inheritedFrom": {
47799
47877
  "name": "FormfieldWrapper",
@@ -47842,6 +47920,8 @@
47842
47920
  "type": {
47843
47921
  "text": "PopoverStrategy"
47844
47922
  },
47923
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
47924
+ "default": "'absolute'",
47845
47925
  "fieldName": "toggletipStrategy",
47846
47926
  "inheritedFrom": {
47847
47927
  "name": "FormfieldWrapper",
@@ -48730,6 +48810,7 @@
48730
48810
  "text": "ValidationType"
48731
48811
  },
48732
48812
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
48813
+ "default": "'default'",
48733
48814
  "attribute": "help-text-type",
48734
48815
  "reflects": true,
48735
48816
  "inheritedFrom": {
@@ -48992,6 +49073,8 @@
48992
49073
  "type": {
48993
49074
  "text": "PopoverStrategy"
48994
49075
  },
49076
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
49077
+ "default": "'absolute'",
48995
49078
  "attribute": "toggletip-strategy",
48996
49079
  "reflects": true,
48997
49080
  "inheritedFrom": {
@@ -49208,6 +49291,7 @@
49208
49291
  "text": "ValidationType"
49209
49292
  },
49210
49293
  "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
49294
+ "default": "'default'",
49211
49295
  "fieldName": "helpTextType",
49212
49296
  "inheritedFrom": {
49213
49297
  "name": "FormfieldWrapper",
@@ -49256,6 +49340,8 @@
49256
49340
  "type": {
49257
49341
  "text": "PopoverStrategy"
49258
49342
  },
49343
+ "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
49344
+ "default": "'absolute'",
49259
49345
  "fieldName": "toggletipStrategy",
49260
49346
  "inheritedFrom": {
49261
49347
  "name": "FormfieldWrapper",
package/dist/react/alertchip/index.d.ts CHANGED
@@ -5,7 +5,7 @@ import type { Events as EventsInherited } from '../../components/buttonsimple/bu
5
5
  * mdc-alertchip component is an interactive chip that consumers can use to represent an alert.
6
6
  *
7
7
  * - It supports a leading icon along with label.
8
- * - It supports 5 variants of alerts - neutral, warning, error, success, and informational
8
+ * - It supports 5 variants of alerts - error, informational, neutral, success and warning.
9
9
  *
10
10
  * This component is built by extending Buttonsimple.
11
11
  *
@@ -22,10 +22,10 @@ import type { Events as EventsInherited } from '../../components/buttonsimple/bu
22
22
  * @csspart icon - The alert icon
23
23
  * @csspart label - The text label of the alertchip
24
24
  *
25
- * @event click - (React: onClick) This event is dispatched when the chip is clicked.
26
- * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the chip.
27
- * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the chip.
28
- * @event focus - (React: onFocus) This event is dispatched when the chip receives focus.
25
+ * @event click - (React: onClick) This event is dispatched when the alertchip is clicked.
26
+ * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the alertchip.
27
+ * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the alertchip.
28
+ * @event focus - (React: onFocus) This event is dispatched when the alertchip receives focus.
29
29
  */
30
30
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
31
31
  onClick: EventName<EventsInherited["onClickEvent"]>;