@carbon/ibmdotcom-web-components 2.15.0 → 2.16.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 (91) hide show
  1. package/custom-elements.json +291 -9
  2. package/dist/dotcom-shell.js +2 -2
  3. package/dist/dotcom-shell.min.js +2 -2
  4. package/dist/ibmdotcom-web-components-dotcom-shell.js +2 -2
  5. package/dist/ibmdotcom-web-components-dotcom-shell.min.js +2 -2
  6. package/dist/{index-fd263a6c.js → index-6ab416ae.js} +6 -6
  7. package/dist/{index-8ac13d28.js → index-6f798488.js} +21 -10
  8. package/dist/{left-nav-menu-76323b8e.js → left-nav-menu-40ebffa9.js} +2 -2
  9. package/dist/{left-nav-menu-02760d33.js → left-nav-menu-629e7752.js} +2 -2
  10. package/dist/{left-nav-menu-category-heading-dca365b2.js → left-nav-menu-category-heading-1886967e.js} +2 -2
  11. package/dist/{left-nav-menu-category-heading-93c6f364.js → left-nav-menu-category-heading-1d965e0a.js} +2 -2
  12. package/dist/{left-nav-menu-item-e27ed87c.js → left-nav-menu-item-03cf8244.js} +2 -2
  13. package/dist/{left-nav-menu-item-218ef600.js → left-nav-menu-item-a9c7113f.js} +2 -2
  14. package/dist/{left-nav-menu-section-c5e510a9.js → left-nav-menu-section-c39512a8.js} +2 -2
  15. package/dist/{left-nav-menu-section-5abc2e23.js → left-nav-menu-section-e9526c5a.js} +2 -2
  16. package/dist/{left-nav-overlay-75300893.js → left-nav-overlay-59e8851e.js} +2 -2
  17. package/dist/{left-nav-overlay-5b0bfef2.js → left-nav-overlay-60a5eead.js} +2 -2
  18. package/dist/{megamenu-category-group-1943cfb9.js → megamenu-category-group-60d3805b.js} +2 -2
  19. package/dist/{megamenu-category-group-copy-cc3cf7e0.js → megamenu-category-group-copy-46df540c.js} +2 -2
  20. package/dist/{megamenu-category-group-copy-9e779f84.js → megamenu-category-group-copy-6ae3dfe8.js} +2 -2
  21. package/dist/{megamenu-category-group-aa873786.js → megamenu-category-group-e191e806.js} +2 -2
  22. package/dist/{megamenu-category-heading-f1723f28.js → megamenu-category-heading-420838f8.js} +2 -2
  23. package/dist/{megamenu-category-heading-0363175e.js → megamenu-category-heading-4b2d5ba1.js} +2 -2
  24. package/dist/{megamenu-category-link-653a7d76.js → megamenu-category-link-e5f8c975.js} +6 -6
  25. package/dist/{megamenu-category-link-5b370505.js → megamenu-category-link-ef739901.js} +2 -2
  26. package/dist/{megamenu-category-link-group-cc2f0cf0.js → megamenu-category-link-group-90b667c2.js} +2 -2
  27. package/dist/{megamenu-category-link-group-8a159720.js → megamenu-category-link-group-a85ef70e.js} +2 -2
  28. package/dist/{megamenu-left-navigation-c14cb952.js → megamenu-left-navigation-0a188f17.js} +2 -2
  29. package/dist/{megamenu-left-navigation-02c861d4.js → megamenu-left-navigation-d3619fc8.js} +2 -2
  30. package/dist/{megamenu-overlay-dacdd21f.js → megamenu-overlay-73bf0741.js} +2 -2
  31. package/dist/{megamenu-overlay-160fa18a.js → megamenu-overlay-98b82923.js} +2 -2
  32. package/dist/{megamenu-tab-ba249255.js → megamenu-tab-320d3677.js} +7 -7
  33. package/dist/{megamenu-tab-131eedb9.js → megamenu-tab-63b4d4a8.js} +15 -20
  34. package/es/components/back-to-top/__stories__/back-to-top.stories.css.js +1 -1
  35. package/es/components/countdown/countdown.d.ts +406 -0
  36. package/es/components/countdown/countdown.js +269 -0
  37. package/es/components/countdown/countdown.js.map +1 -0
  38. package/es/components/countdown/index.d.ts +11 -0
  39. package/es/components/countdown/index.js +18 -0
  40. package/es/components/countdown/index.js.map +1 -0
  41. package/es/components/leadspace/leadspace.css.js +1 -1
  42. package/es/components/masthead/masthead-cart.js +1 -1
  43. package/es/components/masthead/masthead-cart.js.map +1 -1
  44. package/es/components/masthead/masthead-l1.js +11 -1
  45. package/es/components/masthead/masthead-l1.js.map +1 -1
  46. package/es/components/masthead/megamenu-tab.d.ts +1 -5
  47. package/es/components/masthead/megamenu-tab.js +10 -16
  48. package/es/components/masthead/megamenu-tab.js.map +1 -1
  49. package/es/components/pricing-table/pricing-table.css.js +1 -1
  50. package/es/components/promo-banner/index.d.ts +11 -0
  51. package/es/components/promo-banner/index.js +18 -0
  52. package/es/components/promo-banner/index.js.map +1 -0
  53. package/es/components/promo-banner/promo-banner.css.js +12 -0
  54. package/es/components/promo-banner/promo-banner.d.ts +385 -0
  55. package/es/components/promo-banner/promo-banner.js +216 -0
  56. package/es/components/promo-banner/promo-banner.js.map +1 -0
  57. package/es/components/star-rating/index.d.ts +11 -0
  58. package/es/components/star-rating/index.js +18 -0
  59. package/es/components/star-rating/index.js.map +1 -0
  60. package/es/components/star-rating/star-rating.css.js +12 -0
  61. package/es/components/star-rating/star-rating.d.ts +427 -0
  62. package/es/components/star-rating/star-rating.js +320 -0
  63. package/es/components/star-rating/star-rating.js.map +1 -0
  64. package/es/components/structured-list/structured-list-cell.d.ts +2 -0
  65. package/es/components/structured-list/structured-list-cell.js +13 -4
  66. package/es/components/structured-list/structured-list-cell.js.map +1 -1
  67. package/es/components/structured-list/structured-list.css.js +1 -1
  68. package/es/components/table-of-contents/table-of-contents-cdn.css.js +1 -1
  69. package/es/components/table-of-contents/table-of-contents.css.js +1 -1
  70. package/es/components/tile/index.d.ts +12 -0
  71. package/es/components/tile/index.js +19 -0
  72. package/es/components/tile/index.js.map +1 -0
  73. package/es/components/tile/tile-group.d.ts +21 -0
  74. package/es/components/tile/tile-group.js +56 -0
  75. package/es/components/tile/tile-group.js.map +1 -0
  76. package/es/components/tile/tile.css.js +12 -0
  77. package/es/components/tile/tile.d.ts +737 -0
  78. package/es/components/tile/tile.js +225 -0
  79. package/es/components/tile/tile.js.map +1 -0
  80. package/es/components-react/structured-list/structured-list-cell.d.ts +2 -0
  81. package/es/globals/internal/storybook-decorators.d.ts +31 -0
  82. package/es/globals/internal/storybook-decorators.js +43 -0
  83. package/es/globals/internal/storybook-decorators.js.map +1 -0
  84. package/es/globals/mixins/throttled-input.js +5 -4
  85. package/es/globals/mixins/throttled-input.js.map +1 -1
  86. package/es/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
  87. package/lib/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
  88. package/package.json +8 -7
  89. package/scss/components/promo-banner/promo-banner.scss +163 -0
  90. package/scss/components/star-rating/star-rating.scss +76 -0
  91. 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",
@@ -21061,6 +21116,10 @@
21061
21116
  "name": "content",
21062
21117
  "description": "The cell content. Usage `c4d-pricing-table-cell::part(content)`"
21063
21118
  },
21119
+ {
21120
+ "name": "icon-text-container",
21121
+ "description": "Text wrapping element. Usage `c4d-structured-list-cell::part(icon-text)`"
21122
+ },
21064
21123
  {
21065
21124
  "name": "icon-text",
21066
21125
  "description": "Descriptive text of the cell. Usage `c4d-structured-list-cell::part(icon-text)`"
@@ -21072,6 +21131,10 @@
21072
21131
  {
21073
21132
  "name": "icon",
21074
21133
  "description": "An icon. Usage `c4d-structured-list-cell::part(icon)`"
21134
+ },
21135
+ {
21136
+ "name": "tooltip",
21137
+ "description": "CDSTooltip. Usage `c4d-structured-list-cell::part(icon)`"
21075
21138
  }
21076
21139
  ]
21077
21140
  },
@@ -21225,6 +21288,24 @@
21225
21288
  }
21226
21289
  ]
21227
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
+ },
21228
21309
  {
21229
21310
  "name": "c4d-quote-link-with-icon",
21230
21311
  "path": "./src/components/quote/quote-link-with-icon.ts",
@@ -22532,6 +22613,87 @@
22532
22613
  }
22533
22614
  ]
22534
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
+ },
22535
22697
  {
22536
22698
  "name": "c4d-structured-list-body",
22537
22699
  "path": "./src/components/structured-list/structured-list-body.ts",
@@ -22597,6 +22759,10 @@
22597
22759
  }
22598
22760
  ],
22599
22761
  "cssParts": [
22762
+ {
22763
+ "name": "icon-text-container",
22764
+ "description": "Text wrapping element. Usage `c4d-structured-list-cell::part(icon-text)`"
22765
+ },
22600
22766
  {
22601
22767
  "name": "icon-text",
22602
22768
  "description": "Descriptive text of the cell. Usage `c4d-structured-list-cell::part(icon-text)`"
@@ -22608,6 +22774,10 @@
22608
22774
  {
22609
22775
  "name": "icon",
22610
22776
  "description": "An icon. Usage `c4d-structured-list-cell::part(icon)`"
22777
+ },
22778
+ {
22779
+ "name": "tooltip",
22780
+ "description": "CDSTooltip. Usage `c4d-structured-list-cell::part(icon)`"
22611
22781
  }
22612
22782
  ]
22613
22783
  },
@@ -23129,6 +23299,118 @@
23129
23299
  }
23130
23300
  ]
23131
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
+ },
23132
23414
  {
23133
23415
  "name": "c4d-video-player-composite",
23134
23416
  "path": "./src/components/video-player/video-player-composite.ts",
@@ -80,12 +80,12 @@
80
80
  * https://www.npmjs.com/package/redux
81
81
  * https://www.npmjs.com/package/lodash-es
82
82
  * https://www.npmjs.com/package/window-or-global
83
- * https://www.npmjs.com/package/redux-thunk
84
83
  * https://www.npmjs.com/package/redux-logger
84
+ * https://www.npmjs.com/package/redux-thunk
85
85
  * https://www.npmjs.com/package/axios
86
86
  * https://www.npmjs.com/package/isomorphic-dompurify
87
87
  * https://www.npmjs.com/package/striptags
88
88
  */
89
89
 
90
90
  let process = { env: {} };
91
- import './index-8ac13d28.js';
91
+ import './index-6f798488.js';
@@ -80,11 +80,11 @@
80
80
  * https://www.npmjs.com/package/redux
81
81
  * https://www.npmjs.com/package/lodash-es
82
82
  * https://www.npmjs.com/package/window-or-global
83
- * https://www.npmjs.com/package/redux-thunk
84
83
  * https://www.npmjs.com/package/redux-logger
84
+ * https://www.npmjs.com/package/redux-thunk
85
85
  * https://www.npmjs.com/package/axios
86
86
  * https://www.npmjs.com/package/isomorphic-dompurify
87
87
  * https://www.npmjs.com/package/striptags
88
88
  */
89
89
 
90
- import"./index-fd263a6c.js";
90
+ import"./index-6ab416ae.js";
@@ -80,12 +80,12 @@
80
80
  * https://www.npmjs.com/package/redux
81
81
  * https://www.npmjs.com/package/lodash-es
82
82
  * https://www.npmjs.com/package/window-or-global
83
- * https://www.npmjs.com/package/redux-thunk
84
83
  * https://www.npmjs.com/package/redux-logger
84
+ * https://www.npmjs.com/package/redux-thunk
85
85
  * https://www.npmjs.com/package/axios
86
86
  * https://www.npmjs.com/package/isomorphic-dompurify
87
87
  * https://www.npmjs.com/package/striptags
88
88
  */
89
89
 
90
90
  let process = { env: {} };
91
- import './index-8ac13d28.js';
91
+ import './index-6f798488.js';
@@ -80,11 +80,11 @@
80
80
  * https://www.npmjs.com/package/redux
81
81
  * https://www.npmjs.com/package/lodash-es
82
82
  * https://www.npmjs.com/package/window-or-global
83
- * https://www.npmjs.com/package/redux-thunk
84
83
  * https://www.npmjs.com/package/redux-logger
84
+ * https://www.npmjs.com/package/redux-thunk
85
85
  * https://www.npmjs.com/package/axios
86
86
  * https://www.npmjs.com/package/isomorphic-dompurify
87
87
  * https://www.npmjs.com/package/striptags
88
88
  */
89
89
 
90
- import"./index-fd263a6c.js";
90
+ import"./index-6ab416ae.js";