@carbon/ibm-products-web-components 0.28.0 → 0.29.0

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 (112) hide show
  1. package/custom-elements.json +330 -182
  2. package/es/components/about-modal/about-modal.figma.js +27 -20
  3. package/es/components/about-modal/about-modal.figma.js.map +1 -1
  4. package/es/components/about-modal/about-modal.scss.js +1 -1
  5. package/es/components/checklist/checklist-item.figma.js +49 -0
  6. package/es/components/checklist/checklist-item.figma.js.map +1 -0
  7. package/es/components/checklist/checklist.figma.js +87 -0
  8. package/es/components/checklist/checklist.figma.js.map +1 -0
  9. package/es/components/checklist/checklist.js +12 -13
  10. package/es/components/checklist/checklist.js.map +1 -1
  11. package/es/components/checklist/checklist.scss.js +1 -1
  12. package/es/components/full-page-error/full-page-error.figma.js +52 -40
  13. package/es/components/full-page-error/full-page-error.figma.js.map +1 -1
  14. package/es/components/options-tile/options-file.figma.js +96 -0
  15. package/es/components/options-tile/options-file.figma.js.map +1 -0
  16. package/es/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
  17. package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.js +1 -1
  18. package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
  19. package/es/components/tearsheet/tearsheet.scss.js +1 -1
  20. package/es/components/user-avatar/user-avatar.figma.js +91 -66
  21. package/es/components/user-avatar/user-avatar.figma.js.map +1 -1
  22. package/es/packages/ibm-products-web-components/package.json.js +1 -1
  23. package/es/patterns/step-flow/_story-assets/step-full-page.d.ts +41 -0
  24. package/es/patterns/step-flow/_story-assets/step-full-page.js +257 -0
  25. package/es/patterns/step-flow/_story-assets/step-full-page.js.map +1 -0
  26. package/es/patterns/step-flow/_story-assets/step-full-page.scss.js +13 -0
  27. package/es/patterns/step-flow/_story-assets/step-full-page.scss.js.map +1 -0
  28. package/{lib/components → es/patterns}/step-flow/_story-assets/step-tearsheet.d.ts +2 -1
  29. package/es/{components → patterns}/step-flow/_story-assets/step-tearsheet.js +7 -3
  30. package/es/patterns/step-flow/_story-assets/step-tearsheet.js.map +1 -0
  31. package/es/patterns/step-flow/step-flow-signal.js.map +1 -0
  32. package/es/patterns/step-flow/step-flow-signal.test.js.map +1 -0
  33. package/es/patterns/step-flow/step-group.js.map +1 -0
  34. package/es/{components → patterns}/step-flow/story-styles.scss.js +1 -1
  35. package/es-custom/components/about-modal/about-modal.figma.js +27 -20
  36. package/es-custom/components/about-modal/about-modal.figma.js.map +1 -1
  37. package/es-custom/components/about-modal/about-modal.scss.js +1 -1
  38. package/es-custom/components/checklist/checklist-item.figma.js +49 -0
  39. package/es-custom/components/checklist/checklist-item.figma.js.map +1 -0
  40. package/es-custom/components/checklist/checklist.figma.js +87 -0
  41. package/es-custom/components/checklist/checklist.figma.js.map +1 -0
  42. package/es-custom/components/checklist/checklist.js +12 -13
  43. package/es-custom/components/checklist/checklist.js.map +1 -1
  44. package/es-custom/components/checklist/checklist.scss.js +1 -1
  45. package/es-custom/components/full-page-error/full-page-error.figma.js +52 -40
  46. package/es-custom/components/full-page-error/full-page-error.figma.js.map +1 -1
  47. package/es-custom/components/options-tile/options-file.figma.js +96 -0
  48. package/es-custom/components/options-tile/options-file.figma.js.map +1 -0
  49. package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
  50. package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.js +1 -1
  51. package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
  52. package/es-custom/components/tearsheet/tearsheet.scss.js +1 -1
  53. package/es-custom/components/user-avatar/user-avatar.figma.js +91 -66
  54. package/es-custom/components/user-avatar/user-avatar.figma.js.map +1 -1
  55. package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
  56. package/es-custom/patterns/step-flow/_story-assets/step-full-page.d.ts +41 -0
  57. package/es-custom/patterns/step-flow/_story-assets/step-full-page.js +257 -0
  58. package/es-custom/patterns/step-flow/_story-assets/step-full-page.js.map +1 -0
  59. package/es-custom/patterns/step-flow/_story-assets/step-full-page.scss.js +13 -0
  60. package/es-custom/patterns/step-flow/_story-assets/step-full-page.scss.js.map +1 -0
  61. package/es-custom/{components → patterns}/step-flow/_story-assets/step-tearsheet.d.ts +2 -1
  62. package/es-custom/{components → patterns}/step-flow/_story-assets/step-tearsheet.js +7 -3
  63. package/es-custom/patterns/step-flow/_story-assets/step-tearsheet.js.map +1 -0
  64. package/es-custom/patterns/step-flow/step-flow-signal.js.map +1 -0
  65. package/es-custom/patterns/step-flow/step-flow-signal.test.js.map +1 -0
  66. package/es-custom/patterns/step-flow/step-group.js.map +1 -0
  67. package/es-custom/{components → patterns}/step-flow/story-styles.scss.js +1 -1
  68. package/lib/patterns/step-flow/_story-assets/step-full-page.d.ts +41 -0
  69. package/{es/components → lib/patterns}/step-flow/_story-assets/step-tearsheet.d.ts +2 -1
  70. package/package.json +9 -8
  71. package/scss/components/checklist/checklist.scss +6 -1
  72. package/es/components/about-modal/about-modal.figma.d.ts +0 -7
  73. package/es/components/full-page-error/full-page-error.figma.d.ts +0 -1
  74. package/es/components/step-flow/_story-assets/step-tearsheet.js.map +0 -1
  75. package/es/components/step-flow/step-flow-signal.js.map +0 -1
  76. package/es/components/step-flow/step-flow-signal.test.js.map +0 -1
  77. package/es/components/step-flow/step-group.js.map +0 -1
  78. package/es/components/user-avatar/user-avatar.figma.d.ts +0 -7
  79. package/es-custom/components/about-modal/about-modal.figma.d.ts +0 -7
  80. package/es-custom/components/full-page-error/full-page-error.figma.d.ts +0 -1
  81. package/es-custom/components/step-flow/_story-assets/step-tearsheet.js.map +0 -1
  82. package/es-custom/components/step-flow/step-flow-signal.js.map +0 -1
  83. package/es-custom/components/step-flow/step-flow-signal.test.js.map +0 -1
  84. package/es-custom/components/step-flow/step-group.js.map +0 -1
  85. package/es-custom/components/user-avatar/user-avatar.figma.d.ts +0 -7
  86. package/lib/components/about-modal/about-modal.figma.d.ts +0 -7
  87. package/lib/components/full-page-error/full-page-error.figma.d.ts +0 -1
  88. package/lib/components/user-avatar/user-avatar.figma.d.ts +0 -7
  89. /package/es/{components → patterns}/step-flow/index.d.ts +0 -0
  90. /package/es/{components → patterns}/step-flow/index.js +0 -0
  91. /package/es/{components → patterns}/step-flow/index.js.map +0 -0
  92. /package/es/{components → patterns}/step-flow/step-flow-signal.d.ts +0 -0
  93. /package/es/{components → patterns}/step-flow/step-flow-signal.js +0 -0
  94. /package/es/{components → patterns}/step-flow/step-flow-signal.test.d.ts +0 -0
  95. /package/es/{components → patterns}/step-flow/step-flow-signal.test.js +0 -0
  96. /package/es/{components → patterns}/step-flow/step-group.d.ts +0 -0
  97. /package/es/{components → patterns}/step-flow/step-group.js +0 -0
  98. /package/es/{components → patterns}/step-flow/story-styles.scss.js.map +0 -0
  99. /package/es-custom/{components → patterns}/step-flow/index.d.ts +0 -0
  100. /package/es-custom/{components → patterns}/step-flow/index.js +0 -0
  101. /package/es-custom/{components → patterns}/step-flow/index.js.map +0 -0
  102. /package/es-custom/{components → patterns}/step-flow/step-flow-signal.d.ts +0 -0
  103. /package/es-custom/{components → patterns}/step-flow/step-flow-signal.js +0 -0
  104. /package/es-custom/{components → patterns}/step-flow/step-flow-signal.test.d.ts +0 -0
  105. /package/es-custom/{components → patterns}/step-flow/step-flow-signal.test.js +0 -0
  106. /package/es-custom/{components → patterns}/step-flow/step-group.d.ts +0 -0
  107. /package/es-custom/{components → patterns}/step-flow/step-group.js +0 -0
  108. /package/es-custom/{components → patterns}/step-flow/story-styles.scss.js.map +0 -0
  109. /package/lib/{components → patterns}/step-flow/index.d.ts +0 -0
  110. /package/lib/{components → patterns}/step-flow/step-flow-signal.d.ts +0 -0
  111. /package/lib/{components → patterns}/step-flow/step-flow-signal.test.d.ts +0 -0
  112. /package/lib/{components → patterns}/step-flow/step-group.d.ts +0 -0
@@ -123,14 +123,6 @@
123
123
  "name": "registry",
124
124
  "type": "CustomElementRegistry | undefined"
125
125
  },
126
- {
127
- "name": "step-group",
128
- "type": "StepGroup"
129
- },
130
- {
131
- "name": "step-tearsheet",
132
- "type": "StepTearsheet"
133
- },
134
126
  {
135
127
  "name": "set-of-actions",
136
128
  "type": "SetOfActions"
@@ -147,6 +139,18 @@
147
139
  "name": "set-of-users",
148
140
  "type": "SetOfUsers"
149
141
  },
142
+ {
143
+ "name": "step-group",
144
+ "type": "StepGroup"
145
+ },
146
+ {
147
+ "name": "step-tearsheet",
148
+ "type": "StepTearsheet"
149
+ },
150
+ {
151
+ "name": "step-full-page",
152
+ "type": "StepFullPage"
153
+ },
150
154
  {
151
155
  "name": "length",
152
156
  "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
@@ -504,14 +508,6 @@
504
508
  "name": "registry",
505
509
  "type": "CustomElementRegistry | undefined"
506
510
  },
507
- {
508
- "name": "step-group",
509
- "type": "StepGroup"
510
- },
511
- {
512
- "name": "step-tearsheet",
513
- "type": "StepTearsheet"
514
- },
515
511
  {
516
512
  "name": "set-of-actions",
517
513
  "type": "SetOfActions"
@@ -528,6 +524,18 @@
528
524
  "name": "set-of-users",
529
525
  "type": "SetOfUsers"
530
526
  },
527
+ {
528
+ "name": "step-group",
529
+ "type": "StepGroup"
530
+ },
531
+ {
532
+ "name": "step-tearsheet",
533
+ "type": "StepTearsheet"
534
+ },
535
+ {
536
+ "name": "step-full-page",
537
+ "type": "StepFullPage"
538
+ },
531
539
  {
532
540
  "name": "length",
533
541
  "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
@@ -713,14 +721,6 @@
713
721
  "name": "registry",
714
722
  "type": "CustomElementRegistry | undefined"
715
723
  },
716
- {
717
- "name": "step-group",
718
- "type": "StepGroup"
719
- },
720
- {
721
- "name": "step-tearsheet",
722
- "type": "StepTearsheet"
723
- },
724
724
  {
725
725
  "name": "set-of-actions",
726
726
  "type": "SetOfActions"
@@ -737,6 +737,18 @@
737
737
  "name": "set-of-users",
738
738
  "type": "SetOfUsers"
739
739
  },
740
+ {
741
+ "name": "step-group",
742
+ "type": "StepGroup"
743
+ },
744
+ {
745
+ "name": "step-tearsheet",
746
+ "type": "StepTearsheet"
747
+ },
748
+ {
749
+ "name": "step-full-page",
750
+ "type": "StepFullPage"
751
+ },
740
752
  {
741
753
  "name": "length",
742
754
  "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
@@ -793,14 +805,6 @@
793
805
  "name": "registry",
794
806
  "type": "CustomElementRegistry | undefined"
795
807
  },
796
- {
797
- "name": "step-group",
798
- "type": "StepGroup"
799
- },
800
- {
801
- "name": "step-tearsheet",
802
- "type": "StepTearsheet"
803
- },
804
808
  {
805
809
  "name": "set-of-actions",
806
810
  "type": "SetOfActions"
@@ -817,6 +821,18 @@
817
821
  "name": "set-of-users",
818
822
  "type": "SetOfUsers"
819
823
  },
824
+ {
825
+ "name": "step-group",
826
+ "type": "StepGroup"
827
+ },
828
+ {
829
+ "name": "step-tearsheet",
830
+ "type": "StepTearsheet"
831
+ },
832
+ {
833
+ "name": "step-full-page",
834
+ "type": "StepFullPage"
835
+ },
820
836
  {
821
837
  "name": "length",
822
838
  "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
@@ -993,14 +1009,6 @@
993
1009
  "name": "registry",
994
1010
  "type": "CustomElementRegistry | undefined"
995
1011
  },
996
- {
997
- "name": "step-group",
998
- "type": "StepGroup"
999
- },
1000
- {
1001
- "name": "step-tearsheet",
1002
- "type": "StepTearsheet"
1003
- },
1004
1012
  {
1005
1013
  "name": "set-of-actions",
1006
1014
  "type": "SetOfActions"
@@ -1017,6 +1025,18 @@
1017
1025
  "name": "set-of-users",
1018
1026
  "type": "SetOfUsers"
1019
1027
  },
1028
+ {
1029
+ "name": "step-group",
1030
+ "type": "StepGroup"
1031
+ },
1032
+ {
1033
+ "name": "step-tearsheet",
1034
+ "type": "StepTearsheet"
1035
+ },
1036
+ {
1037
+ "name": "step-full-page",
1038
+ "type": "StepFullPage"
1039
+ },
1020
1040
  {
1021
1041
  "name": "length",
1022
1042
  "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
@@ -1197,14 +1217,6 @@
1197
1217
  "name": "registry",
1198
1218
  "type": "CustomElementRegistry | undefined"
1199
1219
  },
1200
- {
1201
- "name": "step-group",
1202
- "type": "StepGroup"
1203
- },
1204
- {
1205
- "name": "step-tearsheet",
1206
- "type": "StepTearsheet"
1207
- },
1208
1220
  {
1209
1221
  "name": "set-of-actions",
1210
1222
  "type": "SetOfActions"
@@ -1221,6 +1233,18 @@
1221
1233
  "name": "set-of-users",
1222
1234
  "type": "SetOfUsers"
1223
1235
  },
1236
+ {
1237
+ "name": "step-group",
1238
+ "type": "StepGroup"
1239
+ },
1240
+ {
1241
+ "name": "step-tearsheet",
1242
+ "type": "StepTearsheet"
1243
+ },
1244
+ {
1245
+ "name": "step-full-page",
1246
+ "type": "StepFullPage"
1247
+ },
1224
1248
  {
1225
1249
  "name": "length",
1226
1250
  "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
@@ -1348,14 +1372,6 @@
1348
1372
  "name": "registry",
1349
1373
  "type": "CustomElementRegistry | undefined"
1350
1374
  },
1351
- {
1352
- "name": "step-group",
1353
- "type": "StepGroup"
1354
- },
1355
- {
1356
- "name": "step-tearsheet",
1357
- "type": "StepTearsheet"
1358
- },
1359
1375
  {
1360
1376
  "name": "set-of-actions",
1361
1377
  "type": "SetOfActions"
@@ -1372,6 +1388,18 @@
1372
1388
  "name": "set-of-users",
1373
1389
  "type": "SetOfUsers"
1374
1390
  },
1391
+ {
1392
+ "name": "step-group",
1393
+ "type": "StepGroup"
1394
+ },
1395
+ {
1396
+ "name": "step-tearsheet",
1397
+ "type": "StepTearsheet"
1398
+ },
1399
+ {
1400
+ "name": "step-full-page",
1401
+ "type": "StepFullPage"
1402
+ },
1375
1403
  {
1376
1404
  "name": "length",
1377
1405
  "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
@@ -1439,14 +1467,6 @@
1439
1467
  "name": "registry",
1440
1468
  "type": "CustomElementRegistry | undefined"
1441
1469
  },
1442
- {
1443
- "name": "step-group",
1444
- "type": "StepGroup"
1445
- },
1446
- {
1447
- "name": "step-tearsheet",
1448
- "type": "StepTearsheet"
1449
- },
1450
1470
  {
1451
1471
  "name": "set-of-actions",
1452
1472
  "type": "SetOfActions"
@@ -1463,6 +1483,18 @@
1463
1483
  "name": "set-of-users",
1464
1484
  "type": "SetOfUsers"
1465
1485
  },
1486
+ {
1487
+ "name": "step-group",
1488
+ "type": "StepGroup"
1489
+ },
1490
+ {
1491
+ "name": "step-tearsheet",
1492
+ "type": "StepTearsheet"
1493
+ },
1494
+ {
1495
+ "name": "step-full-page",
1496
+ "type": "StepFullPage"
1497
+ },
1466
1498
  {
1467
1499
  "name": "length",
1468
1500
  "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
@@ -1602,14 +1634,6 @@
1602
1634
  "name": "registry",
1603
1635
  "type": "CustomElementRegistry | undefined"
1604
1636
  },
1605
- {
1606
- "name": "step-group",
1607
- "type": "StepGroup"
1608
- },
1609
- {
1610
- "name": "step-tearsheet",
1611
- "type": "StepTearsheet"
1612
- },
1613
1637
  {
1614
1638
  "name": "set-of-actions",
1615
1639
  "type": "SetOfActions"
@@ -1626,6 +1650,18 @@
1626
1650
  "name": "set-of-users",
1627
1651
  "type": "SetOfUsers"
1628
1652
  },
1653
+ {
1654
+ "name": "step-group",
1655
+ "type": "StepGroup"
1656
+ },
1657
+ {
1658
+ "name": "step-tearsheet",
1659
+ "type": "StepTearsheet"
1660
+ },
1661
+ {
1662
+ "name": "step-full-page",
1663
+ "type": "StepFullPage"
1664
+ },
1629
1665
  {
1630
1666
  "name": "length",
1631
1667
  "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
@@ -1725,14 +1761,6 @@
1725
1761
  "name": "registry",
1726
1762
  "type": "CustomElementRegistry | undefined"
1727
1763
  },
1728
- {
1729
- "name": "step-group",
1730
- "type": "StepGroup"
1731
- },
1732
- {
1733
- "name": "step-tearsheet",
1734
- "type": "StepTearsheet"
1735
- },
1736
1764
  {
1737
1765
  "name": "set-of-actions",
1738
1766
  "type": "SetOfActions"
@@ -1749,6 +1777,18 @@
1749
1777
  "name": "set-of-users",
1750
1778
  "type": "SetOfUsers"
1751
1779
  },
1780
+ {
1781
+ "name": "step-group",
1782
+ "type": "StepGroup"
1783
+ },
1784
+ {
1785
+ "name": "step-tearsheet",
1786
+ "type": "StepTearsheet"
1787
+ },
1788
+ {
1789
+ "name": "step-full-page",
1790
+ "type": "StepFullPage"
1791
+ },
1752
1792
  {
1753
1793
  "name": "length",
1754
1794
  "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
@@ -1853,14 +1893,6 @@
1853
1893
  "name": "registry",
1854
1894
  "type": "CustomElementRegistry | undefined"
1855
1895
  },
1856
- {
1857
- "name": "step-group",
1858
- "type": "StepGroup"
1859
- },
1860
- {
1861
- "name": "step-tearsheet",
1862
- "type": "StepTearsheet"
1863
- },
1864
1896
  {
1865
1897
  "name": "set-of-actions",
1866
1898
  "type": "SetOfActions"
@@ -1877,6 +1909,18 @@
1877
1909
  "name": "set-of-users",
1878
1910
  "type": "SetOfUsers"
1879
1911
  },
1912
+ {
1913
+ "name": "step-group",
1914
+ "type": "StepGroup"
1915
+ },
1916
+ {
1917
+ "name": "step-tearsheet",
1918
+ "type": "StepTearsheet"
1919
+ },
1920
+ {
1921
+ "name": "step-full-page",
1922
+ "type": "StepFullPage"
1923
+ },
1880
1924
  {
1881
1925
  "name": "length",
1882
1926
  "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
@@ -3608,14 +3652,6 @@
3608
3652
  "name": "registry",
3609
3653
  "type": "CustomElementRegistry | undefined"
3610
3654
  },
3611
- {
3612
- "name": "step-group",
3613
- "type": "StepGroup"
3614
- },
3615
- {
3616
- "name": "step-tearsheet",
3617
- "type": "StepTearsheet"
3618
- },
3619
3655
  {
3620
3656
  "name": "set-of-actions",
3621
3657
  "type": "SetOfActions"
@@ -3632,6 +3668,18 @@
3632
3668
  "name": "set-of-users",
3633
3669
  "type": "SetOfUsers"
3634
3670
  },
3671
+ {
3672
+ "name": "step-group",
3673
+ "type": "StepGroup"
3674
+ },
3675
+ {
3676
+ "name": "step-tearsheet",
3677
+ "type": "StepTearsheet"
3678
+ },
3679
+ {
3680
+ "name": "step-full-page",
3681
+ "type": "StepFullPage"
3682
+ },
3635
3683
  {
3636
3684
  "name": "length",
3637
3685
  "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
@@ -3653,76 +3701,6 @@
3653
3701
  }
3654
3702
  ]
3655
3703
  },
3656
- {
3657
- "name": "step-tearsheet",
3658
- "path": "./src/components/step-flow/_story-assets/step-tearsheet.ts",
3659
- "properties": [
3660
- {
3661
- "name": "enabledWarnings",
3662
- "description": "Read or set all the enabled warning categories for this class.\n\nThis property is only used in development builds.",
3663
- "type": "WarningKind[] | undefined"
3664
- },
3665
- {
3666
- "name": "enableWarning",
3667
- "description": "Enable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Enable for all ReactiveElement subclasses\nReactiveElement.enableWarning?.('migration');\n\n// Enable for only MyElement and subclasses\nMyElement.enableWarning?.('migration');\n```",
3668
- "type": "((warningKind: WarningKind) => void) | undefined"
3669
- },
3670
- {
3671
- "name": "disableWarning",
3672
- "description": "Disable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Disable for all ReactiveElement subclasses\nReactiveElement.disableWarning?.('migration');\n\n// Disable for only MyElement and subclasses\nMyElement.disableWarning?.('migration');\n```",
3673
- "type": "((warningKind: WarningKind) => void) | undefined"
3674
- },
3675
- {
3676
- "name": "elementProperties",
3677
- "description": "Memoized list of all element properties, including any superclass\nproperties. Created lazily on user subclasses when finalizing the class.",
3678
- "type": "PropertyDeclarationMap"
3679
- },
3680
- {
3681
- "name": "properties",
3682
- "description": "User-supplied object that maps property names to `PropertyDeclaration`\nobjects containing options for configuring reactive properties. When\na reactive property is set the element will update and render.\n\nBy default properties are public fields, and as such, they should be\nconsidered as primarily settable by element users, either via attribute or\nthe property itself.\n\nGenerally, properties that are changed by the element should be private or\nprotected fields and should use the `state: true` option. Properties\nmarked as `state` do not reflect from the corresponding attribute\n\nHowever, sometimes element code does need to set a public property. This\nshould typically only be done in response to user interaction, and an event\nshould be fired informing the user; for example, a checkbox sets its\n`checked` property when clicked and fires a `changed` event. Mutating\npublic properties should typically not be done for non-primitive (object or\narray) properties. In other cases when an element needs to manage state, a\nprivate property set with the `state: true` option should be used. When\nneeded, state properties can be initialized via public properties to\nfacilitate complex interactions.",
3683
- "type": "PropertyDeclarations"
3684
- },
3685
- {
3686
- "name": "elementStyles",
3687
- "description": "Memoized list of all element styles.\nCreated lazily on user subclasses when finalizing the class.",
3688
- "type": "CSSResultOrNative[]"
3689
- },
3690
- {
3691
- "name": "styles",
3692
- "description": "[object Object],[object Object],[object Object]",
3693
- "default": "\"styles\""
3694
- },
3695
- {
3696
- "name": "shadowRootOptions",
3697
- "description": "Options used when calling `attachShadow`. Set this property to customize\nthe options for the shadowRoot; for example, to create a closed\nshadowRoot: `{mode: 'closed'}`.\n\nNote, these options are used in `createRenderRoot`. If this method\nis customized, options should be respected if possible.",
3698
- "type": "ShadowRootInit"
3699
- },
3700
- {
3701
- "name": "renderRoot",
3702
- "description": "Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.",
3703
- "type": "HTMLElement | DocumentFragment"
3704
- },
3705
- {
3706
- "name": "isUpdatePending",
3707
- "description": "True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.",
3708
- "type": "boolean"
3709
- },
3710
- {
3711
- "name": "hasUpdated",
3712
- "description": "Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.",
3713
- "type": "boolean"
3714
- },
3715
- {
3716
- "name": "updateComplete",
3717
- "description": "Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.",
3718
- "type": "Promise<boolean>"
3719
- }
3720
- ]
3721
- },
3722
- {
3723
- "name": "step-group",
3724
- "path": "./src/components/step-flow/step-group.ts"
3725
- },
3726
3704
  {
3727
3705
  "name": "c4p-tearsheet",
3728
3706
  "path": "./src/components/tearsheet/tearsheet.ts",
@@ -3874,14 +3852,6 @@
3874
3852
  "name": "registry",
3875
3853
  "type": "CustomElementRegistry | undefined"
3876
3854
  },
3877
- {
3878
- "name": "step-group",
3879
- "type": "StepGroup"
3880
- },
3881
- {
3882
- "name": "step-tearsheet",
3883
- "type": "StepTearsheet"
3884
- },
3885
3855
  {
3886
3856
  "name": "set-of-actions",
3887
3857
  "type": "SetOfActions"
@@ -3898,6 +3868,18 @@
3898
3868
  "name": "set-of-users",
3899
3869
  "type": "SetOfUsers"
3900
3870
  },
3871
+ {
3872
+ "name": "step-group",
3873
+ "type": "StepGroup"
3874
+ },
3875
+ {
3876
+ "name": "step-tearsheet",
3877
+ "type": "StepTearsheet"
3878
+ },
3879
+ {
3880
+ "name": "step-full-page",
3881
+ "type": "StepFullPage"
3882
+ },
3901
3883
  {
3902
3884
  "name": "length",
3903
3885
  "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
@@ -4263,14 +4245,6 @@
4263
4245
  "name": "registry",
4264
4246
  "type": "CustomElementRegistry | undefined"
4265
4247
  },
4266
- {
4267
- "name": "step-group",
4268
- "type": "StepGroup"
4269
- },
4270
- {
4271
- "name": "step-tearsheet",
4272
- "type": "StepTearsheet"
4273
- },
4274
4248
  {
4275
4249
  "name": "set-of-actions",
4276
4250
  "type": "SetOfActions"
@@ -4287,12 +4261,186 @@
4287
4261
  "name": "set-of-users",
4288
4262
  "type": "SetOfUsers"
4289
4263
  },
4264
+ {
4265
+ "name": "step-group",
4266
+ "type": "StepGroup"
4267
+ },
4268
+ {
4269
+ "name": "step-tearsheet",
4270
+ "type": "StepTearsheet"
4271
+ },
4272
+ {
4273
+ "name": "step-full-page",
4274
+ "type": "StepFullPage"
4275
+ },
4290
4276
  {
4291
4277
  "name": "length",
4292
4278
  "description": "Gets the length of the array. This is a number one higher than the highest element defined in an array.",
4293
4279
  "type": "number"
4294
4280
  }
4295
4281
  ]
4282
+ },
4283
+ {
4284
+ "name": "step-full-page",
4285
+ "path": "./src/patterns/step-flow/_story-assets/step-full-page.ts",
4286
+ "attributes": [
4287
+ {
4288
+ "name": "narrow",
4289
+ "type": "boolean",
4290
+ "default": "false"
4291
+ }
4292
+ ],
4293
+ "properties": [
4294
+ {
4295
+ "name": "narrow",
4296
+ "attribute": "narrow",
4297
+ "type": "boolean",
4298
+ "default": "false"
4299
+ },
4300
+ {
4301
+ "name": "enabledWarnings",
4302
+ "description": "Read or set all the enabled warning categories for this class.\n\nThis property is only used in development builds.",
4303
+ "type": "WarningKind[] | undefined"
4304
+ },
4305
+ {
4306
+ "name": "enableWarning",
4307
+ "description": "Enable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Enable for all ReactiveElement subclasses\nReactiveElement.enableWarning?.('migration');\n\n// Enable for only MyElement and subclasses\nMyElement.enableWarning?.('migration');\n```",
4308
+ "type": "((warningKind: WarningKind) => void) | undefined"
4309
+ },
4310
+ {
4311
+ "name": "disableWarning",
4312
+ "description": "Disable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Disable for all ReactiveElement subclasses\nReactiveElement.disableWarning?.('migration');\n\n// Disable for only MyElement and subclasses\nMyElement.disableWarning?.('migration');\n```",
4313
+ "type": "((warningKind: WarningKind) => void) | undefined"
4314
+ },
4315
+ {
4316
+ "name": "elementProperties",
4317
+ "description": "Memoized list of all element properties, including any superclass\nproperties. Created lazily on user subclasses when finalizing the class.",
4318
+ "type": "PropertyDeclarationMap"
4319
+ },
4320
+ {
4321
+ "name": "properties",
4322
+ "description": "User-supplied object that maps property names to `PropertyDeclaration`\nobjects containing options for configuring reactive properties. When\na reactive property is set the element will update and render.\n\nBy default properties are public fields, and as such, they should be\nconsidered as primarily settable by element users, either via attribute or\nthe property itself.\n\nGenerally, properties that are changed by the element should be private or\nprotected fields and should use the `state: true` option. Properties\nmarked as `state` do not reflect from the corresponding attribute\n\nHowever, sometimes element code does need to set a public property. This\nshould typically only be done in response to user interaction, and an event\nshould be fired informing the user; for example, a checkbox sets its\n`checked` property when clicked and fires a `changed` event. Mutating\npublic properties should typically not be done for non-primitive (object or\narray) properties. In other cases when an element needs to manage state, a\nprivate property set with the `state: true` option should be used. When\nneeded, state properties can be initialized via public properties to\nfacilitate complex interactions.",
4323
+ "type": "PropertyDeclarations"
4324
+ },
4325
+ {
4326
+ "name": "elementStyles",
4327
+ "description": "Memoized list of all element styles.\nCreated lazily on user subclasses when finalizing the class.",
4328
+ "type": "CSSResultOrNative[]"
4329
+ },
4330
+ {
4331
+ "name": "styles",
4332
+ "description": "[object Object],[object Object],[object Object]",
4333
+ "default": "\"styles\""
4334
+ },
4335
+ {
4336
+ "name": "shadowRootOptions",
4337
+ "description": "Options used when calling `attachShadow`. Set this property to customize\nthe options for the shadowRoot; for example, to create a closed\nshadowRoot: `{mode: 'closed'}`.\n\nNote, these options are used in `createRenderRoot`. If this method\nis customized, options should be respected if possible.",
4338
+ "type": "ShadowRootInit"
4339
+ },
4340
+ {
4341
+ "name": "renderRoot",
4342
+ "description": "Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.",
4343
+ "type": "HTMLElement | DocumentFragment"
4344
+ },
4345
+ {
4346
+ "name": "isUpdatePending",
4347
+ "description": "True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.",
4348
+ "type": "boolean"
4349
+ },
4350
+ {
4351
+ "name": "hasUpdated",
4352
+ "description": "Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.",
4353
+ "type": "boolean"
4354
+ },
4355
+ {
4356
+ "name": "updateComplete",
4357
+ "description": "Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.",
4358
+ "type": "Promise<boolean>"
4359
+ }
4360
+ ]
4361
+ },
4362
+ {
4363
+ "name": "step-tearsheet",
4364
+ "path": "./src/patterns/step-flow/_story-assets/step-tearsheet.ts",
4365
+ "attributes": [
4366
+ {
4367
+ "name": "narrow",
4368
+ "type": "boolean",
4369
+ "default": "false"
4370
+ }
4371
+ ],
4372
+ "properties": [
4373
+ {
4374
+ "name": "narrow",
4375
+ "attribute": "narrow",
4376
+ "type": "boolean",
4377
+ "default": "false"
4378
+ },
4379
+ {
4380
+ "name": "enabledWarnings",
4381
+ "description": "Read or set all the enabled warning categories for this class.\n\nThis property is only used in development builds.",
4382
+ "type": "WarningKind[] | undefined"
4383
+ },
4384
+ {
4385
+ "name": "enableWarning",
4386
+ "description": "Enable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Enable for all ReactiveElement subclasses\nReactiveElement.enableWarning?.('migration');\n\n// Enable for only MyElement and subclasses\nMyElement.enableWarning?.('migration');\n```",
4387
+ "type": "((warningKind: WarningKind) => void) | undefined"
4388
+ },
4389
+ {
4390
+ "name": "disableWarning",
4391
+ "description": "Disable the given warning category for this class.\n\nThis method only exists in development builds, so it should be accessed\nwith a guard like:\n\n```ts\n// Disable for all ReactiveElement subclasses\nReactiveElement.disableWarning?.('migration');\n\n// Disable for only MyElement and subclasses\nMyElement.disableWarning?.('migration');\n```",
4392
+ "type": "((warningKind: WarningKind) => void) | undefined"
4393
+ },
4394
+ {
4395
+ "name": "elementProperties",
4396
+ "description": "Memoized list of all element properties, including any superclass\nproperties. Created lazily on user subclasses when finalizing the class.",
4397
+ "type": "PropertyDeclarationMap"
4398
+ },
4399
+ {
4400
+ "name": "properties",
4401
+ "description": "User-supplied object that maps property names to `PropertyDeclaration`\nobjects containing options for configuring reactive properties. When\na reactive property is set the element will update and render.\n\nBy default properties are public fields, and as such, they should be\nconsidered as primarily settable by element users, either via attribute or\nthe property itself.\n\nGenerally, properties that are changed by the element should be private or\nprotected fields and should use the `state: true` option. Properties\nmarked as `state` do not reflect from the corresponding attribute\n\nHowever, sometimes element code does need to set a public property. This\nshould typically only be done in response to user interaction, and an event\nshould be fired informing the user; for example, a checkbox sets its\n`checked` property when clicked and fires a `changed` event. Mutating\npublic properties should typically not be done for non-primitive (object or\narray) properties. In other cases when an element needs to manage state, a\nprivate property set with the `state: true` option should be used. When\nneeded, state properties can be initialized via public properties to\nfacilitate complex interactions.",
4402
+ "type": "PropertyDeclarations"
4403
+ },
4404
+ {
4405
+ "name": "elementStyles",
4406
+ "description": "Memoized list of all element styles.\nCreated lazily on user subclasses when finalizing the class.",
4407
+ "type": "CSSResultOrNative[]"
4408
+ },
4409
+ {
4410
+ "name": "styles",
4411
+ "description": "[object Object],[object Object],[object Object]",
4412
+ "default": "\"styles\""
4413
+ },
4414
+ {
4415
+ "name": "shadowRootOptions",
4416
+ "description": "Options used when calling `attachShadow`. Set this property to customize\nthe options for the shadowRoot; for example, to create a closed\nshadowRoot: `{mode: 'closed'}`.\n\nNote, these options are used in `createRenderRoot`. If this method\nis customized, options should be respected if possible.",
4417
+ "type": "ShadowRootInit"
4418
+ },
4419
+ {
4420
+ "name": "renderRoot",
4421
+ "description": "Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.",
4422
+ "type": "HTMLElement | DocumentFragment"
4423
+ },
4424
+ {
4425
+ "name": "isUpdatePending",
4426
+ "description": "True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.",
4427
+ "type": "boolean"
4428
+ },
4429
+ {
4430
+ "name": "hasUpdated",
4431
+ "description": "Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.",
4432
+ "type": "boolean"
4433
+ },
4434
+ {
4435
+ "name": "updateComplete",
4436
+ "description": "Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.",
4437
+ "type": "Promise<boolean>"
4438
+ }
4439
+ ]
4440
+ },
4441
+ {
4442
+ "name": "step-group",
4443
+ "path": "./src/patterns/step-flow/step-group.ts"
4296
4444
  }
4297
4445
  ]
4298
4446
  }