@carbon/ibm-products-web-components 0.1.0-canary.3597 → 0.1.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 (6) hide show
  1. package/.storybook/preview-head.html +1 -5
  2. package/CHANGELOG.md +8 -0
  3. package/es/components/side-panel/side-panel.d.ts +80 -61
  4. package/lib/components/side-panel/side-panel.d.ts +80 -61
  5. package/netlify.toml +1 -2
  6. package/package.json +8 -8
package/.storybook/preview-head.html CHANGED
@@ -1,7 +1,3 @@
1
1
  <script>
2
2
  window.global = window;
3
- </script>
4
-
5
- <link
6
- rel="stylesheet"
7
- href="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/plex.css" />
3
+ </script>
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [0.1.0](https://github.com/carbon-design-system/ibm-products/compare/@carbon/ibm-products-web-components@0.1.0-rc.0...@carbon/ibm-products-web-components@0.1.0) (2024-10-23)
7
+
8
+ **Note:** Version bump only for package @carbon/ibm-products-web-components
9
+
10
+
11
+
12
+
13
+
6
14
  # 0.1.0-rc.0 (2024-10-14)
7
15
 
8
16
 
package/es/components/side-panel/side-panel.d.ts CHANGED
@@ -33,15 +33,19 @@ declare const CDSSidePanel_base: {
33
33
  readonly offsetTop: number;
34
34
  readonly offsetWidth: number;
35
35
  outerText: string;
36
+ popover: string | null;
36
37
  spellcheck: boolean;
37
38
  title: string;
38
39
  translate: boolean;
39
40
  attachInternals(): ElementInternals;
40
41
  click(): void;
41
- addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
42
- addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
43
- removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
44
- removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
42
+ hidePopover(): void;
43
+ showPopover(): void;
44
+ togglePopover(force?: boolean): boolean;
45
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
46
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
47
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
48
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
45
49
  readonly attributes: NamedNodeMap;
46
50
  readonly classList: DOMTokenList;
47
51
  className: string;
@@ -66,9 +70,12 @@ declare const CDSSidePanel_base: {
66
70
  slot: string;
67
71
  readonly tagName: string;
68
72
  attachShadow(init: ShadowRootInit): ShadowRoot;
69
- closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
70
- closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
73
+ checkVisibility(options?: CheckVisibilityOptions): boolean;
74
+ closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
75
+ closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
76
+ closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
71
77
  closest<E extends Element = Element>(selectors: string): E | null;
78
+ computedStyleMap(): StylePropertyMapReadOnly;
72
79
  getAttribute(qualifiedName: string): string | null;
73
80
  getAttributeNS(namespace: string | null, localName: string): string | null;
74
81
  getAttributeNames(): string[];
@@ -77,11 +84,14 @@ declare const CDSSidePanel_base: {
77
84
  getBoundingClientRect(): DOMRect;
78
85
  getClientRects(): DOMRectList;
79
86
  getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
80
- getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
81
- getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
87
+ getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
88
+ getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
89
+ getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
90
+ getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
82
91
  getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
83
92
  getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
84
93
  getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
94
+ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
85
95
  getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
86
96
  hasAttribute(qualifiedName: string): boolean;
87
97
  hasAttributeNS(namespace: string | null, localName: string): boolean;
@@ -95,21 +105,22 @@ declare const CDSSidePanel_base: {
95
105
  removeAttribute(qualifiedName: string): void;
96
106
  removeAttributeNS(namespace: string | null, localName: string): void;
97
107
  removeAttributeNode(attr: Attr): Attr;
98
- requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
108
+ requestFullscreen(options?: FullscreenOptions): Promise<void>;
99
109
  requestPointerLock(): void;
100
- scroll(options?: ScrollToOptions | undefined): void;
110
+ scroll(options?: ScrollToOptions): void;
101
111
  scroll(x: number, y: number): void;
102
- scrollBy(options?: ScrollToOptions | undefined): void;
112
+ scrollBy(options?: ScrollToOptions): void;
103
113
  scrollBy(x: number, y: number): void;
104
- scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
105
- scrollTo(options?: ScrollToOptions | undefined): void;
114
+ scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
115
+ scrollTo(options?: ScrollToOptions): void;
106
116
  scrollTo(x: number, y: number): void;
107
117
  setAttribute(qualifiedName: string, value: string): void;
108
118
  setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
109
119
  setAttributeNode(attr: Attr): Attr | null;
110
120
  setAttributeNodeNS(attr: Attr): Attr | null;
121
+ setHTMLUnsafe(html: string): void;
111
122
  setPointerCapture(pointerId: number): void;
112
- toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
123
+ toggleAttribute(qualifiedName: string, force?: boolean): boolean;
113
124
  webkitMatchesSelector(selectors: string): boolean;
114
125
  readonly baseURI: string;
115
126
  readonly childNodes: NodeListOf<ChildNode>;
@@ -125,48 +136,50 @@ declare const CDSSidePanel_base: {
125
136
  readonly previousSibling: ChildNode | null;
126
137
  textContent: string | null;
127
138
  appendChild<T_1 extends Node>(node: T_1): T_1;
128
- cloneNode(deep?: boolean | undefined): Node;
139
+ cloneNode(deep?: boolean): Node;
129
140
  compareDocumentPosition(other: Node): number;
130
141
  contains(other: Node | null): boolean;
131
- getRootNode(options?: GetRootNodeOptions | undefined): Node;
142
+ getRootNode(options?: GetRootNodeOptions): Node;
132
143
  hasChildNodes(): boolean;
133
- insertBefore<T_2 extends Node>(node: T_2, child: Node | null): T_2;
144
+ insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
134
145
  isDefaultNamespace(namespace: string | null): boolean;
135
146
  isEqualNode(otherNode: Node | null): boolean;
136
147
  isSameNode(otherNode: Node | null): boolean;
137
148
  lookupNamespaceURI(prefix: string | null): string | null;
138
149
  lookupPrefix(namespace: string | null): string | null;
139
150
  normalize(): void;
140
- removeChild<T_3 extends Node>(child: T_3): T_3;
141
- replaceChild<T_4 extends Node>(node: Node, child: T_4): T_4;
142
- readonly ATTRIBUTE_NODE: number;
143
- readonly CDATA_SECTION_NODE: number;
144
- readonly COMMENT_NODE: number;
145
- readonly DOCUMENT_FRAGMENT_NODE: number;
146
- readonly DOCUMENT_NODE: number;
147
- readonly DOCUMENT_POSITION_CONTAINED_BY: number;
148
- readonly DOCUMENT_POSITION_CONTAINS: number;
149
- readonly DOCUMENT_POSITION_DISCONNECTED: number;
150
- readonly DOCUMENT_POSITION_FOLLOWING: number;
151
- readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
152
- readonly DOCUMENT_POSITION_PRECEDING: number;
153
- readonly DOCUMENT_TYPE_NODE: number;
154
- readonly ELEMENT_NODE: number;
155
- readonly ENTITY_NODE: number;
156
- readonly ENTITY_REFERENCE_NODE: number;
157
- readonly NOTATION_NODE: number;
158
- readonly PROCESSING_INSTRUCTION_NODE: number;
159
- readonly TEXT_NODE: number;
151
+ removeChild<T_1 extends Node>(child: T_1): T_1;
152
+ replaceChild<T_1 extends Node>(node: Node, child: T_1): T_1;
153
+ readonly ELEMENT_NODE: 1;
154
+ readonly ATTRIBUTE_NODE: 2;
155
+ readonly TEXT_NODE: 3;
156
+ readonly CDATA_SECTION_NODE: 4;
157
+ readonly ENTITY_REFERENCE_NODE: 5;
158
+ readonly ENTITY_NODE: 6;
159
+ readonly PROCESSING_INSTRUCTION_NODE: 7;
160
+ readonly COMMENT_NODE: 8;
161
+ readonly DOCUMENT_NODE: 9;
162
+ readonly DOCUMENT_TYPE_NODE: 10;
163
+ readonly DOCUMENT_FRAGMENT_NODE: 11;
164
+ readonly NOTATION_NODE: 12;
165
+ readonly DOCUMENT_POSITION_DISCONNECTED: 1;
166
+ readonly DOCUMENT_POSITION_PRECEDING: 2;
167
+ readonly DOCUMENT_POSITION_FOLLOWING: 4;
168
+ readonly DOCUMENT_POSITION_CONTAINS: 8;
169
+ readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
170
+ readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
160
171
  dispatchEvent(event: Event): boolean;
161
172
  ariaAtomic: string | null;
162
173
  ariaAutoComplete: string | null;
174
+ ariaBrailleLabel: string | null;
175
+ ariaBrailleRoleDescription: string | null;
163
176
  ariaBusy: string | null;
164
177
  ariaChecked: string | null;
165
178
  ariaColCount: string | null;
166
179
  ariaColIndex: string | null;
167
- ariaColIndexText: string | null;
168
180
  ariaColSpan: string | null;
169
181
  ariaCurrent: string | null;
182
+ ariaDescription: string | null;
170
183
  ariaDisabled: string | null;
171
184
  ariaExpanded: string | null;
172
185
  ariaHasPopup: string | null;
@@ -188,7 +201,6 @@ declare const CDSSidePanel_base: {
188
201
  ariaRoleDescription: string | null;
189
202
  ariaRowCount: string | null;
190
203
  ariaRowIndex: string | null;
191
- ariaRowIndexText: string | null;
192
204
  ariaRowSpan: string | null;
193
205
  ariaSelected: string | null;
194
206
  ariaSetSize: string | null;
@@ -198,12 +210,12 @@ declare const CDSSidePanel_base: {
198
210
  ariaValueNow: string | null;
199
211
  ariaValueText: string | null;
200
212
  role: string | null;
201
- animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
202
- getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
203
- after(...nodes: (string | Node)[]): void;
204
- before(...nodes: (string | Node)[]): void;
213
+ animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
214
+ getAnimations(options?: GetAnimationsOptions): Animation[];
215
+ after(...nodes: (Node | string)[]): void;
216
+ before(...nodes: (Node | string)[]): void;
205
217
  remove(): void;
206
- replaceWith(...nodes: (string | Node)[]): void;
218
+ replaceWith(...nodes: (Node | string)[]): void;
207
219
  innerHTML: string;
208
220
  readonly nextElementSibling: Element | null;
209
221
  readonly previousElementSibling: Element | null;
@@ -211,19 +223,21 @@ declare const CDSSidePanel_base: {
211
223
  readonly children: HTMLCollection;
212
224
  readonly firstElementChild: Element | null;
213
225
  readonly lastElementChild: Element | null;
214
- append(...nodes: (string | Node)[]): void;
215
- prepend(...nodes: (string | Node)[]): void;
216
- querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
217
- querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7] | null;
218
- querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
219
- querySelectorAll<K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
220
- querySelectorAll<K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
221
- querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
222
- replaceChildren(...nodes: (string | Node)[]): void;
226
+ append(...nodes: (Node | string)[]): void;
227
+ prepend(...nodes: (Node | string)[]): void;
228
+ querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
229
+ querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
230
+ querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
231
+ querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
232
+ querySelector<E extends Element = Element>(selectors: string): E | null;
233
+ querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
234
+ querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
235
+ querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
236
+ querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
237
+ querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
238
+ replaceChildren(...nodes: (Node | string)[]): void;
223
239
  readonly assignedSlot: HTMLSlotElement | null;
224
- oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
225
- oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
226
- onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
240
+ readonly attributeStyleMap: StylePropertyMap;
227
241
  readonly style: CSSStyleDeclaration;
228
242
  contentEditable: string;
229
243
  enterKeyHint: string;
@@ -236,6 +250,7 @@ declare const CDSSidePanel_base: {
236
250
  onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
237
251
  onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
238
252
  onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
253
+ onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
239
254
  onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
240
255
  oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
241
256
  oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -244,7 +259,9 @@ declare const CDSSidePanel_base: {
244
259
  onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
245
260
  onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
246
261
  oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
262
+ oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
247
263
  oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
264
+ oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
248
265
  ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
249
266
  ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
250
267
  ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
@@ -277,6 +294,7 @@ declare const CDSSidePanel_base: {
277
294
  onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
278
295
  onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
279
296
  onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
297
+ onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
280
298
  onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
281
299
  onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
282
300
  onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -288,11 +306,12 @@ declare const CDSSidePanel_base: {
288
306
  onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
289
307
  onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
290
308
  onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
291
- onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null;
309
+ onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
292
310
  onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
293
311
  onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
294
312
  onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
295
313
  onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
314
+ onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
296
315
  onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
297
316
  onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
298
317
  onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -322,15 +341,15 @@ declare const CDSSidePanel_base: {
322
341
  onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
323
342
  autofocus: boolean;
324
343
  readonly dataset: DOMStringMap;
325
- nonce?: string | undefined;
344
+ nonce?: string;
326
345
  tabIndex: number;
327
346
  blur(): void;
328
- focus(options?: FocusOptions | undefined): void;
347
+ focus(options?: FocusOptions): void;
329
348
  };
330
349
  _hostListeners: {
331
350
  [listenerName: string]: {
332
351
  [type: string]: {
333
- options?: boolean | AddEventListenerOptions | undefined;
352
+ options?: boolean | AddEventListenerOptions;
334
353
  };
335
354
  };
336
355
  };
@@ -491,7 +510,7 @@ declare class CDSSidePanel extends CDSSidePanel_base {
491
510
  disconnectObservers(): void;
492
511
  connectedCallback(): void;
493
512
  disconnectedCallback(): void;
494
- render(): import("lit-html").TemplateResult<1>;
513
+ render(): import("lit").TemplateResult<1>;
495
514
  updated(changedProperties: any): Promise<void>;
496
515
  /**
497
516
  * @param ms The number of milliseconds.
package/lib/components/side-panel/side-panel.d.ts CHANGED
@@ -33,15 +33,19 @@ declare const CDSSidePanel_base: {
33
33
  readonly offsetTop: number;
34
34
  readonly offsetWidth: number;
35
35
  outerText: string;
36
+ popover: string | null;
36
37
  spellcheck: boolean;
37
38
  title: string;
38
39
  translate: boolean;
39
40
  attachInternals(): ElementInternals;
40
41
  click(): void;
41
- addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
42
- addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
43
- removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
44
- removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
42
+ hidePopover(): void;
43
+ showPopover(): void;
44
+ togglePopover(force?: boolean): boolean;
45
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
46
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
47
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
48
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
45
49
  readonly attributes: NamedNodeMap;
46
50
  readonly classList: DOMTokenList;
47
51
  className: string;
@@ -66,9 +70,12 @@ declare const CDSSidePanel_base: {
66
70
  slot: string;
67
71
  readonly tagName: string;
68
72
  attachShadow(init: ShadowRootInit): ShadowRoot;
69
- closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
70
- closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
73
+ checkVisibility(options?: CheckVisibilityOptions): boolean;
74
+ closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
75
+ closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
76
+ closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
71
77
  closest<E extends Element = Element>(selectors: string): E | null;
78
+ computedStyleMap(): StylePropertyMapReadOnly;
72
79
  getAttribute(qualifiedName: string): string | null;
73
80
  getAttributeNS(namespace: string | null, localName: string): string | null;
74
81
  getAttributeNames(): string[];
@@ -77,11 +84,14 @@ declare const CDSSidePanel_base: {
77
84
  getBoundingClientRect(): DOMRect;
78
85
  getClientRects(): DOMRectList;
79
86
  getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
80
- getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
81
- getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
87
+ getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
88
+ getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
89
+ getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
90
+ getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
82
91
  getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
83
92
  getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
84
93
  getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
94
+ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
85
95
  getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
86
96
  hasAttribute(qualifiedName: string): boolean;
87
97
  hasAttributeNS(namespace: string | null, localName: string): boolean;
@@ -95,21 +105,22 @@ declare const CDSSidePanel_base: {
95
105
  removeAttribute(qualifiedName: string): void;
96
106
  removeAttributeNS(namespace: string | null, localName: string): void;
97
107
  removeAttributeNode(attr: Attr): Attr;
98
- requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
108
+ requestFullscreen(options?: FullscreenOptions): Promise<void>;
99
109
  requestPointerLock(): void;
100
- scroll(options?: ScrollToOptions | undefined): void;
110
+ scroll(options?: ScrollToOptions): void;
101
111
  scroll(x: number, y: number): void;
102
- scrollBy(options?: ScrollToOptions | undefined): void;
112
+ scrollBy(options?: ScrollToOptions): void;
103
113
  scrollBy(x: number, y: number): void;
104
- scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
105
- scrollTo(options?: ScrollToOptions | undefined): void;
114
+ scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
115
+ scrollTo(options?: ScrollToOptions): void;
106
116
  scrollTo(x: number, y: number): void;
107
117
  setAttribute(qualifiedName: string, value: string): void;
108
118
  setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
109
119
  setAttributeNode(attr: Attr): Attr | null;
110
120
  setAttributeNodeNS(attr: Attr): Attr | null;
121
+ setHTMLUnsafe(html: string): void;
111
122
  setPointerCapture(pointerId: number): void;
112
- toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
123
+ toggleAttribute(qualifiedName: string, force?: boolean): boolean;
113
124
  webkitMatchesSelector(selectors: string): boolean;
114
125
  readonly baseURI: string;
115
126
  readonly childNodes: NodeListOf<ChildNode>;
@@ -125,48 +136,50 @@ declare const CDSSidePanel_base: {
125
136
  readonly previousSibling: ChildNode | null;
126
137
  textContent: string | null;
127
138
  appendChild<T_1 extends Node>(node: T_1): T_1;
128
- cloneNode(deep?: boolean | undefined): Node;
139
+ cloneNode(deep?: boolean): Node;
129
140
  compareDocumentPosition(other: Node): number;
130
141
  contains(other: Node | null): boolean;
131
- getRootNode(options?: GetRootNodeOptions | undefined): Node;
142
+ getRootNode(options?: GetRootNodeOptions): Node;
132
143
  hasChildNodes(): boolean;
133
- insertBefore<T_2 extends Node>(node: T_2, child: Node | null): T_2;
144
+ insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
134
145
  isDefaultNamespace(namespace: string | null): boolean;
135
146
  isEqualNode(otherNode: Node | null): boolean;
136
147
  isSameNode(otherNode: Node | null): boolean;
137
148
  lookupNamespaceURI(prefix: string | null): string | null;
138
149
  lookupPrefix(namespace: string | null): string | null;
139
150
  normalize(): void;
140
- removeChild<T_3 extends Node>(child: T_3): T_3;
141
- replaceChild<T_4 extends Node>(node: Node, child: T_4): T_4;
142
- readonly ATTRIBUTE_NODE: number;
143
- readonly CDATA_SECTION_NODE: number;
144
- readonly COMMENT_NODE: number;
145
- readonly DOCUMENT_FRAGMENT_NODE: number;
146
- readonly DOCUMENT_NODE: number;
147
- readonly DOCUMENT_POSITION_CONTAINED_BY: number;
148
- readonly DOCUMENT_POSITION_CONTAINS: number;
149
- readonly DOCUMENT_POSITION_DISCONNECTED: number;
150
- readonly DOCUMENT_POSITION_FOLLOWING: number;
151
- readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
152
- readonly DOCUMENT_POSITION_PRECEDING: number;
153
- readonly DOCUMENT_TYPE_NODE: number;
154
- readonly ELEMENT_NODE: number;
155
- readonly ENTITY_NODE: number;
156
- readonly ENTITY_REFERENCE_NODE: number;
157
- readonly NOTATION_NODE: number;
158
- readonly PROCESSING_INSTRUCTION_NODE: number;
159
- readonly TEXT_NODE: number;
151
+ removeChild<T_1 extends Node>(child: T_1): T_1;
152
+ replaceChild<T_1 extends Node>(node: Node, child: T_1): T_1;
153
+ readonly ELEMENT_NODE: 1;
154
+ readonly ATTRIBUTE_NODE: 2;
155
+ readonly TEXT_NODE: 3;
156
+ readonly CDATA_SECTION_NODE: 4;
157
+ readonly ENTITY_REFERENCE_NODE: 5;
158
+ readonly ENTITY_NODE: 6;
159
+ readonly PROCESSING_INSTRUCTION_NODE: 7;
160
+ readonly COMMENT_NODE: 8;
161
+ readonly DOCUMENT_NODE: 9;
162
+ readonly DOCUMENT_TYPE_NODE: 10;
163
+ readonly DOCUMENT_FRAGMENT_NODE: 11;
164
+ readonly NOTATION_NODE: 12;
165
+ readonly DOCUMENT_POSITION_DISCONNECTED: 1;
166
+ readonly DOCUMENT_POSITION_PRECEDING: 2;
167
+ readonly DOCUMENT_POSITION_FOLLOWING: 4;
168
+ readonly DOCUMENT_POSITION_CONTAINS: 8;
169
+ readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
170
+ readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
160
171
  dispatchEvent(event: Event): boolean;
161
172
  ariaAtomic: string | null;
162
173
  ariaAutoComplete: string | null;
174
+ ariaBrailleLabel: string | null;
175
+ ariaBrailleRoleDescription: string | null;
163
176
  ariaBusy: string | null;
164
177
  ariaChecked: string | null;
165
178
  ariaColCount: string | null;
166
179
  ariaColIndex: string | null;
167
- ariaColIndexText: string | null;
168
180
  ariaColSpan: string | null;
169
181
  ariaCurrent: string | null;
182
+ ariaDescription: string | null;
170
183
  ariaDisabled: string | null;
171
184
  ariaExpanded: string | null;
172
185
  ariaHasPopup: string | null;
@@ -188,7 +201,6 @@ declare const CDSSidePanel_base: {
188
201
  ariaRoleDescription: string | null;
189
202
  ariaRowCount: string | null;
190
203
  ariaRowIndex: string | null;
191
- ariaRowIndexText: string | null;
192
204
  ariaRowSpan: string | null;
193
205
  ariaSelected: string | null;
194
206
  ariaSetSize: string | null;
@@ -198,12 +210,12 @@ declare const CDSSidePanel_base: {
198
210
  ariaValueNow: string | null;
199
211
  ariaValueText: string | null;
200
212
  role: string | null;
201
- animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
202
- getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
203
- after(...nodes: (string | Node)[]): void;
204
- before(...nodes: (string | Node)[]): void;
213
+ animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
214
+ getAnimations(options?: GetAnimationsOptions): Animation[];
215
+ after(...nodes: (Node | string)[]): void;
216
+ before(...nodes: (Node | string)[]): void;
205
217
  remove(): void;
206
- replaceWith(...nodes: (string | Node)[]): void;
218
+ replaceWith(...nodes: (Node | string)[]): void;
207
219
  innerHTML: string;
208
220
  readonly nextElementSibling: Element | null;
209
221
  readonly previousElementSibling: Element | null;
@@ -211,19 +223,21 @@ declare const CDSSidePanel_base: {
211
223
  readonly children: HTMLCollection;
212
224
  readonly firstElementChild: Element | null;
213
225
  readonly lastElementChild: Element | null;
214
- append(...nodes: (string | Node)[]): void;
215
- prepend(...nodes: (string | Node)[]): void;
216
- querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
217
- querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7] | null;
218
- querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
219
- querySelectorAll<K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
220
- querySelectorAll<K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
221
- querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
222
- replaceChildren(...nodes: (string | Node)[]): void;
226
+ append(...nodes: (Node | string)[]): void;
227
+ prepend(...nodes: (Node | string)[]): void;
228
+ querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
229
+ querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
230
+ querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
231
+ querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
232
+ querySelector<E extends Element = Element>(selectors: string): E | null;
233
+ querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
234
+ querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
235
+ querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
236
+ querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
237
+ querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
238
+ replaceChildren(...nodes: (Node | string)[]): void;
223
239
  readonly assignedSlot: HTMLSlotElement | null;
224
- oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
225
- oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
226
- onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
240
+ readonly attributeStyleMap: StylePropertyMap;
227
241
  readonly style: CSSStyleDeclaration;
228
242
  contentEditable: string;
229
243
  enterKeyHint: string;
@@ -236,6 +250,7 @@ declare const CDSSidePanel_base: {
236
250
  onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
237
251
  onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
238
252
  onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
253
+ onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
239
254
  onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
240
255
  oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
241
256
  oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -244,7 +259,9 @@ declare const CDSSidePanel_base: {
244
259
  onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
245
260
  onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
246
261
  oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
262
+ oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
247
263
  oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
264
+ oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
248
265
  ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
249
266
  ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
250
267
  ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
@@ -277,6 +294,7 @@ declare const CDSSidePanel_base: {
277
294
  onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
278
295
  onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
279
296
  onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
297
+ onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
280
298
  onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
281
299
  onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
282
300
  onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -288,11 +306,12 @@ declare const CDSSidePanel_base: {
288
306
  onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
289
307
  onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
290
308
  onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
291
- onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null;
309
+ onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
292
310
  onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
293
311
  onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
294
312
  onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
295
313
  onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
314
+ onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
296
315
  onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
297
316
  onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
298
317
  onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -322,15 +341,15 @@ declare const CDSSidePanel_base: {
322
341
  onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
323
342
  autofocus: boolean;
324
343
  readonly dataset: DOMStringMap;
325
- nonce?: string | undefined;
344
+ nonce?: string;
326
345
  tabIndex: number;
327
346
  blur(): void;
328
- focus(options?: FocusOptions | undefined): void;
347
+ focus(options?: FocusOptions): void;
329
348
  };
330
349
  _hostListeners: {
331
350
  [listenerName: string]: {
332
351
  [type: string]: {
333
- options?: boolean | AddEventListenerOptions | undefined;
352
+ options?: boolean | AddEventListenerOptions;
334
353
  };
335
354
  };
336
355
  };
@@ -491,7 +510,7 @@ declare class CDSSidePanel extends CDSSidePanel_base {
491
510
  disconnectObservers(): void;
492
511
  connectedCallback(): void;
493
512
  disconnectedCallback(): void;
494
- render(): import("lit-html").TemplateResult<1>;
513
+ render(): import("lit").TemplateResult<1>;
495
514
  updated(changedProperties: any): Promise<void>;
496
515
  /**
497
516
  * @param ms The number of milliseconds.
package/netlify.toml CHANGED
@@ -1,8 +1,7 @@
1
1
  # Netlify build and deploy settings - https://docs.netlify.com/configure-builds/file-based-configuration/#sample-file
2
2
  [build]
3
3
  command = "yarn build:storybook"
4
- publish = "storybook-static"
5
- ignore = "git diff --quiet $CACHED_COMMIT_REF $COMMIT_REF packages/ibm-products-web-components"
4
+ publish = "packages/ibm-products-web-components/storybook-static"
6
5
 
7
6
  [build.environment]
8
7
  YARN_ENABLE_GLOBAL_CACHE = "true"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/ibm-products-web-components",
3
3
  "description": "Carbon for IBM Products Web Components",
4
- "version": "0.1.0-canary.3597+ed578ec0d",
4
+ "version": "0.1.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "es/index.js",
7
7
  "module": "es/index.js",
@@ -49,14 +49,14 @@
49
49
  "wca": "web-component-analyzer analyze src --outFile custom-elements.json"
50
50
  },
51
51
  "dependencies": {
52
- "@carbon/ibm-products-styles": "^2.39.1-canary.318+ed578ec0d",
53
- "@carbon/styles": "1.67.0",
54
- "@carbon/web-components": "2.15.0",
52
+ "@carbon/ibm-products-styles": "^2.48.0",
53
+ "@carbon/styles": "1.63.1",
54
+ "@carbon/web-components": "2.13.0",
55
55
  "lit": "^3.1.0"
56
56
  },
57
57
  "devDependencies": {
58
- "@carbon/icons": "^11.51.0",
59
- "@carbon/motion": "^11.23.1",
58
+ "@carbon/icons": "^11.50.0",
59
+ "@carbon/motion": "^11.23.0",
60
60
  "@mordech/vite-lit-loader": "^0.35.0",
61
61
  "@rollup/plugin-alias": "^5.1.1",
62
62
  "@rollup/plugin-commonjs": "^28.0.0",
@@ -76,7 +76,7 @@
76
76
  "autoprefixer": "^10.4.20",
77
77
  "cssnano": "^7.0.6",
78
78
  "eslint": "^9.11.1",
79
- "eslint-config-carbon": "^3.17.1",
79
+ "eslint-config-carbon": "^3.17.0",
80
80
  "globby": "^14.0.2",
81
81
  "happy-dom": "^15.7.4",
82
82
  "postcss": "^8.4.47",
@@ -92,5 +92,5 @@
92
92
  "vitest": "^2.1.2",
93
93
  "web-component-analyzer": "2.0.0"
94
94
  },
95
- "gitHead": "ed578ec0d45dcd72a7c96fd1e8370d4a67019ec6"
95
+ "gitHead": "5f2a18957b7d16603d26f9519cc503a11e52cbad"
96
96
  }