@carbon/ibm-products-web-components 0.10.0 → 0.11.0-rc.1
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/custom-elements.json +250 -0
- package/es/components/about-modal/about-modal.d.ts +418 -0
- package/es/components/about-modal/about-modal.js +143 -0
- package/es/components/about-modal/about-modal.js.map +1 -0
- package/es/components/about-modal/about-modal.scss.js +13 -0
- package/es/components/about-modal/about-modal.scss.js.map +1 -0
- package/es/components/about-modal/about-modal.test.d.ts +7 -0
- package/es/components/about-modal/about-modal.test.js +87 -0
- package/es/components/about-modal/about-modal.test.js.map +1 -0
- package/es/components/about-modal/defs.d.ts +8 -0
- package/es/components/about-modal/defs.js +8 -0
- package/es/components/about-modal/defs.js.map +1 -0
- package/es/components/about-modal/index.d.ts +9 -0
- package/es/components/about-modal/index.js +9 -0
- package/es/components/about-modal/index.js.map +1 -0
- package/es/components/side-panel/side-panel.d.ts +87 -61
- package/es/components/side-panel/side-panel.js +64 -63
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/side-panel/side-panel.scss.js +1 -1
- package/es/components/side-panel/side-panel.test.js +2 -3
- package/es/components/side-panel/side-panel.test.js.map +1 -1
- package/es/components/tearsheet/tearsheet.d.ts +87 -61
- package/es/components/tearsheet/tearsheet.js +37 -37
- package/es/components/tearsheet/tearsheet.js.map +1 -1
- package/es/components/tearsheet/tearsheet.scss.js +1 -1
- package/es/components/tearsheet/tearsheet.test.js +2 -3
- package/es/components/tearsheet/tearsheet.test.js.map +1 -1
- package/es/components/user-avatar/user-avatar.d.ts +92 -61
- package/es/components/user-avatar/user-avatar.js +21 -19
- package/es/components/user-avatar/user-avatar.js.map +1 -1
- package/es/components/user-avatar/user-avatar.scss.js +1 -1
- package/es/index.d.ts +1 -0
- package/es/index.js +1 -0
- package/es/index.js.map +1 -1
- package/es/package.json.js +1 -1
- package/es-custom/components/about-modal/about-modal.d.ts +418 -0
- package/es-custom/components/about-modal/about-modal.js +143 -0
- package/es-custom/components/about-modal/about-modal.js.map +1 -0
- package/es-custom/components/about-modal/about-modal.scss.js +13 -0
- package/es-custom/components/about-modal/about-modal.scss.js.map +1 -0
- package/es-custom/components/about-modal/about-modal.test.d.ts +7 -0
- package/es-custom/components/about-modal/about-modal.test.js +87 -0
- package/es-custom/components/about-modal/about-modal.test.js.map +1 -0
- package/es-custom/components/about-modal/defs.d.ts +8 -0
- package/es-custom/components/about-modal/defs.js +8 -0
- package/es-custom/components/about-modal/defs.js.map +1 -0
- package/es-custom/components/about-modal/index.d.ts +9 -0
- package/es-custom/components/about-modal/index.js +9 -0
- package/es-custom/components/about-modal/index.js.map +1 -0
- package/es-custom/components/side-panel/defs.d.ts +39 -0
- package/es-custom/components/side-panel/defs.js +51 -0
- package/es-custom/components/side-panel/defs.js.map +1 -0
- package/es-custom/components/side-panel/index.d.ts +9 -0
- package/es-custom/components/side-panel/index.js +9 -0
- package/es-custom/components/side-panel/index.js.map +1 -0
- package/es-custom/components/side-panel/side-panel.d.ts +546 -0
- package/es-custom/components/side-panel/side-panel.js +828 -0
- package/es-custom/components/side-panel/side-panel.js.map +1 -0
- package/es-custom/components/side-panel/side-panel.scss.js +13 -0
- package/es-custom/components/side-panel/side-panel.scss.js.map +1 -0
- package/es-custom/components/side-panel/side-panel.test.d.ts +7 -0
- package/es-custom/components/side-panel/side-panel.test.js +56 -0
- package/es-custom/components/side-panel/side-panel.test.js.map +1 -0
- package/es-custom/components/tearsheet/defs.d.ts +26 -0
- package/es-custom/components/tearsheet/defs.js +39 -0
- package/es-custom/components/tearsheet/defs.js.map +1 -0
- package/es-custom/components/tearsheet/index.d.ts +9 -0
- package/es-custom/components/tearsheet/index.js +9 -0
- package/es-custom/components/tearsheet/index.js.map +1 -0
- package/es-custom/components/tearsheet/tearsheet.d.ts +516 -0
- package/es-custom/components/tearsheet/tearsheet.js +676 -0
- package/es-custom/components/tearsheet/tearsheet.js.map +1 -0
- package/es-custom/components/tearsheet/tearsheet.scss.js +13 -0
- package/es-custom/components/tearsheet/tearsheet.scss.js.map +1 -0
- package/es-custom/components/tearsheet/tearsheet.test.d.ts +7 -0
- package/es-custom/components/tearsheet/tearsheet.test.js +121 -0
- package/es-custom/components/tearsheet/tearsheet.test.js.map +1 -0
- package/es-custom/components/user-avatar/index.d.ts +9 -0
- package/es-custom/components/user-avatar/index.js +9 -0
- package/es-custom/components/user-avatar/index.js.map +1 -0
- package/es-custom/components/user-avatar/user-avatar.d.ts +405 -0
- package/es-custom/components/user-avatar/user-avatar.js +151 -0
- package/es-custom/components/user-avatar/user-avatar.js.map +1 -0
- package/es-custom/components/user-avatar/user-avatar.scss.js +13 -0
- package/es-custom/components/user-avatar/user-avatar.scss.js.map +1 -0
- package/es-custom/globals/internal/handle.d.ts +18 -0
- package/es-custom/globals/internal/handle.js +8 -0
- package/es-custom/globals/internal/handle.js.map +1 -0
- package/es-custom/globals/internal/storybook-cdn.js +78 -0
- package/es-custom/globals/internal/storybook-cdn.js.map +1 -0
- package/es-custom/globals/settings.d.ts +15 -0
- package/es-custom/globals/settings.js +28 -0
- package/es-custom/globals/settings.js.map +1 -0
- package/es-custom/index.d.ts +12 -0
- package/es-custom/index.js +12 -0
- package/es-custom/index.js.map +1 -0
- package/es-custom/package.json.js +13 -0
- package/es-custom/package.json.js.map +1 -0
- package/lib/components/about-modal/about-modal.d.ts +418 -0
- package/lib/components/about-modal/about-modal.test.d.ts +7 -0
- package/lib/components/about-modal/defs.d.ts +8 -0
- package/lib/components/about-modal/defs.js +10 -0
- package/lib/components/about-modal/defs.js.map +1 -0
- package/lib/components/about-modal/index.d.ts +9 -0
- package/lib/components/side-panel/side-panel.d.ts +87 -61
- package/lib/components/tearsheet/tearsheet.d.ts +87 -61
- package/lib/components/user-avatar/user-avatar.d.ts +92 -61
- package/lib/index.d.ts +1 -0
- package/package.json +17 -13
- package/scss/components/about-modal/about-modal.scss +117 -0
- package/scss/components/about-modal/story-styles.scss +34 -0
- package/scss/components/user-avatar/user-avatar.scss +17 -0
@@ -28,15 +28,20 @@ declare const CDSUseravatar_base: {
|
|
28
28
|
readonly offsetTop: number;
|
29
29
|
readonly offsetWidth: number;
|
30
30
|
outerText: string;
|
31
|
+
popover: string | null;
|
31
32
|
spellcheck: boolean;
|
32
33
|
title: string;
|
33
34
|
translate: boolean;
|
35
|
+
writingSuggestions: string;
|
34
36
|
attachInternals(): ElementInternals;
|
35
37
|
click(): void;
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
38
|
+
hidePopover(): void;
|
39
|
+
showPopover(): void;
|
40
|
+
togglePopover(force?: boolean): boolean;
|
41
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
42
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
43
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
44
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
40
45
|
readonly attributes: NamedNodeMap;
|
41
46
|
readonly classList: DOMTokenList;
|
42
47
|
className: string;
|
@@ -44,7 +49,9 @@ declare const CDSUseravatar_base: {
|
|
44
49
|
readonly clientLeft: number;
|
45
50
|
readonly clientTop: number;
|
46
51
|
readonly clientWidth: number;
|
52
|
+
readonly currentCSSZoom: number;
|
47
53
|
id: string;
|
54
|
+
innerHTML: string;
|
48
55
|
readonly localName: string;
|
49
56
|
readonly namespaceURI: string | null;
|
50
57
|
onfullscreenchange: ((this: Element, ev: Event) => any) | null;
|
@@ -61,9 +68,12 @@ declare const CDSUseravatar_base: {
|
|
61
68
|
slot: string;
|
62
69
|
readonly tagName: string;
|
63
70
|
attachShadow(init: ShadowRootInit): ShadowRoot;
|
64
|
-
|
65
|
-
closest<
|
71
|
+
checkVisibility(options?: CheckVisibilityOptions): boolean;
|
72
|
+
closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
|
73
|
+
closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
|
74
|
+
closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
|
66
75
|
closest<E extends Element = Element>(selectors: string): E | null;
|
76
|
+
computedStyleMap(): StylePropertyMapReadOnly;
|
67
77
|
getAttribute(qualifiedName: string): string | null;
|
68
78
|
getAttributeNS(namespace: string | null, localName: string): string | null;
|
69
79
|
getAttributeNames(): string[];
|
@@ -72,39 +82,44 @@ declare const CDSUseravatar_base: {
|
|
72
82
|
getBoundingClientRect(): DOMRect;
|
73
83
|
getClientRects(): DOMRectList;
|
74
84
|
getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
|
75
|
-
getElementsByTagName<
|
76
|
-
getElementsByTagName<
|
85
|
+
getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
|
86
|
+
getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
|
87
|
+
getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
|
88
|
+
getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
|
77
89
|
getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
|
78
90
|
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
|
79
91
|
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
|
92
|
+
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
|
80
93
|
getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
|
94
|
+
getHTML(options?: GetHTMLOptions): string;
|
81
95
|
hasAttribute(qualifiedName: string): boolean;
|
82
96
|
hasAttributeNS(namespace: string | null, localName: string): boolean;
|
83
97
|
hasAttributes(): boolean;
|
84
98
|
hasPointerCapture(pointerId: number): boolean;
|
85
99
|
insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
|
86
|
-
insertAdjacentHTML(position: InsertPosition,
|
100
|
+
insertAdjacentHTML(position: InsertPosition, string: string): void;
|
87
101
|
insertAdjacentText(where: InsertPosition, data: string): void;
|
88
102
|
matches(selectors: string): boolean;
|
89
103
|
releasePointerCapture(pointerId: number): void;
|
90
104
|
removeAttribute(qualifiedName: string): void;
|
91
105
|
removeAttributeNS(namespace: string | null, localName: string): void;
|
92
106
|
removeAttributeNode(attr: Attr): Attr;
|
93
|
-
requestFullscreen(options?: FullscreenOptions
|
94
|
-
requestPointerLock(): void
|
95
|
-
scroll(options?: ScrollToOptions
|
107
|
+
requestFullscreen(options?: FullscreenOptions): Promise<void>;
|
108
|
+
requestPointerLock(options?: PointerLockOptions): Promise<void>;
|
109
|
+
scroll(options?: ScrollToOptions): void;
|
96
110
|
scroll(x: number, y: number): void;
|
97
|
-
scrollBy(options?: ScrollToOptions
|
111
|
+
scrollBy(options?: ScrollToOptions): void;
|
98
112
|
scrollBy(x: number, y: number): void;
|
99
|
-
scrollIntoView(arg?: boolean | ScrollIntoViewOptions
|
100
|
-
scrollTo(options?: ScrollToOptions
|
113
|
+
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
|
114
|
+
scrollTo(options?: ScrollToOptions): void;
|
101
115
|
scrollTo(x: number, y: number): void;
|
102
116
|
setAttribute(qualifiedName: string, value: string): void;
|
103
117
|
setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
|
104
118
|
setAttributeNode(attr: Attr): Attr | null;
|
105
119
|
setAttributeNodeNS(attr: Attr): Attr | null;
|
120
|
+
setHTMLUnsafe(html: string): void;
|
106
121
|
setPointerCapture(pointerId: number): void;
|
107
|
-
toggleAttribute(qualifiedName: string, force?: boolean
|
122
|
+
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
|
108
123
|
webkitMatchesSelector(selectors: string): boolean;
|
109
124
|
readonly baseURI: string;
|
110
125
|
readonly childNodes: NodeListOf<ChildNode>;
|
@@ -120,41 +135,43 @@ declare const CDSUseravatar_base: {
|
|
120
135
|
readonly previousSibling: ChildNode | null;
|
121
136
|
textContent: string | null;
|
122
137
|
appendChild<T_1 extends Node>(node: T_1): T_1;
|
123
|
-
cloneNode(deep?: boolean
|
138
|
+
cloneNode(deep?: boolean): Node;
|
124
139
|
compareDocumentPosition(other: Node): number;
|
125
140
|
contains(other: Node | null): boolean;
|
126
|
-
getRootNode(options?: GetRootNodeOptions
|
141
|
+
getRootNode(options?: GetRootNodeOptions): Node;
|
127
142
|
hasChildNodes(): boolean;
|
128
|
-
insertBefore<
|
143
|
+
insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
|
129
144
|
isDefaultNamespace(namespace: string | null): boolean;
|
130
145
|
isEqualNode(otherNode: Node | null): boolean;
|
131
146
|
isSameNode(otherNode: Node | null): boolean;
|
132
147
|
lookupNamespaceURI(prefix: string | null): string | null;
|
133
148
|
lookupPrefix(namespace: string | null): string | null;
|
134
149
|
normalize(): void;
|
135
|
-
removeChild<
|
136
|
-
replaceChild<
|
137
|
-
readonly
|
138
|
-
readonly
|
139
|
-
readonly
|
140
|
-
readonly
|
141
|
-
readonly
|
142
|
-
readonly
|
143
|
-
readonly
|
144
|
-
readonly
|
145
|
-
readonly
|
146
|
-
readonly
|
147
|
-
readonly
|
148
|
-
readonly
|
149
|
-
readonly
|
150
|
-
readonly
|
151
|
-
readonly
|
152
|
-
readonly
|
153
|
-
readonly
|
154
|
-
readonly
|
150
|
+
removeChild<T_1 extends Node>(child: T_1): T_1;
|
151
|
+
replaceChild<T_1 extends Node>(node: Node, child: T_1): T_1;
|
152
|
+
readonly ELEMENT_NODE: 1;
|
153
|
+
readonly ATTRIBUTE_NODE: 2;
|
154
|
+
readonly TEXT_NODE: 3;
|
155
|
+
readonly CDATA_SECTION_NODE: 4;
|
156
|
+
readonly ENTITY_REFERENCE_NODE: 5;
|
157
|
+
readonly ENTITY_NODE: 6;
|
158
|
+
readonly PROCESSING_INSTRUCTION_NODE: 7;
|
159
|
+
readonly COMMENT_NODE: 8;
|
160
|
+
readonly DOCUMENT_NODE: 9;
|
161
|
+
readonly DOCUMENT_TYPE_NODE: 10;
|
162
|
+
readonly DOCUMENT_FRAGMENT_NODE: 11;
|
163
|
+
readonly NOTATION_NODE: 12;
|
164
|
+
readonly DOCUMENT_POSITION_DISCONNECTED: 1;
|
165
|
+
readonly DOCUMENT_POSITION_PRECEDING: 2;
|
166
|
+
readonly DOCUMENT_POSITION_FOLLOWING: 4;
|
167
|
+
readonly DOCUMENT_POSITION_CONTAINS: 8;
|
168
|
+
readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
|
169
|
+
readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
|
155
170
|
dispatchEvent(event: Event): boolean;
|
156
171
|
ariaAtomic: string | null;
|
157
172
|
ariaAutoComplete: string | null;
|
173
|
+
ariaBrailleLabel: string | null;
|
174
|
+
ariaBrailleRoleDescription: string | null;
|
158
175
|
ariaBusy: string | null;
|
159
176
|
ariaChecked: string | null;
|
160
177
|
ariaColCount: string | null;
|
@@ -162,6 +179,7 @@ declare const CDSUseravatar_base: {
|
|
162
179
|
ariaColIndexText: string | null;
|
163
180
|
ariaColSpan: string | null;
|
164
181
|
ariaCurrent: string | null;
|
182
|
+
ariaDescription: string | null;
|
165
183
|
ariaDisabled: string | null;
|
166
184
|
ariaExpanded: string | null;
|
167
185
|
ariaHasPopup: string | null;
|
@@ -193,32 +211,33 @@ declare const CDSUseravatar_base: {
|
|
193
211
|
ariaValueNow: string | null;
|
194
212
|
ariaValueText: string | null;
|
195
213
|
role: string | null;
|
196
|
-
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions
|
197
|
-
getAnimations(options?: GetAnimationsOptions
|
198
|
-
after(...nodes: (
|
199
|
-
before(...nodes: (
|
214
|
+
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
|
215
|
+
getAnimations(options?: GetAnimationsOptions): Animation[];
|
216
|
+
after(...nodes: (Node | string)[]): void;
|
217
|
+
before(...nodes: (Node | string)[]): void;
|
200
218
|
remove(): void;
|
201
|
-
replaceWith(...nodes: (
|
202
|
-
innerHTML: string;
|
219
|
+
replaceWith(...nodes: (Node | string)[]): void;
|
203
220
|
readonly nextElementSibling: Element | null;
|
204
221
|
readonly previousElementSibling: Element | null;
|
205
222
|
readonly childElementCount: number;
|
206
223
|
readonly children: HTMLCollection;
|
207
224
|
readonly firstElementChild: Element | null;
|
208
225
|
readonly lastElementChild: Element | null;
|
209
|
-
append(...nodes: (
|
210
|
-
prepend(...nodes: (
|
211
|
-
querySelector<
|
212
|
-
querySelector<
|
213
|
-
querySelector<
|
214
|
-
|
215
|
-
|
216
|
-
querySelectorAll<
|
217
|
-
|
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;
|
218
239
|
readonly assignedSlot: HTMLSlotElement | null;
|
219
|
-
|
220
|
-
oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
|
221
|
-
onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
|
240
|
+
readonly attributeStyleMap: StylePropertyMap;
|
222
241
|
readonly style: CSSStyleDeclaration;
|
223
242
|
contentEditable: string;
|
224
243
|
enterKeyHint: string;
|
@@ -231,6 +250,7 @@ declare const CDSUseravatar_base: {
|
|
231
250
|
onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
232
251
|
onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
233
252
|
onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
|
253
|
+
onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
234
254
|
onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
|
235
255
|
oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
236
256
|
oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
@@ -238,8 +258,12 @@ declare const CDSUseravatar_base: {
|
|
238
258
|
onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
239
259
|
onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
240
260
|
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
261
|
+
oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
241
262
|
oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
263
|
+
oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
264
|
+
oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
242
265
|
oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
266
|
+
oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
243
267
|
ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
244
268
|
ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
245
269
|
ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
@@ -272,6 +296,7 @@ declare const CDSUseravatar_base: {
|
|
272
296
|
onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
273
297
|
onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
274
298
|
onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
299
|
+
onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
275
300
|
onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
276
301
|
onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
277
302
|
onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
@@ -283,11 +308,12 @@ declare const CDSUseravatar_base: {
|
|
283
308
|
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
284
309
|
onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
285
310
|
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
286
|
-
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent
|
311
|
+
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
|
287
312
|
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
288
313
|
onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
289
314
|
onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
|
290
315
|
onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
316
|
+
onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
291
317
|
onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
|
292
318
|
onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
293
319
|
onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
@@ -317,19 +343,24 @@ declare const CDSUseravatar_base: {
|
|
317
343
|
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
|
318
344
|
autofocus: boolean;
|
319
345
|
readonly dataset: DOMStringMap;
|
320
|
-
nonce?: string
|
346
|
+
nonce?: string;
|
321
347
|
tabIndex: number;
|
322
348
|
blur(): void;
|
323
|
-
focus(options?: FocusOptions
|
349
|
+
focus(options?: FocusOptions): void;
|
324
350
|
};
|
325
351
|
_hostListeners: {
|
326
352
|
[listenerName: string]: {
|
327
353
|
[type: string]: {
|
328
|
-
options?: boolean | AddEventListenerOptions
|
354
|
+
options?: boolean | AddEventListenerOptions;
|
329
355
|
};
|
330
356
|
};
|
331
357
|
};
|
332
358
|
} & typeof LitElement;
|
359
|
+
/**
|
360
|
+
* Useravatar.
|
361
|
+
*
|
362
|
+
* @element c4p-user-avatar
|
363
|
+
* */
|
333
364
|
declare class CDSUseravatar extends CDSUseravatar_base {
|
334
365
|
/**
|
335
366
|
* Specify the text of the tooltip.
|
@@ -24,18 +24,13 @@ import User from '@carbon/web-components/es/icons/user/16';
|
|
24
24
|
* This source code is licensed under the Apache-2.0 license found in the
|
25
25
|
* LICENSE file in the root directory of this source tree.
|
26
26
|
*/
|
27
|
+
const blockClass = `${prefix}--user-avatar`;
|
28
|
+
const iconSize = { sm: 16, md: 20, lg: 24, xl: 32 };
|
27
29
|
/**
|
28
30
|
* Useravatar.
|
29
31
|
*
|
30
32
|
* @element c4p-user-avatar
|
31
33
|
* */
|
32
|
-
const blockClass = `${prefix}--user-avatar`;
|
33
|
-
const iconSize = {
|
34
|
-
sm: 16,
|
35
|
-
md: 20,
|
36
|
-
lg: 24,
|
37
|
-
xl: 32,
|
38
|
-
};
|
39
34
|
let CDSUseravatar = class CDSUseravatar extends HostListenerMixin(LitElement) {
|
40
35
|
constructor() {
|
41
36
|
super(...arguments);
|
@@ -70,7 +65,7 @@ let CDSUseravatar = class CDSUseravatar extends HostListenerMixin(LitElement) {
|
|
70
65
|
})}`;
|
71
66
|
}
|
72
67
|
if (this.name) {
|
73
|
-
const parts = ((_a = this.name) === null || _a ===
|
68
|
+
const parts = ((_a = this.name) === null || _a === void 0 ? void 0 : _a.split(' ')) || [];
|
74
69
|
const firstChar = parts[0].charAt(0).toUpperCase();
|
75
70
|
const secondChar = parts[0].charAt(1).toUpperCase();
|
76
71
|
if (parts.length === 1) {
|
@@ -103,8 +98,15 @@ let CDSUseravatar = class CDSUseravatar extends HostListenerMixin(LitElement) {
|
|
103
98
|
aria-label=${tooltipText}
|
104
99
|
class=${`${blockClass}__tooltip ${carbonPrefix}--icon-tooltip`}
|
105
100
|
>
|
106
|
-
|
107
|
-
|
101
|
+
<button class=${`${blockClass}__tooltip-trigger`} role="button">
|
102
|
+
${Avatar()}
|
103
|
+
</button>
|
104
|
+
<cds-tooltip-content
|
105
|
+
class=${`${blockClass}__tooltip-content`}
|
106
|
+
id="content"
|
107
|
+
>
|
108
|
+
${tooltipText}
|
109
|
+
</cds-tooltip-content>
|
108
110
|
</cds-tooltip>`;
|
109
111
|
}
|
110
112
|
else {
|
@@ -115,31 +117,31 @@ let CDSUseravatar = class CDSUseravatar extends HostListenerMixin(LitElement) {
|
|
115
117
|
CDSUseravatar.styles = styles;
|
116
118
|
__decorate([
|
117
119
|
property({ reflect: true, attribute: 'tooltip-text' })
|
118
|
-
], CDSUseravatar.prototype, "tooltipText",
|
120
|
+
], CDSUseravatar.prototype, "tooltipText", void 0);
|
119
121
|
__decorate([
|
120
122
|
property({ reflect: true, attribute: 'tooltip-alignment' })
|
121
|
-
], CDSUseravatar.prototype, "tooltipAlignment",
|
123
|
+
], CDSUseravatar.prototype, "tooltipAlignment", void 0);
|
122
124
|
__decorate([
|
123
125
|
property({ reflect: true })
|
124
|
-
], CDSUseravatar.prototype, "name",
|
126
|
+
], CDSUseravatar.prototype, "name", void 0);
|
125
127
|
__decorate([
|
126
128
|
property()
|
127
|
-
], CDSUseravatar.prototype, "renderIcon",
|
129
|
+
], CDSUseravatar.prototype, "renderIcon", void 0);
|
128
130
|
__decorate([
|
129
131
|
property({ reflect: true })
|
130
|
-
], CDSUseravatar.prototype, "size",
|
132
|
+
], CDSUseravatar.prototype, "size", void 0);
|
131
133
|
__decorate([
|
132
134
|
property({ reflect: true })
|
133
|
-
], CDSUseravatar.prototype, "image",
|
135
|
+
], CDSUseravatar.prototype, "image", void 0);
|
134
136
|
__decorate([
|
135
137
|
property({ reflect: true, attribute: 'image-description' })
|
136
|
-
], CDSUseravatar.prototype, "imageDescription",
|
138
|
+
], CDSUseravatar.prototype, "imageDescription", void 0);
|
137
139
|
__decorate([
|
138
140
|
property({ reflect: true, attribute: 'background-color' })
|
139
|
-
], CDSUseravatar.prototype, "backgroundColor",
|
141
|
+
], CDSUseravatar.prototype, "backgroundColor", void 0);
|
140
142
|
__decorate([
|
141
143
|
property({ reflect: true })
|
142
|
-
], CDSUseravatar.prototype, "theme",
|
144
|
+
], CDSUseravatar.prototype, "theme", void 0);
|
143
145
|
CDSUseravatar = __decorate([
|
144
146
|
carbonElement(`${prefix}-user-avatar`)
|
145
147
|
], CDSUseravatar);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"user-avatar.js","sources":["../../../src/components/user-avatar/user-avatar.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAYH
|
1
|
+
{"version":3,"file":"user-avatar.js","sources":["../../../src/components/user-avatar/user-avatar.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
@@ -7,7 +7,7 @@
|
|
7
7
|
|
8
8
|
import { css } from 'lit';
|
9
9
|
|
10
|
-
var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--user-avatar,:host(c4p-user-avatar){align-items:center;block-size:4rem;border:.5px solid transparent;border-radius:100%;color:var(--cds-text-inverse,#fff);display:flex;inline-size:4rem;justify-content:center;outline:none;outline-offset:3px;position:relative}.c4p--user-avatar svg,:host(c4p-user-avatar) svg{color:var(--cds-icon-inverse,#fff)}.c4p--user-avatar__tooltip:focus-within .c4p--user-avatar,.c4p--user-avatar__tooltip:focus-within :host(c4p-user-avatar){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--g10 .c4p--user-avatar--order-1-cyan,.cds--white .c4p--user-avatar--order-1-cyan,:root .c4p--user-avatar--order-1-cyan{background-color:#0072c3}.cds--g10 .c4p--user-avatar--order-2-gray,.cds--white .c4p--user-avatar--order-2-gray,:root .c4p--user-avatar--order-2-gray{background-color:#6f6f6f}.cds--g10 .c4p--user-avatar--order-3-green,.cds--white .c4p--user-avatar--order-3-green,:root .c4p--user-avatar--order-3-green{background-color:#198038}.cds--g10 .c4p--user-avatar--order-4-magenta,.cds--white .c4p--user-avatar--order-4-magenta,:root .c4p--user-avatar--order-4-magenta{background-color:#d02670}.cds--g10 .c4p--user-avatar--order-5-purple,.cds--white .c4p--user-avatar--order-5-purple,:root .c4p--user-avatar--order-5-purple{background-color:#8a3ffc}.cds--g10 .c4p--user-avatar--order-6-teal,.cds--white .c4p--user-avatar--order-6-teal,:root .c4p--user-avatar--order-6-teal{background-color:#007d79}.cds--g10 .c4p--user-avatar--order-7-cyan,.cds--white .c4p--user-avatar--order-7-cyan,:root .c4p--user-avatar--order-7-cyan{background-color:#003a6d}.cds--g10 .c4p--user-avatar--order-8-gray,.cds--white .c4p--user-avatar--order-8-gray,:root .c4p--user-avatar--order-8-gray{background-color:#393939}.cds--g10 .c4p--user-avatar--order-9-green,.cds--white .c4p--user-avatar--order-9-green,:root .c4p--user-avatar--order-9-green{background-color:#044317}.cds--g10 .c4p--user-avatar--order-10-magenta,.cds--white .c4p--user-avatar--order-10-magenta,:root .c4p--user-avatar--order-10-magenta{background-color:#740937}.cds--g10 .c4p--user-avatar--order-11-purple,.cds--white .c4p--user-avatar--order-11-purple,:root .c4p--user-avatar--order-11-purple{background-color:#491d8b}.cds--g10 .c4p--user-avatar--order-12-teal,.cds--white .c4p--user-avatar--order-12-teal,:root .c4p--user-avatar--order-12-teal{background-color:#004144}.cds--g100 .c4p--user-avatar--order-1-cyan,.cds--g90 .c4p--user-avatar--order-1-cyan{background-color:#1192e8}.cds--g100 .c4p--user-avatar--order-2-gray,.cds--g90 .c4p--user-avatar--order-2-gray{background-color:#8d8d8d}.cds--g100 .c4p--user-avatar--order-3-green,.cds--g90 .c4p--user-avatar--order-3-green{background-color:#24a148}.cds--g100 .c4p--user-avatar--order-4-magenta,.cds--g90 .c4p--user-avatar--order-4-magenta{background-color:#ee5396}.cds--g100 .c4p--user-avatar--order-5-purple,.cds--g90 .c4p--user-avatar--order-5-purple{background-color:#a56eff}.cds--g100 .c4p--user-avatar--order-6-teal,.cds--g90 .c4p--user-avatar--order-6-teal{background-color:#009d9a}.cds--g100 .c4p--user-avatar--order-7-cyan,.cds--g90 .c4p--user-avatar--order-7-cyan{background-color:#82cfff}.cds--g100 .c4p--user-avatar--order-8-gray,.cds--g90 .c4p--user-avatar--order-8-gray{background-color:#c6c6c6}.cds--g100 .c4p--user-avatar--order-9-green,.cds--g90 .c4p--user-avatar--order-9-green{background-color:#6fdc8c}.cds--g100 .c4p--user-avatar--order-10-magenta,.cds--g90 .c4p--user-avatar--order-10-magenta{background-color:#ffafd2}.cds--g100 .c4p--user-avatar--order-11-purple,.cds--g90 .c4p--user-avatar--order-11-purple{background-color:#d4bbff}.cds--g100 .c4p--user-avatar--order-12-teal,.cds--g90 .c4p--user-avatar--order-12-teal{background-color:#3ddbd9}.c4p--user-avatar--xl{block-size:4rem;font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);inline-size:4rem;letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}.c4p--user-avatar--lg{block-size:3rem;font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);inline-size:3rem;letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}.c4p--user-avatar--md{block-size:2rem;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:2rem;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--user-avatar--sm{block-size:1.5rem;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);inline-size:1.5rem;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.c4p--user-avatar__photo{border-radius:100%;-o-object-fit:contain;object-fit:contain}.c4p--user-avatar__photo--xl{block-size:4rem;border-radius:100%;inline-size:4rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--lg{block-size:3rem;border-radius:100%;inline-size:3rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--md{block-size:2rem;border-radius:100%;inline-size:2rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--sm{block-size:1.5rem;border-radius:100%;inline-size:1.5rem;-o-object-fit:fill;object-fit:fill}:host(c4p-user-avatar) .c4p--user-avatar--order-1-cyan,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-1-cyan{background-color:#0072c3}:host(c4p-user-avatar) .c4p--user-avatar--order-2-gray,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-2-gray{background-color:#6f6f6f}:host(c4p-user-avatar) .c4p--user-avatar--order-3-green,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-3-green{background-color:#198038}:host(c4p-user-avatar) .c4p--user-avatar--order-4-magenta,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-4-magenta{background-color:#d02670}:host(c4p-user-avatar) .c4p--user-avatar--order-5-purple,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-5-purple{background-color:#8a3ffc}:host(c4p-user-avatar) .c4p--user-avatar--order-6-teal,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-6-teal{background-color:#007d79}:host(c4p-user-avatar) .c4p--user-avatar--order-7-cyan,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-7-cyan{background-color:#003a6d}:host(c4p-user-avatar) .c4p--user-avatar--order-8-gray,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-8-gray{background-color:#393939}:host(c4p-user-avatar) .c4p--user-avatar--order-9-green,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-9-green{background-color:#044317}:host(c4p-user-avatar) .c4p--user-avatar--order-10-magenta,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-10-magenta{background-color:#740937}:host(c4p-user-avatar) .c4p--user-avatar--order-11-purple,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-11-purple{background-color:#491d8b}:host(c4p-user-avatar) .c4p--user-avatar--order-12-teal,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-12-teal{background-color:#004144}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-1-cyan{background-color:#1192e8}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-2-gray{background-color:#8d8d8d}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-3-green{background-color:#24a148}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-4-magenta{background-color:#ee5396}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-5-purple{background-color:#a56eff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-6-teal{background-color:#009d9a}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-7-cyan{background-color:#82cfff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-8-gray{background-color:#c6c6c6}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-9-green{background-color:#6fdc8c}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-10-magenta{background-color:#ffafd2}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-11-purple{background-color:#d4bbff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-12-teal{background-color:#3ddbd9}"]);
|
10
|
+
var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--user-avatar,:host(c4p-user-avatar){align-items:center;block-size:4rem;border:.5px solid transparent;border-radius:100%;color:var(--cds-text-inverse,#fff);display:flex;inline-size:4rem;justify-content:center;outline:none;outline-offset:3px;position:relative}.c4p--user-avatar svg,:host(c4p-user-avatar) svg{color:var(--cds-icon-inverse,#fff)}.c4p--user-avatar__tooltip:focus-within .c4p--user-avatar,.c4p--user-avatar__tooltip:focus-within :host(c4p-user-avatar){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--g10 .c4p--user-avatar--order-1-cyan,.cds--white .c4p--user-avatar--order-1-cyan,:root .c4p--user-avatar--order-1-cyan{background-color:#0072c3}.cds--g10 .c4p--user-avatar--order-2-gray,.cds--white .c4p--user-avatar--order-2-gray,:root .c4p--user-avatar--order-2-gray{background-color:#6f6f6f}.cds--g10 .c4p--user-avatar--order-3-green,.cds--white .c4p--user-avatar--order-3-green,:root .c4p--user-avatar--order-3-green{background-color:#198038}.cds--g10 .c4p--user-avatar--order-4-magenta,.cds--white .c4p--user-avatar--order-4-magenta,:root .c4p--user-avatar--order-4-magenta{background-color:#d02670}.cds--g10 .c4p--user-avatar--order-5-purple,.cds--white .c4p--user-avatar--order-5-purple,:root .c4p--user-avatar--order-5-purple{background-color:#8a3ffc}.cds--g10 .c4p--user-avatar--order-6-teal,.cds--white .c4p--user-avatar--order-6-teal,:root .c4p--user-avatar--order-6-teal{background-color:#007d79}.cds--g10 .c4p--user-avatar--order-7-cyan,.cds--white .c4p--user-avatar--order-7-cyan,:root .c4p--user-avatar--order-7-cyan{background-color:#003a6d}.cds--g10 .c4p--user-avatar--order-8-gray,.cds--white .c4p--user-avatar--order-8-gray,:root .c4p--user-avatar--order-8-gray{background-color:#393939}.cds--g10 .c4p--user-avatar--order-9-green,.cds--white .c4p--user-avatar--order-9-green,:root .c4p--user-avatar--order-9-green{background-color:#044317}.cds--g10 .c4p--user-avatar--order-10-magenta,.cds--white .c4p--user-avatar--order-10-magenta,:root .c4p--user-avatar--order-10-magenta{background-color:#740937}.cds--g10 .c4p--user-avatar--order-11-purple,.cds--white .c4p--user-avatar--order-11-purple,:root .c4p--user-avatar--order-11-purple{background-color:#491d8b}.cds--g10 .c4p--user-avatar--order-12-teal,.cds--white .c4p--user-avatar--order-12-teal,:root .c4p--user-avatar--order-12-teal{background-color:#004144}.cds--g100 .c4p--user-avatar--order-1-cyan,.cds--g90 .c4p--user-avatar--order-1-cyan{background-color:#1192e8}.cds--g100 .c4p--user-avatar--order-2-gray,.cds--g90 .c4p--user-avatar--order-2-gray{background-color:#8d8d8d}.cds--g100 .c4p--user-avatar--order-3-green,.cds--g90 .c4p--user-avatar--order-3-green{background-color:#24a148}.cds--g100 .c4p--user-avatar--order-4-magenta,.cds--g90 .c4p--user-avatar--order-4-magenta{background-color:#ee5396}.cds--g100 .c4p--user-avatar--order-5-purple,.cds--g90 .c4p--user-avatar--order-5-purple{background-color:#a56eff}.cds--g100 .c4p--user-avatar--order-6-teal,.cds--g90 .c4p--user-avatar--order-6-teal{background-color:#009d9a}.cds--g100 .c4p--user-avatar--order-7-cyan,.cds--g90 .c4p--user-avatar--order-7-cyan{background-color:#82cfff}.cds--g100 .c4p--user-avatar--order-8-gray,.cds--g90 .c4p--user-avatar--order-8-gray{background-color:#c6c6c6}.cds--g100 .c4p--user-avatar--order-9-green,.cds--g90 .c4p--user-avatar--order-9-green{background-color:#6fdc8c}.cds--g100 .c4p--user-avatar--order-10-magenta,.cds--g90 .c4p--user-avatar--order-10-magenta{background-color:#ffafd2}.cds--g100 .c4p--user-avatar--order-11-purple,.cds--g90 .c4p--user-avatar--order-11-purple{background-color:#d4bbff}.cds--g100 .c4p--user-avatar--order-12-teal,.cds--g90 .c4p--user-avatar--order-12-teal{background-color:#3ddbd9}.c4p--user-avatar--xl{block-size:4rem;font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);inline-size:4rem;letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}.c4p--user-avatar--lg{block-size:3rem;font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);inline-size:3rem;letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}.c4p--user-avatar--md{block-size:2rem;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:2rem;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--user-avatar--sm{block-size:1.5rem;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);inline-size:1.5rem;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.c4p--user-avatar__photo{border-radius:100%;-o-object-fit:contain;object-fit:contain}.c4p--user-avatar__photo--xl{block-size:4rem;border-radius:100%;inline-size:4rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--lg{block-size:3rem;border-radius:100%;inline-size:3rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--md{block-size:2rem;border-radius:100%;inline-size:2rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--sm{block-size:1.5rem;border-radius:100%;inline-size:1.5rem;-o-object-fit:fill;object-fit:fill}:host(c4p-user-avatar) .c4p--user-avatar__tooltip-trigger{background:none;border:0;outline:none;padding:0}:host(c4p-user-avatar) .c4p--user-avatar__tooltip-content{--cds-tooltip-padding-block:0.125rem}:host(c4p-user-avatar) .c4p--user-avatar__tooltip-content:focus-within{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:1px}:host(c4p-user-avatar) .c4p--user-avatar--order-1-cyan,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-1-cyan{background-color:#0072c3}:host(c4p-user-avatar) .c4p--user-avatar--order-2-gray,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-2-gray{background-color:#6f6f6f}:host(c4p-user-avatar) .c4p--user-avatar--order-3-green,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-3-green{background-color:#198038}:host(c4p-user-avatar) .c4p--user-avatar--order-4-magenta,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-4-magenta{background-color:#d02670}:host(c4p-user-avatar) .c4p--user-avatar--order-5-purple,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-5-purple{background-color:#8a3ffc}:host(c4p-user-avatar) .c4p--user-avatar--order-6-teal,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-6-teal{background-color:#007d79}:host(c4p-user-avatar) .c4p--user-avatar--order-7-cyan,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-7-cyan{background-color:#003a6d}:host(c4p-user-avatar) .c4p--user-avatar--order-8-gray,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-8-gray{background-color:#393939}:host(c4p-user-avatar) .c4p--user-avatar--order-9-green,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-9-green{background-color:#044317}:host(c4p-user-avatar) .c4p--user-avatar--order-10-magenta,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-10-magenta{background-color:#740937}:host(c4p-user-avatar) .c4p--user-avatar--order-11-purple,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-11-purple{background-color:#491d8b}:host(c4p-user-avatar) .c4p--user-avatar--order-12-teal,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-12-teal{background-color:#004144}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-1-cyan{background-color:#1192e8}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-2-gray{background-color:#8d8d8d}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-3-green{background-color:#24a148}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-4-magenta{background-color:#ee5396}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-5-purple{background-color:#a56eff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-6-teal{background-color:#009d9a}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-7-cyan{background-color:#82cfff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-8-gray{background-color:#c6c6c6}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-9-green{background-color:#6fdc8c}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-10-magenta{background-color:#ffafd2}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-11-purple{background-color:#d4bbff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-12-teal{background-color:#3ddbd9}"]);
|
11
11
|
|
12
12
|
export { styles as default };
|
13
13
|
//# sourceMappingURL=user-avatar.scss.js.map
|
package/es/index.d.ts
CHANGED
@@ -8,4 +8,5 @@
|
|
8
8
|
*/
|
9
9
|
export { default as CDSSidePanel } from './components/side-panel/side-panel';
|
10
10
|
export { default as CDSTearsheet } from './components/tearsheet/tearsheet';
|
11
|
+
export { default as CDSAboutModal } from './components/about-modal/about-modal';
|
11
12
|
export { default as CDSUseravatar } from './components/user-avatar/user-avatar';
|
package/es/index.js
CHANGED
@@ -7,5 +7,6 @@
|
|
7
7
|
|
8
8
|
export { default as CDSSidePanel } from './components/side-panel/side-panel.js';
|
9
9
|
export { default as CDSTearsheet } from './components/tearsheet/tearsheet.js';
|
10
|
+
export { default as CDSAboutModal } from './components/about-modal/about-modal.js';
|
10
11
|
export { default as CDSUseravatar } from './components/user-avatar/user-avatar.js';
|
11
12
|
//# sourceMappingURL=index.js.map
|
package/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
|