@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.
- package/README.md +85 -0
- package/custom-elements.json +128 -10
- package/es/components/about-modal/about-modal.d.ts +28 -16
- package/es/components/about-modal/about-modal.figma.d.ts +7 -0
- package/es/components/about-modal/about-modal.figma.js +52 -0
- package/es/components/about-modal/about-modal.figma.js.map +1 -0
- package/es/components/about-modal/about-modal.scss.js +1 -1
- package/es/components/checklist/checklist.scss.js +1 -1
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +27 -11
- package/es/components/full-page-error/full-page-error.figma.d.ts +1 -0
- package/es/components/full-page-error/full-page-error.figma.js +69 -0
- package/es/components/full-page-error/full-page-error.figma.js.map +1 -0
- package/es/components/interstitial-screen/interstitial-screen-body-item.d.ts +27 -11
- package/es/components/interstitial-screen/interstitial-screen-body.d.ts +27 -11
- package/es/components/interstitial-screen/interstitial-screen-footer.d.ts +27 -11
- package/es/components/interstitial-screen/interstitial-screen-header.d.ts +27 -11
- package/es/components/interstitial-screen/interstitial-screen.d.ts +27 -11
- package/es/components/notification-panel/notification-footer.d.ts +27 -11
- package/es/components/notification-panel/notification-panel.d.ts +27 -11
- package/es/components/notification-panel/notification.d.ts +27 -11
- package/es/components/notification-panel/notification.scss.js +1 -1
- package/es/components/options-tile/options-tile.d.ts +27 -11
- package/es/components/page-header/_story-assets/2x1.jpg.js +11 -0
- package/es/components/page-header/_story-assets/2x1.jpg.js.map +1 -0
- package/es/components/page-header/_story-assets/3x2.jpg.js +11 -0
- package/es/components/page-header/_story-assets/3x2.jpg.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
- package/es/components/page-header/page-header.scss.js +1 -1
- package/es/components/page-header/page-header.test.js +57 -69
- package/es/components/page-header/page-header.test.js.map +1 -1
- package/es/components/side-panel/side-panel.d.ts +27 -11
- package/es/components/side-panel/side-panel.scss.js +1 -1
- package/es/components/tearsheet/tearsheet.d.ts +27 -11
- package/es/components/tearsheet/tearsheet.scss.js +1 -1
- package/es/components/user-avatar/user-avatar.d.ts +27 -11
- package/es/components/user-avatar/user-avatar.figma.d.ts +7 -0
- package/es/components/user-avatar/user-avatar.figma.js +136 -0
- package/es/components/user-avatar/user-avatar.figma.js.map +1 -0
- package/es/node_modules/@carbon/layout/es/index.js +44 -0
- package/es/node_modules/@carbon/layout/es/index.js.map +1 -0
- package/es/packages/ibm-products-web-components/package.json.js +1 -1
- package/es-custom/components/about-modal/about-modal.d.ts +28 -16
- package/es-custom/components/about-modal/about-modal.figma.d.ts +7 -0
- package/es-custom/components/about-modal/about-modal.figma.js +52 -0
- package/es-custom/components/about-modal/about-modal.figma.js.map +1 -0
- package/es-custom/components/about-modal/about-modal.scss.js +1 -1
- package/es-custom/components/checklist/checklist.scss.js +1 -1
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +27 -11
- package/es-custom/components/full-page-error/full-page-error.figma.d.ts +1 -0
- package/es-custom/components/full-page-error/full-page-error.figma.js +69 -0
- package/es-custom/components/full-page-error/full-page-error.figma.js.map +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.d.ts +27 -11
- package/es-custom/components/interstitial-screen/interstitial-screen-body.d.ts +27 -11
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.d.ts +27 -11
- package/es-custom/components/interstitial-screen/interstitial-screen-header.d.ts +27 -11
- package/es-custom/components/interstitial-screen/interstitial-screen.d.ts +27 -11
- package/es-custom/components/notification-panel/notification-footer.d.ts +27 -11
- package/es-custom/components/notification-panel/notification-panel.d.ts +27 -11
- package/es-custom/components/notification-panel/notification.d.ts +27 -11
- package/es-custom/components/notification-panel/notification.scss.js +1 -1
- package/es-custom/components/options-tile/options-tile.d.ts +27 -11
- package/es-custom/components/page-header/_story-assets/2x1.jpg.js +11 -0
- package/es-custom/components/page-header/_story-assets/2x1.jpg.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/3x2.jpg.js +11 -0
- package/es-custom/components/page-header/_story-assets/3x2.jpg.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/page-header/page-header.test.js +57 -69
- package/es-custom/components/page-header/page-header.test.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.d.ts +27 -11
- package/es-custom/components/side-panel/side-panel.scss.js +1 -1
- package/es-custom/components/tearsheet/tearsheet.d.ts +27 -11
- package/es-custom/components/tearsheet/tearsheet.scss.js +1 -1
- package/es-custom/components/user-avatar/user-avatar.d.ts +27 -11
- package/es-custom/components/user-avatar/user-avatar.figma.d.ts +7 -0
- package/es-custom/components/user-avatar/user-avatar.figma.js +136 -0
- package/es-custom/components/user-avatar/user-avatar.figma.js.map +1 -0
- package/es-custom/node_modules/@carbon/layout/es/index.js +44 -0
- package/es-custom/node_modules/@carbon/layout/es/index.js.map +1 -0
- package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
- package/lib/components/about-modal/about-modal.d.ts +28 -16
- package/lib/components/about-modal/about-modal.figma.d.ts +7 -0
- package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +27 -11
- package/lib/components/full-page-error/full-page-error.figma.d.ts +1 -0
- package/lib/components/interstitial-screen/interstitial-screen-body-item.d.ts +27 -11
- package/lib/components/interstitial-screen/interstitial-screen-body.d.ts +27 -11
- package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts +27 -11
- package/lib/components/interstitial-screen/interstitial-screen-header.d.ts +27 -11
- package/lib/components/interstitial-screen/interstitial-screen.d.ts +27 -11
- package/lib/components/notification-panel/notification-footer.d.ts +27 -11
- package/lib/components/notification-panel/notification-panel.d.ts +27 -11
- package/lib/components/notification-panel/notification.d.ts +27 -11
- package/lib/components/options-tile/options-tile.d.ts +27 -11
- package/lib/components/side-panel/side-panel.d.ts +27 -11
- package/lib/components/tearsheet/tearsheet.d.ts +27 -11
- package/lib/components/user-avatar/user-avatar.d.ts +27 -11
- package/lib/components/user-avatar/user-avatar.figma.d.ts +7 -0
- package/package.json +14 -12
- package/scss/components/page-header/_story-assets/set-of-tags/set-of-tags.scss +2 -0
- 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(
|
|
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
|
-
|
|
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
|
-
|
|
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(
|
|
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
|
-
|
|
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:
|
|
270
|
+
onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
257
271
|
onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
|
|
258
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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;
|