@carbon/ibm-products-web-components 0.27.0-rc.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
@@ -16,6 +16,7 @@ declare const CDSNotification_base: {
16
16
  accessKey: string;
17
17
  readonly accessKeyLabel: string;
18
18
  autocapitalize: string;
19
+ autocorrect: boolean;
19
20
  dir: string;
20
21
  draggable: boolean;
21
22
  hidden: boolean;
@@ -37,13 +38,14 @@ declare const CDSNotification_base: {
37
38
  click(): void;
38
39
  hidePopover(): void;
39
40
  showPopover(): void;
40
- togglePopover(force?: boolean): boolean;
41
+ togglePopover(options?: boolean): boolean;
41
42
  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
42
43
  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
43
44
  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
44
45
  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
45
46
  readonly attributes: NamedNodeMap;
46
- readonly classList: DOMTokenList;
47
+ get classList(): DOMTokenList;
48
+ set classList(value: string): any;
47
49
  className: string;
48
50
  readonly clientHeight: number;
49
51
  readonly clientLeft: number;
@@ -58,7 +60,8 @@ declare const CDSNotification_base: {
58
60
  onfullscreenerror: ((this: Element, ev: Event) => any) | null;
59
61
  outerHTML: string;
60
62
  readonly ownerDocument: Document;
61
- readonly part: DOMTokenList;
63
+ get part(): DOMTokenList;
64
+ set part(value: string): any;
62
65
  readonly prefix: string | null;
63
66
  readonly scrollHeight: number;
64
67
  scrollLeft: number;
@@ -121,6 +124,8 @@ declare const CDSNotification_base: {
121
124
  setPointerCapture(pointerId: number): void;
122
125
  toggleAttribute(qualifiedName: string, force?: boolean): boolean;
123
126
  webkitMatchesSelector(selectors: string): boolean;
127
+ get textContent(): string;
128
+ set textContent(value: string | null): any;
124
129
  readonly baseURI: string;
125
130
  readonly childNodes: NodeListOf<ChildNode>;
126
131
  readonly firstChild: ChildNode | null;
@@ -133,9 +138,8 @@ declare const CDSNotification_base: {
133
138
  readonly parentElement: HTMLElement | null;
134
139
  readonly parentNode: ParentNode | null;
135
140
  readonly previousSibling: ChildNode | null;
136
- textContent: string | null;
137
141
  appendChild<T_1 extends Node>(node: T_1): T_1;
138
- cloneNode(deep?: boolean): Node;
142
+ cloneNode(subtree?: boolean): Node;
139
143
  compareDocumentPosition(other: Node): number;
140
144
  contains(other: Node | null): boolean;
141
145
  getRootNode(options?: GetRootNodeOptions): Node;
@@ -168,6 +172,7 @@ declare const CDSNotification_base: {
168
172
  readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
169
173
  readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
170
174
  dispatchEvent(event: Event): boolean;
175
+ ariaActiveDescendantElement: Element | null;
171
176
  ariaAtomic: string | null;
172
177
  ariaAutoComplete: string | null;
173
178
  ariaBrailleLabel: string | null;
@@ -178,25 +183,33 @@ declare const CDSNotification_base: {
178
183
  ariaColIndex: string | null;
179
184
  ariaColIndexText: string | null;
180
185
  ariaColSpan: string | null;
186
+ ariaControlsElements: ReadonlyArray<Element> | null;
181
187
  ariaCurrent: string | null;
188
+ ariaDescribedByElements: ReadonlyArray<Element> | null;
182
189
  ariaDescription: string | null;
190
+ ariaDetailsElements: ReadonlyArray<Element> | null;
183
191
  ariaDisabled: string | null;
192
+ ariaErrorMessageElements: ReadonlyArray<Element> | null;
184
193
  ariaExpanded: string | null;
194
+ ariaFlowToElements: ReadonlyArray<Element> | null;
185
195
  ariaHasPopup: string | null;
186
196
  ariaHidden: string | null;
187
197
  ariaInvalid: string | null;
188
198
  ariaKeyShortcuts: string | null;
189
199
  ariaLabel: string | null;
200
+ ariaLabelledByElements: ReadonlyArray<Element> | null;
190
201
  ariaLevel: string | null;
191
202
  ariaLive: string | null;
192
203
  ariaModal: string | null;
193
204
  ariaMultiLine: string | null;
194
205
  ariaMultiSelectable: string | null;
195
206
  ariaOrientation: string | null;
207
+ ariaOwnsElements: ReadonlyArray<Element> | null;
196
208
  ariaPlaceholder: string | null;
197
209
  ariaPosInSet: string | null;
198
210
  ariaPressed: string | null;
199
211
  ariaReadOnly: string | null;
212
+ ariaRelevant: string | null;
200
213
  ariaRequired: string | null;
201
214
  ariaRoleDescription: string | null;
202
215
  ariaRowCount: string | null;
@@ -238,7 +251,8 @@ declare const CDSNotification_base: {
238
251
  replaceChildren(...nodes: (Node | string)[]): void;
239
252
  readonly assignedSlot: HTMLSlotElement | null;
240
253
  readonly attributeStyleMap: StylePropertyMap;
241
- readonly style: CSSStyleDeclaration;
254
+ get style(): CSSStyleDeclaration;
255
+ set style(cssText: string): any;
242
256
  contentEditable: string;
243
257
  enterKeyHint: string;
244
258
  inputMode: string;
@@ -248,18 +262,19 @@ declare const CDSNotification_base: {
248
262
  onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
249
263
  onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
250
264
  onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
251
- onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
265
+ onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
252
266
  onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
253
- onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
267
+ onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
268
+ onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
254
269
  onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
255
270
  oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
256
271
  oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
257
272
  oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
258
273
  onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
259
- onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
274
+ onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
260
275
  onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
261
276
  oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
262
- oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
277
+ oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
263
278
  oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
264
279
  oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
265
280
  oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -307,6 +322,7 @@ declare const CDSNotification_base: {
307
322
  onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
308
323
  onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
309
324
  onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
325
+ onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
310
326
  onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
311
327
  onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
312
328
  onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -325,7 +341,7 @@ declare const CDSNotification_base: {
325
341
  onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
326
342
  onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
327
343
  ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
328
- ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
344
+ ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
329
345
  ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
330
346
  ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
331
347
  ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
@@ -18,6 +18,7 @@ declare const CDSOptionsTile_base: {
18
18
  accessKey: string;
19
19
  readonly accessKeyLabel: string;
20
20
  autocapitalize: string;
21
+ autocorrect: boolean;
21
22
  dir: string;
22
23
  draggable: boolean;
23
24
  hidden: boolean;
@@ -39,13 +40,14 @@ declare const CDSOptionsTile_base: {
39
40
  click(): void;
40
41
  hidePopover(): void;
41
42
  showPopover(): void;
42
- togglePopover(force?: boolean): boolean;
43
+ togglePopover(options?: boolean): boolean;
43
44
  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
44
45
  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
45
46
  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
46
47
  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
47
48
  readonly attributes: NamedNodeMap;
48
- readonly classList: DOMTokenList;
49
+ get classList(): DOMTokenList;
50
+ set classList(value: string): any;
49
51
  className: string;
50
52
  readonly clientHeight: number;
51
53
  readonly clientLeft: number;
@@ -60,7 +62,8 @@ declare const CDSOptionsTile_base: {
60
62
  onfullscreenerror: ((this: Element, ev: Event) => any) | null;
61
63
  outerHTML: string;
62
64
  readonly ownerDocument: Document;
63
- readonly part: DOMTokenList;
65
+ get part(): DOMTokenList;
66
+ set part(value: string): any;
64
67
  readonly prefix: string | null;
65
68
  readonly scrollHeight: number;
66
69
  scrollLeft: number;
@@ -123,6 +126,8 @@ declare const CDSOptionsTile_base: {
123
126
  setPointerCapture(pointerId: number): void;
124
127
  toggleAttribute(qualifiedName: string, force?: boolean): boolean;
125
128
  webkitMatchesSelector(selectors: string): boolean;
129
+ get textContent(): string;
130
+ set textContent(value: string | null): any;
126
131
  readonly baseURI: string;
127
132
  readonly childNodes: NodeListOf<ChildNode>;
128
133
  readonly firstChild: ChildNode | null;
@@ -135,9 +140,8 @@ declare const CDSOptionsTile_base: {
135
140
  readonly parentElement: HTMLElement | null;
136
141
  readonly parentNode: ParentNode | null;
137
142
  readonly previousSibling: ChildNode | null;
138
- textContent: string | null;
139
143
  appendChild<T_1 extends Node>(node: T_1): T_1;
140
- cloneNode(deep?: boolean): Node;
144
+ cloneNode(subtree?: boolean): Node;
141
145
  compareDocumentPosition(other: Node): number;
142
146
  contains(other: Node | null): boolean;
143
147
  getRootNode(options?: GetRootNodeOptions): Node;
@@ -170,6 +174,7 @@ declare const CDSOptionsTile_base: {
170
174
  readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
171
175
  readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
172
176
  dispatchEvent(event: Event): boolean;
177
+ ariaActiveDescendantElement: Element | null;
173
178
  ariaAtomic: string | null;
174
179
  ariaAutoComplete: string | null;
175
180
  ariaBrailleLabel: string | null;
@@ -180,25 +185,33 @@ declare const CDSOptionsTile_base: {
180
185
  ariaColIndex: string | null;
181
186
  ariaColIndexText: string | null;
182
187
  ariaColSpan: string | null;
188
+ ariaControlsElements: ReadonlyArray<Element> | null;
183
189
  ariaCurrent: string | null;
190
+ ariaDescribedByElements: ReadonlyArray<Element> | null;
184
191
  ariaDescription: string | null;
192
+ ariaDetailsElements: ReadonlyArray<Element> | null;
185
193
  ariaDisabled: string | null;
194
+ ariaErrorMessageElements: ReadonlyArray<Element> | null;
186
195
  ariaExpanded: string | null;
196
+ ariaFlowToElements: ReadonlyArray<Element> | null;
187
197
  ariaHasPopup: string | null;
188
198
  ariaHidden: string | null;
189
199
  ariaInvalid: string | null;
190
200
  ariaKeyShortcuts: string | null;
191
201
  ariaLabel: string | null;
202
+ ariaLabelledByElements: ReadonlyArray<Element> | null;
192
203
  ariaLevel: string | null;
193
204
  ariaLive: string | null;
194
205
  ariaModal: string | null;
195
206
  ariaMultiLine: string | null;
196
207
  ariaMultiSelectable: string | null;
197
208
  ariaOrientation: string | null;
209
+ ariaOwnsElements: ReadonlyArray<Element> | null;
198
210
  ariaPlaceholder: string | null;
199
211
  ariaPosInSet: string | null;
200
212
  ariaPressed: string | null;
201
213
  ariaReadOnly: string | null;
214
+ ariaRelevant: string | null;
202
215
  ariaRequired: string | null;
203
216
  ariaRoleDescription: string | null;
204
217
  ariaRowCount: string | null;
@@ -240,7 +253,8 @@ declare const CDSOptionsTile_base: {
240
253
  replaceChildren(...nodes: (Node | string)[]): void;
241
254
  readonly assignedSlot: HTMLSlotElement | null;
242
255
  readonly attributeStyleMap: StylePropertyMap;
243
- readonly style: CSSStyleDeclaration;
256
+ get style(): CSSStyleDeclaration;
257
+ set style(cssText: string): any;
244
258
  contentEditable: string;
245
259
  enterKeyHint: string;
246
260
  inputMode: string;
@@ -250,18 +264,19 @@ declare const CDSOptionsTile_base: {
250
264
  onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
251
265
  onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
252
266
  onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
253
- onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
267
+ onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
254
268
  onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
255
- onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
269
+ onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
270
+ onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
256
271
  onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
257
272
  oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
258
273
  oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
259
274
  oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
260
275
  onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
261
- onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
276
+ onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
262
277
  onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
263
278
  oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
264
- oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
279
+ oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
265
280
  oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
266
281
  oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
267
282
  oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -309,6 +324,7 @@ declare const CDSOptionsTile_base: {
309
324
  onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
310
325
  onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
311
326
  onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
327
+ onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
312
328
  onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
313
329
  onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
314
330
  onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -327,7 +343,7 @@ declare const CDSOptionsTile_base: {
327
343
  onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
328
344
  onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
329
345
  ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
330
- ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
346
+ ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
331
347
  ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
332
348
  ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
333
349
  ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
@@ -21,6 +21,7 @@ declare const CDSSidePanel_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 CDSSidePanel_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 CDSSidePanel_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 CDSSidePanel_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 CDSSidePanel_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 CDSSidePanel_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 CDSSidePanel_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 CDSSidePanel_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 CDSSidePanel_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 CDSSidePanel_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 CDSSidePanel_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;
@@ -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;