@carbon/ibm-products-web-components 0.28.0 → 0.29.0-rc.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 +218 -70
  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
@@ -131,6 +131,10 @@
131
131
  "name": "step-tearsheet",
132
132
  "type": "StepTearsheet"
133
133
  },
134
+ {
135
+ "name": "step-full-page",
136
+ "type": "StepFullPage"
137
+ },
134
138
  {
135
139
  "name": "set-of-actions",
136
140
  "type": "SetOfActions"
@@ -512,6 +516,10 @@
512
516
  "name": "step-tearsheet",
513
517
  "type": "StepTearsheet"
514
518
  },
519
+ {
520
+ "name": "step-full-page",
521
+ "type": "StepFullPage"
522
+ },
515
523
  {
516
524
  "name": "set-of-actions",
517
525
  "type": "SetOfActions"
@@ -721,6 +729,10 @@
721
729
  "name": "step-tearsheet",
722
730
  "type": "StepTearsheet"
723
731
  },
732
+ {
733
+ "name": "step-full-page",
734
+ "type": "StepFullPage"
735
+ },
724
736
  {
725
737
  "name": "set-of-actions",
726
738
  "type": "SetOfActions"
@@ -801,6 +813,10 @@
801
813
  "name": "step-tearsheet",
802
814
  "type": "StepTearsheet"
803
815
  },
816
+ {
817
+ "name": "step-full-page",
818
+ "type": "StepFullPage"
819
+ },
804
820
  {
805
821
  "name": "set-of-actions",
806
822
  "type": "SetOfActions"
@@ -1001,6 +1017,10 @@
1001
1017
  "name": "step-tearsheet",
1002
1018
  "type": "StepTearsheet"
1003
1019
  },
1020
+ {
1021
+ "name": "step-full-page",
1022
+ "type": "StepFullPage"
1023
+ },
1004
1024
  {
1005
1025
  "name": "set-of-actions",
1006
1026
  "type": "SetOfActions"
@@ -1205,6 +1225,10 @@
1205
1225
  "name": "step-tearsheet",
1206
1226
  "type": "StepTearsheet"
1207
1227
  },
1228
+ {
1229
+ "name": "step-full-page",
1230
+ "type": "StepFullPage"
1231
+ },
1208
1232
  {
1209
1233
  "name": "set-of-actions",
1210
1234
  "type": "SetOfActions"
@@ -1356,6 +1380,10 @@
1356
1380
  "name": "step-tearsheet",
1357
1381
  "type": "StepTearsheet"
1358
1382
  },
1383
+ {
1384
+ "name": "step-full-page",
1385
+ "type": "StepFullPage"
1386
+ },
1359
1387
  {
1360
1388
  "name": "set-of-actions",
1361
1389
  "type": "SetOfActions"
@@ -1447,6 +1475,10 @@
1447
1475
  "name": "step-tearsheet",
1448
1476
  "type": "StepTearsheet"
1449
1477
  },
1478
+ {
1479
+ "name": "step-full-page",
1480
+ "type": "StepFullPage"
1481
+ },
1450
1482
  {
1451
1483
  "name": "set-of-actions",
1452
1484
  "type": "SetOfActions"
@@ -1610,6 +1642,10 @@
1610
1642
  "name": "step-tearsheet",
1611
1643
  "type": "StepTearsheet"
1612
1644
  },
1645
+ {
1646
+ "name": "step-full-page",
1647
+ "type": "StepFullPage"
1648
+ },
1613
1649
  {
1614
1650
  "name": "set-of-actions",
1615
1651
  "type": "SetOfActions"
@@ -1733,6 +1769,10 @@
1733
1769
  "name": "step-tearsheet",
1734
1770
  "type": "StepTearsheet"
1735
1771
  },
1772
+ {
1773
+ "name": "step-full-page",
1774
+ "type": "StepFullPage"
1775
+ },
1736
1776
  {
1737
1777
  "name": "set-of-actions",
1738
1778
  "type": "SetOfActions"
@@ -1861,6 +1901,10 @@
1861
1901
  "name": "step-tearsheet",
1862
1902
  "type": "StepTearsheet"
1863
1903
  },
1904
+ {
1905
+ "name": "step-full-page",
1906
+ "type": "StepFullPage"
1907
+ },
1864
1908
  {
1865
1909
  "name": "set-of-actions",
1866
1910
  "type": "SetOfActions"
@@ -3616,6 +3660,10 @@
3616
3660
  "name": "step-tearsheet",
3617
3661
  "type": "StepTearsheet"
3618
3662
  },
3663
+ {
3664
+ "name": "step-full-page",
3665
+ "type": "StepFullPage"
3666
+ },
3619
3667
  {
3620
3668
  "name": "set-of-actions",
3621
3669
  "type": "SetOfActions"
@@ -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",
@@ -3882,6 +3860,10 @@
3882
3860
  "name": "step-tearsheet",
3883
3861
  "type": "StepTearsheet"
3884
3862
  },
3863
+ {
3864
+ "name": "step-full-page",
3865
+ "type": "StepFullPage"
3866
+ },
3885
3867
  {
3886
3868
  "name": "set-of-actions",
3887
3869
  "type": "SetOfActions"
@@ -4271,6 +4253,10 @@
4271
4253
  "name": "step-tearsheet",
4272
4254
  "type": "StepTearsheet"
4273
4255
  },
4256
+ {
4257
+ "name": "step-full-page",
4258
+ "type": "StepFullPage"
4259
+ },
4274
4260
  {
4275
4261
  "name": "set-of-actions",
4276
4262
  "type": "SetOfActions"
@@ -4293,6 +4279,168 @@
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
  }
@@ -13,28 +13,34 @@ import figma, { html } from '@figma/code-connect/html';
13
13
  * This source code is licensed under the Apache-2.0 license found in the
14
14
  * LICENSE file in the root directory of this source tree.
15
15
  */
16
- figma.connect('https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=9478%3A404998', {
16
+
17
+
18
+ figma.connect(
19
+ 'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=9478%3A404998',
20
+ {
17
21
  props: {
18
- aboutModalContentProps: figma.nestedProps('_About modal content', {
19
- title: figma.string('Title text'),
20
- version: figma.string('Version'),
21
- content: figma.boolean('Content', {
22
- true: figma.string('Content text'),
23
- false: undefined,
24
- }),
25
- copyrightText: figma.string('Copyright text'),
26
- links: figma.children(['Link group']),
22
+ aboutModalContentProps: figma.nestedProps('_About modal content', {
23
+ title: figma.string('Title text'),
24
+ version: figma.string('Version'),
25
+ content: figma.boolean('Content', {
26
+ true: figma.string('Content text'),
27
+ false: undefined,
27
28
  }),
28
- footerBaseProps: figma.boolean('Powered by logos', {
29
- true: figma.nestedProps('_About modal footer base', {
30
- additionalInfo: figma.children('Slot'),
31
- }),
32
- false: {
33
- additionalInfo: undefined,
34
- },
29
+ copyrightText: figma.string('Copyright text'),
30
+ links: figma.children(['Link group']),
31
+ }),
32
+
33
+ footerBaseProps: figma.boolean('Powered by logos', {
34
+ true: figma.nestedProps('_About modal footer base', {
35
+ additionalInfo: figma.children('Slot'),
35
36
  }),
37
+ false: {
38
+ additionalInfo: undefined,
39
+ },
40
+ }),
36
41
  },
37
- example: (props) => html `<c4p-about-modal
42
+ example: (props) =>
43
+ html`<c4p-about-modal
38
44
  closeIconDescription="close"
39
45
  copyrightText=${props.aboutModalContentProps.copyrightText}
40
46
  .logo=${props.aboutModalContentProps.logo}
@@ -46,7 +52,8 @@ figma.connect('https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Pro
46
52
  aria-label=""
47
53
  ></c4p-about-modal>`,
48
54
  imports: [
49
- "import '@carbon/ibm-products-web-components/es/components/about-modal/index.js'",
55
+ "import '@carbon/ibm-products-web-components/es/components/about-modal/index.js'",
50
56
  ],
51
- });
57
+ }
58
+ );
52
59
  //# sourceMappingURL=about-modal.figma.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"about-modal.figma.js","sources":["../../../src/components/about-modal/about-modal.figma.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;AAKG;AAIH,KAAK,CAAC,OAAO,CACX,6HAA6H,EAC7H;AACE,IAAA,KAAK,EAAE;AACL,QAAA,sBAAsB,EAAE,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE;AAChE,YAAA,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AACjC,YAAA,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;AAChC,YAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE;AAChC,gBAAA,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;AAClC,gBAAA,KAAK,EAAE,SAAS;aACjB,CAAC;AACF,YAAA,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;YAC7C,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC;SACtC,CAAC;AAEF,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,EAAE;AACjD,YAAA,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,0BAA0B,EAAE;AAClD,gBAAA,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;aACvC,CAAC;AACF,YAAA,KAAK,EAAE;AACL,gBAAA,cAAc,EAAE,SAAS;AAC1B,aAAA;SACF,CAAC;AACH,KAAA;AACD,IAAA,OAAO,EAAE,CAAC,KAAK,KACb,IAAI,CAAA,CAAA;;wBAEc,KAAK,CAAC,sBAAsB,CAAC,aAAa;gBAClD,KAAK,CAAC,sBAAsB,CAAC,IAAI;iBAChC,KAAK,CAAC,sBAAsB,CAAC,KAAK;mBAChC,KAAK,CAAC,sBAAsB,CAAC,OAAO;0BAC7B,KAAK,CAAC,sBAAsB,CAAC,cAAc;mBAClD,KAAK,CAAC,sBAAsB,CAAC,OAAO;iBACtC,KAAK,CAAC,sBAAsB,CAAC,KAAK;;AAEzB,yBAAA,CAAA;AACtB,IAAA,OAAO,EAAE;QACP,iFAAiF;AAClF,KAAA;AACF,CAAA,CACF"}
1
+ {"version":3,"file":"about-modal.figma.js","sources":["../../../src/components/about-modal/about-modal.figma.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport figma, { html } from '@figma/code-connect/html';\n\nfigma.connect(\n 'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=9478%3A404998',\n {\n props: {\n aboutModalContentProps: figma.nestedProps('_About modal content', {\n title: figma.string('Title text'),\n version: figma.string('Version'),\n content: figma.boolean('Content', {\n true: figma.string('Content text'),\n false: undefined,\n }),\n copyrightText: figma.string('Copyright text'),\n links: figma.children(['Link group']),\n }),\n\n footerBaseProps: figma.boolean('Powered by logos', {\n true: figma.nestedProps('_About modal footer base', {\n additionalInfo: figma.children('Slot'),\n }),\n false: {\n additionalInfo: undefined,\n },\n }),\n },\n example: (props) =>\n html`<c4p-about-modal\n closeIconDescription=\"close\"\n copyrightText=${props.aboutModalContentProps.copyrightText}\n .logo=${props.aboutModalContentProps.logo}\n .title=${props.aboutModalContentProps.title}\n .version=${props.aboutModalContentProps.version}\n .additionalInfo=${props.aboutModalContentProps.additionalInfo}\n .content=${props.aboutModalContentProps.content}\n .links=${props.aboutModalContentProps.links}\n aria-label=\"\"\n ></c4p-about-modal>`,\n imports: [\n \"import '@carbon/ibm-products-web-components/es/components/about-modal/index.js'\",\n ],\n }\n);\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,KAAK,CAAC,OAAO;AACb,EAAE,6HAA6H;AAC/H,EAAE;AACF,IAAI,KAAK,EAAE;AACX,MAAM,sBAAsB,EAAE,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE;AACxE,QAAQ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AACzC,QAAQ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;AACxC,QAAQ,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE;AAC1C,UAAU,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;AAC5C,UAAU,KAAK,EAAE,SAAS;AAC1B,SAAS,CAAC;AACV,QAAQ,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;AACrD,QAAQ,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC;AAC7C,OAAO,CAAC;;AAER,MAAM,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,EAAE;AACzD,QAAQ,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,0BAA0B,EAAE;AAC5D,UAAU,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;AAChD,SAAS,CAAC;AACV,QAAQ,KAAK,EAAE;AACf,UAAU,cAAc,EAAE,SAAS;AACnC,SAAS;AACT,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,EAAE,CAAC,KAAK;AACnB,MAAM,IAAI,CAAC;AACX;AACA,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,CAAC,aAAa;AAClE,cAAc,EAAE,KAAK,CAAC,sBAAsB,CAAC,IAAI;AACjD,eAAe,EAAE,KAAK,CAAC,sBAAsB,CAAC,KAAK;AACnD,iBAAiB,EAAE,KAAK,CAAC,sBAAsB,CAAC,OAAO;AACvD,wBAAwB,EAAE,KAAK,CAAC,sBAAsB,CAAC,cAAc;AACrE,iBAAiB,EAAE,KAAK,CAAC,sBAAsB,CAAC,OAAO;AACvD,eAAe,EAAE,KAAK,CAAC,sBAAsB,CAAC,KAAK;AACnD;AACA,yBAAyB,CAAC;AAC1B,IAAI,OAAO,EAAE;AACb,MAAM,iFAAiF;AACvF,KAAK;AACL;AACA,CAAC"}