@sebgroup/green-core 1.75.0 → 1.76.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.
Files changed (37) hide show
  1. package/components/button/button.component.d.ts +4 -0
  2. package/components/button/button.component.js +6 -0
  3. package/components/button/button.style.css.js +1 -1
  4. package/components/link/link.component.d.ts +20 -1
  5. package/components/link/link.component.js +11 -2
  6. package/components/sensitive/account/index.d.ts +1 -0
  7. package/components/sensitive/account/index.js +1 -0
  8. package/components/sensitive/account/sensitive-account.component.d.ts +26 -0
  9. package/components/sensitive/account/sensitive-account.component.js +30 -0
  10. package/components/sensitive/account/sensitive-account.d.ts +2 -0
  11. package/components/sensitive/account/sensitive-account.js +6 -0
  12. package/components/sensitive/date/index.d.ts +1 -0
  13. package/components/sensitive/date/index.js +1 -0
  14. package/components/sensitive/date/sensitive-date.component.d.ts +27 -0
  15. package/components/sensitive/date/sensitive-date.component.js +30 -0
  16. package/components/sensitive/date/sensitive-date.d.ts +2 -0
  17. package/components/sensitive/date/sensitive-date.js +6 -0
  18. package/components/theme/chlorophyll-tokens.scss.js +1 -1
  19. package/generated/react/button/index.d.ts +1 -0
  20. package/generated/react/fab/index.d.ts +1 -0
  21. package/generated/react/index.d.ts +6 -4
  22. package/generated/react/index.js +6 -4
  23. package/generated/react/link/index.d.ts +2 -1
  24. package/generated/react/sensitive-account/index.d.ts +429 -0
  25. package/generated/react/sensitive-account/index.js +15 -0
  26. package/generated/react/sensitive-date/index.d.ts +431 -0
  27. package/generated/react/sensitive-date/index.js +13 -0
  28. package/package.json +5 -1
  29. package/primitives/field-base/field-base.component.js +10 -17
  30. package/primitives/field-base/field-base.styles.js +4 -0
  31. package/tokens/dark.css.js +1 -1
  32. package/tokens/light.css.js +1 -1
  33. package/tokens/motion.css.js +1 -1
  34. package/tokens/shadow.css.js +1 -1
  35. package/tokens/size.css.js +1 -1
  36. package/tokens/text.css.js +1 -1
  37. package/utils/helpers/custom-element-scoping.js +1 -1
@@ -0,0 +1,431 @@
1
+ import { getReactComponent } from "../../../utils/react";
2
+ import { GdsSensitiveDate as GdsSensitiveDateClass } from "../../../components/sensitive/date/sensitive-date.component";
3
+ export declare const GdsSensitiveDate: (props: React.ComponentProps<ReturnType<typeof getReactComponent<GdsSensitiveDateClass>>>) => import("react").ReactElement<Omit<{
4
+ hide?: boolean | undefined;
5
+ render?: (() => any) | undefined;
6
+ value?: string | Date | undefined;
7
+ format?: "dateOnlyNumbers" | "dateLong" | "dateLongWithWeekday" | "dateShort" | "dateShortWithWeekday" | "timeShort" | "timeLong" | undefined;
8
+ locale?: string | undefined;
9
+ readonly formattedValue?: string | undefined;
10
+ tag?: string | undefined;
11
+ 'font-size'?: string | undefined;
12
+ 'font-weight'?: string | undefined;
13
+ 'text-transform'?: string | undefined;
14
+ 'text-decoration'?: string | undefined;
15
+ lines?: number | undefined;
16
+ display?: string | undefined;
17
+ level?: import("../../../utils/helpers").GdsColorLevel | undefined;
18
+ color?: string | undefined;
19
+ background?: string | undefined;
20
+ border?: string | undefined;
21
+ 'border-color'?: string | undefined;
22
+ 'border-width'?: string | undefined;
23
+ 'border-style'?: string | undefined;
24
+ 'border-radius'?: string | undefined;
25
+ 'box-shadow'?: string | undefined;
26
+ opacity?: string | undefined;
27
+ overflow?: string | undefined;
28
+ 'box-sizing'?: string | undefined;
29
+ 'z-index'?: string | undefined;
30
+ 'text-align'?: string | undefined;
31
+ 'text-wrap'?: string | undefined;
32
+ 'overflow-wrap'?: string | undefined;
33
+ 'white-space'?: string | undefined;
34
+ gap?: string | undefined;
35
+ 'align-items'?: string | undefined;
36
+ 'align-content'?: string | undefined;
37
+ 'justify-content'?: string | undefined;
38
+ 'justify-items'?: string | undefined;
39
+ 'flex-direction'?: string | undefined;
40
+ 'flex-wrap'?: string | undefined;
41
+ 'place-items'?: string | undefined;
42
+ 'place-content'?: string | undefined;
43
+ width?: string | undefined;
44
+ 'min-width'?: string | undefined;
45
+ 'max-width'?: string | undefined;
46
+ 'inline-size'?: string | undefined;
47
+ 'min-inline-size'?: string | undefined;
48
+ 'max-inline-size'?: string | undefined;
49
+ height?: string | undefined;
50
+ 'min-height'?: string | undefined;
51
+ 'max-height'?: string | undefined;
52
+ 'block-size'?: string | undefined;
53
+ 'min-block-size'?: string | undefined;
54
+ 'max-block-size'?: string | undefined;
55
+ margin?: string | undefined;
56
+ 'margin-inline'?: string | undefined;
57
+ 'margin-block'?: string | undefined;
58
+ padding?: string | undefined;
59
+ 'padding-inline'?: string | undefined;
60
+ 'padding-block'?: string | undefined;
61
+ 'align-self'?: string | undefined;
62
+ 'justify-self'?: string | undefined;
63
+ 'place-self'?: string | undefined;
64
+ 'grid-column'?: string | undefined;
65
+ 'grid-row'?: string | undefined;
66
+ 'grid-area'?: string | undefined;
67
+ flex?: string | undefined;
68
+ position?: string | undefined;
69
+ transform?: string | undefined;
70
+ inset?: string | undefined;
71
+ gdsElementName?: string | undefined;
72
+ _isUsingTransitionalStyles?: boolean | undefined;
73
+ _dynamicStylesController?: import("../../../utils/controllers/dynamic-styles-controller").DynamicStylesController | undefined;
74
+ connectedCallback?: (() => void) | undefined;
75
+ disconnectedCallback?: (() => void) | undefined;
76
+ readonly renderOptions?: import("lit-html").RenderOptions | undefined;
77
+ readonly renderRoot?: HTMLElement | DocumentFragment | undefined;
78
+ isUpdatePending?: boolean | undefined;
79
+ hasUpdated?: boolean | undefined;
80
+ addController?: ((controller: import("lit").ReactiveController) => void) | undefined;
81
+ removeController?: ((controller: import("lit").ReactiveController) => void) | undefined;
82
+ attributeChangedCallback?: ((name: string, _old: string | null, value: string | null) => void) | undefined;
83
+ requestUpdate?: ((name?: PropertyKey | undefined, oldValue?: unknown, options?: import("lit").PropertyDeclaration<unknown, unknown> | undefined) => void) | undefined;
84
+ readonly updateComplete?: Promise<boolean> | undefined;
85
+ accessKey?: string | undefined;
86
+ readonly accessKeyLabel?: string | undefined;
87
+ autocapitalize?: string | undefined;
88
+ dir?: string | undefined;
89
+ draggable?: boolean | undefined;
90
+ hidden?: boolean | undefined;
91
+ inert?: boolean | undefined;
92
+ innerText?: string | undefined;
93
+ lang?: string | undefined;
94
+ readonly offsetHeight?: number | undefined;
95
+ readonly offsetLeft?: number | undefined;
96
+ readonly offsetParent?: Element | null | undefined;
97
+ readonly offsetTop?: number | undefined;
98
+ readonly offsetWidth?: number | undefined;
99
+ outerText?: string | undefined;
100
+ popover?: string | null | undefined;
101
+ spellcheck?: boolean | undefined;
102
+ title?: string | undefined;
103
+ translate?: boolean | undefined;
104
+ attachInternals?: (() => ElementInternals) | undefined;
105
+ click?: (() => void) | undefined;
106
+ hidePopover?: (() => void) | undefined;
107
+ showPopover?: (() => void) | undefined;
108
+ togglePopover?: ((force?: boolean | undefined) => boolean) | undefined;
109
+ addEventListener?: {
110
+ <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
111
+ (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
112
+ } | undefined;
113
+ removeEventListener?: {
114
+ <K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
115
+ (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
116
+ } | undefined;
117
+ readonly attributes?: NamedNodeMap | undefined;
118
+ readonly classList?: DOMTokenList | undefined;
119
+ className?: string | undefined;
120
+ readonly clientHeight?: number | undefined;
121
+ readonly clientLeft?: number | undefined;
122
+ readonly clientTop?: number | undefined;
123
+ readonly clientWidth?: number | undefined;
124
+ id?: string | undefined;
125
+ readonly localName?: string | undefined;
126
+ readonly namespaceURI?: string | null | undefined;
127
+ onfullscreenchange?: ((this: Element, ev: Event) => any) | null | undefined;
128
+ onfullscreenerror?: ((this: Element, ev: Event) => any) | null | undefined;
129
+ outerHTML?: string | undefined;
130
+ readonly ownerDocument?: Document | undefined;
131
+ readonly part?: DOMTokenList | undefined;
132
+ readonly prefix?: string | null | undefined;
133
+ readonly scrollHeight?: number | undefined;
134
+ scrollLeft?: number | undefined;
135
+ scrollTop?: number | undefined;
136
+ readonly scrollWidth?: number | undefined;
137
+ readonly shadowRoot?: ShadowRoot | null | undefined;
138
+ slot?: string | undefined;
139
+ readonly tagName?: string | undefined;
140
+ attachShadow?: ((init: ShadowRootInit) => ShadowRoot) | undefined;
141
+ checkVisibility?: ((options?: CheckVisibilityOptions | undefined) => boolean) | undefined;
142
+ closest?: {
143
+ <K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
144
+ <K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
145
+ <K_4 extends keyof MathMLElementTagNameMap>(selector: K_4): MathMLElementTagNameMap[K_4] | null;
146
+ <E extends Element = Element>(selectors: string): E | null;
147
+ } | undefined;
148
+ computedStyleMap?: (() => StylePropertyMapReadOnly) | undefined;
149
+ getAttribute?: ((qualifiedName: string) => string | null) | undefined;
150
+ getAttributeNS?: ((namespace: string | null, localName: string) => string | null) | undefined;
151
+ getAttributeNames?: (() => string[]) | undefined;
152
+ getAttributeNode?: ((qualifiedName: string) => Attr | null) | undefined;
153
+ getAttributeNodeNS?: ((namespace: string | null, localName: string) => Attr | null) | undefined;
154
+ getBoundingClientRect?: (() => DOMRect) | undefined;
155
+ getClientRects?: (() => DOMRectList) | undefined;
156
+ getElementsByClassName?: ((classNames: string) => HTMLCollectionOf<Element>) | undefined;
157
+ getElementsByTagName?: {
158
+ <K_5 extends keyof HTMLElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<HTMLElementTagNameMap[K_5]>;
159
+ <K_6 extends keyof SVGElementTagNameMap>(qualifiedName: K_6): HTMLCollectionOf<SVGElementTagNameMap[K_6]>;
160
+ <K_7 extends keyof MathMLElementTagNameMap>(qualifiedName: K_7): HTMLCollectionOf<MathMLElementTagNameMap[K_7]>;
161
+ <K_8 extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K_8): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K_8]>;
162
+ (qualifiedName: string): HTMLCollectionOf<Element>;
163
+ } | undefined;
164
+ getElementsByTagNameNS?: {
165
+ (namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
166
+ (namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
167
+ (namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
168
+ (namespace: string | null, localName: string): HTMLCollectionOf<Element>;
169
+ } | undefined;
170
+ hasAttribute?: ((qualifiedName: string) => boolean) | undefined;
171
+ hasAttributeNS?: ((namespace: string | null, localName: string) => boolean) | undefined;
172
+ hasAttributes?: (() => boolean) | undefined;
173
+ hasPointerCapture?: ((pointerId: number) => boolean) | undefined;
174
+ insertAdjacentElement?: ((where: InsertPosition, element: Element) => Element | null) | undefined;
175
+ insertAdjacentHTML?: ((position: InsertPosition, text: string) => void) | undefined;
176
+ insertAdjacentText?: ((where: InsertPosition, data: string) => void) | undefined;
177
+ matches?: ((selectors: string) => boolean) | undefined;
178
+ releasePointerCapture?: ((pointerId: number) => void) | undefined;
179
+ removeAttribute?: ((qualifiedName: string) => void) | undefined;
180
+ removeAttributeNS?: ((namespace: string | null, localName: string) => void) | undefined;
181
+ removeAttributeNode?: ((attr: Attr) => Attr) | undefined;
182
+ requestFullscreen?: ((options?: FullscreenOptions | undefined) => Promise<void>) | undefined;
183
+ requestPointerLock?: (() => void) | undefined;
184
+ scroll?: {
185
+ (options?: ScrollToOptions | undefined): void;
186
+ (x: number, y: number): void;
187
+ } | undefined;
188
+ scrollBy?: {
189
+ (options?: ScrollToOptions | undefined): void;
190
+ (x: number, y: number): void;
191
+ } | undefined;
192
+ scrollIntoView?: ((arg?: boolean | ScrollIntoViewOptions | undefined) => void) | undefined;
193
+ scrollTo?: {
194
+ (options?: ScrollToOptions | undefined): void;
195
+ (x: number, y: number): void;
196
+ } | undefined;
197
+ setAttribute?: ((qualifiedName: string, value: string) => void) | undefined;
198
+ setAttributeNS?: ((namespace: string | null, qualifiedName: string, value: string) => void) | undefined;
199
+ setAttributeNode?: ((attr: Attr) => Attr | null) | undefined;
200
+ setAttributeNodeNS?: ((attr: Attr) => Attr | null) | undefined;
201
+ setPointerCapture?: ((pointerId: number) => void) | undefined;
202
+ toggleAttribute?: ((qualifiedName: string, force?: boolean | undefined) => boolean) | undefined;
203
+ webkitMatchesSelector?: ((selectors: string) => boolean) | undefined;
204
+ readonly baseURI?: string | undefined;
205
+ readonly childNodes?: NodeListOf<ChildNode> | undefined;
206
+ readonly firstChild?: ChildNode | null | undefined;
207
+ readonly isConnected?: boolean | undefined;
208
+ readonly lastChild?: ChildNode | null | undefined;
209
+ readonly nextSibling?: ChildNode | null | undefined;
210
+ readonly nodeName?: string | undefined;
211
+ readonly nodeType?: number | undefined;
212
+ nodeValue?: string | null | undefined;
213
+ readonly parentElement?: HTMLElement | null | undefined;
214
+ readonly parentNode?: ParentNode | null | undefined;
215
+ readonly previousSibling?: ChildNode | null | undefined;
216
+ textContent?: string | null | undefined;
217
+ appendChild?: (<T extends Node>(node: T) => T) | undefined;
218
+ cloneNode?: ((deep?: boolean | undefined) => Node) | undefined;
219
+ compareDocumentPosition?: ((other: Node) => number) | undefined;
220
+ contains?: ((other: Node | null) => boolean) | undefined;
221
+ getRootNode?: ((options?: GetRootNodeOptions | undefined) => Node) | undefined;
222
+ hasChildNodes?: (() => boolean) | undefined;
223
+ insertBefore?: (<T_1 extends Node>(node: T_1, child: Node | null) => T_1) | undefined;
224
+ isDefaultNamespace?: ((namespace: string | null) => boolean) | undefined;
225
+ isEqualNode?: ((otherNode: Node | null) => boolean) | undefined;
226
+ isSameNode?: ((otherNode: Node | null) => boolean) | undefined;
227
+ lookupNamespaceURI?: ((prefix: string | null) => string | null) | undefined;
228
+ lookupPrefix?: ((namespace: string | null) => string | null) | undefined;
229
+ normalize?: (() => void) | undefined;
230
+ removeChild?: (<T_2 extends Node>(child: T_2) => T_2) | undefined;
231
+ replaceChild?: (<T_3 extends Node>(node: Node, child: T_3) => T_3) | undefined;
232
+ readonly ELEMENT_NODE?: 1 | undefined;
233
+ readonly ATTRIBUTE_NODE?: 2 | undefined;
234
+ readonly TEXT_NODE?: 3 | undefined;
235
+ readonly CDATA_SECTION_NODE?: 4 | undefined;
236
+ readonly ENTITY_REFERENCE_NODE?: 5 | undefined;
237
+ readonly ENTITY_NODE?: 6 | undefined;
238
+ readonly PROCESSING_INSTRUCTION_NODE?: 7 | undefined;
239
+ readonly COMMENT_NODE?: 8 | undefined;
240
+ readonly DOCUMENT_NODE?: 9 | undefined;
241
+ readonly DOCUMENT_TYPE_NODE?: 10 | undefined;
242
+ readonly DOCUMENT_FRAGMENT_NODE?: 11 | undefined;
243
+ readonly NOTATION_NODE?: 12 | undefined;
244
+ readonly DOCUMENT_POSITION_DISCONNECTED?: 1 | undefined;
245
+ readonly DOCUMENT_POSITION_PRECEDING?: 2 | undefined;
246
+ readonly DOCUMENT_POSITION_FOLLOWING?: 4 | undefined;
247
+ readonly DOCUMENT_POSITION_CONTAINS?: 8 | undefined;
248
+ readonly DOCUMENT_POSITION_CONTAINED_BY?: 16 | undefined;
249
+ readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC?: 32 | undefined;
250
+ dispatchEvent?: ((event: Event) => boolean) | undefined;
251
+ ariaAtomic?: string | null | undefined;
252
+ ariaAutoComplete?: string | null | undefined;
253
+ ariaBusy?: string | null | undefined;
254
+ ariaChecked?: string | null | undefined;
255
+ ariaColCount?: string | null | undefined;
256
+ ariaColIndex?: string | null | undefined;
257
+ ariaColSpan?: string | null | undefined;
258
+ ariaCurrent?: string | null | undefined;
259
+ ariaDescription?: string | null | undefined;
260
+ ariaDisabled?: string | null | undefined;
261
+ ariaExpanded?: string | null | undefined;
262
+ ariaHasPopup?: string | null | undefined;
263
+ ariaHidden?: string | null | undefined;
264
+ ariaInvalid?: string | null | undefined;
265
+ ariaKeyShortcuts?: string | null | undefined;
266
+ ariaLabel?: string | null | undefined;
267
+ ariaLevel?: string | null | undefined;
268
+ ariaLive?: string | null | undefined;
269
+ ariaModal?: string | null | undefined;
270
+ ariaMultiLine?: string | null | undefined;
271
+ ariaMultiSelectable?: string | null | undefined;
272
+ ariaOrientation?: string | null | undefined;
273
+ ariaPlaceholder?: string | null | undefined;
274
+ ariaPosInSet?: string | null | undefined;
275
+ ariaPressed?: string | null | undefined;
276
+ ariaReadOnly?: string | null | undefined;
277
+ ariaRequired?: string | null | undefined;
278
+ ariaRoleDescription?: string | null | undefined;
279
+ ariaRowCount?: string | null | undefined;
280
+ ariaRowIndex?: string | null | undefined;
281
+ ariaRowSpan?: string | null | undefined;
282
+ ariaSelected?: string | null | undefined;
283
+ ariaSetSize?: string | null | undefined;
284
+ ariaSort?: string | null | undefined;
285
+ ariaValueMax?: string | null | undefined;
286
+ ariaValueMin?: string | null | undefined;
287
+ ariaValueNow?: string | null | undefined;
288
+ ariaValueText?: string | null | undefined;
289
+ role?: string | null | undefined;
290
+ animate?: ((keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation) | undefined;
291
+ getAnimations?: ((options?: GetAnimationsOptions | undefined) => Animation[]) | undefined;
292
+ after?: ((...nodes: (string | Node)[]) => void) | undefined;
293
+ before?: ((...nodes: (string | Node)[]) => void) | undefined;
294
+ remove?: (() => void) | undefined;
295
+ replaceWith?: ((...nodes: (string | Node)[]) => void) | undefined;
296
+ innerHTML?: string | undefined;
297
+ readonly nextElementSibling?: Element | null | undefined;
298
+ readonly previousElementSibling?: Element | null | undefined;
299
+ readonly childElementCount?: number | undefined;
300
+ readonly children?: HTMLCollection | undefined;
301
+ readonly firstElementChild?: Element | null | undefined;
302
+ readonly lastElementChild?: Element | null | undefined;
303
+ append?: ((...nodes: (string | Node)[]) => void) | undefined;
304
+ prepend?: ((...nodes: (string | Node)[]) => void) | undefined;
305
+ querySelector?: {
306
+ <K_9 extends keyof HTMLElementTagNameMap>(selectors: K_9): HTMLElementTagNameMap[K_9] | null;
307
+ <K_10 extends keyof SVGElementTagNameMap>(selectors: K_10): SVGElementTagNameMap[K_10] | null;
308
+ <K_11 extends keyof MathMLElementTagNameMap>(selectors: K_11): MathMLElementTagNameMap[K_11] | null;
309
+ <K_12 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_12): HTMLElementDeprecatedTagNameMap[K_12] | null;
310
+ <E_1 extends Element = Element>(selectors: string): E_1 | null;
311
+ } | undefined;
312
+ querySelectorAll?: {
313
+ <K_13 extends keyof HTMLElementTagNameMap>(selectors: K_13): NodeListOf<HTMLElementTagNameMap[K_13]>;
314
+ <K_14 extends keyof SVGElementTagNameMap>(selectors: K_14): NodeListOf<SVGElementTagNameMap[K_14]>;
315
+ <K_15 extends keyof MathMLElementTagNameMap>(selectors: K_15): NodeListOf<MathMLElementTagNameMap[K_15]>;
316
+ <K_16 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_16): NodeListOf<HTMLElementDeprecatedTagNameMap[K_16]>;
317
+ <E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
318
+ } | undefined;
319
+ replaceChildren?: ((...nodes: (string | Node)[]) => void) | undefined;
320
+ readonly assignedSlot?: HTMLSlotElement | null | undefined;
321
+ readonly attributeStyleMap?: StylePropertyMap | undefined;
322
+ readonly style?: CSSStyleDeclaration | undefined;
323
+ contentEditable?: string | undefined;
324
+ enterKeyHint?: string | undefined;
325
+ inputMode?: string | undefined;
326
+ readonly isContentEditable?: boolean | undefined;
327
+ onabort?: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null | undefined;
328
+ onanimationcancel?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
329
+ onanimationend?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
330
+ onanimationiteration?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
331
+ onanimationstart?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
332
+ onauxclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
333
+ onbeforeinput?: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null | undefined;
334
+ onbeforetoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
335
+ onblur?: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null | undefined;
336
+ oncancel?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
337
+ oncanplay?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
338
+ oncanplaythrough?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
339
+ onchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
340
+ onclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
341
+ onclose?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
342
+ oncontextmenu?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
343
+ oncopy?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
344
+ oncuechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
345
+ oncut?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
346
+ ondblclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
347
+ ondrag?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
348
+ ondragend?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
349
+ ondragenter?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
350
+ ondragleave?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
351
+ ondragover?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
352
+ ondragstart?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
353
+ ondrop?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
354
+ ondurationchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
355
+ onemptied?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
356
+ onended?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
357
+ onerror?: OnErrorEventHandler | undefined;
358
+ onfocus?: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null | undefined;
359
+ onformdata?: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null | undefined;
360
+ ongotpointercapture?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
361
+ oninput?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
362
+ oninvalid?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
363
+ onkeydown?: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null | undefined;
364
+ onkeypress?: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null | undefined;
365
+ onkeyup?: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null | undefined;
366
+ onload?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
367
+ onloadeddata?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
368
+ onloadedmetadata?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
369
+ onloadstart?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
370
+ onlostpointercapture?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
371
+ onmousedown?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
372
+ onmouseenter?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
373
+ onmouseleave?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
374
+ onmousemove?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
375
+ onmouseout?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
376
+ onmouseover?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
377
+ onmouseup?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
378
+ onpaste?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
379
+ onpause?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
380
+ onplay?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
381
+ onplaying?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
382
+ onpointercancel?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
383
+ onpointerdown?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
384
+ onpointerenter?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
385
+ onpointerleave?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
386
+ onpointermove?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
387
+ onpointerout?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
388
+ onpointerover?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
389
+ onpointerup?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
390
+ onprogress?: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null | undefined;
391
+ onratechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
392
+ onreset?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
393
+ onresize?: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null | undefined;
394
+ onscroll?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
395
+ onscrollend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
396
+ onsecuritypolicyviolation?: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null | undefined;
397
+ onseeked?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
398
+ onseeking?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
399
+ onselect?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
400
+ onselectionchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
401
+ onselectstart?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
402
+ onslotchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
403
+ onstalled?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
404
+ onsubmit?: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null | undefined;
405
+ onsuspend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
406
+ ontimeupdate?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
407
+ ontoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
408
+ ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
409
+ ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
410
+ ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
411
+ ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
412
+ ontransitioncancel?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
413
+ ontransitionend?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
414
+ ontransitionrun?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
415
+ ontransitionstart?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
416
+ onvolumechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
417
+ onwaiting?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
418
+ onwebkitanimationend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
419
+ onwebkitanimationiteration?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
420
+ onwebkitanimationstart?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
421
+ onwebkittransitionend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
422
+ onwheel?: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null | undefined;
423
+ autofocus?: boolean | undefined;
424
+ readonly dataset?: DOMStringMap | undefined;
425
+ nonce?: string | undefined;
426
+ tabIndex?: number | undefined;
427
+ blur?: (() => void) | undefined;
428
+ focus?: ((options?: FocusOptions | undefined) => void) | undefined;
429
+ }, "children"> & {
430
+ children?: import("react").ReactNode;
431
+ } & Omit<import("react").HTMLAttributes<HTMLElement>, "children"> & import("react").RefAttributes<HTMLElement>, string | import("react").JSXElementConstructor<any>>;
@@ -0,0 +1,13 @@
1
+ import "../../../chunks/chunk.QTSIPXV3.js";
2
+ import { getReactComponent } from "../../../utils/react.js";
3
+ import { GdsSensitiveDate as GdsSensitiveDateClass } from "../../../components/sensitive/date/sensitive-date.component.js";
4
+ import { createElement } from "react";
5
+ const GdsSensitiveDate = (props) => {
6
+ GdsSensitiveDateClass.define();
7
+ const JSXElement = getReactComponent("gds-sensitive-date");
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
10
+ };
11
+ export {
12
+ GdsSensitiveDate
13
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sebgroup/green-core",
3
3
  "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
4
- "version": "1.75.0",
4
+ "version": "1.76.1",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
7
7
  "type": "module",
@@ -422,6 +422,10 @@
422
422
  "./components/segmented-control/segmented-control.js",
423
423
  "./components/select/index.js",
424
424
  "./components/select/select.js",
425
+ "./components/sensitive/account/index.js",
426
+ "./components/sensitive/account/sensitive-account.js",
427
+ "./components/sensitive/date/index.js",
428
+ "./components/sensitive/date/sensitive-date.js",
425
429
  "./components/sensitive/index.js",
426
430
  "./components/sensitive/number/index.js",
427
431
  "./components/sensitive/number/sensitive-number.js",
@@ -8,7 +8,6 @@ var _handleSlotChange, _renderFieldContents, renderFieldContents_fn, _renderSlot
8
8
  import { localized } from "@lit/localize";
9
9
  import { property, query, state } from "lit/decorators.js";
10
10
  import { classMap } from "lit/directives/class-map.js";
11
- import { map } from "lit/directives/map.js";
12
11
  import { GdsElement } from "../../gds-element.js";
13
12
  import { gdsCustomElement, html } from "../../scoping.js";
14
13
  import { TransitionalStyles } from "../../transitional-styles.js";
@@ -76,22 +75,16 @@ let GdsFieldBase = class extends GdsElement {
76
75
  _handleSlotChange = new WeakMap();
77
76
  _renderFieldContents = new WeakSet();
78
77
  renderFieldContents_fn = function() {
79
- if (this.multiline && (this._trailSlotOccupied || this._actionSlotOccupied)) {
80
- return html`
81
- ${__privateMethod(this, _renderSlotLead, renderSlotLead_fn).call(this)} ${__privateMethod(this, _renderSlotMain, renderSlotMain_fn).call(this)}
82
- <div class="right">
83
- ${__privateMethod(this, _renderSlotAction, renderSlotAction_fn).call(this)} ${__privateMethod(this, _renderSlotTrail, renderSlotTrail_fn).call(this)}
84
- </div>
85
- `;
86
- } else {
87
- const elements = [
88
- __privateMethod(this, _renderSlotLead, renderSlotLead_fn).call(this),
89
- __privateMethod(this, _renderSlotMain, renderSlotMain_fn).call(this),
90
- __privateMethod(this, _renderSlotAction, renderSlotAction_fn).call(this),
91
- __privateMethod(this, _renderSlotTrail, renderSlotTrail_fn).call(this)
92
- ];
93
- return html`${map(elements, (el) => el)}`;
94
- }
78
+ const rightSlotsWrapClasses = {
79
+ right: true,
80
+ "as-flex": this.multiline && (this._trailSlotOccupied || this._actionSlotOccupied)
81
+ };
82
+ return html`
83
+ ${__privateMethod(this, _renderSlotLead, renderSlotLead_fn).call(this)} ${__privateMethod(this, _renderSlotMain, renderSlotMain_fn).call(this)}
84
+ <div class="${classMap(rightSlotsWrapClasses)}">
85
+ ${__privateMethod(this, _renderSlotAction, renderSlotAction_fn).call(this)} ${__privateMethod(this, _renderSlotTrail, renderSlotTrail_fn).call(this)}
86
+ </div>
87
+ `;
95
88
  };
96
89
  _renderSlotLead = new WeakSet();
97
90
  renderSlotLead_fn = function() {
@@ -38,6 +38,10 @@ const styles = css`
38
38
  transition-property: background-color;
39
39
 
40
40
  .right {
41
+ display: contents;
42
+ }
43
+
44
+ .right.as-flex {
41
45
  display: flex;
42
46
  position: absolute;
43
47
  gap: var(--gds-space-xs);
@@ -1,2 +1,2 @@
1
- const styles = "/**\n * Do not edit directly\n * Generated on Mon, 14 Apr 2025 15:36:17 GMT\n */\n\ncolor-scheme: dark;\n --gds-color-l1-background-primary: #0e0e0e;\n --gds-color-l1-background-tertiary: #d7d7d7;\n --gds-color-l1-background-secondary: #131313;\n --gds-color-l1-content-positive: #54b561;\n --gds-color-l1-content-negative: #a63e2a;\n --gds-color-l1-content-primary: #d7d7d7;\n --gds-color-l1-content-secondary: #ababab;\n --gds-color-l1-content-tertiary: #1b1b1b;\n --gds-color-l2-background-primary: #242424;\n --gds-color-l2-background-secondary: #242424;\n --gds-color-l2-background-tertiary: #d7d7d7;\n --gds-color-l2-background-positive: #1d3f22;\n --gds-color-l2-background-negative: #4a1c13;\n --gds-color-l2-background-notice: #152c41;\n --gds-color-l2-background-warning: #4c3212;\n --gds-color-l2-background-information: #353535;\n --gds-color-l2-background-copper-01: #f2efeb;\n --gds-color-l2-background-copper-02: #332a18;\n --gds-color-l2-background-purple-01: #f3eff7;\n --gds-color-l2-background-purple-02: #372b40;\n --gds-color-l2-background-green-01: #ecf6ed;\n --gds-color-l2-background-green-02: #1d3f22;\n --gds-color-l2-background-blue-01: #eaf0f7;\n --gds-color-l2-background-blue-02: #152c41;\n --gds-color-l2-content-primary: #d7d7d7;\n --gds-color-l2-content-secondary: #ababab;\n --gds-color-l2-content-tertiary: #1b1b1b;\n --gds-color-l2-content-positive: #54b561;\n --gds-color-l2-content-negative: #ee8375;\n --gds-color-l2-content-warning: #f3b274;\n --gds-color-l2-content-notice: #78a3d5;\n --gds-color-l2-content-information: #d7d7d7;\n --gds-color-l2-content-copper-01: #1b1b1b;\n --gds-color-l2-content-copper-02: #ffffff;\n --gds-color-l2-content-purple-01: #1b1b1b;\n --gds-color-l2-content-purple-02: #ffffff;\n --gds-color-l2-content-green-01: #1b1b1b;\n --gds-color-l2-content-green-02: #ffffff;\n --gds-color-l2-content-blue-01: #1b1b1b;\n --gds-color-l2-content-blue-02: #ffffff;\n --gds-color-l2-border-primary: #353535;\n --gds-color-l2-border-secondary: #5e5e5e;\n --gds-color-l2-border-tertiary: #2c2c2c;\n --gds-color-l2-border-quarternary: #d7d7d7;\n --gds-color-l2-border-inversed: #1b1b1b;\n --gds-color-l3-background-primary: #d7d7d7;\n --gds-color-l3-background-secondary: #353535;\n --gds-color-l3-background-tertiary: #424242;\n --gds-color-l3-background-quarternary: #0e0e0e;\n --gds-color-l3-background-positive: #54b561;\n --gds-color-l3-background-positive-secondary: #25512b;\n --gds-color-l3-background-positive-badge: #306938;\n --gds-color-l3-background-negative: #c04831;\n --gds-color-l3-background-negative-secondary: #602418;\n --gds-color-l3-background-negative-badge: #4A1C13;\n --gds-color-l3-background-notice: #78a3d5;\n --gds-color-l3-background-notice-secondary: #1A3853;\n --gds-color-l3-background-notice-badge: #214769;\n --gds-color-l3-background-warning: #f3b274;\n --gds-color-l3-background-warning-secondary: #624017;\n --gds-color-l3-background-warning-badge: #744C1B;\n --gds-color-l3-background-information: #d7d7d7;\n --gds-color-l3-background-information-secondary: #424242;\n --gds-color-l3-background-information-badge: #616161;\n --gds-color-l3-background-buy: #3571a6;\n --gds-color-l3-background-copper-01: #e4ded5;\n --gds-color-l3-background-copper-02: #42361f;\n --gds-color-l3-background-purple-01: #e7deee;\n --gds-color-l3-background-purple-02: #473752;\n --gds-color-l3-background-green-01: #d7edd9;\n --gds-color-l3-background-green-02: #25512b;\n --gds-color-l3-background-blue-01: #d3dfef;\n --gds-color-l3-background-blue-02: #1a3853;\n --gds-color-l3-background-disabled: #181818;\n --gds-color-l3-background-disabled-secondary: #1b1b1b;\n --gds-color-l3-content-primary: #1b1b1b;\n --gds-color-l3-content-secondary: #ababab;\n --gds-color-l3-content-tertiary: #d7d7d7;\n --gds-color-l3-content-notice: #78a3d5;\n --gds-color-l3-content-warning: #f3b274;\n --gds-color-l3-content-information: #d7d7d7;\n --gds-color-l3-content-buy: #ffffff;\n --gds-color-l3-content-copper-01: #1b1b1b;\n --gds-color-l3-content-copper-02: #ffffff;\n --gds-color-l3-content-purple-01: #1b1b1b;\n --gds-color-l3-content-purple-02: #ffffff;\n --gds-color-l3-content-green-01: #1b1b1b;\n --gds-color-l3-content-green-02: #ffffff;\n --gds-color-l3-content-blue-01: #1b1b1b;\n --gds-color-l3-content-blue-02: #ffffff;\n --gds-color-l3-content-disabled: #5e5e5e;\n --gds-color-l3-content-positive: #54b561;\n --gds-color-l3-content-negative: #ee8375;\n --gds-color-l3-border-primary: #d7d7d7;\n --gds-color-l3-border-secondary: #ababab;\n --gds-color-l3-border-tertiary: #1b1b1b;\n --gds-color-l3-border-negative: #ee8375;\n --gds-color-l3-states-dark-hover: #ffffff 15%;\n --gds-color-l3-states-dark-pressed: #ffffff 25%;\n --gds-color-l3-states-light-hover: #d7d7d7 10%;\n --gds-color-l3-states-light-pressed: #d7d7d7 20%;\n --gds-color-l3-states-positive-hover: #54b561 10%;\n --gds-color-l3-states-positive-pressed: #54b561 20%;\n --gds-color-l3-states-negative-hover: #ee8375 10%;\n --gds-color-l3-states-negative-pressed: #ee8375 20%;\n";
1
+ const styles = "/**\n * Do not edit directly\n * Generated on Wed, 16 Apr 2025 11:48:17 GMT\n */\n\ncolor-scheme: dark;\n --gds-color-l1-background-primary: #0e0e0e;\n --gds-color-l1-background-tertiary: #d7d7d7;\n --gds-color-l1-background-secondary: #131313;\n --gds-color-l1-content-positive: #54b561;\n --gds-color-l1-content-negative: #a63e2a;\n --gds-color-l1-content-primary: #d7d7d7;\n --gds-color-l1-content-secondary: #ababab;\n --gds-color-l1-content-tertiary: #1b1b1b;\n --gds-color-l2-background-primary: #242424;\n --gds-color-l2-background-secondary: #242424;\n --gds-color-l2-background-tertiary: #d7d7d7;\n --gds-color-l2-background-positive: #1d3f22;\n --gds-color-l2-background-negative: #4a1c13;\n --gds-color-l2-background-notice: #152c41;\n --gds-color-l2-background-warning: #4c3212;\n --gds-color-l2-background-information: #353535;\n --gds-color-l2-background-copper-01: #f2efeb;\n --gds-color-l2-background-copper-02: #332a18;\n --gds-color-l2-background-purple-01: #f3eff7;\n --gds-color-l2-background-purple-02: #372b40;\n --gds-color-l2-background-green-01: #ecf6ed;\n --gds-color-l2-background-green-02: #1d3f22;\n --gds-color-l2-background-blue-01: #eaf0f7;\n --gds-color-l2-background-blue-02: #152c41;\n --gds-color-l2-content-primary: #d7d7d7;\n --gds-color-l2-content-secondary: #ababab;\n --gds-color-l2-content-tertiary: #1b1b1b;\n --gds-color-l2-content-positive: #54b561;\n --gds-color-l2-content-negative: #ee8375;\n --gds-color-l2-content-warning: #f3b274;\n --gds-color-l2-content-notice: #78a3d5;\n --gds-color-l2-content-information: #d7d7d7;\n --gds-color-l2-content-copper-01: #1b1b1b;\n --gds-color-l2-content-copper-02: #ffffff;\n --gds-color-l2-content-purple-01: #1b1b1b;\n --gds-color-l2-content-purple-02: #ffffff;\n --gds-color-l2-content-green-01: #1b1b1b;\n --gds-color-l2-content-green-02: #ffffff;\n --gds-color-l2-content-blue-01: #1b1b1b;\n --gds-color-l2-content-blue-02: #ffffff;\n --gds-color-l2-border-primary: #353535;\n --gds-color-l2-border-secondary: #5e5e5e;\n --gds-color-l2-border-tertiary: #2c2c2c;\n --gds-color-l2-border-quarternary: #d7d7d7;\n --gds-color-l2-border-inversed: #1b1b1b;\n --gds-color-l3-background-primary: #d7d7d7;\n --gds-color-l3-background-secondary: #353535;\n --gds-color-l3-background-tertiary: #424242;\n --gds-color-l3-background-quarternary: #0e0e0e;\n --gds-color-l3-background-positive: #54b561;\n --gds-color-l3-background-positive-secondary: #25512b;\n --gds-color-l3-background-positive-badge: #306938;\n --gds-color-l3-background-negative: #c04831;\n --gds-color-l3-background-negative-secondary: #602418;\n --gds-color-l3-background-negative-badge: #4A1C13;\n --gds-color-l3-background-notice: #78a3d5;\n --gds-color-l3-background-notice-secondary: #1A3853;\n --gds-color-l3-background-notice-badge: #214769;\n --gds-color-l3-background-warning: #f3b274;\n --gds-color-l3-background-warning-secondary: #624017;\n --gds-color-l3-background-warning-badge: #744C1B;\n --gds-color-l3-background-information: #d7d7d7;\n --gds-color-l3-background-information-secondary: #424242;\n --gds-color-l3-background-information-badge: #616161;\n --gds-color-l3-background-buy: #3571a6;\n --gds-color-l3-background-copper-01: #e4ded5;\n --gds-color-l3-background-copper-02: #42361f;\n --gds-color-l3-background-purple-01: #e7deee;\n --gds-color-l3-background-purple-02: #473752;\n --gds-color-l3-background-green-01: #d7edd9;\n --gds-color-l3-background-green-02: #25512b;\n --gds-color-l3-background-blue-01: #d3dfef;\n --gds-color-l3-background-blue-02: #1a3853;\n --gds-color-l3-background-disabled: #181818;\n --gds-color-l3-background-disabled-secondary: #1b1b1b;\n --gds-color-l3-content-primary: #1b1b1b;\n --gds-color-l3-content-secondary: #ababab;\n --gds-color-l3-content-tertiary: #d7d7d7;\n --gds-color-l3-content-notice: #78a3d5;\n --gds-color-l3-content-warning: #f3b274;\n --gds-color-l3-content-information: #d7d7d7;\n --gds-color-l3-content-buy: #ffffff;\n --gds-color-l3-content-copper-01: #1b1b1b;\n --gds-color-l3-content-copper-02: #ffffff;\n --gds-color-l3-content-purple-01: #1b1b1b;\n --gds-color-l3-content-purple-02: #ffffff;\n --gds-color-l3-content-green-01: #1b1b1b;\n --gds-color-l3-content-green-02: #ffffff;\n --gds-color-l3-content-blue-01: #1b1b1b;\n --gds-color-l3-content-blue-02: #ffffff;\n --gds-color-l3-content-disabled: #5e5e5e;\n --gds-color-l3-content-positive: #54b561;\n --gds-color-l3-content-negative: #ee8375;\n --gds-color-l3-border-primary: #d7d7d7;\n --gds-color-l3-border-secondary: #ababab;\n --gds-color-l3-border-tertiary: #1b1b1b;\n --gds-color-l3-border-negative: #ee8375;\n --gds-color-l3-states-dark-hover: #ffffff 15%;\n --gds-color-l3-states-dark-pressed: #ffffff 25%;\n --gds-color-l3-states-light-hover: #d7d7d7 10%;\n --gds-color-l3-states-light-pressed: #d7d7d7 20%;\n --gds-color-l3-states-positive-hover: #54b561 10%;\n --gds-color-l3-states-positive-pressed: #54b561 20%;\n --gds-color-l3-states-negative-hover: #ee8375 10%;\n --gds-color-l3-states-negative-pressed: #ee8375 20%;\n";
2
2
  export default styles;
@@ -1,2 +1,2 @@
1
- const styles = "/**\n * Do not edit directly\n * Generated on Mon, 14 Apr 2025 15:36:17 GMT\n */\n\ncolor-scheme: light;\n --gds-color-l1-background-primary: #ffffff;\n --gds-color-l1-background-tertiary: #1b1b1b;\n --gds-color-l1-background-secondary: #eeeeee;\n --gds-color-l1-content-positive: #35723d;\n --gds-color-l1-content-negative: #a63e2a;\n --gds-color-l1-content-primary: #1b1b1b;\n --gds-color-l1-content-secondary: #5e5e5e;\n --gds-color-l1-content-tertiary: #ffffff;\n --gds-color-l2-background-primary: #f3f3f3;\n --gds-color-l2-background-secondary: #ffffff;\n --gds-color-l2-background-tertiary: #242424;\n --gds-color-l2-background-positive: #ecf6ed;\n --gds-color-l2-background-negative: #fcecea;\n --gds-color-l2-background-notice: #eaf0f7;\n --gds-color-l2-background-warning: #fcecbc;\n --gds-color-l2-background-information: #e2e2e2;\n --gds-color-l2-background-copper-01: #f2efeb;\n --gds-color-l2-background-copper-02: #332a18;\n --gds-color-l2-background-purple-01: #f3eff7;\n --gds-color-l2-background-purple-02: #372b40;\n --gds-color-l2-background-green-01: #ecf6ed;\n --gds-color-l2-background-green-02: #1d3f22;\n --gds-color-l2-background-blue-01: #eaf0f7;\n --gds-color-l2-background-blue-02: #152c41;\n --gds-color-l2-content-primary: #1b1b1b;\n --gds-color-l2-content-secondary: #5e5e5e;\n --gds-color-l2-content-tertiary: #ffffff;\n --gds-color-l2-content-positive: #35723d;\n --gds-color-l2-content-negative: #a63e2a;\n --gds-color-l2-content-warning: #65581e;\n --gds-color-l2-content-notice: #005fac;\n --gds-color-l2-content-information: #1b1b1b;\n --gds-color-l2-content-copper-01: #1b1b1b;\n --gds-color-l2-content-copper-02: #ffffff;\n --gds-color-l2-content-purple-01: #1b1b1b;\n --gds-color-l2-content-purple-02: #ffffff;\n --gds-color-l2-content-green-01: #1b1b1b;\n --gds-color-l2-content-green-02: #ffffff;\n --gds-color-l2-content-blue-01: #1b1b1b;\n --gds-color-l2-content-blue-02: #ffffff;\n --gds-color-l2-border-primary: #d7d7d7;\n --gds-color-l2-border-secondary: #6f6f6f;\n --gds-color-l2-border-tertiary: #f9f9f9;\n --gds-color-l2-border-quarternary: #1b1b1b;\n --gds-color-l2-border-inversed: #ffffff;\n --gds-color-l3-background-primary: #1b1b1b;\n --gds-color-l3-background-secondary: #e2e2e2;\n --gds-color-l3-background-tertiary: #d7d7d7;\n --gds-color-l3-background-quarternary: #ffffff;\n --gds-color-l3-background-positive: #35723d;\n --gds-color-l3-background-positive-secondary: #d7edd9;\n --gds-color-l3-background-positive-badge: #d7edd9;\n --gds-color-l3-background-negative: #a63e2a;\n --gds-color-l3-background-negative-secondary: #fcecea;\n --gds-color-l3-background-negative-badge: #f8d6d3;\n --gds-color-l3-background-notice: #005fac;\n --gds-color-l3-background-notice-secondary: #d3dfef;\n --gds-color-l3-background-notice-badge: #d3dfef;\n --gds-color-l3-background-warning: #65581e;\n --gds-color-l3-background-warning-secondary: #fadf7b;\n --gds-color-l3-background-warning-badge: #fadf7b;\n --gds-color-l3-background-information: #1b1b1b;\n --gds-color-l3-background-information-secondary: #d7d7d7;\n --gds-color-l3-background-information-badge: #d7d7d7;\n --gds-color-l3-background-buy: #2e6290;\n --gds-color-l3-background-copper-01: #e4ded5;\n --gds-color-l3-background-copper-02: #42361f;\n --gds-color-l3-background-purple-01: #e7deee;\n --gds-color-l3-background-purple-02: #473752;\n --gds-color-l3-background-green-01: #d7edd9;\n --gds-color-l3-background-green-02: #25512b;\n --gds-color-l3-background-blue-01: #d3dfef;\n --gds-color-l3-background-blue-02: #1a3853;\n --gds-color-l3-background-disabled: #f9f9f9;\n --gds-color-l3-background-disabled-secondary: #f3f3f3;\n --gds-color-l3-content-primary: #ffffff;\n --gds-color-l3-content-secondary: #5e5e5e;\n --gds-color-l3-content-tertiary: #1b1b1b;\n --gds-color-l3-content-notice: #005fac;\n --gds-color-l3-content-warning: #65581e;\n --gds-color-l3-content-information: #1b1b1b;\n --gds-color-l3-content-buy: #ffffff;\n --gds-color-l3-content-copper-01: #1b1b1b;\n --gds-color-l3-content-copper-02: #ffffff;\n --gds-color-l3-content-purple-01: #1b1b1b;\n --gds-color-l3-content-purple-02: #ffffff;\n --gds-color-l3-content-green-01: #1b1b1b;\n --gds-color-l3-content-green-02: #ffffff;\n --gds-color-l3-content-blue-01: #1b1b1b;\n --gds-color-l3-content-blue-02: #ffffff;\n --gds-color-l3-content-disabled: #ababab;\n --gds-color-l3-content-positive: #35723d;\n --gds-color-l3-content-negative: #a63e2a;\n --gds-color-l3-border-primary: #1b1b1b;\n --gds-color-l3-border-secondary: #6f6f6f;\n --gds-color-l3-border-tertiary: #d7d7d7;\n --gds-color-l3-border-negative: #a63e2a;\n --gds-color-l3-states-dark-hover: #ffffff 15%;\n --gds-color-l3-states-dark-pressed: #ffffff 25%;\n --gds-color-l3-states-light-hover: #1b1b1b 10%;\n --gds-color-l3-states-light-pressed: #1b1b1b 20%;\n --gds-color-l3-states-positive-hover: #35723d 10%;\n --gds-color-l3-states-positive-pressed: #35723d 20%;\n --gds-color-l3-states-negative-hover: #a63e2a 10%;\n --gds-color-l3-states-negative-pressed: #a63e2a 20%;\n";
1
+ const styles = "/**\n * Do not edit directly\n * Generated on Wed, 16 Apr 2025 11:48:17 GMT\n */\n\ncolor-scheme: light;\n --gds-color-l1-background-primary: #ffffff;\n --gds-color-l1-background-tertiary: #1b1b1b;\n --gds-color-l1-background-secondary: #eeeeee;\n --gds-color-l1-content-positive: #35723d;\n --gds-color-l1-content-negative: #a63e2a;\n --gds-color-l1-content-primary: #1b1b1b;\n --gds-color-l1-content-secondary: #5e5e5e;\n --gds-color-l1-content-tertiary: #ffffff;\n --gds-color-l2-background-primary: #f3f3f3;\n --gds-color-l2-background-secondary: #ffffff;\n --gds-color-l2-background-tertiary: #242424;\n --gds-color-l2-background-positive: #ecf6ed;\n --gds-color-l2-background-negative: #fcecea;\n --gds-color-l2-background-notice: #eaf0f7;\n --gds-color-l2-background-warning: #fcecbc;\n --gds-color-l2-background-information: #e2e2e2;\n --gds-color-l2-background-copper-01: #f2efeb;\n --gds-color-l2-background-copper-02: #332a18;\n --gds-color-l2-background-purple-01: #f3eff7;\n --gds-color-l2-background-purple-02: #372b40;\n --gds-color-l2-background-green-01: #ecf6ed;\n --gds-color-l2-background-green-02: #1d3f22;\n --gds-color-l2-background-blue-01: #eaf0f7;\n --gds-color-l2-background-blue-02: #152c41;\n --gds-color-l2-content-primary: #1b1b1b;\n --gds-color-l2-content-secondary: #5e5e5e;\n --gds-color-l2-content-tertiary: #ffffff;\n --gds-color-l2-content-positive: #35723d;\n --gds-color-l2-content-negative: #a63e2a;\n --gds-color-l2-content-warning: #65581e;\n --gds-color-l2-content-notice: #005fac;\n --gds-color-l2-content-information: #1b1b1b;\n --gds-color-l2-content-copper-01: #1b1b1b;\n --gds-color-l2-content-copper-02: #ffffff;\n --gds-color-l2-content-purple-01: #1b1b1b;\n --gds-color-l2-content-purple-02: #ffffff;\n --gds-color-l2-content-green-01: #1b1b1b;\n --gds-color-l2-content-green-02: #ffffff;\n --gds-color-l2-content-blue-01: #1b1b1b;\n --gds-color-l2-content-blue-02: #ffffff;\n --gds-color-l2-border-primary: #d7d7d7;\n --gds-color-l2-border-secondary: #6f6f6f;\n --gds-color-l2-border-tertiary: #f9f9f9;\n --gds-color-l2-border-quarternary: #1b1b1b;\n --gds-color-l2-border-inversed: #ffffff;\n --gds-color-l3-background-primary: #1b1b1b;\n --gds-color-l3-background-secondary: #e2e2e2;\n --gds-color-l3-background-tertiary: #d7d7d7;\n --gds-color-l3-background-quarternary: #ffffff;\n --gds-color-l3-background-positive: #35723d;\n --gds-color-l3-background-positive-secondary: #d7edd9;\n --gds-color-l3-background-positive-badge: #d7edd9;\n --gds-color-l3-background-negative: #a63e2a;\n --gds-color-l3-background-negative-secondary: #fcecea;\n --gds-color-l3-background-negative-badge: #f8d6d3;\n --gds-color-l3-background-notice: #005fac;\n --gds-color-l3-background-notice-secondary: #d3dfef;\n --gds-color-l3-background-notice-badge: #d3dfef;\n --gds-color-l3-background-warning: #65581e;\n --gds-color-l3-background-warning-secondary: #fadf7b;\n --gds-color-l3-background-warning-badge: #fadf7b;\n --gds-color-l3-background-information: #1b1b1b;\n --gds-color-l3-background-information-secondary: #d7d7d7;\n --gds-color-l3-background-information-badge: #d7d7d7;\n --gds-color-l3-background-buy: #2e6290;\n --gds-color-l3-background-copper-01: #e4ded5;\n --gds-color-l3-background-copper-02: #42361f;\n --gds-color-l3-background-purple-01: #e7deee;\n --gds-color-l3-background-purple-02: #473752;\n --gds-color-l3-background-green-01: #d7edd9;\n --gds-color-l3-background-green-02: #25512b;\n --gds-color-l3-background-blue-01: #d3dfef;\n --gds-color-l3-background-blue-02: #1a3853;\n --gds-color-l3-background-disabled: #f9f9f9;\n --gds-color-l3-background-disabled-secondary: #f3f3f3;\n --gds-color-l3-content-primary: #ffffff;\n --gds-color-l3-content-secondary: #5e5e5e;\n --gds-color-l3-content-tertiary: #1b1b1b;\n --gds-color-l3-content-notice: #005fac;\n --gds-color-l3-content-warning: #65581e;\n --gds-color-l3-content-information: #1b1b1b;\n --gds-color-l3-content-buy: #ffffff;\n --gds-color-l3-content-copper-01: #1b1b1b;\n --gds-color-l3-content-copper-02: #ffffff;\n --gds-color-l3-content-purple-01: #1b1b1b;\n --gds-color-l3-content-purple-02: #ffffff;\n --gds-color-l3-content-green-01: #1b1b1b;\n --gds-color-l3-content-green-02: #ffffff;\n --gds-color-l3-content-blue-01: #1b1b1b;\n --gds-color-l3-content-blue-02: #ffffff;\n --gds-color-l3-content-disabled: #ababab;\n --gds-color-l3-content-positive: #35723d;\n --gds-color-l3-content-negative: #a63e2a;\n --gds-color-l3-border-primary: #1b1b1b;\n --gds-color-l3-border-secondary: #6f6f6f;\n --gds-color-l3-border-tertiary: #d7d7d7;\n --gds-color-l3-border-negative: #a63e2a;\n --gds-color-l3-states-dark-hover: #ffffff 15%;\n --gds-color-l3-states-dark-pressed: #ffffff 25%;\n --gds-color-l3-states-light-hover: #1b1b1b 10%;\n --gds-color-l3-states-light-pressed: #1b1b1b 20%;\n --gds-color-l3-states-positive-hover: #35723d 10%;\n --gds-color-l3-states-positive-pressed: #35723d 20%;\n --gds-color-l3-states-negative-hover: #a63e2a 10%;\n --gds-color-l3-states-negative-pressed: #a63e2a 20%;\n";
2
2
  export default styles;
@@ -1,2 +1,2 @@
1
- const styles = "/**\n * Do not edit directly\n * Generated on Mon, 14 Apr 2025 15:36:17 GMT\n */\n\n:host {\n --gds-sys-motion-duration-slowest: 1.5s;\n --gds-sys-motion-duration-slow: 1s;\n --gds-sys-motion-duration-default: .5s;\n --gds-sys-motion-duration-fast: .4s;\n --gds-sys-motion-duration-fastest: .2s;\n --gds-sys-motion-easing-linear: cubic-bezier(0, 0, 1, 1);\n --gds-sys-motion-easing-ease-out: cubic-bezier(0.22, 1, 0.36, 1);\n --gds-sys-motion-easing-ease-in-out: cubic-bezier(0.83, 0, 0.17, 1);\n --gds-sys-motion-easing-ease-in: cubic-bezier(0.64, 0, 0.78, 0);\n}\n";
1
+ const styles = "/**\n * Do not edit directly\n * Generated on Wed, 16 Apr 2025 11:48:17 GMT\n */\n\n:host {\n --gds-sys-motion-duration-slowest: 1.5s;\n --gds-sys-motion-duration-slow: 1s;\n --gds-sys-motion-duration-default: .5s;\n --gds-sys-motion-duration-fast: .4s;\n --gds-sys-motion-duration-fastest: .2s;\n --gds-sys-motion-easing-linear: cubic-bezier(0, 0, 1, 1);\n --gds-sys-motion-easing-ease-out: cubic-bezier(0.22, 1, 0.36, 1);\n --gds-sys-motion-easing-ease-in-out: cubic-bezier(0.83, 0, 0.17, 1);\n --gds-sys-motion-easing-ease-in: cubic-bezier(0.64, 0, 0.78, 0);\n}\n";
2
2
  export default styles;
@@ -1,2 +1,2 @@
1
- const styles = "/**\n * Do not edit directly\n * Generated on Mon, 14 Apr 2025 15:36:17 GMT\n */\n\n:host {\n--gds-shadow-xs: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.1);\n--gds-shadow-s: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);\n--gds-shadow-m: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.06);\n--gds-shadow-l: 0px 12px 16px -4px rgba(0, 0, 0, 0.08), 0px 4px 6px -2px rgba(0, 0, 0, 0.03);\n--gds-shadow-xl: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);\n}\n";
1
+ const styles = "/**\n * Do not edit directly\n * Generated on Wed, 16 Apr 2025 11:48:17 GMT\n */\n\n:host {\n--gds-shadow-xs: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.1);\n--gds-shadow-s: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);\n--gds-shadow-m: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.06);\n--gds-shadow-l: 0px 12px 16px -4px rgba(0, 0, 0, 0.08), 0px 4px 6px -2px rgba(0, 0, 0, 0.03);\n--gds-shadow-xl: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);\n}\n";
2
2
  export default styles;
@@ -1,2 +1,2 @@
1
- const styles = "/**\n * Do not edit directly\n * Generated on Mon, 14 Apr 2025 15:36:17 GMT\n */\n\n:host {\n --gds-space-max: 999px;\n --gds-space-8xl: 120px;\n --gds-space-7xl: 112px;\n --gds-space-6xl: 96px;\n --gds-space-5xl: 80px;\n --gds-space-4xl: 64px;\n --gds-space-3xl: 48px;\n --gds-space-2xl: 40px;\n --gds-space-xl: 32px;\n --gds-space-l: 24px;\n --gds-space-m: 16px;\n --gds-space-s: 12px;\n --gds-space-xs: 8px;\n --gds-space-2xs: 4px;\n --gds-space-3xs: 2px;\n --gds-space-4xs: 1px;\n --gds-space-0: 0px;\n}\n";
1
+ const styles = "/**\n * Do not edit directly\n * Generated on Wed, 16 Apr 2025 11:48:17 GMT\n */\n\n:host {\n --gds-space-max: 999px;\n --gds-space-8xl: 120px;\n --gds-space-7xl: 112px;\n --gds-space-6xl: 96px;\n --gds-space-5xl: 80px;\n --gds-space-4xl: 64px;\n --gds-space-3xl: 48px;\n --gds-space-2xl: 40px;\n --gds-space-xl: 32px;\n --gds-space-l: 24px;\n --gds-space-m: 16px;\n --gds-space-s: 12px;\n --gds-space-xs: 8px;\n --gds-space-2xs: 4px;\n --gds-space-3xs: 2px;\n --gds-space-4xs: 1px;\n --gds-space-0: 0px;\n}\n";
2
2
  export default styles;
@@ -1,2 +1,2 @@
1
- const styles = "/**\n * Do not edit directly\n * Generated on Mon, 14 Apr 2025 15:36:17 GMT\n */\n\n:host {\n --gds-text-weight-bold: 700;\n --gds-text-weight-medium: 500;\n --gds-text-weight-book: 450;\n --gds-text-weight-regular: 400;\n --gds-text-weight-light: 300;\n --gds-text-size-preamble-xs: 1rem;\n --gds-text-size-preamble-s: 1.125rem;\n --gds-text-size-preamble-m: 1.25rem;\n --gds-text-size-preamble-l: 1.5rem;\n --gds-text-size-preamble-xl: 1.75rem;\n --gds-text-size-preamble-2xl: 2rem;\n --gds-text-size-display-s: 2rem;\n --gds-text-size-display-m: 2.25rem;\n --gds-text-size-display-l: 3rem;\n --gds-text-size-display-xl: 4rem;\n --gds-text-size-display-2xl: 5.125rem;\n --gds-text-size-body-s: 0.875rem;\n --gds-text-size-body-m: 1rem;\n --gds-text-size-body-l: 1.25rem;\n --gds-text-size-detail-xs: 0.75rem;\n --gds-text-size-detail-s: 0.875rem;\n --gds-text-size-detail-m: 1rem;\n --gds-text-size-heading-2xl: 0.875rem;\n --gds-text-size-heading-2xs: 0.875rem;\n --gds-text-size-heading-xs: 1rem;\n --gds-text-size-heading-s: 1.25rem;\n --gds-text-size-heading-m: 1.5rem;\n --gds-text-size-heading-l: 1.75rem;\n --gds-text-size-heading-xl: 2rem;\n --gds-text-line-height-preamble-xs: 1.5rem;\n --gds-text-line-height-preamble-s: 1.625rem;\n --gds-text-line-height-preamble-m: 1.75rem;\n --gds-text-line-height-preamble-l: 2rem;\n --gds-text-line-height-preamble-xl: 2.25rem;\n --gds-text-line-height-preamble-2xl: 2.5rem;\n --gds-text-line-height-display-s: 2.5rem;\n --gds-text-line-height-display-m: 2.75rem;\n --gds-text-line-height-display-l: 3.5rem;\n --gds-text-line-height-display-xl: 4.5rem;\n --gds-text-line-height-display-2xl: 5.625rem;\n --gds-text-line-height-body-s: 1.25rem;\n --gds-text-line-height-body-m: 1.5rem;\n --gds-text-line-height-body-l: 1.625rem;\n --gds-text-line-height-detail-xs: 1rem;\n --gds-text-line-height-detail-s: 1.125rem;\n --gds-text-line-height-detail-m: 1.25rem;\n --gds-text-line-height-heading-2xs: 1.25rem;\n --gds-text-line-height-heading-xs: 1.5rem;\n --gds-text-line-height-heading-s: 1.75rem;\n --gds-text-line-height-heading-m: 2rem;\n --gds-text-line-height-heading-l: 2.5rem;\n --gds-text-line-height-heading-xl: 2.75rem;\n}\n";
1
+ const styles = "/**\n * Do not edit directly\n * Generated on Wed, 16 Apr 2025 11:48:17 GMT\n */\n\n:host {\n --gds-text-weight-bold: 700;\n --gds-text-weight-medium: 500;\n --gds-text-weight-book: 450;\n --gds-text-weight-regular: 400;\n --gds-text-weight-light: 300;\n --gds-text-size-preamble-xs: 1rem;\n --gds-text-size-preamble-s: 1.125rem;\n --gds-text-size-preamble-m: 1.25rem;\n --gds-text-size-preamble-l: 1.5rem;\n --gds-text-size-preamble-xl: 1.75rem;\n --gds-text-size-preamble-2xl: 2rem;\n --gds-text-size-display-s: 2rem;\n --gds-text-size-display-m: 2.25rem;\n --gds-text-size-display-l: 3rem;\n --gds-text-size-display-xl: 4rem;\n --gds-text-size-display-2xl: 5.125rem;\n --gds-text-size-body-s: 0.875rem;\n --gds-text-size-body-m: 1rem;\n --gds-text-size-body-l: 1.25rem;\n --gds-text-size-detail-xs: 0.75rem;\n --gds-text-size-detail-s: 0.875rem;\n --gds-text-size-detail-m: 1rem;\n --gds-text-size-heading-2xl: 0.875rem;\n --gds-text-size-heading-2xs: 0.875rem;\n --gds-text-size-heading-xs: 1rem;\n --gds-text-size-heading-s: 1.25rem;\n --gds-text-size-heading-m: 1.5rem;\n --gds-text-size-heading-l: 1.75rem;\n --gds-text-size-heading-xl: 2rem;\n --gds-text-line-height-preamble-xs: 1.5rem;\n --gds-text-line-height-preamble-s: 1.625rem;\n --gds-text-line-height-preamble-m: 1.75rem;\n --gds-text-line-height-preamble-l: 2rem;\n --gds-text-line-height-preamble-xl: 2.25rem;\n --gds-text-line-height-preamble-2xl: 2.5rem;\n --gds-text-line-height-display-s: 2.5rem;\n --gds-text-line-height-display-m: 2.75rem;\n --gds-text-line-height-display-l: 3.5rem;\n --gds-text-line-height-display-xl: 4.5rem;\n --gds-text-line-height-display-2xl: 5.625rem;\n --gds-text-line-height-body-s: 1.25rem;\n --gds-text-line-height-body-m: 1.5rem;\n --gds-text-line-height-body-l: 1.625rem;\n --gds-text-line-height-detail-xs: 1rem;\n --gds-text-line-height-detail-s: 1.125rem;\n --gds-text-line-height-detail-m: 1.25rem;\n --gds-text-line-height-heading-2xs: 1.25rem;\n --gds-text-line-height-heading-xs: 1.5rem;\n --gds-text-line-height-heading-s: 1.75rem;\n --gds-text-line-height-heading-m: 2rem;\n --gds-text-line-height-heading-l: 2.5rem;\n --gds-text-line-height-heading-xl: 2.75rem;\n}\n";
2
2
  export default styles;
@@ -1,6 +1,6 @@
1
1
  import "../../chunks/chunk.QTSIPXV3.js";
2
2
  import { html as litHtml } from "lit";
3
- const VER_SUFFIX = "-9219bf";
3
+ const VER_SUFFIX = "-304b4b";
4
4
  class ScopedElementRegistry {
5
5
  static get instance() {
6
6
  if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])