@sebgroup/green-core 1.71.2 → 1.72.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/details/details-icon/details-icon.component.d.ts +14 -0
- package/components/details/details-icon/details-icon.component.js +71 -0
- package/components/details/details-icon/details-icon.d.ts +2 -0
- package/components/details/details-icon/details-icon.js +6 -0
- package/components/details/details-icon/details-icon.style.d.ts +1 -0
- package/components/details/details-icon/details-icon.style.js +10 -0
- package/components/details/details.component.d.ts +46 -0
- package/components/details/details.component.js +185 -0
- package/components/details/details.d.ts +2 -0
- package/components/details/details.js +6 -0
- package/components/details/details.styles.d.ts +1 -0
- package/components/details/details.styles.js +112 -0
- package/components/details/index.d.ts +1 -0
- package/components/details/index.js +1 -0
- package/generated/react/details/index.d.ts +385 -0
- package/generated/react/details/index.js +13 -0
- package/generated/react/icons/icon-details/index.d.ts +367 -0
- package/generated/react/icons/icon-details/index.js +13 -0
- package/generated/react/index.d.ts +4 -2
- package/generated/react/index.js +4 -2
- package/package.json +4 -1
- package/tokens/dark.css.js +1 -1
- package/tokens/light.css.js +1 -1
- package/tokens/motion.css.js +1 -1
- package/tokens/shadow.css.js +1 -1
- package/tokens/size.css.js +1 -1
- package/tokens/text.css.js +1 -1
- package/utils/helpers/custom-element-scoping.js +1 -1
|
@@ -0,0 +1,367 @@
|
|
|
1
|
+
import { getReactComponent } from "../../../../utils/react";
|
|
2
|
+
import { GdsIconDetails as GdsIconDetailsClass } from "../../../../components/details/details-icon/details-icon.component";
|
|
3
|
+
export declare const GdsIconDetails: (props: React.ComponentProps<ReturnType<typeof getReactComponent<GdsIconDetailsClass>>>) => import("react").ReactElement<Omit<{
|
|
4
|
+
open?: boolean | undefined;
|
|
5
|
+
render?: (() => any) | undefined;
|
|
6
|
+
updated?: ((changedProperties: Map<string, any>) => void) | undefined;
|
|
7
|
+
gdsElementName?: string | undefined;
|
|
8
|
+
_isUsingTransitionalStyles?: boolean | undefined;
|
|
9
|
+
_dynamicStylesController?: import("../../../../utils/controllers/dynamic-styles-controller").DynamicStylesController | undefined;
|
|
10
|
+
connectedCallback?: (() => void) | undefined;
|
|
11
|
+
disconnectedCallback?: (() => void) | undefined;
|
|
12
|
+
readonly renderOptions?: import("lit-html").RenderOptions | undefined;
|
|
13
|
+
readonly renderRoot?: HTMLElement | DocumentFragment | undefined;
|
|
14
|
+
isUpdatePending?: boolean | undefined;
|
|
15
|
+
hasUpdated?: boolean | undefined;
|
|
16
|
+
addController?: ((controller: import("lit").ReactiveController) => void) | undefined;
|
|
17
|
+
removeController?: ((controller: import("lit").ReactiveController) => void) | undefined;
|
|
18
|
+
attributeChangedCallback?: ((name: string, _old: string | null, value: string | null) => void) | undefined;
|
|
19
|
+
requestUpdate?: ((name?: PropertyKey | undefined, oldValue?: unknown, options?: import("lit").PropertyDeclaration<unknown, unknown> | undefined) => void) | undefined;
|
|
20
|
+
readonly updateComplete?: Promise<boolean> | undefined;
|
|
21
|
+
accessKey?: string | undefined;
|
|
22
|
+
readonly accessKeyLabel?: string | undefined;
|
|
23
|
+
autocapitalize?: string | undefined;
|
|
24
|
+
dir?: string | undefined;
|
|
25
|
+
draggable?: boolean | undefined;
|
|
26
|
+
hidden?: boolean | undefined;
|
|
27
|
+
inert?: boolean | undefined;
|
|
28
|
+
innerText?: string | undefined;
|
|
29
|
+
lang?: string | undefined;
|
|
30
|
+
readonly offsetHeight?: number | undefined;
|
|
31
|
+
readonly offsetLeft?: number | undefined;
|
|
32
|
+
readonly offsetParent?: Element | null | undefined;
|
|
33
|
+
readonly offsetTop?: number | undefined;
|
|
34
|
+
readonly offsetWidth?: number | undefined;
|
|
35
|
+
outerText?: string | undefined;
|
|
36
|
+
popover?: string | null | undefined;
|
|
37
|
+
spellcheck?: boolean | undefined;
|
|
38
|
+
title?: string | undefined;
|
|
39
|
+
translate?: boolean | undefined;
|
|
40
|
+
attachInternals?: (() => ElementInternals) | undefined;
|
|
41
|
+
click?: (() => void) | undefined;
|
|
42
|
+
hidePopover?: (() => void) | undefined;
|
|
43
|
+
showPopover?: (() => void) | undefined;
|
|
44
|
+
togglePopover?: ((force?: boolean | undefined) => boolean) | undefined;
|
|
45
|
+
addEventListener?: {
|
|
46
|
+
<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
|
|
47
|
+
(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
|
|
48
|
+
} | undefined;
|
|
49
|
+
removeEventListener?: {
|
|
50
|
+
<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
|
|
51
|
+
(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
|
|
52
|
+
} | undefined;
|
|
53
|
+
readonly attributes?: NamedNodeMap | undefined;
|
|
54
|
+
readonly classList?: DOMTokenList | undefined;
|
|
55
|
+
className?: string | undefined;
|
|
56
|
+
readonly clientHeight?: number | undefined;
|
|
57
|
+
readonly clientLeft?: number | undefined;
|
|
58
|
+
readonly clientTop?: number | undefined;
|
|
59
|
+
readonly clientWidth?: number | undefined;
|
|
60
|
+
id?: string | undefined;
|
|
61
|
+
readonly localName?: string | undefined;
|
|
62
|
+
readonly namespaceURI?: string | null | undefined;
|
|
63
|
+
onfullscreenchange?: ((this: Element, ev: Event) => any) | null | undefined;
|
|
64
|
+
onfullscreenerror?: ((this: Element, ev: Event) => any) | null | undefined;
|
|
65
|
+
outerHTML?: string | undefined;
|
|
66
|
+
readonly ownerDocument?: Document | undefined;
|
|
67
|
+
readonly part?: DOMTokenList | undefined;
|
|
68
|
+
readonly prefix?: string | null | undefined;
|
|
69
|
+
readonly scrollHeight?: number | undefined;
|
|
70
|
+
scrollLeft?: number | undefined;
|
|
71
|
+
scrollTop?: number | undefined;
|
|
72
|
+
readonly scrollWidth?: number | undefined;
|
|
73
|
+
readonly shadowRoot?: ShadowRoot | null | undefined;
|
|
74
|
+
slot?: string | undefined;
|
|
75
|
+
readonly tagName?: string | undefined;
|
|
76
|
+
attachShadow?: ((init: ShadowRootInit) => ShadowRoot) | undefined;
|
|
77
|
+
checkVisibility?: ((options?: CheckVisibilityOptions | undefined) => boolean) | undefined;
|
|
78
|
+
closest?: {
|
|
79
|
+
<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
|
|
80
|
+
<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
|
|
81
|
+
<K_4 extends keyof MathMLElementTagNameMap>(selector: K_4): MathMLElementTagNameMap[K_4] | null;
|
|
82
|
+
<E extends Element = Element>(selectors: string): E | null;
|
|
83
|
+
} | undefined;
|
|
84
|
+
computedStyleMap?: (() => StylePropertyMapReadOnly) | undefined;
|
|
85
|
+
getAttribute?: ((qualifiedName: string) => string | null) | undefined;
|
|
86
|
+
getAttributeNS?: ((namespace: string | null, localName: string) => string | null) | undefined;
|
|
87
|
+
getAttributeNames?: (() => string[]) | undefined;
|
|
88
|
+
getAttributeNode?: ((qualifiedName: string) => Attr | null) | undefined;
|
|
89
|
+
getAttributeNodeNS?: ((namespace: string | null, localName: string) => Attr | null) | undefined;
|
|
90
|
+
getBoundingClientRect?: (() => DOMRect) | undefined;
|
|
91
|
+
getClientRects?: (() => DOMRectList) | undefined;
|
|
92
|
+
getElementsByClassName?: ((classNames: string) => HTMLCollectionOf<Element>) | undefined;
|
|
93
|
+
getElementsByTagName?: {
|
|
94
|
+
<K_5 extends keyof HTMLElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<HTMLElementTagNameMap[K_5]>;
|
|
95
|
+
<K_6 extends keyof SVGElementTagNameMap>(qualifiedName: K_6): HTMLCollectionOf<SVGElementTagNameMap[K_6]>;
|
|
96
|
+
<K_7 extends keyof MathMLElementTagNameMap>(qualifiedName: K_7): HTMLCollectionOf<MathMLElementTagNameMap[K_7]>;
|
|
97
|
+
<K_8 extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K_8): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K_8]>;
|
|
98
|
+
(qualifiedName: string): HTMLCollectionOf<Element>;
|
|
99
|
+
} | undefined;
|
|
100
|
+
getElementsByTagNameNS?: {
|
|
101
|
+
(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
|
|
102
|
+
(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
|
|
103
|
+
(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
|
|
104
|
+
(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
|
|
105
|
+
} | undefined;
|
|
106
|
+
hasAttribute?: ((qualifiedName: string) => boolean) | undefined;
|
|
107
|
+
hasAttributeNS?: ((namespace: string | null, localName: string) => boolean) | undefined;
|
|
108
|
+
hasAttributes?: (() => boolean) | undefined;
|
|
109
|
+
hasPointerCapture?: ((pointerId: number) => boolean) | undefined;
|
|
110
|
+
insertAdjacentElement?: ((where: InsertPosition, element: Element) => Element | null) | undefined;
|
|
111
|
+
insertAdjacentHTML?: ((position: InsertPosition, text: string) => void) | undefined;
|
|
112
|
+
insertAdjacentText?: ((where: InsertPosition, data: string) => void) | undefined;
|
|
113
|
+
matches?: ((selectors: string) => boolean) | undefined;
|
|
114
|
+
releasePointerCapture?: ((pointerId: number) => void) | undefined;
|
|
115
|
+
removeAttribute?: ((qualifiedName: string) => void) | undefined;
|
|
116
|
+
removeAttributeNS?: ((namespace: string | null, localName: string) => void) | undefined;
|
|
117
|
+
removeAttributeNode?: ((attr: Attr) => Attr) | undefined;
|
|
118
|
+
requestFullscreen?: ((options?: FullscreenOptions | undefined) => Promise<void>) | undefined;
|
|
119
|
+
requestPointerLock?: (() => void) | undefined;
|
|
120
|
+
scroll?: {
|
|
121
|
+
(options?: ScrollToOptions | undefined): void;
|
|
122
|
+
(x: number, y: number): void;
|
|
123
|
+
} | undefined;
|
|
124
|
+
scrollBy?: {
|
|
125
|
+
(options?: ScrollToOptions | undefined): void;
|
|
126
|
+
(x: number, y: number): void;
|
|
127
|
+
} | undefined;
|
|
128
|
+
scrollIntoView?: ((arg?: boolean | ScrollIntoViewOptions | undefined) => void) | undefined;
|
|
129
|
+
scrollTo?: {
|
|
130
|
+
(options?: ScrollToOptions | undefined): void;
|
|
131
|
+
(x: number, y: number): void;
|
|
132
|
+
} | undefined;
|
|
133
|
+
setAttribute?: ((qualifiedName: string, value: string) => void) | undefined;
|
|
134
|
+
setAttributeNS?: ((namespace: string | null, qualifiedName: string, value: string) => void) | undefined;
|
|
135
|
+
setAttributeNode?: ((attr: Attr) => Attr | null) | undefined;
|
|
136
|
+
setAttributeNodeNS?: ((attr: Attr) => Attr | null) | undefined;
|
|
137
|
+
setPointerCapture?: ((pointerId: number) => void) | undefined;
|
|
138
|
+
toggleAttribute?: ((qualifiedName: string, force?: boolean | undefined) => boolean) | undefined;
|
|
139
|
+
webkitMatchesSelector?: ((selectors: string) => boolean) | undefined;
|
|
140
|
+
readonly baseURI?: string | undefined;
|
|
141
|
+
readonly childNodes?: NodeListOf<ChildNode> | undefined;
|
|
142
|
+
readonly firstChild?: ChildNode | null | undefined;
|
|
143
|
+
readonly isConnected?: boolean | undefined;
|
|
144
|
+
readonly lastChild?: ChildNode | null | undefined;
|
|
145
|
+
readonly nextSibling?: ChildNode | null | undefined;
|
|
146
|
+
readonly nodeName?: string | undefined;
|
|
147
|
+
readonly nodeType?: number | undefined;
|
|
148
|
+
nodeValue?: string | null | undefined;
|
|
149
|
+
readonly parentElement?: HTMLElement | null | undefined;
|
|
150
|
+
readonly parentNode?: ParentNode | null | undefined;
|
|
151
|
+
readonly previousSibling?: ChildNode | null | undefined;
|
|
152
|
+
textContent?: string | null | undefined;
|
|
153
|
+
appendChild?: (<T extends Node>(node: T) => T) | undefined;
|
|
154
|
+
cloneNode?: ((deep?: boolean | undefined) => Node) | undefined;
|
|
155
|
+
compareDocumentPosition?: ((other: Node) => number) | undefined;
|
|
156
|
+
contains?: ((other: Node | null) => boolean) | undefined;
|
|
157
|
+
getRootNode?: ((options?: GetRootNodeOptions | undefined) => Node) | undefined;
|
|
158
|
+
hasChildNodes?: (() => boolean) | undefined;
|
|
159
|
+
insertBefore?: (<T_1 extends Node>(node: T_1, child: Node | null) => T_1) | undefined;
|
|
160
|
+
isDefaultNamespace?: ((namespace: string | null) => boolean) | undefined;
|
|
161
|
+
isEqualNode?: ((otherNode: Node | null) => boolean) | undefined;
|
|
162
|
+
isSameNode?: ((otherNode: Node | null) => boolean) | undefined;
|
|
163
|
+
lookupNamespaceURI?: ((prefix: string | null) => string | null) | undefined;
|
|
164
|
+
lookupPrefix?: ((namespace: string | null) => string | null) | undefined;
|
|
165
|
+
normalize?: (() => void) | undefined;
|
|
166
|
+
removeChild?: (<T_2 extends Node>(child: T_2) => T_2) | undefined;
|
|
167
|
+
replaceChild?: (<T_3 extends Node>(node: Node, child: T_3) => T_3) | undefined;
|
|
168
|
+
readonly ELEMENT_NODE?: 1 | undefined;
|
|
169
|
+
readonly ATTRIBUTE_NODE?: 2 | undefined;
|
|
170
|
+
readonly TEXT_NODE?: 3 | undefined;
|
|
171
|
+
readonly CDATA_SECTION_NODE?: 4 | undefined;
|
|
172
|
+
readonly ENTITY_REFERENCE_NODE?: 5 | undefined;
|
|
173
|
+
readonly ENTITY_NODE?: 6 | undefined;
|
|
174
|
+
readonly PROCESSING_INSTRUCTION_NODE?: 7 | undefined;
|
|
175
|
+
readonly COMMENT_NODE?: 8 | undefined;
|
|
176
|
+
readonly DOCUMENT_NODE?: 9 | undefined;
|
|
177
|
+
readonly DOCUMENT_TYPE_NODE?: 10 | undefined;
|
|
178
|
+
readonly DOCUMENT_FRAGMENT_NODE?: 11 | undefined;
|
|
179
|
+
readonly NOTATION_NODE?: 12 | undefined;
|
|
180
|
+
readonly DOCUMENT_POSITION_DISCONNECTED?: 1 | undefined;
|
|
181
|
+
readonly DOCUMENT_POSITION_PRECEDING?: 2 | undefined;
|
|
182
|
+
readonly DOCUMENT_POSITION_FOLLOWING?: 4 | undefined;
|
|
183
|
+
readonly DOCUMENT_POSITION_CONTAINS?: 8 | undefined;
|
|
184
|
+
readonly DOCUMENT_POSITION_CONTAINED_BY?: 16 | undefined;
|
|
185
|
+
readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC?: 32 | undefined;
|
|
186
|
+
dispatchEvent?: ((event: Event) => boolean) | undefined;
|
|
187
|
+
ariaAtomic?: string | null | undefined;
|
|
188
|
+
ariaAutoComplete?: string | null | undefined;
|
|
189
|
+
ariaBusy?: string | null | undefined;
|
|
190
|
+
ariaChecked?: string | null | undefined;
|
|
191
|
+
ariaColCount?: string | null | undefined;
|
|
192
|
+
ariaColIndex?: string | null | undefined;
|
|
193
|
+
ariaColSpan?: string | null | undefined;
|
|
194
|
+
ariaCurrent?: string | null | undefined;
|
|
195
|
+
ariaDescription?: string | null | undefined;
|
|
196
|
+
ariaDisabled?: string | null | undefined;
|
|
197
|
+
ariaExpanded?: string | null | undefined;
|
|
198
|
+
ariaHasPopup?: string | null | undefined;
|
|
199
|
+
ariaHidden?: string | null | undefined;
|
|
200
|
+
ariaInvalid?: string | null | undefined;
|
|
201
|
+
ariaKeyShortcuts?: string | null | undefined;
|
|
202
|
+
ariaLabel?: string | null | undefined;
|
|
203
|
+
ariaLevel?: string | null | undefined;
|
|
204
|
+
ariaLive?: string | null | undefined;
|
|
205
|
+
ariaModal?: string | null | undefined;
|
|
206
|
+
ariaMultiLine?: string | null | undefined;
|
|
207
|
+
ariaMultiSelectable?: string | null | undefined;
|
|
208
|
+
ariaOrientation?: string | null | undefined;
|
|
209
|
+
ariaPlaceholder?: string | null | undefined;
|
|
210
|
+
ariaPosInSet?: string | null | undefined;
|
|
211
|
+
ariaPressed?: string | null | undefined;
|
|
212
|
+
ariaReadOnly?: string | null | undefined;
|
|
213
|
+
ariaRequired?: string | null | undefined;
|
|
214
|
+
ariaRoleDescription?: string | null | undefined;
|
|
215
|
+
ariaRowCount?: string | null | undefined;
|
|
216
|
+
ariaRowIndex?: string | null | undefined;
|
|
217
|
+
ariaRowSpan?: string | null | undefined;
|
|
218
|
+
ariaSelected?: string | null | undefined;
|
|
219
|
+
ariaSetSize?: string | null | undefined;
|
|
220
|
+
ariaSort?: string | null | undefined;
|
|
221
|
+
ariaValueMax?: string | null | undefined;
|
|
222
|
+
ariaValueMin?: string | null | undefined;
|
|
223
|
+
ariaValueNow?: string | null | undefined;
|
|
224
|
+
ariaValueText?: string | null | undefined;
|
|
225
|
+
role?: string | null | undefined;
|
|
226
|
+
animate?: ((keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation) | undefined;
|
|
227
|
+
getAnimations?: ((options?: GetAnimationsOptions | undefined) => Animation[]) | undefined;
|
|
228
|
+
after?: ((...nodes: (string | Node)[]) => void) | undefined;
|
|
229
|
+
before?: ((...nodes: (string | Node)[]) => void) | undefined;
|
|
230
|
+
remove?: (() => void) | undefined;
|
|
231
|
+
replaceWith?: ((...nodes: (string | Node)[]) => void) | undefined;
|
|
232
|
+
innerHTML?: string | undefined;
|
|
233
|
+
readonly nextElementSibling?: Element | null | undefined;
|
|
234
|
+
readonly previousElementSibling?: Element | null | undefined;
|
|
235
|
+
readonly childElementCount?: number | undefined;
|
|
236
|
+
readonly children?: HTMLCollection | undefined;
|
|
237
|
+
readonly firstElementChild?: Element | null | undefined;
|
|
238
|
+
readonly lastElementChild?: Element | null | undefined;
|
|
239
|
+
append?: ((...nodes: (string | Node)[]) => void) | undefined;
|
|
240
|
+
prepend?: ((...nodes: (string | Node)[]) => void) | undefined;
|
|
241
|
+
querySelector?: {
|
|
242
|
+
<K_9 extends keyof HTMLElementTagNameMap>(selectors: K_9): HTMLElementTagNameMap[K_9] | null;
|
|
243
|
+
<K_10 extends keyof SVGElementTagNameMap>(selectors: K_10): SVGElementTagNameMap[K_10] | null;
|
|
244
|
+
<K_11 extends keyof MathMLElementTagNameMap>(selectors: K_11): MathMLElementTagNameMap[K_11] | null;
|
|
245
|
+
<K_12 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_12): HTMLElementDeprecatedTagNameMap[K_12] | null;
|
|
246
|
+
<E_1 extends Element = Element>(selectors: string): E_1 | null;
|
|
247
|
+
} | undefined;
|
|
248
|
+
querySelectorAll?: {
|
|
249
|
+
<K_13 extends keyof HTMLElementTagNameMap>(selectors: K_13): NodeListOf<HTMLElementTagNameMap[K_13]>;
|
|
250
|
+
<K_14 extends keyof SVGElementTagNameMap>(selectors: K_14): NodeListOf<SVGElementTagNameMap[K_14]>;
|
|
251
|
+
<K_15 extends keyof MathMLElementTagNameMap>(selectors: K_15): NodeListOf<MathMLElementTagNameMap[K_15]>;
|
|
252
|
+
<K_16 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_16): NodeListOf<HTMLElementDeprecatedTagNameMap[K_16]>;
|
|
253
|
+
<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
|
|
254
|
+
} | undefined;
|
|
255
|
+
replaceChildren?: ((...nodes: (string | Node)[]) => void) | undefined;
|
|
256
|
+
readonly assignedSlot?: HTMLSlotElement | null | undefined;
|
|
257
|
+
readonly attributeStyleMap?: StylePropertyMap | undefined;
|
|
258
|
+
readonly style?: CSSStyleDeclaration | undefined;
|
|
259
|
+
contentEditable?: string | undefined;
|
|
260
|
+
enterKeyHint?: string | undefined;
|
|
261
|
+
inputMode?: string | undefined;
|
|
262
|
+
readonly isContentEditable?: boolean | undefined;
|
|
263
|
+
onabort?: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null | undefined;
|
|
264
|
+
onanimationcancel?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
|
|
265
|
+
onanimationend?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
|
|
266
|
+
onanimationiteration?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
|
|
267
|
+
onanimationstart?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
|
|
268
|
+
onauxclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
|
|
269
|
+
onbeforeinput?: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null | undefined;
|
|
270
|
+
onbeforetoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
271
|
+
onblur?: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null | undefined;
|
|
272
|
+
oncancel?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
273
|
+
oncanplay?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
274
|
+
oncanplaythrough?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
275
|
+
onchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
276
|
+
onclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
|
|
277
|
+
onclose?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
278
|
+
oncontextmenu?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
|
|
279
|
+
oncopy?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
|
|
280
|
+
oncuechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
281
|
+
oncut?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
|
|
282
|
+
ondblclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
|
|
283
|
+
ondrag?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
|
|
284
|
+
ondragend?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
|
|
285
|
+
ondragenter?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
|
|
286
|
+
ondragleave?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
|
|
287
|
+
ondragover?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
|
|
288
|
+
ondragstart?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
|
|
289
|
+
ondrop?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
|
|
290
|
+
ondurationchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
291
|
+
onemptied?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
292
|
+
onended?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
293
|
+
onerror?: OnErrorEventHandler | undefined;
|
|
294
|
+
onfocus?: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null | undefined;
|
|
295
|
+
onformdata?: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null | undefined;
|
|
296
|
+
ongotpointercapture?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
|
|
297
|
+
oninput?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
298
|
+
oninvalid?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
299
|
+
onkeydown?: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null | undefined;
|
|
300
|
+
onkeypress?: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null | undefined;
|
|
301
|
+
onkeyup?: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null | undefined;
|
|
302
|
+
onload?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
303
|
+
onloadeddata?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
304
|
+
onloadedmetadata?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
305
|
+
onloadstart?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
306
|
+
onlostpointercapture?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
|
|
307
|
+
onmousedown?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
|
|
308
|
+
onmouseenter?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
|
|
309
|
+
onmouseleave?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
|
|
310
|
+
onmousemove?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
|
|
311
|
+
onmouseout?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
|
|
312
|
+
onmouseover?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
|
|
313
|
+
onmouseup?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
|
|
314
|
+
onpaste?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
|
|
315
|
+
onpause?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
316
|
+
onplay?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
317
|
+
onplaying?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
318
|
+
onpointercancel?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
|
|
319
|
+
onpointerdown?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
|
|
320
|
+
onpointerenter?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
|
|
321
|
+
onpointerleave?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
|
|
322
|
+
onpointermove?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
|
|
323
|
+
onpointerout?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
|
|
324
|
+
onpointerover?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
|
|
325
|
+
onpointerup?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
|
|
326
|
+
onprogress?: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null | undefined;
|
|
327
|
+
onratechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
328
|
+
onreset?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
329
|
+
onresize?: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null | undefined;
|
|
330
|
+
onscroll?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
331
|
+
onscrollend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
332
|
+
onsecuritypolicyviolation?: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null | undefined;
|
|
333
|
+
onseeked?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
334
|
+
onseeking?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
335
|
+
onselect?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
336
|
+
onselectionchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
337
|
+
onselectstart?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
338
|
+
onslotchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
339
|
+
onstalled?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
340
|
+
onsubmit?: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null | undefined;
|
|
341
|
+
onsuspend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
342
|
+
ontimeupdate?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
343
|
+
ontoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
344
|
+
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
345
|
+
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
346
|
+
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
347
|
+
ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
348
|
+
ontransitioncancel?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
|
|
349
|
+
ontransitionend?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
|
|
350
|
+
ontransitionrun?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
|
|
351
|
+
ontransitionstart?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
|
|
352
|
+
onvolumechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
353
|
+
onwaiting?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
354
|
+
onwebkitanimationend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
355
|
+
onwebkitanimationiteration?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
356
|
+
onwebkitanimationstart?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
357
|
+
onwebkittransitionend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
|
|
358
|
+
onwheel?: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null | undefined;
|
|
359
|
+
autofocus?: boolean | undefined;
|
|
360
|
+
readonly dataset?: DOMStringMap | undefined;
|
|
361
|
+
nonce?: string | undefined;
|
|
362
|
+
tabIndex?: number | undefined;
|
|
363
|
+
blur?: (() => void) | undefined;
|
|
364
|
+
focus?: ((options?: FocusOptions | undefined) => void) | undefined;
|
|
365
|
+
}, "children"> & {
|
|
366
|
+
children?: import("react").ReactNode;
|
|
367
|
+
} & 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 { GdsIconDetails as GdsIconDetailsClass } from "../../../../components/details/details-icon/details-icon.component.js";
|
|
4
|
+
import { createElement } from "react";
|
|
5
|
+
const GdsIconDetails = (props) => {
|
|
6
|
+
GdsIconDetailsClass.define();
|
|
7
|
+
const JSXElement = getReactComponent("gds-icon-details");
|
|
8
|
+
const propsWithClass = { ...props, class: props.className };
|
|
9
|
+
return createElement(JSXElement, propsWithClass);
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
GdsIconDetails
|
|
13
|
+
};
|
|
@@ -6,6 +6,7 @@ export * from './coachmark/index.js';
|
|
|
6
6
|
export * from './container/index.js';
|
|
7
7
|
export * from './context-menu/index.js';
|
|
8
8
|
export * from './datepicker/index.js';
|
|
9
|
+
export * from './details/index.js';
|
|
9
10
|
export * from './dialog/index.js';
|
|
10
11
|
export * from './div/index.js';
|
|
11
12
|
export * from './divider/index.js';
|
|
@@ -39,9 +40,8 @@ export * from './form-control-footer/index.js';
|
|
|
39
40
|
export * from './form-control-header/index.js';
|
|
40
41
|
export * from './option/index.js';
|
|
41
42
|
export * from './menu-item/index.js';
|
|
43
|
+
export * from './icons/icon-details/index.js';
|
|
42
44
|
export * from './filter-chip/index.js';
|
|
43
|
-
export * from './radio-group/index.js';
|
|
44
|
-
export * from './segment/index.js';
|
|
45
45
|
export * from './icons/icon-airplane-up/index.js';
|
|
46
46
|
export * from './icons/icon-archive/index.js';
|
|
47
47
|
export * from './icons/icon-arrow-box-left/index.js';
|
|
@@ -301,3 +301,5 @@ export * from './icons/icon-warning-sign/index.js';
|
|
|
301
301
|
export * from './icons/icon-zap/index.js';
|
|
302
302
|
export * from './icons/icon-zoom-in/index.js';
|
|
303
303
|
export * from './icons/icon-zoom-out/index.js';
|
|
304
|
+
export * from './radio-group/index.js';
|
|
305
|
+
export * from './segment/index.js';
|
package/generated/react/index.js
CHANGED
|
@@ -6,6 +6,7 @@ export * from "./coachmark/index.js";
|
|
|
6
6
|
export * from "./container/index.js";
|
|
7
7
|
export * from "./context-menu/index.js";
|
|
8
8
|
export * from "./datepicker/index.js";
|
|
9
|
+
export * from "./details/index.js";
|
|
9
10
|
export * from "./dialog/index.js";
|
|
10
11
|
export * from "./div/index.js";
|
|
11
12
|
export * from "./divider/index.js";
|
|
@@ -39,9 +40,8 @@ export * from "./form-control-footer/index.js";
|
|
|
39
40
|
export * from "./form-control-header/index.js";
|
|
40
41
|
export * from "./option/index.js";
|
|
41
42
|
export * from "./menu-item/index.js";
|
|
43
|
+
export * from "./icons/icon-details/index.js";
|
|
42
44
|
export * from "./filter-chip/index.js";
|
|
43
|
-
export * from "./radio-group/index.js";
|
|
44
|
-
export * from "./segment/index.js";
|
|
45
45
|
export * from "./icons/icon-airplane-up/index.js";
|
|
46
46
|
export * from "./icons/icon-archive/index.js";
|
|
47
47
|
export * from "./icons/icon-arrow-box-left/index.js";
|
|
@@ -301,3 +301,5 @@ export * from "./icons/icon-warning-sign/index.js";
|
|
|
301
301
|
export * from "./icons/icon-zap/index.js";
|
|
302
302
|
export * from "./icons/icon-zoom-in/index.js";
|
|
303
303
|
export * from "./icons/icon-zoom-out/index.js";
|
|
304
|
+
export * from "./radio-group/index.js";
|
|
305
|
+
export * from "./segment/index.js";
|
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.
|
|
4
|
+
"version": "1.72.0",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
7
7
|
"type": "module",
|
|
@@ -61,6 +61,9 @@
|
|
|
61
61
|
"./components/datepicker/date-part-spinner.js",
|
|
62
62
|
"./components/datepicker/datepicker.js",
|
|
63
63
|
"./components/datepicker/index.js",
|
|
64
|
+
"./components/details/details-icon/details-icon.js",
|
|
65
|
+
"./components/details/details.js",
|
|
66
|
+
"./components/details/index.js",
|
|
64
67
|
"./components/dialog/dialog.js",
|
|
65
68
|
"./components/dialog/index.js",
|
|
66
69
|
"./components/dialog/scroll-lock.js",
|
package/tokens/dark.css.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const styles = "/**\n * Do not edit directly\n * Generated on
|
|
1
|
+
const styles = "/**\n * Do not edit directly\n * Generated on Fri, 04 Apr 2025 08:10:13 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;
|
package/tokens/light.css.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const styles = "/**\n * Do not edit directly\n * Generated on
|
|
1
|
+
const styles = "/**\n * Do not edit directly\n * Generated on Fri, 04 Apr 2025 08:10:13 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;
|
package/tokens/motion.css.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const styles = "/**\n * Do not edit directly\n * Generated on
|
|
1
|
+
const styles = "/**\n * Do not edit directly\n * Generated on Fri, 04 Apr 2025 08:10:13 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;
|
package/tokens/shadow.css.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const styles = "/**\n * Do not edit directly\n * Generated on
|
|
1
|
+
const styles = "/**\n * Do not edit directly\n * Generated on Fri, 04 Apr 2025 08:10:13 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;
|
package/tokens/size.css.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const styles = "/**\n * Do not edit directly\n * Generated on
|
|
1
|
+
const styles = "/**\n * Do not edit directly\n * Generated on Fri, 04 Apr 2025 08:10:13 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;
|
package/tokens/text.css.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const styles = "/**\n * Do not edit directly\n * Generated on
|
|
1
|
+
const styles = "/**\n * Do not edit directly\n * Generated on Fri, 04 Apr 2025 08:10:13 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;
|