@carbon/ibmdotcom-web-components 2.15.1 → 2.16.0-rc.1

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 (107) hide show
  1. package/custom-elements.json +275 -9
  2. package/dist/dotcom-shell.js +5 -5
  3. package/dist/dotcom-shell.min.js +5 -5
  4. package/dist/ibmdotcom-web-components-dotcom-shell.js +5 -5
  5. package/dist/ibmdotcom-web-components-dotcom-shell.min.js +5 -5
  6. package/dist/{index-03c48f1e.js → index-8cac3be0.js} +406 -384
  7. package/dist/{index-99142b40.js → index-9adbaa9d.js} +203 -202
  8. package/dist/{left-nav-menu-992dba4e.js → left-nav-menu-53570549.js} +5 -5
  9. package/dist/{left-nav-menu-2e404c03.js → left-nav-menu-8cd8b1e4.js} +5 -5
  10. package/dist/{left-nav-menu-category-heading-49bdf0ea.js → left-nav-menu-category-heading-73346ff2.js} +5 -5
  11. package/dist/{left-nav-menu-category-heading-7a46e8b6.js → left-nav-menu-category-heading-a1d47b2d.js} +5 -5
  12. package/dist/{left-nav-menu-item-b5f3022a.js → left-nav-menu-item-424fbc38.js} +5 -5
  13. package/dist/{left-nav-menu-item-85504de0.js → left-nav-menu-item-eb3960f1.js} +5 -5
  14. package/dist/{left-nav-menu-section-d0d11510.js → left-nav-menu-section-11af02da.js} +5 -5
  15. package/dist/{left-nav-menu-section-16fe3a87.js → left-nav-menu-section-bb098a42.js} +5 -5
  16. package/dist/{left-nav-overlay-e8435b5c.js → left-nav-overlay-7dc81ebd.js} +5 -5
  17. package/dist/{left-nav-overlay-43be2e0f.js → left-nav-overlay-c0fbd4e4.js} +5 -5
  18. package/dist/{megamenu-category-group-ed0148e2.js → megamenu-category-group-013b7ada.js} +5 -5
  19. package/dist/{megamenu-category-group-0f365f5a.js → megamenu-category-group-4c28432f.js} +5 -5
  20. package/dist/{megamenu-category-group-copy-f600eb27.js → megamenu-category-group-copy-3fefc47d.js} +5 -5
  21. package/dist/{megamenu-category-group-copy-bd0e2529.js → megamenu-category-group-copy-cea24421.js} +5 -5
  22. package/dist/{megamenu-category-heading-e73a6d5b.js → megamenu-category-heading-1f25fc40.js} +5 -5
  23. package/dist/{megamenu-category-heading-9e4184d9.js → megamenu-category-heading-dd7dc85e.js} +5 -5
  24. package/dist/{megamenu-category-link-4c1ca891.js → megamenu-category-link-128fbdda.js} +5 -5
  25. package/dist/{megamenu-category-link-fc55652f.js → megamenu-category-link-bb3a8c97.js} +5 -5
  26. package/dist/{megamenu-category-link-group-ace0e779.js → megamenu-category-link-group-1f3fe858.js} +5 -5
  27. package/dist/{megamenu-category-link-group-d22c6c1b.js → megamenu-category-link-group-7bfa5379.js} +5 -5
  28. package/dist/{megamenu-left-navigation-eead91f9.js → megamenu-left-navigation-078809ef.js} +5 -5
  29. package/dist/{megamenu-left-navigation-3b2e1168.js → megamenu-left-navigation-38facd4c.js} +5 -5
  30. package/dist/{megamenu-overlay-08bd8a36.js → megamenu-overlay-5accfa0c.js} +5 -5
  31. package/dist/{megamenu-overlay-8b3ba0fb.js → megamenu-overlay-a466a800.js} +5 -5
  32. package/dist/{megamenu-tab-c2aa1eac.js → megamenu-tab-ad5a23fa.js} +18 -23
  33. package/dist/{megamenu-tab-15629cd2.js → megamenu-tab-e87a8e2c.js} +10 -10
  34. package/es/components/back-to-top/__stories__/back-to-top.stories.css.js +1 -1
  35. package/es/components/callout-with-media/callout-with-media.css.js +1 -1
  36. package/es/components/card/card.js +0 -1
  37. package/es/components/card/card.js.map +1 -1
  38. package/es/components/content-block-media/content-block-media.css.js +1 -1
  39. package/es/components/content-block-segmented/content-block-segmented.css.js +1 -1
  40. package/es/components/countdown/countdown.d.ts +406 -0
  41. package/es/components/countdown/countdown.js +269 -0
  42. package/es/components/countdown/countdown.js.map +1 -0
  43. package/es/components/countdown/index.d.ts +11 -0
  44. package/es/components/countdown/index.js +18 -0
  45. package/es/components/countdown/index.js.map +1 -0
  46. package/es/components/cta/cta.css.js +1 -1
  47. package/es/components/dotcom-shell/dotcom-shell.css.js +1 -1
  48. package/es/components/feature-card/feature-card.css.js +1 -1
  49. package/es/components/feature-section/feature-section.css.js +1 -1
  50. package/es/components/footer/footer-composite.js +2 -1
  51. package/es/components/footer/footer-composite.js.map +1 -1
  52. package/es/components/footer/footer.css.js +1 -1
  53. package/es/components/footer/legal-nav.d.ts +6 -5
  54. package/es/components/footer/legal-nav.js +39 -28
  55. package/es/components/footer/legal-nav.js.map +1 -1
  56. package/es/components/leadspace/leadspace.css.js +1 -1
  57. package/es/components/masthead/masthead-cart.js +1 -1
  58. package/es/components/masthead/masthead-cart.js.map +1 -1
  59. package/es/components/masthead/masthead-l1.js +11 -1
  60. package/es/components/masthead/masthead-l1.js.map +1 -1
  61. package/es/components/masthead/masthead.css.js +1 -1
  62. package/es/components/masthead/megamenu-tab.d.ts +1 -5
  63. package/es/components/masthead/megamenu-tab.js +10 -16
  64. package/es/components/masthead/megamenu-tab.js.map +1 -1
  65. package/es/components/promo-banner/index.d.ts +11 -0
  66. package/es/components/promo-banner/index.js +18 -0
  67. package/es/components/promo-banner/index.js.map +1 -0
  68. package/es/components/promo-banner/promo-banner.css.js +12 -0
  69. package/es/components/promo-banner/promo-banner.d.ts +385 -0
  70. package/es/components/promo-banner/promo-banner.js +216 -0
  71. package/es/components/promo-banner/promo-banner.js.map +1 -0
  72. package/es/components/star-rating/index.d.ts +11 -0
  73. package/es/components/star-rating/index.js +18 -0
  74. package/es/components/star-rating/index.js.map +1 -0
  75. package/es/components/star-rating/star-rating.css.js +12 -0
  76. package/es/components/star-rating/star-rating.d.ts +427 -0
  77. package/es/components/star-rating/star-rating.js +320 -0
  78. package/es/components/star-rating/star-rating.js.map +1 -0
  79. package/es/components/structured-list/structured-list-cell.js +1 -1
  80. package/es/components/structured-list/structured-list-cell.js.map +1 -1
  81. package/es/components/table-of-contents/table-of-contents-cdn.css.js +1 -1
  82. package/es/components/table-of-contents/table-of-contents.css.js +1 -1
  83. package/es/components/table-of-contents/table-of-contents.d.ts +12 -10
  84. package/es/components/table-of-contents/table-of-contents.js +5 -5
  85. package/es/components/table-of-contents/table-of-contents.js.map +1 -1
  86. package/es/components/tile/index.d.ts +12 -0
  87. package/es/components/tile/index.js +19 -0
  88. package/es/components/tile/index.js.map +1 -0
  89. package/es/components/tile/tile-group.d.ts +21 -0
  90. package/es/components/tile/tile-group.js +56 -0
  91. package/es/components/tile/tile-group.js.map +1 -0
  92. package/es/components/tile/tile.css.js +12 -0
  93. package/es/components/tile/tile.d.ts +737 -0
  94. package/es/components/tile/tile.js +225 -0
  95. package/es/components/tile/tile.js.map +1 -0
  96. package/es/globals/internal/storybook-decorators.d.ts +31 -0
  97. package/es/globals/internal/storybook-decorators.js +43 -0
  98. package/es/globals/internal/storybook-decorators.js.map +1 -0
  99. package/es/globals/mixins/throttled-input.js +5 -4
  100. package/es/globals/mixins/throttled-input.js.map +1 -1
  101. package/es/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
  102. package/lib/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
  103. package/package.json +7 -6
  104. package/scss/components/content-block-segmented/content-block-segmented.scss +2 -2
  105. package/scss/components/promo-banner/promo-banner.scss +163 -0
  106. package/scss/components/star-rating/star-rating.scss +76 -0
  107. package/scss/components/tile/tile.scss +290 -0
@@ -5980,6 +5980,68 @@
5980
5980
  }
5981
5981
  ]
5982
5982
  },
5983
+ {
5984
+ "name": "c4d-countdown",
5985
+ "path": "./src/components/countdown/countdown.ts",
5986
+ "description": "The Countdown component.",
5987
+ "attributes": [
5988
+ {
5989
+ "name": "target",
5990
+ "description": "The target date, either in date time string format (ISO 8601), or UNIX timestamp.",
5991
+ "type": "string | undefined"
5992
+ },
5993
+ {
5994
+ "name": "separator",
5995
+ "description": "Optional date parts separator.",
5996
+ "type": "string | undefined"
5997
+ },
5998
+ {
5999
+ "name": "label-type",
6000
+ "description": "Optional date parts label type. One of 'short', 'narrow', 'long', or 'none'.",
6001
+ "type": "UnitDisplay",
6002
+ "default": "\"long\""
6003
+ }
6004
+ ],
6005
+ "properties": [
6006
+ {
6007
+ "name": "isMdOrLarger",
6008
+ "type": "boolean",
6009
+ "default": "\"matches\""
6010
+ },
6011
+ {
6012
+ "name": "timeDiff",
6013
+ "type": "TimeDiff | undefined"
6014
+ },
6015
+ {
6016
+ "name": "targetDateTime",
6017
+ "type": "number | undefined"
6018
+ },
6019
+ {
6020
+ "name": "locale",
6021
+ "type": "Locale",
6022
+ "default": "{\"lc\":\"en\",\"cc\":\"us\"}"
6023
+ },
6024
+ {
6025
+ "name": "targetInput",
6026
+ "attribute": "target",
6027
+ "description": "The target date, either in date time string format (ISO 8601), or UNIX timestamp.",
6028
+ "type": "string | undefined"
6029
+ },
6030
+ {
6031
+ "name": "separator",
6032
+ "attribute": "separator",
6033
+ "description": "Optional date parts separator.",
6034
+ "type": "string | undefined"
6035
+ },
6036
+ {
6037
+ "name": "labelType",
6038
+ "attribute": "label-type",
6039
+ "description": "Optional date parts label type. One of 'short', 'narrow', 'long', or 'none'.",
6040
+ "type": "UnitDisplay",
6041
+ "default": "\"long\""
6042
+ }
6043
+ ]
6044
+ },
5983
6045
  {
5984
6046
  "name": "c4d-cta-block-item-row",
5985
6047
  "path": "./src/components/cta-block/cta-block-item-row.ts",
@@ -19836,12 +19898,6 @@
19836
19898
  "description": "`true` if this content switcher item should be disabled.",
19837
19899
  "type": "boolean"
19838
19900
  },
19839
- {
19840
- "name": "hideDivider",
19841
- "description": "`true` to hide the divider at the left.",
19842
- "type": "boolean",
19843
- "default": "false"
19844
- },
19845
19901
  {
19846
19902
  "name": "target",
19847
19903
  "description": "The element ID of target panel.",
@@ -19864,9 +19920,8 @@
19864
19920
  },
19865
19921
  {
19866
19922
  "name": "closeOnActivation",
19867
- "description": "Disable unneeded properties inherited from CDS Content Switcher Item.",
19868
- "type": "boolean",
19869
- "default": "false"
19923
+ "description": "Determines whether the tooltip should close when inner content is\nactivated (click, Enter or Space)",
19924
+ "type": "boolean"
19870
19925
  },
19871
19926
  {
19872
19927
  "name": "enterDelayMs",
@@ -21233,6 +21288,24 @@
21233
21288
  }
21234
21289
  ]
21235
21290
  },
21291
+ {
21292
+ "name": "c4d-promo-banner",
21293
+ "path": "./src/components/promo-banner/promo-banner.ts",
21294
+ "description": "The Promo Banner component.",
21295
+ "properties": [
21296
+ {
21297
+ "name": "isDesktopVersion",
21298
+ "type": "boolean",
21299
+ "default": "\"matches\""
21300
+ },
21301
+ {
21302
+ "name": "slottedImage"
21303
+ },
21304
+ {
21305
+ "name": "slottedCta"
21306
+ }
21307
+ ]
21308
+ },
21236
21309
  {
21237
21310
  "name": "c4d-quote-link-with-icon",
21238
21311
  "path": "./src/components/quote/quote-link-with-icon.ts",
@@ -22540,6 +22613,87 @@
22540
22613
  }
22541
22614
  ]
22542
22615
  },
22616
+ {
22617
+ "name": "c4d-star-rating",
22618
+ "path": "./src/components/star-rating/star-rating.ts",
22619
+ "description": "The Star Rating component.",
22620
+ "attributes": [
22621
+ {
22622
+ "name": "rating",
22623
+ "description": "The rating that will inform the number of stars to display.",
22624
+ "type": "number"
22625
+ },
22626
+ {
22627
+ "name": "label",
22628
+ "description": "The text to display beside the rating.",
22629
+ "type": "string | undefined"
22630
+ },
22631
+ {
22632
+ "name": "label-href",
22633
+ "description": "An optional href for the label.",
22634
+ "type": "string | undefined"
22635
+ },
22636
+ {
22637
+ "name": "star-count",
22638
+ "description": "The number of stars to display.",
22639
+ "type": "number"
22640
+ },
22641
+ {
22642
+ "name": "tooltip",
22643
+ "description": "The tooltip text that appears when hovering over the stars. Also used as an\naccessible label for the stars.",
22644
+ "type": "string | null"
22645
+ },
22646
+ {
22647
+ "name": "disableTooltip",
22648
+ "description": "Disables the visible tooltip without removing accessibility text.",
22649
+ "type": "boolean",
22650
+ "default": "false"
22651
+ }
22652
+ ],
22653
+ "properties": [
22654
+ {
22655
+ "name": "rating",
22656
+ "attribute": "rating",
22657
+ "description": "The rating that will inform the number of stars to display.",
22658
+ "type": "number"
22659
+ },
22660
+ {
22661
+ "name": "label",
22662
+ "attribute": "label",
22663
+ "description": "The text to display beside the rating.",
22664
+ "type": "string | undefined"
22665
+ },
22666
+ {
22667
+ "name": "labelHref",
22668
+ "attribute": "label-href",
22669
+ "description": "An optional href for the label.",
22670
+ "type": "string | undefined"
22671
+ },
22672
+ {
22673
+ "name": "starCount",
22674
+ "attribute": "star-count",
22675
+ "description": "The number of stars to display.",
22676
+ "type": "number"
22677
+ },
22678
+ {
22679
+ "name": "tooltip",
22680
+ "attribute": "tooltip",
22681
+ "description": "The tooltip text that appears when hovering over the stars. Also used as an\naccessible label for the stars.",
22682
+ "type": "string | null"
22683
+ },
22684
+ {
22685
+ "name": "disableTooltip",
22686
+ "attribute": "disableTooltip",
22687
+ "description": "Disables the visible tooltip without removing accessibility text.",
22688
+ "type": "boolean",
22689
+ "default": "false"
22690
+ },
22691
+ {
22692
+ "name": "styles",
22693
+ "default": "\"styles\""
22694
+ }
22695
+ ]
22696
+ },
22543
22697
  {
22544
22698
  "name": "c4d-structured-list-body",
22545
22699
  "path": "./src/components/structured-list/structured-list-body.ts",
@@ -23145,6 +23299,118 @@
23145
23299
  }
23146
23300
  ]
23147
23301
  },
23302
+ {
23303
+ "name": "c4d-tile-group",
23304
+ "path": "./src/components/tile/tile-group.ts",
23305
+ "description": "The Tile Group component.",
23306
+ "properties": [
23307
+ {
23308
+ "name": "styles",
23309
+ "default": "\"styles\""
23310
+ }
23311
+ ]
23312
+ },
23313
+ {
23314
+ "name": "c4d-tile",
23315
+ "path": "./src/components/tile/tile.ts",
23316
+ "description": "The Tile component.",
23317
+ "attributes": [
23318
+ {
23319
+ "name": "label",
23320
+ "description": "The label text.",
23321
+ "type": "string | undefined"
23322
+ },
23323
+ {
23324
+ "name": "align-with-content",
23325
+ "type": "boolean",
23326
+ "default": "false"
23327
+ },
23328
+ {
23329
+ "name": "double-tile",
23330
+ "type": "boolean",
23331
+ "default": "false"
23332
+ },
23333
+ {
23334
+ "name": "cta-type",
23335
+ "description": "The CTA type.",
23336
+ "type": "CTA_TYPE",
23337
+ "default": "\"CTA_TYPE['LOCAL']\""
23338
+ },
23339
+ {
23340
+ "name": "href",
23341
+ "description": "Link `href`.",
23342
+ "type": "string | undefined"
23343
+ },
23344
+ {
23345
+ "name": "target",
23346
+ "description": "The link target.",
23347
+ "type": "string | undefined"
23348
+ }
23349
+ ],
23350
+ "properties": [
23351
+ {
23352
+ "name": "label",
23353
+ "attribute": "label",
23354
+ "description": "The label text.",
23355
+ "type": "string | undefined"
23356
+ },
23357
+ {
23358
+ "name": "slottedImages",
23359
+ "type": "boolean",
23360
+ "default": "false"
23361
+ },
23362
+ {
23363
+ "name": "slottedPictogram",
23364
+ "type": "boolean",
23365
+ "default": "false"
23366
+ },
23367
+ {
23368
+ "name": "slotName",
23369
+ "type": "string",
23370
+ "default": "\"\""
23371
+ },
23372
+ {
23373
+ "name": "slotContent",
23374
+ "type": "Element[]",
23375
+ "default": "[]"
23376
+ },
23377
+ {
23378
+ "name": "alignWithContent",
23379
+ "attribute": "align-with-content",
23380
+ "type": "boolean",
23381
+ "default": "false"
23382
+ },
23383
+ {
23384
+ "name": "doubleTile",
23385
+ "attribute": "double-tile",
23386
+ "type": "boolean",
23387
+ "default": "false"
23388
+ },
23389
+ {
23390
+ "name": "styles",
23391
+ "default": "\"styles\""
23392
+ },
23393
+ {
23394
+ "name": "ctaType",
23395
+ "attribute": "cta-type",
23396
+ "description": "The CTA type.",
23397
+ "type": "CTA_TYPE",
23398
+ "default": "\"CTA_TYPE['LOCAL']\""
23399
+ },
23400
+ {
23401
+ "name": "href",
23402
+ "attribute": "href",
23403
+ "description": "Link `href`.",
23404
+ "type": "string | undefined"
23405
+ },
23406
+ {
23407
+ "name": "target",
23408
+ "attribute": "target",
23409
+ "description": "The link target.",
23410
+ "type": "string | undefined"
23411
+ }
23412
+ ]
23413
+ },
23148
23414
  {
23149
23415
  "name": "c4d-video-player-composite",
23150
23416
  "path": "./src/components/video-player/video-player-composite.ts",
@@ -20,16 +20,16 @@
20
20
  * This source code is licensed under the Apache-2.0 license found in the
21
21
  * LICENSE file in the root directory of this source tree.
22
22
  *
23
- * lit-element:
23
+ * lit-html:
24
24
  *
25
25
  * @license
26
- * Copyright 2017 Google LLC
26
+ * Copyright 2022 Google LLC
27
27
  * SPDX-License-Identifier: BSD-3-Clause
28
28
  *
29
- * lit-html:
29
+ * lit-element:
30
30
  *
31
31
  * @license
32
- * Copyright 2022 Google LLC
32
+ * Copyright 2017 Google LLC
33
33
  * SPDX-License-Identifier: BSD-3-Clause
34
34
  *
35
35
  * @lit/reactive-element:
@@ -88,4 +88,4 @@
88
88
  */
89
89
 
90
90
  let process = { env: {} };
91
- import './index-03c48f1e.js';
91
+ import './index-8cac3be0.js';
@@ -20,16 +20,16 @@
20
20
  * This source code is licensed under the Apache-2.0 license found in the
21
21
  * LICENSE file in the root directory of this source tree.
22
22
  *
23
- * lit-element:
23
+ * lit-html:
24
24
  *
25
25
  * @license
26
- * Copyright 2017 Google LLC
26
+ * Copyright 2022 Google LLC
27
27
  * SPDX-License-Identifier: BSD-3-Clause
28
28
  *
29
- * lit-html:
29
+ * lit-element:
30
30
  *
31
31
  * @license
32
- * Copyright 2022 Google LLC
32
+ * Copyright 2017 Google LLC
33
33
  * SPDX-License-Identifier: BSD-3-Clause
34
34
  *
35
35
  * @lit/reactive-element:
@@ -87,4 +87,4 @@
87
87
  * https://www.npmjs.com/package/striptags
88
88
  */
89
89
 
90
- import"./index-99142b40.js";
90
+ import"./index-9adbaa9d.js";
@@ -20,16 +20,16 @@
20
20
  * This source code is licensed under the Apache-2.0 license found in the
21
21
  * LICENSE file in the root directory of this source tree.
22
22
  *
23
- * lit-element:
23
+ * lit-html:
24
24
  *
25
25
  * @license
26
- * Copyright 2017 Google LLC
26
+ * Copyright 2022 Google LLC
27
27
  * SPDX-License-Identifier: BSD-3-Clause
28
28
  *
29
- * lit-html:
29
+ * lit-element:
30
30
  *
31
31
  * @license
32
- * Copyright 2022 Google LLC
32
+ * Copyright 2017 Google LLC
33
33
  * SPDX-License-Identifier: BSD-3-Clause
34
34
  *
35
35
  * @lit/reactive-element:
@@ -88,4 +88,4 @@
88
88
  */
89
89
 
90
90
  let process = { env: {} };
91
- import './index-03c48f1e.js';
91
+ import './index-8cac3be0.js';
@@ -20,16 +20,16 @@
20
20
  * This source code is licensed under the Apache-2.0 license found in the
21
21
  * LICENSE file in the root directory of this source tree.
22
22
  *
23
- * lit-element:
23
+ * lit-html:
24
24
  *
25
25
  * @license
26
- * Copyright 2017 Google LLC
26
+ * Copyright 2022 Google LLC
27
27
  * SPDX-License-Identifier: BSD-3-Clause
28
28
  *
29
- * lit-html:
29
+ * lit-element:
30
30
  *
31
31
  * @license
32
- * Copyright 2022 Google LLC
32
+ * Copyright 2017 Google LLC
33
33
  * SPDX-License-Identifier: BSD-3-Clause
34
34
  *
35
35
  * @lit/reactive-element:
@@ -87,4 +87,4 @@
87
87
  * https://www.npmjs.com/package/striptags
88
88
  */
89
89
 
90
- import"./index-99142b40.js";
90
+ import"./index-9adbaa9d.js";