@carbon/ibm-products-web-components 0.27.0 → 0.28.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 (102) hide show
  1. package/README.md +85 -0
  2. package/custom-elements.json +128 -10
  3. package/es/components/about-modal/about-modal.d.ts +28 -16
  4. package/es/components/about-modal/about-modal.figma.d.ts +7 -0
  5. package/es/components/about-modal/about-modal.figma.js +52 -0
  6. package/es/components/about-modal/about-modal.figma.js.map +1 -0
  7. package/es/components/about-modal/about-modal.scss.js +1 -1
  8. package/es/components/checklist/checklist.scss.js +1 -1
  9. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +27 -11
  10. package/es/components/full-page-error/full-page-error.figma.d.ts +1 -0
  11. package/es/components/full-page-error/full-page-error.figma.js +69 -0
  12. package/es/components/full-page-error/full-page-error.figma.js.map +1 -0
  13. package/es/components/interstitial-screen/interstitial-screen-body-item.d.ts +27 -11
  14. package/es/components/interstitial-screen/interstitial-screen-body.d.ts +27 -11
  15. package/es/components/interstitial-screen/interstitial-screen-footer.d.ts +27 -11
  16. package/es/components/interstitial-screen/interstitial-screen-header.d.ts +27 -11
  17. package/es/components/interstitial-screen/interstitial-screen.d.ts +27 -11
  18. package/es/components/notification-panel/notification-footer.d.ts +27 -11
  19. package/es/components/notification-panel/notification-panel.d.ts +27 -11
  20. package/es/components/notification-panel/notification.d.ts +27 -11
  21. package/es/components/notification-panel/notification.scss.js +1 -1
  22. package/es/components/options-tile/options-tile.d.ts +27 -11
  23. package/es/components/page-header/_story-assets/2x1.jpg.js +11 -0
  24. package/es/components/page-header/_story-assets/2x1.jpg.js.map +1 -0
  25. package/es/components/page-header/_story-assets/3x2.jpg.js +11 -0
  26. package/es/components/page-header/_story-assets/3x2.jpg.js.map +1 -0
  27. package/es/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
  28. package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
  29. package/es/components/page-header/page-header.scss.js +1 -1
  30. package/es/components/page-header/page-header.test.js +57 -69
  31. package/es/components/page-header/page-header.test.js.map +1 -1
  32. package/es/components/side-panel/side-panel.d.ts +27 -11
  33. package/es/components/side-panel/side-panel.scss.js +1 -1
  34. package/es/components/tearsheet/tearsheet.d.ts +27 -11
  35. package/es/components/tearsheet/tearsheet.scss.js +1 -1
  36. package/es/components/user-avatar/user-avatar.d.ts +27 -11
  37. package/es/components/user-avatar/user-avatar.figma.d.ts +7 -0
  38. package/es/components/user-avatar/user-avatar.figma.js +136 -0
  39. package/es/components/user-avatar/user-avatar.figma.js.map +1 -0
  40. package/es/node_modules/@carbon/layout/es/index.js +44 -0
  41. package/es/node_modules/@carbon/layout/es/index.js.map +1 -0
  42. package/es/packages/ibm-products-web-components/package.json.js +1 -1
  43. package/es-custom/components/about-modal/about-modal.d.ts +28 -16
  44. package/es-custom/components/about-modal/about-modal.figma.d.ts +7 -0
  45. package/es-custom/components/about-modal/about-modal.figma.js +52 -0
  46. package/es-custom/components/about-modal/about-modal.figma.js.map +1 -0
  47. package/es-custom/components/about-modal/about-modal.scss.js +1 -1
  48. package/es-custom/components/checklist/checklist.scss.js +1 -1
  49. package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +27 -11
  50. package/es-custom/components/full-page-error/full-page-error.figma.d.ts +1 -0
  51. package/es-custom/components/full-page-error/full-page-error.figma.js +69 -0
  52. package/es-custom/components/full-page-error/full-page-error.figma.js.map +1 -0
  53. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.d.ts +27 -11
  54. package/es-custom/components/interstitial-screen/interstitial-screen-body.d.ts +27 -11
  55. package/es-custom/components/interstitial-screen/interstitial-screen-footer.d.ts +27 -11
  56. package/es-custom/components/interstitial-screen/interstitial-screen-header.d.ts +27 -11
  57. package/es-custom/components/interstitial-screen/interstitial-screen.d.ts +27 -11
  58. package/es-custom/components/notification-panel/notification-footer.d.ts +27 -11
  59. package/es-custom/components/notification-panel/notification-panel.d.ts +27 -11
  60. package/es-custom/components/notification-panel/notification.d.ts +27 -11
  61. package/es-custom/components/notification-panel/notification.scss.js +1 -1
  62. package/es-custom/components/options-tile/options-tile.d.ts +27 -11
  63. package/es-custom/components/page-header/_story-assets/2x1.jpg.js +11 -0
  64. package/es-custom/components/page-header/_story-assets/2x1.jpg.js.map +1 -0
  65. package/es-custom/components/page-header/_story-assets/3x2.jpg.js +11 -0
  66. package/es-custom/components/page-header/_story-assets/3x2.jpg.js.map +1 -0
  67. package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
  68. package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
  69. package/es-custom/components/page-header/page-header.scss.js +1 -1
  70. package/es-custom/components/page-header/page-header.test.js +57 -69
  71. package/es-custom/components/page-header/page-header.test.js.map +1 -1
  72. package/es-custom/components/side-panel/side-panel.d.ts +27 -11
  73. package/es-custom/components/side-panel/side-panel.scss.js +1 -1
  74. package/es-custom/components/tearsheet/tearsheet.d.ts +27 -11
  75. package/es-custom/components/tearsheet/tearsheet.scss.js +1 -1
  76. package/es-custom/components/user-avatar/user-avatar.d.ts +27 -11
  77. package/es-custom/components/user-avatar/user-avatar.figma.d.ts +7 -0
  78. package/es-custom/components/user-avatar/user-avatar.figma.js +136 -0
  79. package/es-custom/components/user-avatar/user-avatar.figma.js.map +1 -0
  80. package/es-custom/node_modules/@carbon/layout/es/index.js +44 -0
  81. package/es-custom/node_modules/@carbon/layout/es/index.js.map +1 -0
  82. package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
  83. package/lib/components/about-modal/about-modal.d.ts +28 -16
  84. package/lib/components/about-modal/about-modal.figma.d.ts +7 -0
  85. package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +27 -11
  86. package/lib/components/full-page-error/full-page-error.figma.d.ts +1 -0
  87. package/lib/components/interstitial-screen/interstitial-screen-body-item.d.ts +27 -11
  88. package/lib/components/interstitial-screen/interstitial-screen-body.d.ts +27 -11
  89. package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts +27 -11
  90. package/lib/components/interstitial-screen/interstitial-screen-header.d.ts +27 -11
  91. package/lib/components/interstitial-screen/interstitial-screen.d.ts +27 -11
  92. package/lib/components/notification-panel/notification-footer.d.ts +27 -11
  93. package/lib/components/notification-panel/notification-panel.d.ts +27 -11
  94. package/lib/components/notification-panel/notification.d.ts +27 -11
  95. package/lib/components/options-tile/options-tile.d.ts +27 -11
  96. package/lib/components/side-panel/side-panel.d.ts +27 -11
  97. package/lib/components/tearsheet/tearsheet.d.ts +27 -11
  98. package/lib/components/user-avatar/user-avatar.d.ts +27 -11
  99. package/lib/components/user-avatar/user-avatar.figma.d.ts +7 -0
  100. package/package.json +14 -12
  101. package/scss/components/page-header/_story-assets/set-of-tags/set-of-tags.scss +2 -0
  102. package/scss/components/truncated-text/truncated-text.scss +0 -1
@@ -21,6 +21,7 @@ declare const CDSTearsheet_base: {
21
21
  accessKey: string;
22
22
  readonly accessKeyLabel: string;
23
23
  autocapitalize: string;
24
+ autocorrect: boolean;
24
25
  dir: string;
25
26
  draggable: boolean;
26
27
  hidden: boolean;
@@ -42,13 +43,14 @@ declare const CDSTearsheet_base: {
42
43
  click(): void;
43
44
  hidePopover(): void;
44
45
  showPopover(): void;
45
- togglePopover(force?: boolean): boolean;
46
+ togglePopover(options?: boolean): boolean;
46
47
  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
47
48
  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
48
49
  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
49
50
  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
50
51
  readonly attributes: NamedNodeMap;
51
- readonly classList: DOMTokenList;
52
+ get classList(): DOMTokenList;
53
+ set classList(value: string): any;
52
54
  className: string;
53
55
  readonly clientHeight: number;
54
56
  readonly clientLeft: number;
@@ -63,7 +65,8 @@ declare const CDSTearsheet_base: {
63
65
  onfullscreenerror: ((this: Element, ev: Event) => any) | null;
64
66
  outerHTML: string;
65
67
  readonly ownerDocument: Document;
66
- readonly part: DOMTokenList;
68
+ get part(): DOMTokenList;
69
+ set part(value: string): any;
67
70
  readonly prefix: string | null;
68
71
  readonly scrollHeight: number;
69
72
  scrollLeft: number;
@@ -126,6 +129,8 @@ declare const CDSTearsheet_base: {
126
129
  setPointerCapture(pointerId: number): void;
127
130
  toggleAttribute(qualifiedName: string, force?: boolean): boolean;
128
131
  webkitMatchesSelector(selectors: string): boolean;
132
+ get textContent(): string;
133
+ set textContent(value: string | null): any;
129
134
  readonly baseURI: string;
130
135
  readonly childNodes: NodeListOf<ChildNode>;
131
136
  readonly firstChild: ChildNode | null;
@@ -138,9 +143,8 @@ declare const CDSTearsheet_base: {
138
143
  readonly parentElement: HTMLElement | null;
139
144
  readonly parentNode: ParentNode | null;
140
145
  readonly previousSibling: ChildNode | null;
141
- textContent: string | null;
142
146
  appendChild<T_1 extends Node>(node: T_1): T_1;
143
- cloneNode(deep?: boolean): Node;
147
+ cloneNode(subtree?: boolean): Node;
144
148
  compareDocumentPosition(other: Node): number;
145
149
  contains(other: Node | null): boolean;
146
150
  getRootNode(options?: GetRootNodeOptions): Node;
@@ -173,6 +177,7 @@ declare const CDSTearsheet_base: {
173
177
  readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
174
178
  readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
175
179
  dispatchEvent(event: Event): boolean;
180
+ ariaActiveDescendantElement: Element | null;
176
181
  ariaAtomic: string | null;
177
182
  ariaAutoComplete: string | null;
178
183
  ariaBrailleLabel: string | null;
@@ -183,25 +188,33 @@ declare const CDSTearsheet_base: {
183
188
  ariaColIndex: string | null;
184
189
  ariaColIndexText: string | null;
185
190
  ariaColSpan: string | null;
191
+ ariaControlsElements: ReadonlyArray<Element> | null;
186
192
  ariaCurrent: string | null;
193
+ ariaDescribedByElements: ReadonlyArray<Element> | null;
187
194
  ariaDescription: string | null;
195
+ ariaDetailsElements: ReadonlyArray<Element> | null;
188
196
  ariaDisabled: string | null;
197
+ ariaErrorMessageElements: ReadonlyArray<Element> | null;
189
198
  ariaExpanded: string | null;
199
+ ariaFlowToElements: ReadonlyArray<Element> | null;
190
200
  ariaHasPopup: string | null;
191
201
  ariaHidden: string | null;
192
202
  ariaInvalid: string | null;
193
203
  ariaKeyShortcuts: string | null;
194
204
  ariaLabel: string | null;
205
+ ariaLabelledByElements: ReadonlyArray<Element> | null;
195
206
  ariaLevel: string | null;
196
207
  ariaLive: string | null;
197
208
  ariaModal: string | null;
198
209
  ariaMultiLine: string | null;
199
210
  ariaMultiSelectable: string | null;
200
211
  ariaOrientation: string | null;
212
+ ariaOwnsElements: ReadonlyArray<Element> | null;
201
213
  ariaPlaceholder: string | null;
202
214
  ariaPosInSet: string | null;
203
215
  ariaPressed: string | null;
204
216
  ariaReadOnly: string | null;
217
+ ariaRelevant: string | null;
205
218
  ariaRequired: string | null;
206
219
  ariaRoleDescription: string | null;
207
220
  ariaRowCount: string | null;
@@ -243,7 +256,8 @@ declare const CDSTearsheet_base: {
243
256
  replaceChildren(...nodes: (Node | string)[]): void;
244
257
  readonly assignedSlot: HTMLSlotElement | null;
245
258
  readonly attributeStyleMap: StylePropertyMap;
246
- readonly style: CSSStyleDeclaration;
259
+ get style(): CSSStyleDeclaration;
260
+ set style(cssText: string): any;
247
261
  contentEditable: string;
248
262
  enterKeyHint: string;
249
263
  inputMode: string;
@@ -253,18 +267,19 @@ declare const CDSTearsheet_base: {
253
267
  onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
254
268
  onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
255
269
  onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
256
- onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
270
+ onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
257
271
  onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
258
- onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
272
+ onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
273
+ onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
259
274
  onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
260
275
  oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
261
276
  oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
262
277
  oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
263
278
  onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
264
- onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
279
+ onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
265
280
  onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
266
281
  oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
267
- oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
282
+ oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
268
283
  oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
269
284
  oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
270
285
  oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -312,6 +327,7 @@ declare const CDSTearsheet_base: {
312
327
  onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
313
328
  onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
314
329
  onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
330
+ onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
315
331
  onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
316
332
  onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
317
333
  onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -330,7 +346,7 @@ declare const CDSTearsheet_base: {
330
346
  onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
331
347
  onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
332
348
  ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
333
- ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
349
+ ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
334
350
  ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
335
351
  ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
336
352
  ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;