@guildofgleks/ui 21.7.2 → 21.9.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/AGENTS.md +155 -11
- package/CHANGELOG.md +407 -0
- package/README.md +24 -3
- package/TOKENS.md +49 -47
- package/fesm2022/guildofgleks-ui.mjs +345 -48
- package/fesm2022/guildofgleks-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/button.css +165 -0
- package/styles/menu.css +120 -114
- package/styles/presets/bevel.css +87 -82
- package/styles/presets/material.css +122 -111
- package/styles/presets/one-dark.css +14 -2
- package/styles/presets/one-light.css +17 -4
- package/styles/presets/primeng.css +139 -121
- package/styles/presets/slate.css +17 -4
- package/styles/theme.css +447 -94
- package/types/guildofgleks-ui.d.ts +248 -20
|
@@ -6,6 +6,12 @@ import * as _angular_platform_browser from '@angular/platform-browser';
|
|
|
6
6
|
|
|
7
7
|
type GogSize = 'xsm' | 'sm' | 'md' | 'lg' | 'slg';
|
|
8
8
|
type GogVariant = 'primary' | 'secondary' | 'outline' | 'ghost';
|
|
9
|
+
/**
|
|
10
|
+
* The `aria-haspopup` values that make sense on a button, matching the ARIA 1.2 enumeration.
|
|
11
|
+
* `true` is a synonym for `'menu'` in the spec; prefer the specific value, since a screen
|
|
12
|
+
* reader announces it ("has menu", "has dialog").
|
|
13
|
+
*/
|
|
14
|
+
type GogAriaHasPopup = boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
|
|
9
15
|
/**
|
|
10
16
|
* How a surface paints itself, shared by `gog-card` and `gog-panel` so the two agree:
|
|
11
17
|
* - `'outlined'` — a border, no shadow. The quietest, and right for a grid of many.
|
|
@@ -85,7 +91,19 @@ type GogProgressbarMode = 'determinate' | 'indeterminate' | 'buffer';
|
|
|
85
91
|
* "the app is working", which is the accent colour rather than any of the four status hues —
|
|
86
92
|
* so `'accent'` is the default and the status names are the exception.
|
|
87
93
|
*/
|
|
88
|
-
type GogProgressbarVariant =
|
|
94
|
+
type GogProgressbarVariant = GogSeverity;
|
|
95
|
+
/**
|
|
96
|
+
* What an action or a reading *means*, as opposed to how loudly it is drawn. `'accent'` is the
|
|
97
|
+
* absence of a claim — the library's own colour, and the default everywhere this appears — and
|
|
98
|
+
* the four status names are the exception, so nothing has to opt out of a severity it does not
|
|
99
|
+
* have.
|
|
100
|
+
*
|
|
101
|
+
* Deliberately orthogonal to `GogVariant` on `gog-button`: a destructive action can be filled,
|
|
102
|
+
* outlined or a ghost and is destructive in all three, so `severity` says what it does and
|
|
103
|
+
* `variant` says only how much room it takes up. Shared rather than re-declared per component —
|
|
104
|
+
* `gog-progressbar` had this exact union first, under its own name, which is kept as an alias.
|
|
105
|
+
*/
|
|
106
|
+
type GogSeverity = 'accent' | 'success' | 'danger' | 'warning' | 'info';
|
|
89
107
|
/**
|
|
90
108
|
* - `'joined'` — one segmented control, buttons sharing borders (Material's look).
|
|
91
109
|
* - `'separated'` — discrete buttons with a gap between them.
|
|
@@ -117,6 +135,27 @@ type GogInputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' |
|
|
|
117
135
|
|
|
118
136
|
declare class ButtonComponent {
|
|
119
137
|
variant: _angular_core.InputSignal<GogVariant>;
|
|
138
|
+
/**
|
|
139
|
+
* What the action means, as opposed to how loudly the button is drawn. `'accent'` — the
|
|
140
|
+
* default — is the absence of a claim and leaves the button exactly as it was; the four status
|
|
141
|
+
* names paint it in that status's colour.
|
|
142
|
+
*
|
|
143
|
+
* **Orthogonal to `variant`, on purpose.** A destructive action is destructive whether it is
|
|
144
|
+
* filled, outlined or a ghost, so this does not add a fifth variant: it re-points the colours
|
|
145
|
+
* all four are built from. `variant="ghost" severity="danger"` is a quiet delete, and
|
|
146
|
+
* `variant="primary" severity="danger"` is a loud one.
|
|
147
|
+
*
|
|
148
|
+
* ```html
|
|
149
|
+
* <gog-button severity="danger" (gogClick)="deleteAccount()">Delete account</gog-button>
|
|
150
|
+
* <gog-button variant="outline" severity="warning">Discard draft</gog-button>
|
|
151
|
+
* ```
|
|
152
|
+
*
|
|
153
|
+
* A filled severity button's label is `--gog-<status>-text-color`, which each theme states for
|
|
154
|
+
* its own hue; a transparent one's is that hue mixed toward the page's ink until it reads as
|
|
155
|
+
* text, since the raw status colour clears WCAG AA on the page in only five of the eleven
|
|
156
|
+
* shipped themes. Override `--gog-button-<status>-ink` to change it.
|
|
157
|
+
*/
|
|
158
|
+
severity: _angular_core.InputSignal<GogSeverity>;
|
|
120
159
|
/** Unset, falls back to `GOG_CONFIG.control.size`, then to `'md'`. */
|
|
121
160
|
size: _angular_core.InputSignal<GogSize | undefined>;
|
|
122
161
|
disabled: _angular_core.InputSignal<boolean>;
|
|
@@ -144,6 +183,35 @@ declare class ButtonComponent {
|
|
|
144
183
|
* Use this input instead, especially for icon-only buttons.
|
|
145
184
|
*/
|
|
146
185
|
ariaLabel: _angular_core.InputSignal<string | null>;
|
|
186
|
+
/**
|
|
187
|
+
* State and relationship attributes, forwarded to the native `<button>` for the same reason
|
|
188
|
+
* `ariaLabel` is: this component hides the real button, so an `[attr.aria-*]` written on
|
|
189
|
+
* `<gog-button>` lands on the custom element — which has no role — and reaches nothing.
|
|
190
|
+
* It fails silently, with no error and no visible difference.
|
|
191
|
+
*
|
|
192
|
+
* `null` (the default) omits the attribute. `false` is **not** the same as `null` here and is
|
|
193
|
+
* deliberately forwarded: a toggle button in its off state has to say `aria-pressed="false"`,
|
|
194
|
+
* because a button with no `aria-pressed` at all is not a toggle button — it is a button that
|
|
195
|
+
* does something, and a screen reader will describe it as one.
|
|
196
|
+
*
|
|
197
|
+
* ```html
|
|
198
|
+
* <gog-button [ariaPressed]="isRtl()" (gogClick)="toggle()">Mirror</gog-button>
|
|
199
|
+
*
|
|
200
|
+
* <gog-button [ariaExpanded]="isOpen()" ariaControls="filters" ariaHasPopup="dialog">
|
|
201
|
+
* Filters
|
|
202
|
+
* </gog-button>
|
|
203
|
+
* ```
|
|
204
|
+
*
|
|
205
|
+
* The `[gogButton]` directive needs none of this: it styles an element the consumer owns, so
|
|
206
|
+
* `aria-pressed` written there already lands where it should.
|
|
207
|
+
*/
|
|
208
|
+
ariaPressed: _angular_core.InputSignal<boolean | "mixed" | null>;
|
|
209
|
+
/** See `ariaPressed`. `false` renders `aria-expanded="false"`; `null` omits the attribute. */
|
|
210
|
+
ariaExpanded: _angular_core.InputSignal<boolean | null>;
|
|
211
|
+
/** Id of the element this button controls — pairs with `ariaExpanded`. See `ariaPressed`. */
|
|
212
|
+
ariaControls: _angular_core.InputSignal<string | null>;
|
|
213
|
+
/** What this button opens, if anything. See `ariaPressed`. */
|
|
214
|
+
ariaHasPopup: _angular_core.InputSignal<GogAriaHasPopup | null>;
|
|
147
215
|
gogClick: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
148
216
|
/** Fully non-interactive: excluded from tab order via the native `disabled` attribute. */
|
|
149
217
|
protected isNativeDisabled: _angular_core.Signal<boolean>;
|
|
@@ -161,12 +229,18 @@ declare class ButtonComponent {
|
|
|
161
229
|
* Always emitted — `gog-btn` has a rule for every size, `md` included.
|
|
162
230
|
*/
|
|
163
231
|
protected readonly sizeClass: _angular_core.Signal<string>;
|
|
232
|
+
/**
|
|
233
|
+
* Size and severity in one binding, because a template may carry only one `[class]`. `'accent'`
|
|
234
|
+
* emits nothing: it is the absence of a severity, and a `.gog-btn--accent` class would be a
|
|
235
|
+
* selector that has to exist for no reason.
|
|
236
|
+
*/
|
|
237
|
+
protected readonly stateClasses: _angular_core.Signal<string>;
|
|
164
238
|
private readonly destroyRef;
|
|
165
239
|
private readonly click$;
|
|
166
240
|
constructor();
|
|
167
241
|
protected onClick(event: MouseEvent): void;
|
|
168
242
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
169
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "gog-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "ripple": { "alias": "ripple"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "gogClick": "gogClick"; }, never, ["*"], true, never>;
|
|
243
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "gog-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "ripple": { "alias": "ripple"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaPressed": { "alias": "ariaPressed"; "required": false; "isSignal": true; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "ariaControls"; "required": false; "isSignal": true; }; "ariaHasPopup": { "alias": "ariaHasPopup"; "required": false; "isSignal": true; }; }, { "gogClick": "gogClick"; }, never, ["*"], true, never>;
|
|
170
244
|
}
|
|
171
245
|
|
|
172
246
|
/**
|
|
@@ -210,6 +284,27 @@ declare class ButtonComponent {
|
|
|
210
284
|
*/
|
|
211
285
|
declare class GogButtonDirective {
|
|
212
286
|
readonly variant: _angular_core.InputSignal<GogVariant>;
|
|
287
|
+
/**
|
|
288
|
+
* What the action means, as opposed to how loudly the button is drawn. `'accent'` — the
|
|
289
|
+
* default — is the absence of a claim and leaves the button exactly as it was; the four status
|
|
290
|
+
* names paint it in that status's colour.
|
|
291
|
+
*
|
|
292
|
+
* **Orthogonal to `variant`, on purpose.** A destructive action is destructive whether it is
|
|
293
|
+
* filled, outlined or a ghost, so this does not add a fifth variant: it re-points the colours
|
|
294
|
+
* all four are built from. `variant="ghost" severity="danger"` is a quiet delete, and
|
|
295
|
+
* `variant="primary" severity="danger"` is a loud one.
|
|
296
|
+
*
|
|
297
|
+
* ```html
|
|
298
|
+
* <button gogButton severity="danger" type="submit">Delete account</button>
|
|
299
|
+
* <a gogButton variant="outline" severity="warning" routerLink="/drafts">Discard draft</a>
|
|
300
|
+
* ```
|
|
301
|
+
*
|
|
302
|
+
* A filled severity button's label is `--gog-<status>-text-color`, which each theme states for
|
|
303
|
+
* its own hue; a transparent one's is that hue mixed toward the page's ink until it reads as
|
|
304
|
+
* text, since the raw status colour clears WCAG AA on the page in only five of the eleven
|
|
305
|
+
* shipped themes. Override `--gog-button-<status>-ink` to change it.
|
|
306
|
+
*/
|
|
307
|
+
readonly severity: _angular_core.InputSignal<GogSeverity>;
|
|
213
308
|
/** Unset, falls back to `GOG_CONFIG.control.size`, then to `'md'` — as on `gog-button`. */
|
|
214
309
|
readonly size: _angular_core.InputSignal<GogSize | undefined>;
|
|
215
310
|
/**
|
|
@@ -227,6 +322,8 @@ declare class GogButtonDirective {
|
|
|
227
322
|
private readonly rippleControl;
|
|
228
323
|
private readonly resolvedSize;
|
|
229
324
|
protected readonly variantClass: _angular_core.Signal<string>;
|
|
325
|
+
/** Empty for `'accent'` — see `stateClasses` on `gog-button` for why that emits no class. */
|
|
326
|
+
protected readonly severityClass: _angular_core.Signal<string>;
|
|
230
327
|
/**
|
|
231
328
|
* Unlike `gog-button`, this emits a class for `'md'` too. The component can leave the default
|
|
232
329
|
* size unclassed because its own stylesheet bottoms out at `--gog-button-md-*`; here the class is
|
|
@@ -235,7 +332,7 @@ declare class GogButtonDirective {
|
|
|
235
332
|
*/
|
|
236
333
|
protected readonly sizeClass: _angular_core.Signal<string>;
|
|
237
334
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GogButtonDirective, never>;
|
|
238
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GogButtonDirective, "a[gogButton], button[gogButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ripple": { "alias": "ripple"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
335
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GogButtonDirective, "a[gogButton], button[gogButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ripple": { "alias": "ripple"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
239
336
|
}
|
|
240
337
|
|
|
241
338
|
interface GogAccordionItem {
|
|
@@ -2161,7 +2258,7 @@ declare class ProgressbarComponent {
|
|
|
2161
2258
|
/** Secondary level shown behind `value` in `'buffer'` mode — preloaded but not yet played. */
|
|
2162
2259
|
readonly buffer: _angular_core.InputSignal<number>;
|
|
2163
2260
|
readonly mode: _angular_core.InputSignal<GogProgressbarMode>;
|
|
2164
|
-
readonly variant: _angular_core.InputSignal<
|
|
2261
|
+
readonly variant: _angular_core.InputSignal<_guildofgleks_ui.GogSeverity>;
|
|
2165
2262
|
readonly size: _angular_core.InputSignal<GogSize>;
|
|
2166
2263
|
/** Renders the percentage next to the bar. Off by default — most bars sit under a label. */
|
|
2167
2264
|
readonly showValue: _angular_core.InputSignal<boolean>;
|
|
@@ -2997,6 +3094,30 @@ declare class ChipComponent {
|
|
|
2997
3094
|
readonly shape: _angular_core.InputSignal<GogTagShape>;
|
|
2998
3095
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
2999
3096
|
readonly clickable: _angular_core.InputSignal<boolean>;
|
|
3097
|
+
/**
|
|
3098
|
+
* Turns the chip into a filter chip: one you toggle on and off, rather than one you press.
|
|
3099
|
+
*
|
|
3100
|
+
* Three states, and `null` — the default — is the one that keeps every existing chip exactly
|
|
3101
|
+
* as it was: no `aria-pressed`, no selected look, and activating it only emits `gogClick`.
|
|
3102
|
+
* Set it to `false` and the chip becomes a toggle that is currently off; `true` and it is on,
|
|
3103
|
+
* which draws the ring and announces `aria-pressed="true"`. A chip with no `aria-pressed` at
|
|
3104
|
+
* all is not a toggle to a screen reader, which is why "off" has to be `false` rather than
|
|
3105
|
+
* absent.
|
|
3106
|
+
*
|
|
3107
|
+
* It is a `model`, so the chip flips it for you on click, Enter and Space — but only while it
|
|
3108
|
+
* is non-null. Bind it two-way and the row of filters needs no click handler:
|
|
3109
|
+
*
|
|
3110
|
+
* ```html
|
|
3111
|
+
* @for (f of filters(); track f.id) {
|
|
3112
|
+
* <gog-chip [(selected)]="f.on">{{ f.label }}</gog-chip>
|
|
3113
|
+
* }
|
|
3114
|
+
* ```
|
|
3115
|
+
*
|
|
3116
|
+
* `gogClick` still fires, after the flip, so a handler reading `selected()` sees the new
|
|
3117
|
+
* value. If you drive the state yourself from that handler, bind one-way — toggling it there
|
|
3118
|
+
* as well would put it back where it started.
|
|
3119
|
+
*/
|
|
3120
|
+
readonly selected: _angular_core.ModelSignal<boolean | null>;
|
|
3000
3121
|
readonly removable: _angular_core.InputSignal<boolean>;
|
|
3001
3122
|
readonly fullWidth: _angular_core.InputSignal<boolean>;
|
|
3002
3123
|
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
@@ -3013,6 +3134,13 @@ declare class ChipComponent {
|
|
|
3013
3134
|
readonly gogRemove: _angular_core.OutputEmitterRef<void>;
|
|
3014
3135
|
protected readonly hostClasses: _angular_core.Signal<string>;
|
|
3015
3136
|
protected readonly isInteractive: _angular_core.Signal<boolean>;
|
|
3137
|
+
/**
|
|
3138
|
+
* `aria-pressed` needs the `role="button"` it qualifies, so it is written only on a chip that
|
|
3139
|
+
* has one. A selected chip that is disabled keeps its ring — the class does not depend on
|
|
3140
|
+
* this — because "on, and currently unavailable" is a real state and dropping the look would
|
|
3141
|
+
* leave it announced and invisible.
|
|
3142
|
+
*/
|
|
3143
|
+
protected readonly ariaPressed: _angular_core.Signal<"true" | "false" | null>;
|
|
3016
3144
|
private readonly rippleConfigured;
|
|
3017
3145
|
/**
|
|
3018
3146
|
* A chip that is not interactive is a label, and a label answering a press with a wave is a
|
|
@@ -3021,9 +3149,11 @@ declare class ChipComponent {
|
|
|
3021
3149
|
protected readonly rippleEnabled: _angular_core.Signal<boolean>;
|
|
3022
3150
|
protected onChipClick(event: MouseEvent): void;
|
|
3023
3151
|
protected onKeydown(event: KeyboardEvent): void;
|
|
3152
|
+
/** No-op unless `selected` is in play, so a chip that is not a filter is untouched. */
|
|
3153
|
+
private toggleSelected;
|
|
3024
3154
|
protected onRemoveClick(event: MouseEvent): void;
|
|
3025
3155
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
|
|
3026
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "gog-chip", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "removeAriaLabel": { "alias": "removeAriaLabel"; "required": false; "isSignal": true; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; "isSignal": true; }; "avatarAlt": { "alias": "avatarAlt"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "ripple": { "alias": "ripple"; "required": false; "isSignal": true; }; }, { "gogClick": "gogClick"; "gogRemove": "gogRemove"; }, never, ["*"], true, never>;
|
|
3156
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "gog-chip", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "removeAriaLabel": { "alias": "removeAriaLabel"; "required": false; "isSignal": true; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; "isSignal": true; }; "avatarAlt": { "alias": "avatarAlt"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "ripple": { "alias": "ripple"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "gogClick": "gogClick"; "gogRemove": "gogRemove"; }, never, ["*"], true, never>;
|
|
3027
3157
|
}
|
|
3028
3158
|
|
|
3029
3159
|
/**
|
|
@@ -3691,6 +3821,28 @@ declare class ScrollComponent {
|
|
|
3691
3821
|
* then to `true`.
|
|
3692
3822
|
*/
|
|
3693
3823
|
readonly showTrack: _angular_core.InputSignal<boolean | undefined>;
|
|
3824
|
+
/**
|
|
3825
|
+
* Turns a vertical wheel into horizontal scrolling, for the case where the container has
|
|
3826
|
+
* nothing to scroll vertically. Without it, hovering a horizontal-only region and turning the
|
|
3827
|
+
* wheel scrolls the *page* — the browser's own behaviour, and the single most reported thing
|
|
3828
|
+
* about this component.
|
|
3829
|
+
*
|
|
3830
|
+
* Only ever acts when all of this holds, so it cannot take a gesture that was meant for
|
|
3831
|
+
* something else: this viewport is not itself scrollable vertically, the event carries no
|
|
3832
|
+
* horizontal delta of its own (a trackpad or `Shift`+wheel already speaks horizontal and the
|
|
3833
|
+
* browser handles those correctly), `ctrlKey` is clear (that is pinch-zoom), and there is
|
|
3834
|
+
* horizontal room left in the direction of the turn. **That last one is the whole
|
|
3835
|
+
* scroll-chaining story:** once the content is against its end, the event is left alone, so
|
|
3836
|
+
* the page picks it up exactly as it would have. Intercepting unconditionally would make the
|
|
3837
|
+
* wheel go dead over a scrolled-to-the-end region, which is a worse bug than the one this
|
|
3838
|
+
* fixes. `overscrollBehavior: 'contain'` still contains it — that boundary is the browser's
|
|
3839
|
+
* and this never reaches past it.
|
|
3840
|
+
*
|
|
3841
|
+
* Unset, falls back to `GOG_CONFIG.scroll.horizontalWheel`, then to `false`. Off by default
|
|
3842
|
+
* because it changes what an existing `axis="horizontal"` instance does with a gesture it
|
|
3843
|
+
* currently passes on, and one `provideGogConfig` line turns it on everywhere.
|
|
3844
|
+
*/
|
|
3845
|
+
readonly horizontalWheel: _angular_core.InputSignal<boolean | undefined>;
|
|
3694
3846
|
readonly gogScroll: _angular_core.OutputEmitterRef<GogScrollMetrics>;
|
|
3695
3847
|
readonly gogReachStart: _angular_core.OutputEmitterRef<GogScrollDirection>;
|
|
3696
3848
|
readonly gogReachEnd: _angular_core.OutputEmitterRef<GogScrollDirection>;
|
|
@@ -3727,6 +3879,7 @@ declare class ScrollComponent {
|
|
|
3727
3879
|
protected readonly resolvedHideDelay: _angular_core.Signal<number>;
|
|
3728
3880
|
protected readonly resolvedOverscrollBehavior: _angular_core.Signal<GogScrollOverscrollBehavior>;
|
|
3729
3881
|
protected readonly resolvedShowTrack: _angular_core.Signal<boolean>;
|
|
3882
|
+
protected readonly resolvedHorizontalWheel: _angular_core.Signal<boolean>;
|
|
3730
3883
|
/**
|
|
3731
3884
|
* Only applies `resolvedOverscrollBehavior` on an axis that's actually acting as a scroll
|
|
3732
3885
|
* container — on an axis that's `visible` (see viewportOverflowY/X above) there is no
|
|
@@ -3761,6 +3914,12 @@ declare class ScrollComponent {
|
|
|
3761
3914
|
scrollToRight(behavior?: ScrollBehavior): void;
|
|
3762
3915
|
protected onScroll(): void;
|
|
3763
3916
|
protected onActivity(): void;
|
|
3917
|
+
/**
|
|
3918
|
+
* See the `horizontalWheel` input for the rules. Every early return here hands the event back
|
|
3919
|
+
* to the browser untouched, which is the default this feature is a narrow exception to.
|
|
3920
|
+
*/
|
|
3921
|
+
protected onWheel(event: WheelEvent): void;
|
|
3922
|
+
private wheelDeltaToPixels;
|
|
3764
3923
|
protected onTrackPointerDown(event: PointerEvent, axis: GogScrollDirection): void;
|
|
3765
3924
|
protected onThumbPointerDown(event: PointerEvent, axis: GogScrollDirection): void;
|
|
3766
3925
|
protected onThumbPointerMove(event: PointerEvent, axis: GogScrollDirection): void;
|
|
@@ -3773,7 +3932,7 @@ declare class ScrollComponent {
|
|
|
3773
3932
|
private measure;
|
|
3774
3933
|
private checkReach;
|
|
3775
3934
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollComponent, never>;
|
|
3776
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollComponent, "gog-scroll", never, { "axis": { "alias": "axis"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autoHide": { "alias": "autoHide"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "hideDelay"; "required": false; "isSignal": true; }; "reachThreshold": { "alias": "reachThreshold"; "required": false; "isSignal": true; }; "focusable": { "alias": "focusable"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "overscrollBehavior": { "alias": "overscrollBehavior"; "required": false; "isSignal": true; }; "showTrack": { "alias": "showTrack"; "required": false; "isSignal": true; }; }, { "gogScroll": "gogScroll"; "gogReachStart": "gogReachStart"; "gogReachEnd": "gogReachEnd"; }, never, ["*"], true, never>;
|
|
3935
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollComponent, "gog-scroll", never, { "axis": { "alias": "axis"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autoHide": { "alias": "autoHide"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "hideDelay"; "required": false; "isSignal": true; }; "reachThreshold": { "alias": "reachThreshold"; "required": false; "isSignal": true; }; "focusable": { "alias": "focusable"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "overscrollBehavior": { "alias": "overscrollBehavior"; "required": false; "isSignal": true; }; "showTrack": { "alias": "showTrack"; "required": false; "isSignal": true; }; "horizontalWheel": { "alias": "horizontalWheel"; "required": false; "isSignal": true; }; }, { "gogScroll": "gogScroll"; "gogReachStart": "gogReachStart"; "gogReachEnd": "gogReachEnd"; }, never, ["*"], true, never>;
|
|
3777
3936
|
}
|
|
3778
3937
|
|
|
3779
3938
|
declare class SpinnerOverlayComponent {
|
|
@@ -4130,6 +4289,7 @@ declare class TableComponent<T extends object> {
|
|
|
4130
4289
|
}
|
|
4131
4290
|
|
|
4132
4291
|
declare class SpinnerComponent {
|
|
4292
|
+
private readonly globalConfig;
|
|
4133
4293
|
readonly size: _angular_core.InputSignal<GogSize>;
|
|
4134
4294
|
/**
|
|
4135
4295
|
* Covers the viewport with a backdrop while it spins.
|
|
@@ -4146,8 +4306,18 @@ declare class SpinnerComponent {
|
|
|
4146
4306
|
* `runic` and `ring` are built-in presets. Use `custom` to render your own
|
|
4147
4307
|
* markup via content projection — it inherits the size wrapper, overlay
|
|
4148
4308
|
* behaviour, and `--gog-spinner-color` theming, but the visuals are yours.
|
|
4309
|
+
*
|
|
4310
|
+
* Unset, falls back to `GOG_CONFIG.spinner.component` (rendered in place of the preset), then
|
|
4311
|
+
* to `GOG_CONFIG.spinner.variant`, then to `runic`.
|
|
4149
4312
|
*/
|
|
4150
|
-
readonly variant: _angular_core.InputSignal<GogSpinnerVariant>;
|
|
4313
|
+
readonly variant: _angular_core.InputSignal<GogSpinnerVariant | undefined>;
|
|
4314
|
+
/**
|
|
4315
|
+
* The app-wide component, and only when this instance has asked for nothing specific. An
|
|
4316
|
+
* explicit `variant` is a decision about *this* spinner and outranks a default set elsewhere —
|
|
4317
|
+
* which is also what keeps `variant="custom"` projecting the caller's own content.
|
|
4318
|
+
*/
|
|
4319
|
+
protected readonly configComponent: _angular_core.Signal<_angular_core.Type<unknown> | null>;
|
|
4320
|
+
protected readonly resolvedVariant: _angular_core.Signal<GogSpinnerVariant>;
|
|
4151
4321
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpinnerComponent, never>;
|
|
4152
4322
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerComponent, "gog-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "overlay": { "alias": "overlay"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
4153
4323
|
}
|
|
@@ -4312,6 +4482,31 @@ declare class ThemeService {
|
|
|
4312
4482
|
* this — this only fills in what the instance didn't specify itself.
|
|
4313
4483
|
*/
|
|
4314
4484
|
interface GogGlobalConfig {
|
|
4485
|
+
/**
|
|
4486
|
+
* The loading indicator, app-wide.
|
|
4487
|
+
*
|
|
4488
|
+
* `component` is the one config key that carries markup rather than a value, and it is here
|
|
4489
|
+
* because of what it removes: a house spinner otherwise has to be passed into every control
|
|
4490
|
+
* that can show one, and cannot be passed into the ones that render their own. Set it once and
|
|
4491
|
+
* **every** spinner the library draws is yours — `gog-spinner`, `gog-spinner-overlay`, and the
|
|
4492
|
+
* ones inside `gog-button` and `gog-autocomplete`'s loading states, which have no input to
|
|
4493
|
+
* reach. It is rendered through `NgComponentOutlet` inside the size wrapper, so it keeps the
|
|
4494
|
+
* sizing, the overlay behaviour, the `role="status"` and the accessible name; only the visual
|
|
4495
|
+
* is yours.
|
|
4496
|
+
*
|
|
4497
|
+
* Precedence is the library's usual one, with a wrinkle worth stating: an instance's own
|
|
4498
|
+
* `variant` wins over both keys here, `component` wins over `variant`, and the built-in
|
|
4499
|
+
* `runic` is the fallback. So `<gog-spinner variant="ring">` still gets a ring in an app that
|
|
4500
|
+
* has set a component — an instance asking for something specific is not overridden by a
|
|
4501
|
+
* default.
|
|
4502
|
+
*
|
|
4503
|
+
* Applies to: `gog-spinner`, `gog-spinner-overlay`, and the spinners inside `gog-button` and
|
|
4504
|
+
* `gog-autocomplete`.
|
|
4505
|
+
*/
|
|
4506
|
+
spinner?: {
|
|
4507
|
+
component?: Type<unknown>;
|
|
4508
|
+
variant?: GogSpinnerVariant;
|
|
4509
|
+
};
|
|
4315
4510
|
scroll?: {
|
|
4316
4511
|
autoHide?: boolean;
|
|
4317
4512
|
hideDelay?: number;
|
|
@@ -4322,6 +4517,12 @@ interface GogGlobalConfig {
|
|
|
4322
4517
|
* — this is purely the visual affordance. Defaults to `true`.
|
|
4323
4518
|
*/
|
|
4324
4519
|
showTrack?: boolean;
|
|
4520
|
+
/**
|
|
4521
|
+
* Turns a vertical wheel into horizontal scrolling on a `gog-scroll` that has nothing to
|
|
4522
|
+
* scroll vertically. Defaults to `false`; see the component's `horizontalWheel` input for
|
|
4523
|
+
* the conditions it applies under and why it never swallows a gesture at the content's end.
|
|
4524
|
+
*/
|
|
4525
|
+
horizontalWheel?: boolean;
|
|
4325
4526
|
};
|
|
4326
4527
|
button?: {
|
|
4327
4528
|
debounce?: number;
|
|
@@ -4351,7 +4552,11 @@ interface GogGlobalConfig {
|
|
|
4351
4552
|
hideDelay?: number;
|
|
4352
4553
|
position?: GogTooltipPosition;
|
|
4353
4554
|
};
|
|
4354
|
-
/**
|
|
4555
|
+
/**
|
|
4556
|
+
* Applies to `gog-inputfield`, `gog-textarea`, `gog-select`, `gog-multiselect`,
|
|
4557
|
+
* `gog-autocomplete` and `gog-datepicker` — every field that can float a label. All six read
|
|
4558
|
+
* it through the same `GogFloatLabelState`, three of them via `GogDropdownBase`.
|
|
4559
|
+
*/
|
|
4355
4560
|
floatLabel?: {
|
|
4356
4561
|
variant?: GogFloatLabelVariant;
|
|
4357
4562
|
/**
|
|
@@ -4366,32 +4571,55 @@ interface GogGlobalConfig {
|
|
|
4366
4571
|
* literally every one of them: a compact app writes `size="sm"` everywhere, and a
|
|
4367
4572
|
* Reactive-Forms app writes `errorDisplay="auto"` on every field.
|
|
4368
4573
|
*
|
|
4369
|
-
* - `size` applies to `gog-button
|
|
4370
|
-
* `gog-
|
|
4371
|
-
* `gog-
|
|
4372
|
-
*
|
|
4574
|
+
* - `size` applies to `gog-button` and `[gogButton]`, `gog-button-toggle-group`,
|
|
4575
|
+
* `gog-checkbox`, `gog-toggle`, `gog-radio-group`, `gog-inputfield`, `gog-textarea`,
|
|
4576
|
+
* `gog-select`, `gog-multiselect`, `gog-autocomplete` and `gog-datepicker`. Deliberately
|
|
4577
|
+
* **not** to `gog-table`, `gog-accordion` or `gog-paginator` (whose `size` means row/layout
|
|
4578
|
+
* density and whose defaults differ), nor to `gog-spinner`, `gog-skeleton`, `gog-tag` or
|
|
4373
4579
|
* `gog-chip` (sized to fit whatever they sit next to, not to a form's density).
|
|
4374
4580
|
* - `errorDisplay` applies to every control that renders a validation message:
|
|
4375
|
-
* `gog-inputfield`, `gog-textarea`, `gog-select`, `gog-multiselect`, `gog-
|
|
4376
|
-
* and `gog-slider`.
|
|
4581
|
+
* `gog-inputfield`, `gog-textarea`, `gog-select`, `gog-multiselect`, `gog-autocomplete`,
|
|
4582
|
+
* `gog-datepicker`, `gog-radio-group` and `gog-slider`.
|
|
4377
4583
|
*
|
|
4378
4584
|
* A component's own built-in default still applies when this is unset, so setting `size`
|
|
4379
4585
|
* here does not flatten the different defaults those excluded components have.
|
|
4586
|
+
*
|
|
4587
|
+
* **When you add a reader, add it here — and note that "reader" is not the same as "names
|
|
4588
|
+
* the field".** These lists were wrong for four keys until 2026-09-02, always in the same
|
|
4589
|
+
* direction and for the same reason: `gog-select`, `gog-multiselect` and `gog-autocomplete`
|
|
4590
|
+
* resolve `size`/`errorDisplay`/`clearable`/`floatLabel` inside `GogDropdownBase`, and
|
|
4591
|
+
* `gog-datepicker` composes the same state classes directly, so none of the four contains the
|
|
4592
|
+
* `globalConfig.control?.…` expression that a grep for readers finds. Nor does the resolved
|
|
4593
|
+
* value always reach a template by name — `size` arrives as a computed class (`sizeClass`,
|
|
4594
|
+
* `panelSizeClass`) and `dropdown.direction` is consumed by placement code, so "is the
|
|
4595
|
+
* computed referenced in the component's HTML?" answers *no* for components that genuinely
|
|
4596
|
+
* honour the key. Trace the shared state classes, not just the components.
|
|
4380
4597
|
*/
|
|
4381
4598
|
control?: {
|
|
4382
4599
|
size?: GogSize;
|
|
4383
4600
|
errorDisplay?: GogErrorDisplay;
|
|
4384
4601
|
/**
|
|
4385
|
-
* Whether `gog-inputfield`, `gog-textarea`, `gog-select
|
|
4386
|
-
*
|
|
4387
|
-
*
|
|
4602
|
+
* Whether `gog-inputfield`, `gog-textarea`, `gog-select`, `gog-multiselect`,
|
|
4603
|
+
* `gog-autocomplete` and `gog-datepicker` offer a clear button — every control that
|
|
4604
|
+
* composes `GogClearableState`. The button only ever appears once the control actually has
|
|
4605
|
+
* something to clear, so switching this on app-wide adds no permanent chrome.
|
|
4388
4606
|
*
|
|
4389
4607
|
* Component defaults are `false`, except `gog-multiselect`, which had a clear button
|
|
4390
4608
|
* before this input existed and keeps it.
|
|
4391
4609
|
*/
|
|
4392
4610
|
clearable?: boolean;
|
|
4393
4611
|
};
|
|
4394
|
-
/**
|
|
4612
|
+
/**
|
|
4613
|
+
* Applies per field rather than per component, which is why this is not one sentence:
|
|
4614
|
+
*
|
|
4615
|
+
* - `appendToBody` and `direction` reach `gog-select`, `gog-multiselect`,
|
|
4616
|
+
* `gog-autocomplete` (all three through `GogDropdownBase`) and `gog-datepicker`, which
|
|
4617
|
+
* resolves the same pair itself.
|
|
4618
|
+
* - `filter` and `filterPosition` reach `gog-select` and `gog-multiselect` only.
|
|
4619
|
+
* `gog-autocomplete` inherits both inputs from the same base class and renders no filter
|
|
4620
|
+
* box for them — its own text field *is* the filter, so a second search box inside the
|
|
4621
|
+
* panel would be a duplicate. Setting these does nothing to an autocomplete.
|
|
4622
|
+
*/
|
|
4395
4623
|
dropdown?: {
|
|
4396
4624
|
/**
|
|
4397
4625
|
* Whether the panel is rendered into `<body>` instead of inline. Worth setting app-wide
|
|
@@ -4696,7 +4924,7 @@ interface GogDeprecation {
|
|
|
4696
4924
|
declare const GOG_DEPRECATIONS: readonly GogDeprecation[];
|
|
4697
4925
|
|
|
4698
4926
|
/** Every `--gog-*` custom property the library declares or documents as an override point. */
|
|
4699
|
-
type GogTokenName = '--gog-accent-bright' | '--gog-accent-color' | '--gog-accent-dim' | '--gog-accent-pale' | '--gog-accent-text-color' | '--gog-accordion-accent-color' | '--gog-accordion-body-bg' | '--gog-accordion-body-color' | '--gog-accordion-body-font-family' | '--gog-accordion-body-font-size' | '--gog-accordion-body-lift' | '--gog-accordion-body-line-height' | '--gog-accordion-body-padding-bottom' | '--gog-accordion-body-padding-top' | '--gog-accordion-body-radius' | '--gog-accordion-body-transition-duration' | '--gog-accordion-border-color' | '--gog-accordion-border-style' | '--gog-accordion-border-width' | '--gog-accordion-chevron-font-size' | '--gog-accordion-chevron-size' | '--gog-accordion-chevron-transition-duration' | '--gog-accordion-content-gap' | '--gog-accordion-disabled-opacity' | '--gog-accordion-focus-ring-width' | '--gog-accordion-font-family' | '--gog-accordion-font-size' | '--gog-accordion-header-bg' | '--gog-accordion-header-gap' | '--gog-accordion-header-text-transform' | '--gog-accordion-hover-bg' | '--gog-accordion-hover-ring' | '--gog-accordion-letter-spacing' | '--gog-accordion-lg-body-font-size' | '--gog-accordion-lg-body-line-height' | '--gog-accordion-lg-body-padding-bottom' | '--gog-accordion-lg-body-padding-top' | '--gog-accordion-lg-chevron-font-size' | '--gog-accordion-lg-chevron-size' | '--gog-accordion-lg-content-gap' | '--gog-accordion-lg-font-size' | '--gog-accordion-lg-letter-spacing' | '--gog-accordion-lg-padding-x' | '--gog-accordion-lg-padding-y' | '--gog-accordion-md-body-font-size' | '--gog-accordion-md-body-line-height' | '--gog-accordion-md-body-padding-bottom' | '--gog-accordion-md-body-padding-top' | '--gog-accordion-md-chevron-font-size' | '--gog-accordion-md-chevron-size' | '--gog-accordion-md-content-gap' | '--gog-accordion-md-font-size' | '--gog-accordion-md-letter-spacing' | '--gog-accordion-md-padding-x' | '--gog-accordion-md-padding-y' | '--gog-accordion-padding-x' | '--gog-accordion-padding-y' | '--gog-accordion-radius' | '--gog-accordion-slg-body-font-size' | '--gog-accordion-slg-body-line-height' | '--gog-accordion-slg-body-padding-bottom' | '--gog-accordion-slg-body-padding-top' | '--gog-accordion-slg-chevron-font-size' | '--gog-accordion-slg-chevron-size' | '--gog-accordion-slg-content-gap' | '--gog-accordion-slg-font-size' | '--gog-accordion-slg-letter-spacing' | '--gog-accordion-slg-padding-x' | '--gog-accordion-slg-padding-y' | '--gog-accordion-sm-body-font-size' | '--gog-accordion-sm-body-line-height' | '--gog-accordion-sm-body-padding-bottom' | '--gog-accordion-sm-body-padding-top' | '--gog-accordion-sm-chevron-font-size' | '--gog-accordion-sm-chevron-size' | '--gog-accordion-sm-content-gap' | '--gog-accordion-sm-font-size' | '--gog-accordion-sm-letter-spacing' | '--gog-accordion-sm-padding-x' | '--gog-accordion-sm-padding-y' | '--gog-accordion-text-color' | '--gog-accordion-transition-duration' | '--gog-accordion-xsm-body-font-size' | '--gog-accordion-xsm-body-line-height' | '--gog-accordion-xsm-body-padding-bottom' | '--gog-accordion-xsm-body-padding-top' | '--gog-accordion-xsm-chevron-font-size' | '--gog-accordion-xsm-chevron-size' | '--gog-accordion-xsm-content-gap' | '--gog-accordion-xsm-font-size' | '--gog-accordion-xsm-letter-spacing' | '--gog-accordion-xsm-padding-x' | '--gog-accordion-xsm-padding-y' | '--gog-autocomplete-actions-gap' | '--gog-autocomplete-actions-inset' | '--gog-autocomplete-actions-reserve' | '--gog-autocomplete-bg' | '--gog-autocomplete-border-color' | '--gog-autocomplete-border-style' | '--gog-autocomplete-border-width' | '--gog-autocomplete-clear-color' | '--gog-autocomplete-clear-hover-color' | '--gog-autocomplete-clear-icon-ratio' | '--gog-autocomplete-color' | '--gog-autocomplete-disabled-opacity' | '--gog-autocomplete-empty-color' | '--gog-autocomplete-empty-font-size' | '--gog-autocomplete-error-border-color' | '--gog-autocomplete-error-color' | '--gog-autocomplete-error-font-family' | '--gog-autocomplete-error-font-size' | '--gog-autocomplete-field-bg' | '--gog-autocomplete-float-label-in-top' | '--gog-autocomplete-float-label-on-bg' | '--gog-autocomplete-float-label-over-gap' | '--gog-autocomplete-float-label-over-reserve' | '--gog-autocomplete-float-label-reserve' | '--gog-autocomplete-focus-ring-color' | '--gog-autocomplete-focus-ring-offset' | '--gog-autocomplete-focus-ring-width' | '--gog-autocomplete-font-family' | '--gog-autocomplete-font-size' | '--gog-autocomplete-gap' | '--gog-autocomplete-hover-border-color' | '--gog-autocomplete-label-color' | '--gog-autocomplete-label-font-family' | '--gog-autocomplete-label-font-size' | '--gog-autocomplete-label-font-weight' | '--gog-autocomplete-label-letter-spacing' | '--gog-autocomplete-label-text-transform' | '--gog-autocomplete-line-height' | '--gog-autocomplete-min-width' | '--gog-autocomplete-option-color' | '--gog-autocomplete-option-gap' | '--gog-autocomplete-option-height' | '--gog-autocomplete-option-hover-bg' | '--gog-autocomplete-option-hover-color' | '--gog-autocomplete-option-padding' | '--gog-autocomplete-option-radius' | '--gog-autocomplete-option-selected-bg' | '--gog-autocomplete-option-selected-color' | '--gog-autocomplete-options-padding' | '--gog-autocomplete-padding-x' | '--gog-autocomplete-padding-y' | '--gog-autocomplete-panel-bg' | '--gog-autocomplete-panel-border-color' | '--gog-autocomplete-panel-border-style' | '--gog-autocomplete-panel-border-width' | '--gog-autocomplete-panel-gap' | '--gog-autocomplete-panel-max-height' | '--gog-autocomplete-panel-max-width' | '--gog-autocomplete-panel-radius' | '--gog-autocomplete-panel-shadow' | '--gog-autocomplete-placeholder-color' | '--gog-autocomplete-radius' | '--gog-autocomplete-spinner-size' | '--gog-autocomplete-text-color' | '--gog-autocomplete-transition-duration' | '--gog-background-color' | '--gog-badge-bg' | '--gog-badge-border-color' | '--gog-badge-border-style' | '--gog-badge-border-width' | '--gog-badge-color' | '--gog-badge-danger-bg' | '--gog-badge-danger-color' | '--gog-badge-dot-size' | '--gog-badge-font-family' | '--gog-badge-font-size' | '--gog-badge-font-weight' | '--gog-badge-info-bg' | '--gog-badge-info-color' | '--gog-badge-line-height' | '--gog-badge-offset' | '--gog-badge-padding-inline' | '--gog-badge-radius' | '--gog-badge-size' | '--gog-badge-success-bg' | '--gog-badge-success-color' | '--gog-badge-warning-bg' | '--gog-badge-warning-color' | '--gog-badge-z' | '--gog-border-color' | '--gog-border-style' | '--gog-border-width' | '--gog-button-active-scale' | '--gog-button-bg' | '--gog-button-border' | '--gog-button-border-style' | '--gog-button-border-width' | '--gog-button-color' | '--gog-button-disabled-opacity' | '--gog-button-focus-ring-offset' | '--gog-button-focus-ring-width' | '--gog-button-font-family' | '--gog-button-font-weight' | '--gog-button-gap' | '--gog-button-ghost-bg' | '--gog-button-ghost-border' | '--gog-button-ghost-color' | '--gog-button-ghost-hover-bg' | '--gog-button-ghost-hover-color' | '--gog-button-ghost-hover-shadow' | '--gog-button-ghost-shadow' | '--gog-button-ghost-spinner-color' | '--gog-button-hover-bg' | '--gog-button-hover-color' | '--gog-button-hover-shadow' | '--gog-button-letter-spacing' | '--gog-button-lg-font-size' | '--gog-button-lg-padding' | '--gog-button-line-height' | '--gog-button-loading-opacity' | '--gog-button-md-font-size' | '--gog-button-md-padding' | '--gog-button-outline-bg' | '--gog-button-outline-border' | '--gog-button-outline-color' | '--gog-button-outline-hover-bg' | '--gog-button-outline-hover-color' | '--gog-button-outline-hover-shadow' | '--gog-button-outline-shadow' | '--gog-button-outline-spinner-color' | '--gog-button-primary-bg' | '--gog-button-primary-border' | '--gog-button-primary-color' | '--gog-button-primary-hover-bg' | '--gog-button-primary-hover-color' | '--gog-button-primary-hover-shadow' | '--gog-button-primary-shadow' | '--gog-button-primary-spinner-color' | '--gog-button-radius' | '--gog-button-secondary-bg' | '--gog-button-secondary-border' | '--gog-button-secondary-color' | '--gog-button-secondary-hover-bg' | '--gog-button-secondary-hover-color' | '--gog-button-secondary-hover-shadow' | '--gog-button-secondary-shadow' | '--gog-button-secondary-spinner-color' | '--gog-button-shadow' | '--gog-button-slg-font-size' | '--gog-button-slg-padding' | '--gog-button-sm-font-size' | '--gog-button-sm-padding' | '--gog-button-spinner-color' | '--gog-button-spinner-max-size' | '--gog-button-text-transform' | '--gog-button-toggle-bg' | '--gog-button-toggle-border-color' | '--gog-button-toggle-border-style' | '--gog-button-toggle-border-width' | '--gog-button-toggle-color' | '--gog-button-toggle-disabled-opacity' | '--gog-button-toggle-focus-ring-color' | '--gog-button-toggle-focus-ring-offset' | '--gog-button-toggle-focus-ring-width' | '--gog-button-toggle-font-family' | '--gog-button-toggle-font-size' | '--gog-button-toggle-font-weight' | '--gog-button-toggle-gap' | '--gog-button-toggle-hover-bg' | '--gog-button-toggle-hover-color' | '--gog-button-toggle-icon-size' | '--gog-button-toggle-letter-spacing' | '--gog-button-toggle-line-height' | '--gog-button-toggle-padding' | '--gog-button-toggle-radius' | '--gog-button-toggle-rest-bg' | '--gog-button-toggle-rest-color' | '--gog-button-toggle-selected-bg' | '--gog-button-toggle-selected-border-color' | '--gog-button-toggle-selected-color' | '--gog-button-toggle-separated-gap' | '--gog-button-toggle-text-transform' | '--gog-button-toggle-transition-duration' | '--gog-button-transition-duration' | '--gog-button-xsm-font-size' | '--gog-button-xsm-padding' | '--gog-calendar-action-padding' | '--gog-calendar-color' | '--gog-calendar-day-bg' | '--gog-calendar-day-border-style' | '--gog-calendar-day-border-width' | '--gog-calendar-day-color' | '--gog-calendar-day-hover-bg' | '--gog-calendar-day-outside-color' | '--gog-calendar-day-radius' | '--gog-calendar-day-rest-bg' | '--gog-calendar-day-rest-color' | '--gog-calendar-day-size' | '--gog-calendar-disabled-opacity' | '--gog-calendar-divider-color' | '--gog-calendar-divider-style' | '--gog-calendar-divider-width' | '--gog-calendar-focus-ring-color' | '--gog-calendar-focus-ring-offset' | '--gog-calendar-focus-ring-width' | '--gog-calendar-font-family' | '--gog-calendar-footer-gap' | '--gog-calendar-header-gap' | '--gog-calendar-header-margin' | '--gog-calendar-lg-day-size' | '--gog-calendar-lg-font-size' | '--gog-calendar-max-width' | '--gog-calendar-md-day-size' | '--gog-calendar-md-font-size' | '--gog-calendar-months-gap' | '--gog-calendar-nav-bg' | '--gog-calendar-nav-color' | '--gog-calendar-nav-hover-bg' | '--gog-calendar-nav-hover-color' | '--gog-calendar-nav-icon-overlap' | '--gog-calendar-nav-icon-size' | '--gog-calendar-nav-radius' | '--gog-calendar-nav-size' | '--gog-calendar-padding' | '--gog-calendar-range-bg' | '--gog-calendar-range-color' | '--gog-calendar-selected-bg' | '--gog-calendar-selected-color' | '--gog-calendar-selected-font-weight' | '--gog-calendar-slg-day-size' | '--gog-calendar-slg-font-size' | '--gog-calendar-sm-day-size' | '--gog-calendar-sm-font-size' | '--gog-calendar-time-gap' | '--gog-calendar-time-input-bg' | '--gog-calendar-time-input-padding' | '--gog-calendar-time-input-width' | '--gog-calendar-time-margin' | '--gog-calendar-title-color' | '--gog-calendar-title-font-weight' | '--gog-calendar-today-border-color' | '--gog-calendar-today-font-weight' | '--gog-calendar-transition-duration' | '--gog-calendar-weekday-color' | '--gog-calendar-weekday-font-size' | '--gog-calendar-weekday-font-weight' | '--gog-calendar-weekday-padding' | '--gog-calendar-weekday-text-transform' | '--gog-calendar-xsm-day-size' | '--gog-calendar-xsm-font-size' | '--gog-card-bg' | '--gog-card-border-color' | '--gog-card-border-style' | '--gog-card-border-width' | '--gog-card-color' | '--gog-card-disabled-opacity' | '--gog-card-elevated-bg' | '--gog-card-elevated-border-color' | '--gog-card-elevated-shadow' | '--gog-card-filled-bg' | '--gog-card-filled-border-color' | '--gog-card-filled-shadow' | '--gog-card-focus-ring' | '--gog-card-focus-ring-offset' | '--gog-card-focus-ring-width' | '--gog-card-font-family' | '--gog-card-footer-border-color' | '--gog-card-footer-gap' | '--gog-card-footer-padding-top' | '--gog-card-gap' | '--gog-card-heading-color' | '--gog-card-heading-font-family' | '--gog-card-heading-font-size' | '--gog-card-heading-font-weight' | '--gog-card-heading-line-height' | '--gog-card-hover-border-color' | '--gog-card-hover-shadow' | '--gog-card-lg-gap' | '--gog-card-lg-padding-x' | '--gog-card-lg-padding-y' | '--gog-card-md-gap' | '--gog-card-md-padding-x' | '--gog-card-md-padding-y' | '--gog-card-outlined-bg' | '--gog-card-outlined-border-color' | '--gog-card-outlined-shadow' | '--gog-card-padding-x' | '--gog-card-padding-y' | '--gog-card-radius' | '--gog-card-shadow' | '--gog-card-slg-gap' | '--gog-card-slg-padding-x' | '--gog-card-slg-padding-y' | '--gog-card-sm-gap' | '--gog-card-sm-padding-x' | '--gog-card-sm-padding-y' | '--gog-card-transition-duration' | '--gog-card-xsm-gap' | '--gog-card-xsm-padding-x' | '--gog-card-xsm-padding-y' | '--gog-checkbox-bg' | '--gog-checkbox-border-color' | '--gog-checkbox-border-style' | '--gog-checkbox-border-width' | '--gog-checkbox-box-size' | '--gog-checkbox-checked-bg' | '--gog-checkbox-checked-border' | '--gog-checkbox-dash-height' | '--gog-checkbox-dash-radius' | '--gog-checkbox-dash-width-ratio' | '--gog-checkbox-disabled-opacity' | '--gog-checkbox-focus-ring' | '--gog-checkbox-focus-ring-offset' | '--gog-checkbox-focus-ring-width' | '--gog-checkbox-font-family' | '--gog-checkbox-gap' | '--gog-checkbox-icon-color' | '--gog-checkbox-icon-size' | '--gog-checkbox-label-color' | '--gog-checkbox-label-line-height' | '--gog-checkbox-label-size' | '--gog-checkbox-padding' | '--gog-checkbox-radius' | '--gog-checkbox-transition-duration' | '--gog-chip-avatar-inset-ratio' | '--gog-chip-avatar-size' | '--gog-chip-bg' | '--gog-chip-border' | '--gog-chip-border-style' | '--gog-chip-border-width' | '--gog-chip-color' | '--gog-chip-disabled-opacity' | '--gog-chip-focus-ring-offset' | '--gog-chip-focus-ring-width' | '--gog-chip-font-family' | '--gog-chip-font-size' | '--gog-chip-font-weight' | '--gog-chip-gap' | '--gog-chip-hover-bg' | '--gog-chip-icon-size' | '--gog-chip-lg-avatar-size' | '--gog-chip-lg-font-size' | '--gog-chip-lg-gap' | '--gog-chip-lg-icon-size' | '--gog-chip-lg-padding-block' | '--gog-chip-lg-padding-inline' | '--gog-chip-lg-remove-size' | '--gog-chip-line-height' | '--gog-chip-md-avatar-size' | '--gog-chip-md-font-size' | '--gog-chip-md-gap' | '--gog-chip-md-icon-size' | '--gog-chip-md-padding-block' | '--gog-chip-md-padding-inline' | '--gog-chip-md-remove-size' | '--gog-chip-padding-block' | '--gog-chip-padding-inline' | '--gog-chip-pill-radius' | '--gog-chip-radius' | '--gog-chip-remove-color' | '--gog-chip-remove-hover-color' | '--gog-chip-remove-inset-ratio' | '--gog-chip-remove-scale' | '--gog-chip-remove-size' | '--gog-chip-slg-avatar-size' | '--gog-chip-slg-font-size' | '--gog-chip-slg-gap' | '--gog-chip-slg-icon-size' | '--gog-chip-slg-padding-block' | '--gog-chip-slg-padding-inline' | '--gog-chip-slg-remove-size' | '--gog-chip-sm-avatar-size' | '--gog-chip-sm-font-size' | '--gog-chip-sm-gap' | '--gog-chip-sm-icon-size' | '--gog-chip-sm-padding-block' | '--gog-chip-sm-padding-inline' | '--gog-chip-sm-remove-size' | '--gog-chip-xsm-avatar-size' | '--gog-chip-xsm-font-size' | '--gog-chip-xsm-gap' | '--gog-chip-xsm-icon-size' | '--gog-chip-xsm-padding-block' | '--gog-chip-xsm-padding-inline' | '--gog-chip-xsm-remove-size' | '--gog-collapsible-disabled-opacity' | '--gog-collapsible-max-height' | '--gog-collapsible-transition-duration' | '--gog-confirmation-dialog-actions-gap' | '--gog-confirmation-dialog-actions-offset' | '--gog-confirmation-dialog-color' | '--gog-confirmation-dialog-description-color' | '--gog-confirmation-dialog-gap' | '--gog-confirmation-dialog-max-width' | '--gog-confirmation-dialog-min-width' | '--gog-control-border-style' | '--gog-control-border-width' | '--gog-control-checkbox-box-size-lg' | '--gog-control-checkbox-box-size-md' | '--gog-control-checkbox-box-size-slg' | '--gog-control-checkbox-box-size-sm' | '--gog-control-checkbox-box-size-xsm' | '--gog-control-checkbox-icon-size-lg' | '--gog-control-checkbox-icon-size-md' | '--gog-control-checkbox-icon-size-slg' | '--gog-control-checkbox-icon-size-sm' | '--gog-control-checkbox-icon-size-xsm' | '--gog-control-checkbox-label-size-lg' | '--gog-control-checkbox-label-size-md' | '--gog-control-checkbox-label-size-slg' | '--gog-control-checkbox-label-size-sm' | '--gog-control-checkbox-label-size-xsm' | '--gog-control-checkbox-padding' | '--gog-control-icon-offset' | '--gog-control-padding-x' | '--gog-control-padding-y' | '--gog-danger-color' | '--gog-datepicker-actions-gap' | '--gog-datepicker-actions-inset' | '--gog-datepicker-actions-reserve' | '--gog-datepicker-bg' | '--gog-datepicker-border-color' | '--gog-datepicker-border-style' | '--gog-datepicker-border-width' | '--gog-datepicker-clear-color' | '--gog-datepicker-clear-icon-ratio' | '--gog-datepicker-color' | '--gog-datepicker-disabled-opacity' | '--gog-datepicker-error-border-color' | '--gog-datepicker-error-color' | '--gog-datepicker-error-font-family' | '--gog-datepicker-error-font-size' | '--gog-datepicker-field-bg' | '--gog-datepicker-float-label-in-top' | '--gog-datepicker-float-label-on-bg' | '--gog-datepicker-float-label-over-gap' | '--gog-datepicker-float-label-over-reserve' | '--gog-datepicker-float-label-reserve' | '--gog-datepicker-focus-ring-color' | '--gog-datepicker-focus-ring-offset' | '--gog-datepicker-focus-ring-width' | '--gog-datepicker-font-family' | '--gog-datepicker-font-size' | '--gog-datepicker-gap' | '--gog-datepicker-hover-border-color' | '--gog-datepicker-icon-color' | '--gog-datepicker-icon-hover-color' | '--gog-datepicker-label-color' | '--gog-datepicker-label-font-family' | '--gog-datepicker-label-font-size' | '--gog-datepicker-label-letter-spacing' | '--gog-datepicker-label-text-transform' | '--gog-datepicker-line-height' | '--gog-datepicker-min-width' | '--gog-datepicker-padding-x' | '--gog-datepicker-padding-y' | '--gog-datepicker-panel-bg' | '--gog-datepicker-panel-border-color' | '--gog-datepicker-panel-border-style' | '--gog-datepicker-panel-border-width' | '--gog-datepicker-panel-gap' | '--gog-datepicker-panel-radius' | '--gog-datepicker-panel-shadow' | '--gog-datepicker-panel-width' | '--gog-datepicker-placeholder-color' | '--gog-datepicker-radius' | '--gog-datepicker-text-color' | '--gog-datepicker-toggle-icon-size' | '--gog-datepicker-transition-duration' | '--gog-density' | '--gog-dialog-backdrop-bg' | '--gog-dialog-backdrop-blur' | '--gog-dialog-backdrop-fade-duration' | '--gog-dialog-backdrop-padding' | '--gog-dialog-bg' | '--gog-dialog-body-max-height' | '--gog-dialog-body-padding' | '--gog-dialog-border' | '--gog-dialog-border-style' | '--gog-dialog-border-width' | '--gog-dialog-close-color' | '--gog-dialog-close-focus-ring' | '--gog-dialog-close-focus-ring-offset' | '--gog-dialog-close-focus-ring-width' | '--gog-dialog-close-font-size' | '--gog-dialog-close-hover-bg' | '--gog-dialog-close-hover-border' | '--gog-dialog-close-hover-color' | '--gog-dialog-close-size' | '--gog-dialog-color' | '--gog-dialog-enter-distance' | '--gog-dialog-enter-duration' | '--gog-dialog-font-family' | '--gog-dialog-header-border-color' | '--gog-dialog-header-gap' | '--gog-dialog-header-padding' | '--gog-dialog-max-height' | '--gog-dialog-min-width' | '--gog-dialog-offset-x' | '--gog-dialog-offset-y' | '--gog-dialog-radius' | '--gog-dialog-shadow' | '--gog-disabled-opacity' | '--gog-divider-block-spacing' | '--gog-divider-color' | '--gog-divider-dashed-style' | '--gog-divider-dotted-style' | '--gog-divider-inline-spacing' | '--gog-divider-inset-size' | '--gog-divider-label-color' | '--gog-divider-label-font-family' | '--gog-divider-label-font-size' | '--gog-divider-label-font-weight' | '--gog-divider-label-gap' | '--gog-divider-label-line-height' | '--gog-divider-line-color' | '--gog-divider-line-thickness' | '--gog-divider-solid-style' | '--gog-divider-spacing' | '--gog-divider-thickness' | '--gog-divider-vertical-length' | '--gog-dropdown-z' | '--gog-duration-base' | '--gog-duration-fast' | '--gog-duration-slow' | '--gog-easing' | '--gog-elevated-surface-color' | '--gog-field-float-label-in-top' | '--gog-field-float-label-over-gap' | '--gog-field-float-label-over-reserve' | '--gog-field-float-label-reserve' | '--gog-field-icon-glyph' | '--gog-field-icon-glyph-sm' | '--gog-field-icon-glyph-xsm' | '--gog-field-lg-font-size' | '--gog-field-lg-icon-inset' | '--gog-field-lg-icon-offset' | '--gog-field-lg-padding-x' | '--gog-field-lg-padding-y' | '--gog-field-md-font-size' | '--gog-field-md-icon-inset' | '--gog-field-md-icon-offset' | '--gog-field-md-padding-x' | '--gog-field-md-padding-y' | '--gog-field-slg-font-size' | '--gog-field-slg-icon-inset' | '--gog-field-slg-icon-offset' | '--gog-field-slg-padding-x' | '--gog-field-slg-padding-y' | '--gog-field-sm-font-size' | '--gog-field-sm-icon-inset' | '--gog-field-sm-icon-offset' | '--gog-field-sm-padding-x' | '--gog-field-sm-padding-y' | '--gog-field-xsm-font-size' | '--gog-field-xsm-icon-inset' | '--gog-field-xsm-icon-offset' | '--gog-field-xsm-padding-x' | '--gog-field-xsm-padding-y' | '--gog-focus-ring-offset' | '--gog-focus-ring-width' | '--gog-font-body' | '--gog-font-heading' | '--gog-font-mono' | '--gog-hover-color' | '--gog-icon-fallback-size' | '--gog-icon-size' | '--gog-icon-stroke-width' | '--gog-info-color' | '--gog-input-clear-icon-ratio' | '--gog-input-clear-inset' | '--gog-input-clear-radius' | '--gog-input-disabled-opacity' | '--gog-input-error-color' | '--gog-input-error-font-size' | '--gog-input-error-offset' | '--gog-input-field-bg' | '--gog-input-field-border' | '--gog-input-field-border-style' | '--gog-input-field-border-width' | '--gog-input-field-color' | '--gog-input-float-label-in-top' | '--gog-input-float-label-on-bg' | '--gog-input-float-label-over-gap' | '--gog-input-float-label-over-reserve' | '--gog-input-float-label-reserve' | '--gog-input-focus-border' | '--gog-input-focus-glow' | '--gog-input-focus-ring' | '--gog-input-focus-ring-offset' | '--gog-input-focus-ring-width' | '--gog-input-font' | '--gog-input-font-family' | '--gog-input-gap' | '--gog-input-icon-action-radius' | '--gog-input-icon-color' | '--gog-input-icon-focus-ring-width' | '--gog-input-icon-hover-color' | '--gog-input-label-color' | '--gog-input-label-font-family' | '--gog-input-label-font-size' | '--gog-input-label-letter-spacing' | '--gog-input-label-text-transform' | '--gog-input-padding-x' | '--gog-input-padding-y' | '--gog-input-placeholder-color' | '--gog-input-radius' | '--gog-input-spin-hover-bg' | '--gog-input-spin-width' | '--gog-input-transition-duration' | '--gog-letter-spacing' | '--gog-menu-available-height' | '--gog-menu-bg' | '--gog-menu-border-color' | '--gog-menu-border-style' | '--gog-menu-border-width' | '--gog-menu-focus-ring' | '--gog-menu-focus-ring-width' | '--gog-menu-font-family' | '--gog-menu-gap' | '--gog-menu-item-color' | '--gog-menu-item-disabled-color' | '--gog-menu-item-disabled-opacity' | '--gog-menu-item-font-size' | '--gog-menu-item-gap' | '--gog-menu-item-hover-bg' | '--gog-menu-item-hover-color' | '--gog-menu-item-icon-size' | '--gog-menu-item-line-height' | '--gog-menu-item-padding' | '--gog-menu-item-radius' | '--gog-menu-max-height' | '--gog-menu-max-width' | '--gog-menu-min-width' | '--gog-menu-offset' | '--gog-menu-padding' | '--gog-menu-radius' | '--gog-menu-shadow' | '--gog-menu-transition-duration' | '--gog-menu-z' | '--gog-multiselect-actions-gap' | '--gog-multiselect-actions-inset' | '--gog-multiselect-arrow-icon-ratio' | '--gog-multiselect-arrow-transition-duration' | '--gog-multiselect-border-color' | '--gog-multiselect-checkbox-bg' | '--gog-multiselect-checkbox-border' | '--gog-multiselect-checkbox-checked-bg' | '--gog-multiselect-checkbox-checked-color' | '--gog-multiselect-clear-icon-ratio' | '--gog-multiselect-clear-radius' | '--gog-multiselect-controls-gap' | '--gog-multiselect-controls-padding' | '--gog-multiselect-disabled-opacity' | '--gog-multiselect-error-color' | '--gog-multiselect-error-font-size' | '--gog-multiselect-error-offset' | '--gog-multiselect-field-bg' | '--gog-multiselect-field-border' | '--gog-multiselect-field-border-style' | '--gog-multiselect-field-border-width' | '--gog-multiselect-field-color' | '--gog-multiselect-filter-border-color' | '--gog-multiselect-filter-border-style' | '--gog-multiselect-filter-border-width' | '--gog-multiselect-filter-empty-color' | '--gog-multiselect-filter-empty-padding' | '--gog-multiselect-filter-input-bg' | '--gog-multiselect-filter-input-border' | '--gog-multiselect-filter-input-color' | '--gog-multiselect-filter-input-padding-x' | '--gog-multiselect-filter-input-padding-y' | '--gog-multiselect-filter-input-radius' | '--gog-multiselect-filter-padding' | '--gog-multiselect-float-label-in-top' | '--gog-multiselect-float-label-on-bg' | '--gog-multiselect-float-label-over-gap' | '--gog-multiselect-float-label-over-reserve' | '--gog-multiselect-float-label-reserve' | '--gog-multiselect-focus-border' | '--gog-multiselect-focus-glow' | '--gog-multiselect-focus-ring' | '--gog-multiselect-focus-ring-offset' | '--gog-multiselect-focus-ring-width' | '--gog-multiselect-font-family' | '--gog-multiselect-font-size' | '--gog-multiselect-gap' | '--gog-multiselect-label-color' | '--gog-multiselect-label-font-family' | '--gog-multiselect-label-font-size' | '--gog-multiselect-label-letter-spacing' | '--gog-multiselect-label-text-transform' | '--gog-multiselect-mark-icon-ratio' | '--gog-multiselect-mark-size-ratio' | '--gog-multiselect-min-width' | '--gog-multiselect-option-color' | '--gog-multiselect-option-disabled-opacity' | '--gog-multiselect-option-gap' | '--gog-multiselect-option-gap-inline' | '--gog-multiselect-option-height' | '--gog-multiselect-option-hover-bg' | '--gog-multiselect-option-radius' | '--gog-multiselect-option-transition-duration' | '--gog-multiselect-options-padding' | '--gog-multiselect-overflow-color' | '--gog-multiselect-overflow-font-size' | '--gog-multiselect-overflow-gap' | '--gog-multiselect-padding-x' | '--gog-multiselect-padding-y' | '--gog-multiselect-panel-bg' | '--gog-multiselect-panel-border' | '--gog-multiselect-panel-max-height' | '--gog-multiselect-panel-max-width' | '--gog-multiselect-panel-offset' | '--gog-multiselect-panel-shadow' | '--gog-multiselect-placeholder-color' | '--gog-multiselect-radius' | '--gog-multiselect-transition-duration' | '--gog-multiselect-value-color' | '--gog-muted-text-color' | '--gog-paginator-ellipsis-color' | '--gog-paginator-ellipsis-font-family' | '--gog-paginator-ellipsis-font-size' | '--gog-paginator-ellipsis-min-width' | '--gog-paginator-gap' | '--gog-paginator-page-size-min-width' | '--gog-panel-bg' | '--gog-panel-border-color' | '--gog-panel-border-style' | '--gog-panel-border-width' | '--gog-panel-chevron-size' | '--gog-panel-color' | '--gog-panel-disabled-opacity' | '--gog-panel-elevated-bg' | '--gog-panel-elevated-border-color' | '--gog-panel-elevated-shadow' | '--gog-panel-filled-bg' | '--gog-panel-filled-border-color' | '--gog-panel-filled-shadow' | '--gog-panel-focus-ring' | '--gog-panel-focus-ring-offset' | '--gog-panel-focus-ring-width' | '--gog-panel-font-family' | '--gog-panel-footer-border-color' | '--gog-panel-footer-gap' | '--gog-panel-footer-padding-top' | '--gog-panel-gap' | '--gog-panel-header-gap' | '--gog-panel-heading-color' | '--gog-panel-heading-font-family' | '--gog-panel-heading-font-size' | '--gog-panel-heading-font-weight' | '--gog-panel-heading-line-height' | '--gog-panel-lg-gap' | '--gog-panel-lg-padding-x' | '--gog-panel-lg-padding-y' | '--gog-panel-md-gap' | '--gog-panel-md-padding-x' | '--gog-panel-md-padding-y' | '--gog-panel-outlined-bg' | '--gog-panel-outlined-border-color' | '--gog-panel-outlined-shadow' | '--gog-panel-padding-x' | '--gog-panel-padding-y' | '--gog-panel-radius' | '--gog-panel-shadow' | '--gog-panel-slg-gap' | '--gog-panel-slg-padding-x' | '--gog-panel-slg-padding-y' | '--gog-panel-sm-gap' | '--gog-panel-sm-padding-x' | '--gog-panel-sm-padding-y' | '--gog-panel-toggle-color' | '--gog-panel-toggle-hover-bg' | '--gog-panel-toggle-radius' | '--gog-panel-toggle-size' | '--gog-panel-transition-duration' | '--gog-panel-xsm-gap' | '--gog-panel-xsm-padding-x' | '--gog-panel-xsm-padding-y' | '--gog-primary-color' | '--gog-progressbar-accent-bg' | '--gog-progressbar-accent-buffer-bg' | '--gog-progressbar-buffer-bg' | '--gog-progressbar-danger-bg' | '--gog-progressbar-danger-buffer-bg' | '--gog-progressbar-fill-bg' | '--gog-progressbar-height' | '--gog-progressbar-indeterminate-duration' | '--gog-progressbar-indeterminate-easing' | '--gog-progressbar-info-bg' | '--gog-progressbar-info-buffer-bg' | '--gog-progressbar-lg-height' | '--gog-progressbar-md-height' | '--gog-progressbar-radius' | '--gog-progressbar-slg-height' | '--gog-progressbar-sm-height' | '--gog-progressbar-stripe-color' | '--gog-progressbar-stripe-size' | '--gog-progressbar-success-bg' | '--gog-progressbar-success-buffer-bg' | '--gog-progressbar-track-base-bg' | '--gog-progressbar-track-bg' | '--gog-progressbar-transition-duration' | '--gog-progressbar-value-color' | '--gog-progressbar-value-font-family' | '--gog-progressbar-value-font-size' | '--gog-progressbar-value-gap' | '--gog-progressbar-value-min-width' | '--gog-progressbar-warning-bg' | '--gog-progressbar-warning-buffer-bg' | '--gog-progressbar-xsm-height' | '--gog-radio-bg' | '--gog-radio-border-color' | '--gog-radio-border-style' | '--gog-radio-border-width' | '--gog-radio-box-size' | '--gog-radio-checked-bg' | '--gog-radio-checked-border' | '--gog-radio-disabled-opacity' | '--gog-radio-dot-color' | '--gog-radio-dot-size-ratio' | '--gog-radio-error-color' | '--gog-radio-error-font-size' | '--gog-radio-focus-ring' | '--gog-radio-focus-ring-offset' | '--gog-radio-focus-ring-width' | '--gog-radio-font-family' | '--gog-radio-gap' | '--gog-radio-group-gap' | '--gog-radio-group-label-color' | '--gog-radio-group-label-size' | '--gog-radio-group-option-gap' | '--gog-radio-group-option-gap-horizontal' | '--gog-radio-label-color' | '--gog-radio-label-line-height' | '--gog-radio-label-size' | '--gog-radio-padding' | '--gog-radio-transition-duration' | '--gog-radius' | '--gog-ripple-color' | '--gog-ripple-easing' | '--gog-ripple-enter-duration' | '--gog-ripple-exit-duration' | '--gog-ripple-opacity' | '--gog-scroll-corner-bg' | '--gog-scroll-fade-duration' | '--gog-scroll-focus-ring' | '--gog-scroll-focus-ring-width' | '--gog-scroll-normal-thumb-hit-padding' | '--gog-scroll-normal-thumb-min-size' | '--gog-scroll-normal-track-width' | '--gog-scroll-thin-thumb-hit-padding' | '--gog-scroll-thin-thumb-min-size' | '--gog-scroll-thin-track-width' | '--gog-scroll-thumb-active-bg' | '--gog-scroll-thumb-bg' | '--gog-scroll-thumb-hover-bg' | '--gog-scroll-thumb-inset' | '--gog-scroll-thumb-radius' | '--gog-scroll-track-bg' | '--gog-scroll-track-radius' | '--gog-secondary-color' | '--gog-select-chevron-color' | '--gog-select-chevron-icon-ratio' | '--gog-select-chevron-inset' | '--gog-select-clear-color' | '--gog-select-clear-gap' | '--gog-select-clear-hover-color' | '--gog-select-clear-icon-ratio' | '--gog-select-clear-radius' | '--gog-select-control-font' | '--gog-select-control-gap' | '--gog-select-control-padding-x' | '--gog-select-control-padding-y' | '--gog-select-disabled-opacity' | '--gog-select-error-color' | '--gog-select-error-font-size' | '--gog-select-field-bg' | '--gog-select-field-border' | '--gog-select-field-border-style' | '--gog-select-field-border-width' | '--gog-select-field-color' | '--gog-select-filter-border-color' | '--gog-select-filter-border-style' | '--gog-select-filter-border-width' | '--gog-select-filter-empty-color' | '--gog-select-filter-empty-padding' | '--gog-select-filter-input-bg' | '--gog-select-filter-input-border' | '--gog-select-filter-input-color' | '--gog-select-filter-input-padding-x' | '--gog-select-filter-input-padding-y' | '--gog-select-filter-input-radius' | '--gog-select-filter-padding' | '--gog-select-float-label-in-top' | '--gog-select-float-label-on-bg' | '--gog-select-float-label-over-gap' | '--gog-select-float-label-over-reserve' | '--gog-select-float-label-reserve' | '--gog-select-focus-border' | '--gog-select-focus-glow' | '--gog-select-focus-ring' | '--gog-select-focus-ring-offset' | '--gog-select-focus-ring-width' | '--gog-select-font-family' | '--gog-select-gap' | '--gog-select-label-color' | '--gog-select-label-font-family' | '--gog-select-label-font-size' | '--gog-select-label-letter-spacing' | '--gog-select-label-text-transform' | '--gog-select-mark-icon-ratio' | '--gog-select-mark-size-ratio' | '--gog-select-min-width' | '--gog-select-option-color' | '--gog-select-option-disabled-opacity' | '--gog-select-option-gap' | '--gog-select-option-height' | '--gog-select-option-hover-bg' | '--gog-select-option-selected-color' | '--gog-select-option-transition-duration' | '--gog-select-panel-bg' | '--gog-select-panel-max-height' | '--gog-select-panel-max-width' | '--gog-select-panel-offset' | '--gog-select-panel-shadow' | '--gog-select-placeholder-color' | '--gog-select-radius' | '--gog-select-transition-duration' | '--gog-skeleton-base' | '--gog-skeleton-circle-size-lg' | '--gog-skeleton-circle-size-md' | '--gog-skeleton-circle-size-slg' | '--gog-skeleton-circle-size-sm' | '--gog-skeleton-circle-size-xsm' | '--gog-skeleton-line-gap' | '--gog-skeleton-line-height-lg' | '--gog-skeleton-line-height-md' | '--gog-skeleton-line-height-slg' | '--gog-skeleton-line-height-sm' | '--gog-skeleton-line-height-xsm' | '--gog-skeleton-line-radius' | '--gog-skeleton-pulse-duration' | '--gog-skeleton-pulse-min-opacity' | '--gog-skeleton-radius' | '--gog-skeleton-rect-height-lg' | '--gog-skeleton-rect-height-md' | '--gog-skeleton-rect-height-slg' | '--gog-skeleton-rect-height-sm' | '--gog-skeleton-rect-height-xsm' | '--gog-skeleton-shine' | '--gog-skeleton-short-line-width' | '--gog-skeleton-square-radius' | '--gog-skeleton-wave-duration' | '--gog-slider-auto-width' | '--gog-slider-disabled-opacity' | '--gog-slider-error-color' | '--gog-slider-error-font-family' | '--gog-slider-error-font-size' | '--gog-slider-fill-bg' | '--gog-slider-focus-ring' | '--gog-slider-focus-ring-width' | '--gog-slider-gap' | '--gog-slider-label-color' | '--gog-slider-label-font-family' | '--gog-slider-label-font-size' | '--gog-slider-label-letter-spacing' | '--gog-slider-label-text-transform' | '--gog-slider-range-color' | '--gog-slider-range-font-size' | '--gog-slider-thumb-bg' | '--gog-slider-thumb-border' | '--gog-slider-thumb-border-width' | '--gog-slider-thumb-glow-size' | '--gog-slider-thumb-radius' | '--gog-slider-thumb-shadow' | '--gog-slider-thumb-size' | '--gog-slider-track-area-height' | '--gog-slider-track-bg' | '--gog-slider-track-border-color' | '--gog-slider-track-border-style' | '--gog-slider-track-border-width' | '--gog-slider-track-height' | '--gog-slider-track-radius' | '--gog-slider-value-color' | '--gog-slider-value-font-family' | '--gog-slider-value-font-size' | '--gog-slider-value-min-width' | '--gog-slider-vertical-length' | '--gog-space-10' | '--gog-space-12' | '--gog-space-14' | '--gog-space-16' | '--gog-space-18' | '--gog-space-2' | '--gog-space-20' | '--gog-space-24' | '--gog-space-28' | '--gog-space-2xl' | '--gog-space-32' | '--gog-space-4' | '--gog-space-48' | '--gog-space-6' | '--gog-space-8' | '--gog-space-lg' | '--gog-space-md' | '--gog-space-sm' | '--gog-space-xs' | '--gog-spinner-arc-inner-color' | '--gog-spinner-arc-inner-dash' | '--gog-spinner-arc-inner-glow' | '--gog-spinner-arc-inner-opacity' | '--gog-spinner-arc-inner-pulse-opacity' | '--gog-spinner-arc-inner-stroke-compact' | '--gog-spinner-arc-outer-color' | '--gog-spinner-arc-outer-dash' | '--gog-spinner-arc-outer-glow' | '--gog-spinner-arc-outer-pulse-opacity' | '--gog-spinner-diamond-color' | '--gog-spinner-diamond-glow' | '--gog-spinner-diamond-opacity' | '--gog-spinner-glow-color' | '--gog-spinner-overlay-bg' | '--gog-spinner-overlay-blur' | '--gog-spinner-overlay-fade-duration' | '--gog-spinner-overlay-z' | '--gog-spinner-pulse-duration' | '--gog-spinner-ring-duration' | '--gog-spinner-ring-glow' | '--gog-spinner-ring-padding' | '--gog-spinner-rune-color' | '--gog-spinner-rune-font-family' | '--gog-spinner-rune-glow' | '--gog-spinner-rune-pulse-opacity' | '--gog-spinner-rune-size' | '--gog-spinner-size-lg' | '--gog-spinner-size-md' | '--gog-spinner-size-slg' | '--gog-spinner-size-sm' | '--gog-spinner-size-xsm' | '--gog-spinner-spin-duration' | '--gog-spinner-spin-slow-duration' | '--gog-spinner-ticks-duration' | '--gog-spinner-track-color' | '--gog-spinner-track-opacity' | '--gog-success-color' | '--gog-surface-color' | '--gog-table-accent-bright' | '--gog-table-accent-color' | '--gog-table-border-color' | '--gog-table-border-style' | '--gog-table-border-width' | '--gog-table-empty-font-size' | '--gog-table-empty-padding' | '--gog-table-focus-ring' | '--gog-table-focus-ring-width' | '--gog-table-font-family' | '--gog-table-footer-gap' | '--gog-table-footer-min-height' | '--gog-table-gap' | '--gog-table-header-bg' | '--gog-table-header-font-family' | '--gog-table-header-letter-spacing' | '--gog-table-header-text-transform' | '--gog-table-hover-bg' | '--gog-table-lg-padding-v' | '--gog-table-lg-td-font-size' | '--gog-table-lg-th-font-size' | '--gog-table-loading-opacity' | '--gog-table-loading-padding' | '--gog-table-md-padding-v' | '--gog-table-md-td-font-size' | '--gog-table-md-th-font-size' | '--gog-table-muted-color' | '--gog-table-num-col-width' | '--gog-table-num-font-size' | '--gog-table-numeric-font-family' | '--gog-table-padding-h' | '--gog-table-row-border-width' | '--gog-table-row-transition-duration' | '--gog-table-select-col-width' | '--gog-table-selected-bg' | '--gog-table-slg-padding-v' | '--gog-table-slg-td-font-size' | '--gog-table-slg-th-font-size' | '--gog-table-sm-padding-v' | '--gog-table-sm-td-font-size' | '--gog-table-sm-th-font-size' | '--gog-table-sort-icon-opacity' | '--gog-table-sort-icon-size' | '--gog-table-sort-icon-width' | '--gog-table-surface' | '--gog-table-td-font-size' | '--gog-table-td-padding-v' | '--gog-table-text-color' | '--gog-table-th-font-size' | '--gog-table-th-inner-gap' | '--gog-table-th-padding-v' | '--gog-table-total-font-size' | '--gog-table-total-letter-spacing' | '--gog-table-total-text-transform' | '--gog-table-xsm-padding-v' | '--gog-table-xsm-td-font-size' | '--gog-table-xsm-th-font-size' | '--gog-tabs-active-color' | '--gog-tabs-disabled-opacity' | '--gog-tabs-focus-ring-color' | '--gog-tabs-focus-ring-offset' | '--gog-tabs-focus-ring-width' | '--gog-tabs-font-family' | '--gog-tabs-font-weight' | '--gog-tabs-gap' | '--gog-tabs-header-border-color' | '--gog-tabs-header-border-style' | '--gog-tabs-header-border-width' | '--gog-tabs-hover-color' | '--gog-tabs-icon-size' | '--gog-tabs-indicator-color' | '--gog-tabs-indicator-radius' | '--gog-tabs-indicator-thickness' | '--gog-tabs-letter-spacing' | '--gog-tabs-lg-font-size' | '--gog-tabs-lg-padding' | '--gog-tabs-line-height' | '--gog-tabs-md-font-size' | '--gog-tabs-md-padding' | '--gog-tabs-panel-color' | '--gog-tabs-panel-padding' | '--gog-tabs-rest-bg' | '--gog-tabs-rest-color' | '--gog-tabs-slg-font-size' | '--gog-tabs-slg-padding' | '--gog-tabs-sm-font-size' | '--gog-tabs-sm-padding' | '--gog-tabs-tab-bg' | '--gog-tabs-tab-color' | '--gog-tabs-tab-font-size' | '--gog-tabs-tab-gap' | '--gog-tabs-tab-padding' | '--gog-tabs-text-transform' | '--gog-tabs-transition-duration' | '--gog-tabs-xsm-font-size' | '--gog-tabs-xsm-padding' | '--gog-tag-accent' | '--gog-tag-bg' | '--gog-tag-bg-base' | '--gog-tag-bg-mix' | '--gog-tag-border' | '--gog-tag-border-style' | '--gog-tag-border-width' | '--gog-tag-color' | '--gog-tag-color-base' | '--gog-tag-color-mix' | '--gog-tag-danger-color' | '--gog-tag-default-color' | '--gog-tag-font-family' | '--gog-tag-font-size' | '--gog-tag-font-weight' | '--gog-tag-gap' | '--gog-tag-icon-size' | '--gog-tag-info-color' | '--gog-tag-inner-border-width' | '--gog-tag-lg-font-size' | '--gog-tag-lg-gap' | '--gog-tag-lg-icon-size' | '--gog-tag-lg-padding-block' | '--gog-tag-lg-padding-inline' | '--gog-tag-line-height' | '--gog-tag-md-font-size' | '--gog-tag-md-gap' | '--gog-tag-md-icon-size' | '--gog-tag-md-padding-block' | '--gog-tag-md-padding-inline' | '--gog-tag-padding-block' | '--gog-tag-padding-inline' | '--gog-tag-pill-radius' | '--gog-tag-radius' | '--gog-tag-slg-font-size' | '--gog-tag-slg-gap' | '--gog-tag-slg-icon-size' | '--gog-tag-slg-padding-block' | '--gog-tag-slg-padding-inline' | '--gog-tag-sm-font-size' | '--gog-tag-sm-gap' | '--gog-tag-sm-icon-size' | '--gog-tag-sm-padding-block' | '--gog-tag-sm-padding-inline' | '--gog-tag-success-color' | '--gog-tag-warning-color' | '--gog-tag-xsm-font-size' | '--gog-tag-xsm-gap' | '--gog-tag-xsm-icon-size' | '--gog-tag-xsm-padding-block' | '--gog-tag-xsm-padding-inline' | '--gog-text-2xl' | '--gog-text-3xl' | '--gog-text-color' | '--gog-text-lg' | '--gog-text-md' | '--gog-text-sm' | '--gog-text-transform' | '--gog-text-xl' | '--gog-text-xs' | '--gog-textarea-clear-icon-ratio' | '--gog-textarea-resize-grip-color' | '--gog-textarea-resize-grip-offset' | '--gog-textarea-resize-grip-opacity' | '--gog-textarea-resize-grip-size' | '--gog-textarea-resize-grip-stripe-gap' | '--gog-textarea-resize-grip-stripe-width' | '--gog-textarea-resize-inset-bottom' | '--gog-textarea-resize-inset-right' | '--gog-textarea-scrollbar-width' | '--gog-toast-accent-width' | '--gog-toast-action-font-size' | '--gog-toast-action-padding' | '--gog-toast-actions-gap' | '--gog-toast-base-z' | '--gog-toast-bg' | '--gog-toast-border' | '--gog-toast-close-font-size' | '--gog-toast-close-padding' | '--gog-toast-color' | '--gog-toast-content-gap' | '--gog-toast-enter-distance' | '--gog-toast-error-color' | '--gog-toast-font-family' | '--gog-toast-gap' | '--gog-toast-icon-color' | '--gog-toast-icon-line-height' | '--gog-toast-icon-size' | '--gog-toast-info-color' | '--gog-toast-main-gap' | '--gog-toast-max-width' | '--gog-toast-message-font-size' | '--gog-toast-message-line-height' | '--gog-toast-min-width' | '--gog-toast-padding' | '--gog-toast-progress-height' | '--gog-toast-progress-opacity' | '--gog-toast-radius' | '--gog-toast-shadow' | '--gog-toast-stack-expanded-gap' | '--gog-toast-stack-max-depth' | '--gog-toast-stack-min-opacity' | '--gog-toast-stack-opacity-step' | '--gog-toast-stack-padding' | '--gog-toast-stack-peek' | '--gog-toast-stack-scale-step' | '--gog-toast-success-color' | '--gog-toast-transition-duration' | '--gog-toast-warning-color' | '--gog-toast-z-index' | '--gog-toggle-border-color' | '--gog-toggle-border-style' | '--gog-toggle-border-width' | '--gog-toggle-disabled-opacity' | '--gog-toggle-focus-ring-color' | '--gog-toggle-focus-ring-offset' | '--gog-toggle-focus-ring-width' | '--gog-toggle-font-family' | '--gog-toggle-gap' | '--gog-toggle-label-color' | '--gog-toggle-label-line-height' | '--gog-toggle-lg-label-size' | '--gog-toggle-lg-state-font-size' | '--gog-toggle-lg-thumb-size' | '--gog-toggle-lg-track-height' | '--gog-toggle-lg-track-width' | '--gog-toggle-md-label-size' | '--gog-toggle-md-state-font-size' | '--gog-toggle-md-thumb-size' | '--gog-toggle-md-track-height' | '--gog-toggle-md-track-width' | '--gog-toggle-on-border-color' | '--gog-toggle-padding' | '--gog-toggle-radius' | '--gog-toggle-slg-label-size' | '--gog-toggle-slg-state-font-size' | '--gog-toggle-slg-thumb-size' | '--gog-toggle-slg-track-height' | '--gog-toggle-slg-track-width' | '--gog-toggle-sm-label-size' | '--gog-toggle-sm-state-font-size' | '--gog-toggle-sm-thumb-size' | '--gog-toggle-sm-track-height' | '--gog-toggle-sm-track-width' | '--gog-toggle-state-color' | '--gog-toggle-state-font-weight' | '--gog-toggle-state-letter-spacing' | '--gog-toggle-state-offset' | '--gog-toggle-state-padding-inline' | '--gog-toggle-state-thumb-gap' | '--gog-toggle-thumb-bg' | '--gog-toggle-thumb-inset' | '--gog-toggle-thumb-off-bg' | '--gog-toggle-thumb-on-bg' | '--gog-toggle-thumb-shadow' | '--gog-toggle-track-bg' | '--gog-toggle-track-off-bg' | '--gog-toggle-track-on-bg' | '--gog-toggle-transition-duration' | '--gog-toggle-xsm-label-size' | '--gog-toggle-xsm-state-font-size' | '--gog-toggle-xsm-thumb-size' | '--gog-toggle-xsm-track-height' | '--gog-toggle-xsm-track-width' | '--gog-tooltip-arrow-size' | '--gog-tooltip-bg' | '--gog-tooltip-border-color' | '--gog-tooltip-border-style' | '--gog-tooltip-border-width' | '--gog-tooltip-color' | '--gog-tooltip-font-family' | '--gog-tooltip-font-size' | '--gog-tooltip-gap' | '--gog-tooltip-line-height' | '--gog-tooltip-max-height' | '--gog-tooltip-max-width' | '--gog-tooltip-padding' | '--gog-tooltip-radius' | '--gog-tooltip-shadow' | '--gog-tooltip-transition-duration' | '--gog-tooltip-z' | '--gog-warning-color';
|
|
4927
|
+
type GogTokenName = '--gog-accent-bright' | '--gog-accent-color' | '--gog-accent-dim' | '--gog-accent-pale' | '--gog-accent-text-color' | '--gog-accordion-accent-color' | '--gog-accordion-body-bg' | '--gog-accordion-body-color' | '--gog-accordion-body-font-family' | '--gog-accordion-body-font-size' | '--gog-accordion-body-lift' | '--gog-accordion-body-line-height' | '--gog-accordion-body-padding-bottom' | '--gog-accordion-body-padding-top' | '--gog-accordion-body-radius' | '--gog-accordion-body-transition-duration' | '--gog-accordion-border-color' | '--gog-accordion-border-style' | '--gog-accordion-border-width' | '--gog-accordion-chevron-font-size' | '--gog-accordion-chevron-size' | '--gog-accordion-chevron-transition-duration' | '--gog-accordion-content-gap' | '--gog-accordion-disabled-opacity' | '--gog-accordion-focus-ring-width' | '--gog-accordion-font-family' | '--gog-accordion-font-size' | '--gog-accordion-header-bg' | '--gog-accordion-header-gap' | '--gog-accordion-header-text-transform' | '--gog-accordion-hover-bg' | '--gog-accordion-hover-color' | '--gog-accordion-hover-ring' | '--gog-accordion-letter-spacing' | '--gog-accordion-lg-body-font-size' | '--gog-accordion-lg-body-line-height' | '--gog-accordion-lg-body-padding-bottom' | '--gog-accordion-lg-body-padding-top' | '--gog-accordion-lg-chevron-font-size' | '--gog-accordion-lg-chevron-size' | '--gog-accordion-lg-content-gap' | '--gog-accordion-lg-font-size' | '--gog-accordion-lg-letter-spacing' | '--gog-accordion-lg-padding-x' | '--gog-accordion-lg-padding-y' | '--gog-accordion-md-body-font-size' | '--gog-accordion-md-body-line-height' | '--gog-accordion-md-body-padding-bottom' | '--gog-accordion-md-body-padding-top' | '--gog-accordion-md-chevron-font-size' | '--gog-accordion-md-chevron-size' | '--gog-accordion-md-content-gap' | '--gog-accordion-md-font-size' | '--gog-accordion-md-letter-spacing' | '--gog-accordion-md-padding-x' | '--gog-accordion-md-padding-y' | '--gog-accordion-padding-x' | '--gog-accordion-padding-y' | '--gog-accordion-press-bg' | '--gog-accordion-radius' | '--gog-accordion-slg-body-font-size' | '--gog-accordion-slg-body-line-height' | '--gog-accordion-slg-body-padding-bottom' | '--gog-accordion-slg-body-padding-top' | '--gog-accordion-slg-chevron-font-size' | '--gog-accordion-slg-chevron-size' | '--gog-accordion-slg-content-gap' | '--gog-accordion-slg-font-size' | '--gog-accordion-slg-letter-spacing' | '--gog-accordion-slg-padding-x' | '--gog-accordion-slg-padding-y' | '--gog-accordion-sm-body-font-size' | '--gog-accordion-sm-body-line-height' | '--gog-accordion-sm-body-padding-bottom' | '--gog-accordion-sm-body-padding-top' | '--gog-accordion-sm-chevron-font-size' | '--gog-accordion-sm-chevron-size' | '--gog-accordion-sm-content-gap' | '--gog-accordion-sm-font-size' | '--gog-accordion-sm-letter-spacing' | '--gog-accordion-sm-padding-x' | '--gog-accordion-sm-padding-y' | '--gog-accordion-text-color' | '--gog-accordion-transition-duration' | '--gog-accordion-xsm-body-font-size' | '--gog-accordion-xsm-body-line-height' | '--gog-accordion-xsm-body-padding-bottom' | '--gog-accordion-xsm-body-padding-top' | '--gog-accordion-xsm-chevron-font-size' | '--gog-accordion-xsm-chevron-size' | '--gog-accordion-xsm-content-gap' | '--gog-accordion-xsm-font-size' | '--gog-accordion-xsm-letter-spacing' | '--gog-accordion-xsm-padding-x' | '--gog-accordion-xsm-padding-y' | '--gog-autocomplete-actions-gap' | '--gog-autocomplete-actions-inset' | '--gog-autocomplete-actions-reserve' | '--gog-autocomplete-bg' | '--gog-autocomplete-border-color' | '--gog-autocomplete-border-style' | '--gog-autocomplete-border-width' | '--gog-autocomplete-clear-color' | '--gog-autocomplete-clear-hover-color' | '--gog-autocomplete-clear-icon-ratio' | '--gog-autocomplete-color' | '--gog-autocomplete-disabled-opacity' | '--gog-autocomplete-empty-color' | '--gog-autocomplete-empty-font-size' | '--gog-autocomplete-error-border-color' | '--gog-autocomplete-error-color' | '--gog-autocomplete-error-font-family' | '--gog-autocomplete-error-font-size' | '--gog-autocomplete-field-bg' | '--gog-autocomplete-float-label-in-top' | '--gog-autocomplete-float-label-on-bg' | '--gog-autocomplete-float-label-over-gap' | '--gog-autocomplete-float-label-over-reserve' | '--gog-autocomplete-float-label-reserve' | '--gog-autocomplete-focus-ring-color' | '--gog-autocomplete-focus-ring-offset' | '--gog-autocomplete-focus-ring-width' | '--gog-autocomplete-font-family' | '--gog-autocomplete-font-size' | '--gog-autocomplete-gap' | '--gog-autocomplete-hover-border-color' | '--gog-autocomplete-label-color' | '--gog-autocomplete-label-font-family' | '--gog-autocomplete-label-font-size' | '--gog-autocomplete-label-font-weight' | '--gog-autocomplete-label-letter-spacing' | '--gog-autocomplete-label-text-transform' | '--gog-autocomplete-line-height' | '--gog-autocomplete-min-width' | '--gog-autocomplete-option-color' | '--gog-autocomplete-option-gap' | '--gog-autocomplete-option-height' | '--gog-autocomplete-option-hover-bg' | '--gog-autocomplete-option-hover-color' | '--gog-autocomplete-option-padding' | '--gog-autocomplete-option-press-bg' | '--gog-autocomplete-option-radius' | '--gog-autocomplete-option-selected-bg' | '--gog-autocomplete-option-selected-color' | '--gog-autocomplete-options-padding' | '--gog-autocomplete-padding-x' | '--gog-autocomplete-padding-y' | '--gog-autocomplete-panel-bg' | '--gog-autocomplete-panel-border-color' | '--gog-autocomplete-panel-border-style' | '--gog-autocomplete-panel-border-width' | '--gog-autocomplete-panel-gap' | '--gog-autocomplete-panel-max-height' | '--gog-autocomplete-panel-max-width' | '--gog-autocomplete-panel-radius' | '--gog-autocomplete-panel-shadow' | '--gog-autocomplete-placeholder-color' | '--gog-autocomplete-radius' | '--gog-autocomplete-spinner-size' | '--gog-autocomplete-text-color' | '--gog-autocomplete-transition-duration' | '--gog-background-color' | '--gog-badge-bg' | '--gog-badge-border-color' | '--gog-badge-border-style' | '--gog-badge-border-width' | '--gog-badge-color' | '--gog-badge-danger-bg' | '--gog-badge-danger-color' | '--gog-badge-dot-size' | '--gog-badge-font-family' | '--gog-badge-font-size' | '--gog-badge-font-weight' | '--gog-badge-info-bg' | '--gog-badge-info-color' | '--gog-badge-line-height' | '--gog-badge-offset' | '--gog-badge-padding-inline' | '--gog-badge-radius' | '--gog-badge-size' | '--gog-badge-success-bg' | '--gog-badge-success-color' | '--gog-badge-warning-bg' | '--gog-badge-warning-color' | '--gog-badge-z' | '--gog-border-color' | '--gog-border-style' | '--gog-border-width' | '--gog-button-active-scale' | '--gog-button-bg' | '--gog-button-border' | '--gog-button-border-style' | '--gog-button-border-width' | '--gog-button-color' | '--gog-button-danger-fill' | '--gog-button-danger-fill-hover' | '--gog-button-danger-fill-press' | '--gog-button-danger-ink' | '--gog-button-danger-on-fill' | '--gog-button-danger-wash' | '--gog-button-disabled-opacity' | '--gog-button-focus-ring-offset' | '--gog-button-focus-ring-width' | '--gog-button-font-family' | '--gog-button-font-weight' | '--gog-button-gap' | '--gog-button-ghost-bg' | '--gog-button-ghost-border' | '--gog-button-ghost-color' | '--gog-button-ghost-hover-bg' | '--gog-button-ghost-hover-color' | '--gog-button-ghost-hover-shadow' | '--gog-button-ghost-press-bg' | '--gog-button-ghost-press-color' | '--gog-button-ghost-shadow' | '--gog-button-ghost-spinner-color' | '--gog-button-ghost-toggled-shadow' | '--gog-button-hover-bg' | '--gog-button-hover-color' | '--gog-button-hover-shadow' | '--gog-button-info-fill' | '--gog-button-info-fill-hover' | '--gog-button-info-fill-press' | '--gog-button-info-ink' | '--gog-button-info-on-fill' | '--gog-button-info-wash' | '--gog-button-letter-spacing' | '--gog-button-lg-font-size' | '--gog-button-lg-padding' | '--gog-button-line-height' | '--gog-button-loading-opacity' | '--gog-button-md-font-size' | '--gog-button-md-padding' | '--gog-button-outline-bg' | '--gog-button-outline-border' | '--gog-button-outline-color' | '--gog-button-outline-hover-bg' | '--gog-button-outline-hover-color' | '--gog-button-outline-hover-shadow' | '--gog-button-outline-press-bg' | '--gog-button-outline-press-color' | '--gog-button-outline-shadow' | '--gog-button-outline-spinner-color' | '--gog-button-outline-toggled-shadow' | '--gog-button-press-bg' | '--gog-button-press-color' | '--gog-button-primary-bg' | '--gog-button-primary-border' | '--gog-button-primary-color' | '--gog-button-primary-hover-bg' | '--gog-button-primary-hover-color' | '--gog-button-primary-hover-shadow' | '--gog-button-primary-press-bg' | '--gog-button-primary-press-color' | '--gog-button-primary-shadow' | '--gog-button-primary-spinner-color' | '--gog-button-primary-toggled-shadow' | '--gog-button-radius' | '--gog-button-secondary-bg' | '--gog-button-secondary-border' | '--gog-button-secondary-color' | '--gog-button-secondary-hover-bg' | '--gog-button-secondary-hover-color' | '--gog-button-secondary-hover-shadow' | '--gog-button-secondary-press-bg' | '--gog-button-secondary-press-color' | '--gog-button-secondary-shadow' | '--gog-button-secondary-spinner-color' | '--gog-button-secondary-toggled-shadow' | '--gog-button-shadow' | '--gog-button-slg-font-size' | '--gog-button-slg-padding' | '--gog-button-sm-font-size' | '--gog-button-sm-padding' | '--gog-button-spinner-color' | '--gog-button-spinner-max-size' | '--gog-button-success-fill' | '--gog-button-success-fill-hover' | '--gog-button-success-fill-press' | '--gog-button-success-ink' | '--gog-button-success-on-fill' | '--gog-button-success-wash' | '--gog-button-text-transform' | '--gog-button-toggle-bg' | '--gog-button-toggle-border-color' | '--gog-button-toggle-border-style' | '--gog-button-toggle-border-width' | '--gog-button-toggle-color' | '--gog-button-toggle-disabled-opacity' | '--gog-button-toggle-focus-ring-color' | '--gog-button-toggle-focus-ring-offset' | '--gog-button-toggle-focus-ring-width' | '--gog-button-toggle-font-family' | '--gog-button-toggle-font-size' | '--gog-button-toggle-font-weight' | '--gog-button-toggle-gap' | '--gog-button-toggle-hover-bg' | '--gog-button-toggle-hover-color' | '--gog-button-toggle-icon-size' | '--gog-button-toggle-letter-spacing' | '--gog-button-toggle-line-height' | '--gog-button-toggle-padding' | '--gog-button-toggle-press-bg' | '--gog-button-toggle-radius' | '--gog-button-toggle-rest-bg' | '--gog-button-toggle-rest-color' | '--gog-button-toggle-selected-bg' | '--gog-button-toggle-selected-border-color' | '--gog-button-toggle-selected-color' | '--gog-button-toggle-selected-press-bg' | '--gog-button-toggle-separated-gap' | '--gog-button-toggle-text-transform' | '--gog-button-toggle-transition-duration' | '--gog-button-toggled-ring-width' | '--gog-button-toggled-shadow' | '--gog-button-transition-duration' | '--gog-button-warning-fill' | '--gog-button-warning-fill-hover' | '--gog-button-warning-fill-press' | '--gog-button-warning-ink' | '--gog-button-warning-on-fill' | '--gog-button-warning-wash' | '--gog-button-xsm-font-size' | '--gog-button-xsm-padding' | '--gog-calendar-action-padding' | '--gog-calendar-color' | '--gog-calendar-day-bg' | '--gog-calendar-day-border-style' | '--gog-calendar-day-border-width' | '--gog-calendar-day-color' | '--gog-calendar-day-hover-bg' | '--gog-calendar-day-outside-color' | '--gog-calendar-day-radius' | '--gog-calendar-day-rest-bg' | '--gog-calendar-day-rest-color' | '--gog-calendar-day-size' | '--gog-calendar-disabled-opacity' | '--gog-calendar-divider-color' | '--gog-calendar-divider-style' | '--gog-calendar-divider-width' | '--gog-calendar-focus-ring-color' | '--gog-calendar-focus-ring-offset' | '--gog-calendar-focus-ring-width' | '--gog-calendar-font-family' | '--gog-calendar-footer-gap' | '--gog-calendar-header-gap' | '--gog-calendar-header-margin' | '--gog-calendar-lg-day-size' | '--gog-calendar-lg-font-size' | '--gog-calendar-max-width' | '--gog-calendar-md-day-size' | '--gog-calendar-md-font-size' | '--gog-calendar-months-gap' | '--gog-calendar-nav-bg' | '--gog-calendar-nav-color' | '--gog-calendar-nav-hover-bg' | '--gog-calendar-nav-hover-color' | '--gog-calendar-nav-icon-overlap' | '--gog-calendar-nav-icon-size' | '--gog-calendar-nav-radius' | '--gog-calendar-nav-size' | '--gog-calendar-padding' | '--gog-calendar-range-bg' | '--gog-calendar-range-color' | '--gog-calendar-selected-bg' | '--gog-calendar-selected-color' | '--gog-calendar-selected-font-weight' | '--gog-calendar-slg-day-size' | '--gog-calendar-slg-font-size' | '--gog-calendar-sm-day-size' | '--gog-calendar-sm-font-size' | '--gog-calendar-time-gap' | '--gog-calendar-time-input-bg' | '--gog-calendar-time-input-padding' | '--gog-calendar-time-input-width' | '--gog-calendar-time-margin' | '--gog-calendar-title-color' | '--gog-calendar-title-font-weight' | '--gog-calendar-today-border-color' | '--gog-calendar-today-font-weight' | '--gog-calendar-transition-duration' | '--gog-calendar-weekday-color' | '--gog-calendar-weekday-font-size' | '--gog-calendar-weekday-font-weight' | '--gog-calendar-weekday-padding' | '--gog-calendar-weekday-text-transform' | '--gog-calendar-xsm-day-size' | '--gog-calendar-xsm-font-size' | '--gog-card-bg' | '--gog-card-border-color' | '--gog-card-border-style' | '--gog-card-border-width' | '--gog-card-color' | '--gog-card-disabled-opacity' | '--gog-card-elevated-bg' | '--gog-card-elevated-border-color' | '--gog-card-elevated-shadow' | '--gog-card-filled-bg' | '--gog-card-filled-border-color' | '--gog-card-filled-shadow' | '--gog-card-focus-ring' | '--gog-card-focus-ring-offset' | '--gog-card-focus-ring-width' | '--gog-card-font-family' | '--gog-card-footer-border-color' | '--gog-card-footer-gap' | '--gog-card-footer-padding-top' | '--gog-card-gap' | '--gog-card-heading-color' | '--gog-card-heading-font-family' | '--gog-card-heading-font-size' | '--gog-card-heading-font-weight' | '--gog-card-heading-line-height' | '--gog-card-hover-border-color' | '--gog-card-hover-shadow' | '--gog-card-lg-gap' | '--gog-card-lg-padding-x' | '--gog-card-lg-padding-y' | '--gog-card-md-gap' | '--gog-card-md-padding-x' | '--gog-card-md-padding-y' | '--gog-card-outlined-bg' | '--gog-card-outlined-border-color' | '--gog-card-outlined-shadow' | '--gog-card-padding-x' | '--gog-card-padding-y' | '--gog-card-radius' | '--gog-card-shadow' | '--gog-card-slg-gap' | '--gog-card-slg-padding-x' | '--gog-card-slg-padding-y' | '--gog-card-sm-gap' | '--gog-card-sm-padding-x' | '--gog-card-sm-padding-y' | '--gog-card-transition-duration' | '--gog-card-xsm-gap' | '--gog-card-xsm-padding-x' | '--gog-card-xsm-padding-y' | '--gog-checkbox-bg' | '--gog-checkbox-border-color' | '--gog-checkbox-border-style' | '--gog-checkbox-border-width' | '--gog-checkbox-box-size' | '--gog-checkbox-checked-bg' | '--gog-checkbox-checked-border' | '--gog-checkbox-dash-height' | '--gog-checkbox-dash-radius' | '--gog-checkbox-dash-width-ratio' | '--gog-checkbox-disabled-opacity' | '--gog-checkbox-focus-ring' | '--gog-checkbox-focus-ring-offset' | '--gog-checkbox-focus-ring-width' | '--gog-checkbox-font-family' | '--gog-checkbox-gap' | '--gog-checkbox-icon-color' | '--gog-checkbox-icon-size' | '--gog-checkbox-label-color' | '--gog-checkbox-label-line-height' | '--gog-checkbox-label-size' | '--gog-checkbox-padding' | '--gog-checkbox-radius' | '--gog-checkbox-transition-duration' | '--gog-chip-avatar-inset-ratio' | '--gog-chip-avatar-size' | '--gog-chip-bg' | '--gog-chip-border' | '--gog-chip-border-style' | '--gog-chip-border-width' | '--gog-chip-color' | '--gog-chip-disabled-opacity' | '--gog-chip-focus-ring-offset' | '--gog-chip-focus-ring-width' | '--gog-chip-font-family' | '--gog-chip-font-size' | '--gog-chip-font-weight' | '--gog-chip-gap' | '--gog-chip-hover-bg' | '--gog-chip-icon-size' | '--gog-chip-lg-avatar-size' | '--gog-chip-lg-font-size' | '--gog-chip-lg-gap' | '--gog-chip-lg-icon-size' | '--gog-chip-lg-padding-block' | '--gog-chip-lg-padding-inline' | '--gog-chip-lg-remove-size' | '--gog-chip-line-height' | '--gog-chip-md-avatar-size' | '--gog-chip-md-font-size' | '--gog-chip-md-gap' | '--gog-chip-md-icon-size' | '--gog-chip-md-padding-block' | '--gog-chip-md-padding-inline' | '--gog-chip-md-remove-size' | '--gog-chip-padding-block' | '--gog-chip-padding-inline' | '--gog-chip-pill-radius' | '--gog-chip-press-bg' | '--gog-chip-radius' | '--gog-chip-remove-color' | '--gog-chip-remove-hover-color' | '--gog-chip-remove-inset-ratio' | '--gog-chip-remove-scale' | '--gog-chip-remove-size' | '--gog-chip-selected-ring-width' | '--gog-chip-selected-shadow' | '--gog-chip-slg-avatar-size' | '--gog-chip-slg-font-size' | '--gog-chip-slg-gap' | '--gog-chip-slg-icon-size' | '--gog-chip-slg-padding-block' | '--gog-chip-slg-padding-inline' | '--gog-chip-slg-remove-size' | '--gog-chip-sm-avatar-size' | '--gog-chip-sm-font-size' | '--gog-chip-sm-gap' | '--gog-chip-sm-icon-size' | '--gog-chip-sm-padding-block' | '--gog-chip-sm-padding-inline' | '--gog-chip-sm-remove-size' | '--gog-chip-xsm-avatar-size' | '--gog-chip-xsm-font-size' | '--gog-chip-xsm-gap' | '--gog-chip-xsm-icon-size' | '--gog-chip-xsm-padding-block' | '--gog-chip-xsm-padding-inline' | '--gog-chip-xsm-remove-size' | '--gog-collapsible-disabled-opacity' | '--gog-collapsible-max-height' | '--gog-collapsible-transition-duration' | '--gog-confirmation-dialog-actions-gap' | '--gog-confirmation-dialog-actions-offset' | '--gog-confirmation-dialog-color' | '--gog-confirmation-dialog-description-color' | '--gog-confirmation-dialog-gap' | '--gog-confirmation-dialog-max-width' | '--gog-confirmation-dialog-min-width' | '--gog-control-border-style' | '--gog-control-border-width' | '--gog-control-checkbox-box-size-lg' | '--gog-control-checkbox-box-size-md' | '--gog-control-checkbox-box-size-slg' | '--gog-control-checkbox-box-size-sm' | '--gog-control-checkbox-box-size-xsm' | '--gog-control-checkbox-icon-size-lg' | '--gog-control-checkbox-icon-size-md' | '--gog-control-checkbox-icon-size-slg' | '--gog-control-checkbox-icon-size-sm' | '--gog-control-checkbox-icon-size-xsm' | '--gog-control-checkbox-label-size-lg' | '--gog-control-checkbox-label-size-md' | '--gog-control-checkbox-label-size-slg' | '--gog-control-checkbox-label-size-sm' | '--gog-control-checkbox-label-size-xsm' | '--gog-control-checkbox-padding' | '--gog-control-clear-icon-ratio' | '--gog-control-icon-offset' | '--gog-control-padding-x' | '--gog-control-padding-y' | '--gog-danger-color' | '--gog-danger-shade' | '--gog-danger-text-color' | '--gog-datepicker-actions-gap' | '--gog-datepicker-actions-inset' | '--gog-datepicker-actions-reserve' | '--gog-datepicker-bg' | '--gog-datepicker-border-color' | '--gog-datepicker-border-style' | '--gog-datepicker-border-width' | '--gog-datepicker-clear-color' | '--gog-datepicker-clear-icon-ratio' | '--gog-datepicker-color' | '--gog-datepicker-disabled-opacity' | '--gog-datepicker-error-border-color' | '--gog-datepicker-error-color' | '--gog-datepicker-error-font-family' | '--gog-datepicker-error-font-size' | '--gog-datepicker-field-bg' | '--gog-datepicker-float-label-in-top' | '--gog-datepicker-float-label-on-bg' | '--gog-datepicker-float-label-over-gap' | '--gog-datepicker-float-label-over-reserve' | '--gog-datepicker-float-label-reserve' | '--gog-datepicker-focus-ring-color' | '--gog-datepicker-focus-ring-offset' | '--gog-datepicker-focus-ring-width' | '--gog-datepicker-font-family' | '--gog-datepicker-font-size' | '--gog-datepicker-gap' | '--gog-datepicker-hover-border-color' | '--gog-datepicker-icon-color' | '--gog-datepicker-icon-hover-color' | '--gog-datepicker-label-color' | '--gog-datepicker-label-font-family' | '--gog-datepicker-label-font-size' | '--gog-datepicker-label-letter-spacing' | '--gog-datepicker-label-text-transform' | '--gog-datepicker-line-height' | '--gog-datepicker-min-width' | '--gog-datepicker-padding-x' | '--gog-datepicker-padding-y' | '--gog-datepicker-panel-bg' | '--gog-datepicker-panel-border-color' | '--gog-datepicker-panel-border-style' | '--gog-datepicker-panel-border-width' | '--gog-datepicker-panel-gap' | '--gog-datepicker-panel-radius' | '--gog-datepicker-panel-shadow' | '--gog-datepicker-panel-width' | '--gog-datepicker-placeholder-color' | '--gog-datepicker-radius' | '--gog-datepicker-text-color' | '--gog-datepicker-toggle-icon-size' | '--gog-datepicker-transition-duration' | '--gog-density' | '--gog-dialog-backdrop-bg' | '--gog-dialog-backdrop-blur' | '--gog-dialog-backdrop-fade-duration' | '--gog-dialog-backdrop-padding' | '--gog-dialog-bg' | '--gog-dialog-body-max-height' | '--gog-dialog-body-padding' | '--gog-dialog-border' | '--gog-dialog-border-style' | '--gog-dialog-border-width' | '--gog-dialog-close-color' | '--gog-dialog-close-focus-ring' | '--gog-dialog-close-focus-ring-offset' | '--gog-dialog-close-focus-ring-width' | '--gog-dialog-close-font-size' | '--gog-dialog-close-hover-bg' | '--gog-dialog-close-hover-border' | '--gog-dialog-close-hover-color' | '--gog-dialog-close-size' | '--gog-dialog-color' | '--gog-dialog-enter-distance' | '--gog-dialog-enter-duration' | '--gog-dialog-font-family' | '--gog-dialog-header-border-color' | '--gog-dialog-header-gap' | '--gog-dialog-header-padding' | '--gog-dialog-max-height' | '--gog-dialog-min-width' | '--gog-dialog-offset-x' | '--gog-dialog-offset-y' | '--gog-dialog-radius' | '--gog-dialog-shadow' | '--gog-disabled-opacity' | '--gog-divider-block-spacing' | '--gog-divider-color' | '--gog-divider-dashed-style' | '--gog-divider-dotted-style' | '--gog-divider-inline-spacing' | '--gog-divider-inset-size' | '--gog-divider-label-color' | '--gog-divider-label-font-family' | '--gog-divider-label-font-size' | '--gog-divider-label-font-weight' | '--gog-divider-label-gap' | '--gog-divider-label-line-height' | '--gog-divider-line-color' | '--gog-divider-line-thickness' | '--gog-divider-solid-style' | '--gog-divider-spacing' | '--gog-divider-thickness' | '--gog-divider-vertical-length' | '--gog-dropdown-z' | '--gog-duration-base' | '--gog-duration-fast' | '--gog-duration-slow' | '--gog-easing' | '--gog-elevated-surface-color' | '--gog-field-float-label-in-top' | '--gog-field-float-label-over-gap' | '--gog-field-float-label-over-reserve' | '--gog-field-float-label-reserve' | '--gog-field-icon-glyph' | '--gog-field-icon-glyph-sm' | '--gog-field-icon-glyph-xsm' | '--gog-field-lg-font-size' | '--gog-field-lg-icon-inset' | '--gog-field-lg-icon-offset' | '--gog-field-lg-padding-x' | '--gog-field-lg-padding-y' | '--gog-field-md-font-size' | '--gog-field-md-icon-inset' | '--gog-field-md-icon-offset' | '--gog-field-md-padding-x' | '--gog-field-md-padding-y' | '--gog-field-slg-font-size' | '--gog-field-slg-icon-inset' | '--gog-field-slg-icon-offset' | '--gog-field-slg-padding-x' | '--gog-field-slg-padding-y' | '--gog-field-sm-font-size' | '--gog-field-sm-icon-inset' | '--gog-field-sm-icon-offset' | '--gog-field-sm-padding-x' | '--gog-field-sm-padding-y' | '--gog-field-xsm-font-size' | '--gog-field-xsm-icon-inset' | '--gog-field-xsm-icon-offset' | '--gog-field-xsm-padding-x' | '--gog-field-xsm-padding-y' | '--gog-focus-ring-offset' | '--gog-focus-ring-width' | '--gog-font-body' | '--gog-font-heading' | '--gog-font-mono' | '--gog-font-weight-bold' | '--gog-font-weight-heavy' | '--gog-font-weight-medium' | '--gog-font-weight-semibold' | '--gog-hover-color' | '--gog-icon-fallback-size' | '--gog-icon-size' | '--gog-icon-stroke-width' | '--gog-info-color' | '--gog-info-shade' | '--gog-info-text-color' | '--gog-input-clear-icon-ratio' | '--gog-input-clear-inset' | '--gog-input-clear-radius' | '--gog-input-disabled-opacity' | '--gog-input-error-color' | '--gog-input-error-font-size' | '--gog-input-error-offset' | '--gog-input-field-bg' | '--gog-input-field-border' | '--gog-input-field-border-style' | '--gog-input-field-border-width' | '--gog-input-field-color' | '--gog-input-float-label-in-top' | '--gog-input-float-label-on-bg' | '--gog-input-float-label-over-gap' | '--gog-input-float-label-over-reserve' | '--gog-input-float-label-reserve' | '--gog-input-focus-border' | '--gog-input-focus-glow' | '--gog-input-focus-ring' | '--gog-input-focus-ring-offset' | '--gog-input-focus-ring-width' | '--gog-input-font' | '--gog-input-font-family' | '--gog-input-gap' | '--gog-input-icon-action-radius' | '--gog-input-icon-color' | '--gog-input-icon-focus-ring-width' | '--gog-input-icon-hover-color' | '--gog-input-label-color' | '--gog-input-label-font-family' | '--gog-input-label-font-size' | '--gog-input-label-letter-spacing' | '--gog-input-label-text-transform' | '--gog-input-padding-x' | '--gog-input-padding-y' | '--gog-input-placeholder-color' | '--gog-input-radius' | '--gog-input-spin-hover-bg' | '--gog-input-spin-width' | '--gog-input-transition-duration' | '--gog-letter-spacing' | '--gog-line-height-loose' | '--gog-line-height-none' | '--gog-line-height-normal' | '--gog-line-height-relaxed' | '--gog-line-height-snug' | '--gog-line-height-tight' | '--gog-menu-available-height' | '--gog-menu-bg' | '--gog-menu-border-color' | '--gog-menu-border-style' | '--gog-menu-border-width' | '--gog-menu-focus-ring' | '--gog-menu-focus-ring-width' | '--gog-menu-font-family' | '--gog-menu-gap' | '--gog-menu-item-color' | '--gog-menu-item-disabled-color' | '--gog-menu-item-disabled-opacity' | '--gog-menu-item-font-size' | '--gog-menu-item-gap' | '--gog-menu-item-hover-bg' | '--gog-menu-item-hover-color' | '--gog-menu-item-icon-size' | '--gog-menu-item-line-height' | '--gog-menu-item-padding' | '--gog-menu-item-press-bg' | '--gog-menu-item-radius' | '--gog-menu-max-height' | '--gog-menu-max-width' | '--gog-menu-min-width' | '--gog-menu-offset' | '--gog-menu-padding' | '--gog-menu-radius' | '--gog-menu-shadow' | '--gog-menu-transition-duration' | '--gog-menu-z' | '--gog-multiselect-actions-gap' | '--gog-multiselect-actions-inset' | '--gog-multiselect-arrow-icon-ratio' | '--gog-multiselect-arrow-transition-duration' | '--gog-multiselect-border-color' | '--gog-multiselect-checkbox-bg' | '--gog-multiselect-checkbox-border' | '--gog-multiselect-checkbox-checked-bg' | '--gog-multiselect-checkbox-checked-color' | '--gog-multiselect-clear-icon-ratio' | '--gog-multiselect-clear-radius' | '--gog-multiselect-controls-gap' | '--gog-multiselect-controls-padding' | '--gog-multiselect-disabled-opacity' | '--gog-multiselect-error-color' | '--gog-multiselect-error-font-size' | '--gog-multiselect-error-offset' | '--gog-multiselect-field-bg' | '--gog-multiselect-field-border' | '--gog-multiselect-field-border-style' | '--gog-multiselect-field-border-width' | '--gog-multiselect-field-color' | '--gog-multiselect-filter-border-color' | '--gog-multiselect-filter-border-style' | '--gog-multiselect-filter-border-width' | '--gog-multiselect-filter-empty-color' | '--gog-multiselect-filter-empty-padding' | '--gog-multiselect-filter-input-bg' | '--gog-multiselect-filter-input-border' | '--gog-multiselect-filter-input-color' | '--gog-multiselect-filter-input-padding-x' | '--gog-multiselect-filter-input-padding-y' | '--gog-multiselect-filter-input-radius' | '--gog-multiselect-filter-padding' | '--gog-multiselect-float-label-in-top' | '--gog-multiselect-float-label-on-bg' | '--gog-multiselect-float-label-over-gap' | '--gog-multiselect-float-label-over-reserve' | '--gog-multiselect-float-label-reserve' | '--gog-multiselect-focus-border' | '--gog-multiselect-focus-glow' | '--gog-multiselect-focus-ring' | '--gog-multiselect-focus-ring-offset' | '--gog-multiselect-focus-ring-width' | '--gog-multiselect-font-family' | '--gog-multiselect-font-size' | '--gog-multiselect-gap' | '--gog-multiselect-label-color' | '--gog-multiselect-label-font-family' | '--gog-multiselect-label-font-size' | '--gog-multiselect-label-letter-spacing' | '--gog-multiselect-label-text-transform' | '--gog-multiselect-mark-icon-ratio' | '--gog-multiselect-mark-size-ratio' | '--gog-multiselect-min-width' | '--gog-multiselect-option-color' | '--gog-multiselect-option-disabled-opacity' | '--gog-multiselect-option-gap' | '--gog-multiselect-option-gap-inline' | '--gog-multiselect-option-height' | '--gog-multiselect-option-hover-bg' | '--gog-multiselect-option-press-bg' | '--gog-multiselect-option-radius' | '--gog-multiselect-option-transition-duration' | '--gog-multiselect-options-padding' | '--gog-multiselect-overflow-color' | '--gog-multiselect-overflow-font-size' | '--gog-multiselect-overflow-gap' | '--gog-multiselect-padding-x' | '--gog-multiselect-padding-y' | '--gog-multiselect-panel-bg' | '--gog-multiselect-panel-border' | '--gog-multiselect-panel-max-height' | '--gog-multiselect-panel-max-width' | '--gog-multiselect-panel-offset' | '--gog-multiselect-panel-shadow' | '--gog-multiselect-placeholder-color' | '--gog-multiselect-radius' | '--gog-multiselect-transition-duration' | '--gog-multiselect-value-color' | '--gog-muted-text-color' | '--gog-paginator-ellipsis-color' | '--gog-paginator-ellipsis-font-family' | '--gog-paginator-ellipsis-font-size' | '--gog-paginator-ellipsis-min-width' | '--gog-paginator-gap' | '--gog-paginator-page-size-min-width' | '--gog-panel-bg' | '--gog-panel-border-color' | '--gog-panel-border-style' | '--gog-panel-border-width' | '--gog-panel-chevron-size' | '--gog-panel-color' | '--gog-panel-disabled-opacity' | '--gog-panel-elevated-bg' | '--gog-panel-elevated-border-color' | '--gog-panel-elevated-shadow' | '--gog-panel-filled-bg' | '--gog-panel-filled-border-color' | '--gog-panel-filled-shadow' | '--gog-panel-focus-ring' | '--gog-panel-focus-ring-offset' | '--gog-panel-focus-ring-width' | '--gog-panel-font-family' | '--gog-panel-footer-border-color' | '--gog-panel-footer-gap' | '--gog-panel-footer-padding-top' | '--gog-panel-gap' | '--gog-panel-header-gap' | '--gog-panel-heading-color' | '--gog-panel-heading-font-family' | '--gog-panel-heading-font-size' | '--gog-panel-heading-font-weight' | '--gog-panel-heading-line-height' | '--gog-panel-lg-gap' | '--gog-panel-lg-padding-x' | '--gog-panel-lg-padding-y' | '--gog-panel-md-gap' | '--gog-panel-md-padding-x' | '--gog-panel-md-padding-y' | '--gog-panel-outlined-bg' | '--gog-panel-outlined-border-color' | '--gog-panel-outlined-shadow' | '--gog-panel-padding-x' | '--gog-panel-padding-y' | '--gog-panel-radius' | '--gog-panel-shadow' | '--gog-panel-slg-gap' | '--gog-panel-slg-padding-x' | '--gog-panel-slg-padding-y' | '--gog-panel-sm-gap' | '--gog-panel-sm-padding-x' | '--gog-panel-sm-padding-y' | '--gog-panel-toggle-color' | '--gog-panel-toggle-hover-bg' | '--gog-panel-toggle-radius' | '--gog-panel-toggle-size' | '--gog-panel-transition-duration' | '--gog-panel-xsm-gap' | '--gog-panel-xsm-padding-x' | '--gog-panel-xsm-padding-y' | '--gog-primary-color' | '--gog-progressbar-accent-bg' | '--gog-progressbar-accent-buffer-bg' | '--gog-progressbar-buffer-bg' | '--gog-progressbar-danger-bg' | '--gog-progressbar-danger-buffer-bg' | '--gog-progressbar-fill-bg' | '--gog-progressbar-height' | '--gog-progressbar-indeterminate-duration' | '--gog-progressbar-indeterminate-easing' | '--gog-progressbar-info-bg' | '--gog-progressbar-info-buffer-bg' | '--gog-progressbar-lg-height' | '--gog-progressbar-md-height' | '--gog-progressbar-radius' | '--gog-progressbar-slg-height' | '--gog-progressbar-sm-height' | '--gog-progressbar-stripe-color' | '--gog-progressbar-stripe-size' | '--gog-progressbar-success-bg' | '--gog-progressbar-success-buffer-bg' | '--gog-progressbar-track-base-bg' | '--gog-progressbar-track-bg' | '--gog-progressbar-transition-duration' | '--gog-progressbar-value-color' | '--gog-progressbar-value-font-family' | '--gog-progressbar-value-font-size' | '--gog-progressbar-value-gap' | '--gog-progressbar-value-min-width' | '--gog-progressbar-warning-bg' | '--gog-progressbar-warning-buffer-bg' | '--gog-progressbar-xsm-height' | '--gog-radio-bg' | '--gog-radio-border-color' | '--gog-radio-border-style' | '--gog-radio-border-width' | '--gog-radio-box-size' | '--gog-radio-checked-bg' | '--gog-radio-checked-border' | '--gog-radio-disabled-opacity' | '--gog-radio-dot-color' | '--gog-radio-dot-size-ratio' | '--gog-radio-error-color' | '--gog-radio-error-font-size' | '--gog-radio-focus-ring' | '--gog-radio-focus-ring-offset' | '--gog-radio-focus-ring-width' | '--gog-radio-font-family' | '--gog-radio-gap' | '--gog-radio-group-gap' | '--gog-radio-group-label-color' | '--gog-radio-group-label-size' | '--gog-radio-group-option-gap' | '--gog-radio-group-option-gap-horizontal' | '--gog-radio-label-color' | '--gog-radio-label-line-height' | '--gog-radio-label-size' | '--gog-radio-padding' | '--gog-radio-transition-duration' | '--gog-radius' | '--gog-ripple-color' | '--gog-ripple-easing' | '--gog-ripple-enter-duration' | '--gog-ripple-exit-duration' | '--gog-ripple-opacity' | '--gog-scroll-corner-bg' | '--gog-scroll-fade-duration' | '--gog-scroll-focus-ring' | '--gog-scroll-focus-ring-width' | '--gog-scroll-normal-thumb-hit-padding' | '--gog-scroll-normal-thumb-min-size' | '--gog-scroll-normal-track-width' | '--gog-scroll-thin-thumb-hit-padding' | '--gog-scroll-thin-thumb-min-size' | '--gog-scroll-thin-track-width' | '--gog-scroll-thumb-active-bg' | '--gog-scroll-thumb-bg' | '--gog-scroll-thumb-hover-bg' | '--gog-scroll-thumb-inset' | '--gog-scroll-thumb-radius' | '--gog-scroll-track-bg' | '--gog-scroll-track-radius' | '--gog-secondary-color' | '--gog-select-chevron-color' | '--gog-select-chevron-icon-ratio' | '--gog-select-chevron-inset' | '--gog-select-clear-color' | '--gog-select-clear-gap' | '--gog-select-clear-hover-color' | '--gog-select-clear-icon-ratio' | '--gog-select-clear-radius' | '--gog-select-control-font' | '--gog-select-control-gap' | '--gog-select-control-padding-x' | '--gog-select-control-padding-y' | '--gog-select-disabled-opacity' | '--gog-select-error-color' | '--gog-select-error-font-size' | '--gog-select-field-bg' | '--gog-select-field-border' | '--gog-select-field-border-style' | '--gog-select-field-border-width' | '--gog-select-field-color' | '--gog-select-filter-border-color' | '--gog-select-filter-border-style' | '--gog-select-filter-border-width' | '--gog-select-filter-empty-color' | '--gog-select-filter-empty-padding' | '--gog-select-filter-input-bg' | '--gog-select-filter-input-border' | '--gog-select-filter-input-color' | '--gog-select-filter-input-padding-x' | '--gog-select-filter-input-padding-y' | '--gog-select-filter-input-radius' | '--gog-select-filter-padding' | '--gog-select-float-label-in-top' | '--gog-select-float-label-on-bg' | '--gog-select-float-label-over-gap' | '--gog-select-float-label-over-reserve' | '--gog-select-float-label-reserve' | '--gog-select-focus-border' | '--gog-select-focus-glow' | '--gog-select-focus-ring' | '--gog-select-focus-ring-offset' | '--gog-select-focus-ring-width' | '--gog-select-font-family' | '--gog-select-gap' | '--gog-select-label-color' | '--gog-select-label-font-family' | '--gog-select-label-font-size' | '--gog-select-label-letter-spacing' | '--gog-select-label-text-transform' | '--gog-select-mark-icon-ratio' | '--gog-select-mark-size-ratio' | '--gog-select-min-width' | '--gog-select-option-color' | '--gog-select-option-disabled-opacity' | '--gog-select-option-gap' | '--gog-select-option-height' | '--gog-select-option-hover-bg' | '--gog-select-option-press-bg' | '--gog-select-option-selected-color' | '--gog-select-option-transition-duration' | '--gog-select-panel-bg' | '--gog-select-panel-max-height' | '--gog-select-panel-max-width' | '--gog-select-panel-offset' | '--gog-select-panel-shadow' | '--gog-select-placeholder-color' | '--gog-select-radius' | '--gog-select-transition-duration' | '--gog-skeleton-base' | '--gog-skeleton-circle-size-lg' | '--gog-skeleton-circle-size-md' | '--gog-skeleton-circle-size-slg' | '--gog-skeleton-circle-size-sm' | '--gog-skeleton-circle-size-xsm' | '--gog-skeleton-line-gap' | '--gog-skeleton-line-height-lg' | '--gog-skeleton-line-height-md' | '--gog-skeleton-line-height-slg' | '--gog-skeleton-line-height-sm' | '--gog-skeleton-line-height-xsm' | '--gog-skeleton-line-radius' | '--gog-skeleton-pulse-duration' | '--gog-skeleton-pulse-min-opacity' | '--gog-skeleton-radius' | '--gog-skeleton-rect-height-lg' | '--gog-skeleton-rect-height-md' | '--gog-skeleton-rect-height-slg' | '--gog-skeleton-rect-height-sm' | '--gog-skeleton-rect-height-xsm' | '--gog-skeleton-shine' | '--gog-skeleton-short-line-width' | '--gog-skeleton-square-radius' | '--gog-skeleton-wave-duration' | '--gog-slider-auto-width' | '--gog-slider-disabled-opacity' | '--gog-slider-error-color' | '--gog-slider-error-font-family' | '--gog-slider-error-font-size' | '--gog-slider-fill-bg' | '--gog-slider-focus-ring' | '--gog-slider-focus-ring-width' | '--gog-slider-gap' | '--gog-slider-label-color' | '--gog-slider-label-font-family' | '--gog-slider-label-font-size' | '--gog-slider-label-letter-spacing' | '--gog-slider-label-text-transform' | '--gog-slider-range-color' | '--gog-slider-range-font-size' | '--gog-slider-thumb-bg' | '--gog-slider-thumb-border' | '--gog-slider-thumb-border-width' | '--gog-slider-thumb-glow-size' | '--gog-slider-thumb-radius' | '--gog-slider-thumb-shadow' | '--gog-slider-thumb-size' | '--gog-slider-track-area-height' | '--gog-slider-track-bg' | '--gog-slider-track-border-color' | '--gog-slider-track-border-style' | '--gog-slider-track-border-width' | '--gog-slider-track-height' | '--gog-slider-track-radius' | '--gog-slider-value-color' | '--gog-slider-value-font-family' | '--gog-slider-value-font-size' | '--gog-slider-value-min-width' | '--gog-slider-vertical-length' | '--gog-space-10' | '--gog-space-12' | '--gog-space-14' | '--gog-space-16' | '--gog-space-18' | '--gog-space-2' | '--gog-space-20' | '--gog-space-24' | '--gog-space-28' | '--gog-space-2xl' | '--gog-space-32' | '--gog-space-4' | '--gog-space-48' | '--gog-space-6' | '--gog-space-8' | '--gog-space-lg' | '--gog-space-md' | '--gog-space-sm' | '--gog-space-xs' | '--gog-spinner-arc-inner-color' | '--gog-spinner-arc-inner-dash' | '--gog-spinner-arc-inner-glow' | '--gog-spinner-arc-inner-opacity' | '--gog-spinner-arc-inner-pulse-opacity' | '--gog-spinner-arc-inner-stroke-compact' | '--gog-spinner-arc-outer-color' | '--gog-spinner-arc-outer-dash' | '--gog-spinner-arc-outer-glow' | '--gog-spinner-arc-outer-pulse-opacity' | '--gog-spinner-diamond-color' | '--gog-spinner-diamond-glow' | '--gog-spinner-diamond-opacity' | '--gog-spinner-glow-color' | '--gog-spinner-overlay-bg' | '--gog-spinner-overlay-blur' | '--gog-spinner-overlay-fade-duration' | '--gog-spinner-overlay-z' | '--gog-spinner-pulse-duration' | '--gog-spinner-ring-duration' | '--gog-spinner-ring-glow' | '--gog-spinner-ring-padding' | '--gog-spinner-rune-color' | '--gog-spinner-rune-font-family' | '--gog-spinner-rune-glow' | '--gog-spinner-rune-pulse-opacity' | '--gog-spinner-rune-size' | '--gog-spinner-size-lg' | '--gog-spinner-size-md' | '--gog-spinner-size-slg' | '--gog-spinner-size-sm' | '--gog-spinner-size-xsm' | '--gog-spinner-spin-duration' | '--gog-spinner-spin-slow-duration' | '--gog-spinner-ticks-duration' | '--gog-spinner-track-color' | '--gog-spinner-track-opacity' | '--gog-success-color' | '--gog-success-shade' | '--gog-success-text-color' | '--gog-surface-color' | '--gog-table-accent-bright' | '--gog-table-accent-color' | '--gog-table-border-color' | '--gog-table-border-style' | '--gog-table-border-width' | '--gog-table-empty-font-size' | '--gog-table-empty-padding' | '--gog-table-focus-ring' | '--gog-table-focus-ring-width' | '--gog-table-font-family' | '--gog-table-footer-gap' | '--gog-table-footer-min-height' | '--gog-table-gap' | '--gog-table-header-bg' | '--gog-table-header-font-family' | '--gog-table-header-letter-spacing' | '--gog-table-header-text-transform' | '--gog-table-hover-bg' | '--gog-table-lg-padding-v' | '--gog-table-lg-td-font-size' | '--gog-table-lg-th-font-size' | '--gog-table-loading-opacity' | '--gog-table-loading-padding' | '--gog-table-md-padding-v' | '--gog-table-md-td-font-size' | '--gog-table-md-th-font-size' | '--gog-table-muted-color' | '--gog-table-num-col-width' | '--gog-table-num-font-size' | '--gog-table-numeric-font-family' | '--gog-table-padding-h' | '--gog-table-row-border-width' | '--gog-table-row-transition-duration' | '--gog-table-select-col-width' | '--gog-table-selected-bg' | '--gog-table-slg-padding-v' | '--gog-table-slg-td-font-size' | '--gog-table-slg-th-font-size' | '--gog-table-sm-padding-v' | '--gog-table-sm-td-font-size' | '--gog-table-sm-th-font-size' | '--gog-table-sort-icon-opacity' | '--gog-table-sort-icon-size' | '--gog-table-sort-icon-width' | '--gog-table-surface' | '--gog-table-td-font-size' | '--gog-table-td-padding-v' | '--gog-table-text-color' | '--gog-table-th-font-size' | '--gog-table-th-inner-gap' | '--gog-table-th-padding-v' | '--gog-table-total-font-size' | '--gog-table-total-letter-spacing' | '--gog-table-total-text-transform' | '--gog-table-xsm-padding-v' | '--gog-table-xsm-td-font-size' | '--gog-table-xsm-th-font-size' | '--gog-tabs-active-color' | '--gog-tabs-disabled-opacity' | '--gog-tabs-focus-ring-color' | '--gog-tabs-focus-ring-offset' | '--gog-tabs-focus-ring-width' | '--gog-tabs-font-family' | '--gog-tabs-font-weight' | '--gog-tabs-gap' | '--gog-tabs-header-border-color' | '--gog-tabs-header-border-style' | '--gog-tabs-header-border-width' | '--gog-tabs-hover-color' | '--gog-tabs-icon-size' | '--gog-tabs-indicator-color' | '--gog-tabs-indicator-radius' | '--gog-tabs-indicator-thickness' | '--gog-tabs-letter-spacing' | '--gog-tabs-lg-font-size' | '--gog-tabs-lg-padding' | '--gog-tabs-line-height' | '--gog-tabs-md-font-size' | '--gog-tabs-md-padding' | '--gog-tabs-panel-color' | '--gog-tabs-panel-padding' | '--gog-tabs-press-bg' | '--gog-tabs-press-color' | '--gog-tabs-rest-bg' | '--gog-tabs-rest-color' | '--gog-tabs-slg-font-size' | '--gog-tabs-slg-padding' | '--gog-tabs-sm-font-size' | '--gog-tabs-sm-padding' | '--gog-tabs-tab-bg' | '--gog-tabs-tab-color' | '--gog-tabs-tab-font-size' | '--gog-tabs-tab-gap' | '--gog-tabs-tab-padding' | '--gog-tabs-text-transform' | '--gog-tabs-transition-duration' | '--gog-tabs-xsm-font-size' | '--gog-tabs-xsm-padding' | '--gog-tag-accent' | '--gog-tag-bg' | '--gog-tag-bg-base' | '--gog-tag-bg-mix' | '--gog-tag-border' | '--gog-tag-border-style' | '--gog-tag-border-width' | '--gog-tag-color' | '--gog-tag-color-base' | '--gog-tag-color-mix' | '--gog-tag-danger-color' | '--gog-tag-default-color' | '--gog-tag-font-family' | '--gog-tag-font-size' | '--gog-tag-font-weight' | '--gog-tag-gap' | '--gog-tag-icon-size' | '--gog-tag-info-color' | '--gog-tag-inner-border-width' | '--gog-tag-lg-font-size' | '--gog-tag-lg-gap' | '--gog-tag-lg-icon-size' | '--gog-tag-lg-padding-block' | '--gog-tag-lg-padding-inline' | '--gog-tag-line-height' | '--gog-tag-md-font-size' | '--gog-tag-md-gap' | '--gog-tag-md-icon-size' | '--gog-tag-md-padding-block' | '--gog-tag-md-padding-inline' | '--gog-tag-padding-block' | '--gog-tag-padding-inline' | '--gog-tag-pill-radius' | '--gog-tag-radius' | '--gog-tag-slg-font-size' | '--gog-tag-slg-gap' | '--gog-tag-slg-icon-size' | '--gog-tag-slg-padding-block' | '--gog-tag-slg-padding-inline' | '--gog-tag-sm-font-size' | '--gog-tag-sm-gap' | '--gog-tag-sm-icon-size' | '--gog-tag-sm-padding-block' | '--gog-tag-sm-padding-inline' | '--gog-tag-success-color' | '--gog-tag-warning-color' | '--gog-tag-xsm-font-size' | '--gog-tag-xsm-gap' | '--gog-tag-xsm-icon-size' | '--gog-tag-xsm-padding-block' | '--gog-tag-xsm-padding-inline' | '--gog-text-2xl' | '--gog-text-3xl' | '--gog-text-color' | '--gog-text-lg' | '--gog-text-md' | '--gog-text-slg' | '--gog-text-sm' | '--gog-text-transform' | '--gog-text-xl' | '--gog-text-xs' | '--gog-textarea-clear-icon-ratio' | '--gog-textarea-resize-grip-color' | '--gog-textarea-resize-grip-offset' | '--gog-textarea-resize-grip-opacity' | '--gog-textarea-resize-grip-size' | '--gog-textarea-resize-grip-stripe-gap' | '--gog-textarea-resize-grip-stripe-width' | '--gog-textarea-resize-inset-bottom' | '--gog-textarea-resize-inset-right' | '--gog-textarea-scrollbar-width' | '--gog-toast-accent-width' | '--gog-toast-action-font-size' | '--gog-toast-action-padding' | '--gog-toast-actions-gap' | '--gog-toast-base-z' | '--gog-toast-bg' | '--gog-toast-border' | '--gog-toast-close-font-size' | '--gog-toast-close-padding' | '--gog-toast-color' | '--gog-toast-content-gap' | '--gog-toast-enter-distance' | '--gog-toast-error-color' | '--gog-toast-font-family' | '--gog-toast-gap' | '--gog-toast-icon-color' | '--gog-toast-icon-line-height' | '--gog-toast-icon-size' | '--gog-toast-info-color' | '--gog-toast-main-gap' | '--gog-toast-max-width' | '--gog-toast-message-font-size' | '--gog-toast-message-line-height' | '--gog-toast-min-width' | '--gog-toast-padding' | '--gog-toast-progress-height' | '--gog-toast-progress-opacity' | '--gog-toast-radius' | '--gog-toast-shadow' | '--gog-toast-stack-expanded-gap' | '--gog-toast-stack-max-depth' | '--gog-toast-stack-min-opacity' | '--gog-toast-stack-opacity-step' | '--gog-toast-stack-padding' | '--gog-toast-stack-peek' | '--gog-toast-stack-scale-step' | '--gog-toast-success-color' | '--gog-toast-transition-duration' | '--gog-toast-warning-color' | '--gog-toast-z-index' | '--gog-toggle-border-color' | '--gog-toggle-border-style' | '--gog-toggle-border-width' | '--gog-toggle-disabled-opacity' | '--gog-toggle-focus-ring-color' | '--gog-toggle-focus-ring-offset' | '--gog-toggle-focus-ring-width' | '--gog-toggle-font-family' | '--gog-toggle-gap' | '--gog-toggle-label-color' | '--gog-toggle-label-line-height' | '--gog-toggle-lg-label-size' | '--gog-toggle-lg-state-font-size' | '--gog-toggle-lg-thumb-size' | '--gog-toggle-lg-track-height' | '--gog-toggle-lg-track-width' | '--gog-toggle-md-label-size' | '--gog-toggle-md-state-font-size' | '--gog-toggle-md-thumb-size' | '--gog-toggle-md-track-height' | '--gog-toggle-md-track-width' | '--gog-toggle-on-border-color' | '--gog-toggle-padding' | '--gog-toggle-radius' | '--gog-toggle-slg-label-size' | '--gog-toggle-slg-state-font-size' | '--gog-toggle-slg-thumb-size' | '--gog-toggle-slg-track-height' | '--gog-toggle-slg-track-width' | '--gog-toggle-sm-label-size' | '--gog-toggle-sm-state-font-size' | '--gog-toggle-sm-thumb-size' | '--gog-toggle-sm-track-height' | '--gog-toggle-sm-track-width' | '--gog-toggle-state-color' | '--gog-toggle-state-font-weight' | '--gog-toggle-state-letter-spacing' | '--gog-toggle-state-offset' | '--gog-toggle-state-padding-inline' | '--gog-toggle-state-thumb-gap' | '--gog-toggle-thumb-bg' | '--gog-toggle-thumb-inset' | '--gog-toggle-thumb-off-bg' | '--gog-toggle-thumb-on-bg' | '--gog-toggle-thumb-shadow' | '--gog-toggle-track-bg' | '--gog-toggle-track-off-bg' | '--gog-toggle-track-on-bg' | '--gog-toggle-transition-duration' | '--gog-toggle-xsm-label-size' | '--gog-toggle-xsm-state-font-size' | '--gog-toggle-xsm-thumb-size' | '--gog-toggle-xsm-track-height' | '--gog-toggle-xsm-track-width' | '--gog-tooltip-arrow-size' | '--gog-tooltip-bg' | '--gog-tooltip-border-color' | '--gog-tooltip-border-style' | '--gog-tooltip-border-width' | '--gog-tooltip-color' | '--gog-tooltip-font-family' | '--gog-tooltip-font-size' | '--gog-tooltip-gap' | '--gog-tooltip-line-height' | '--gog-tooltip-max-height' | '--gog-tooltip-max-width' | '--gog-tooltip-padding' | '--gog-tooltip-radius' | '--gog-tooltip-shadow' | '--gog-tooltip-transition-duration' | '--gog-tooltip-z' | '--gog-warning-color' | '--gog-warning-shade' | '--gog-warning-text-color' | '--gog-z-base';
|
|
4700
4928
|
/** Which of the three layers a token belongs to — see the README's theming section. */
|
|
4701
4929
|
type GogTokenLayer = 'foundation' | 'component' | 'instance';
|
|
4702
4930
|
interface GogTokenGroup {
|
|
@@ -4761,4 +4989,4 @@ declare const GOG_ICONS: InjectionToken<Readonly<Record<string, string>>>;
|
|
|
4761
4989
|
declare function provideGogIcons(icons: Readonly<Record<string, string>>): Provider;
|
|
4762
4990
|
|
|
4763
4991
|
export { AccordionComponent, AutocompleteComponent, ButtonComponent, ButtonToggleGroupComponent, CalendarComponent, CardComponent, CheckboxComponent, ChipComponent, CollapsibleComponent, ConfirmationDialogComponent, DIALOG_DATA, DIALOG_REF, DatepickerComponent, DialogComponent, DialogService, DividerComponent, GOG_CONFIG, GOG_DEPRECATIONS, GOG_ICONS, GOG_TABS_STATE, GOG_TOKEN_GROUPS, GogAccordionChevronDirective, GogAccordionContentDirective, GogAccordionHeaderDirective, GogBadgeDirective, GogButtonDirective, GogButtonToggleOptionDirective, GogCardFooterDirective, GogCardHeaderDirective, GogCardLinkDirective, GogCardMediaDirective, GogCheckboxIconDirective, GogCollapsibleContentDirective, GogCollapsibleTriggerDirective, GogColumn, GogColumnBodyDirective, GogColumnHeaderDirective, GogDropdownBase, GogDropdownChevronDirective, GogDropdownOptionDirective, GogFloatLabelState, GogInputAddonEndDirective, GogInputAddonStartDirective, GogMenuItemDirective, GogMenuTriggerDirective, GogMultiselectClearIconDirective, GogPanelFooterDirective, GogPanelHeaderDirective, GogRippleDirective, GogTabContentDirective, GogTabHeaderDirective, GogTagIconDirective, GogTooltipDirective, ICON_DEFS, IconComponent, InputfieldComponent, MenuComponent, MultiselectComponent, PaginatorComponent, PanelComponent, ProgressbarComponent, RadioGroupComponent, ScrollComponent, SelectComponent, SkeletonComponent, SliderComponent, SpinnerComponent, SpinnerOverlayComponent, TabComponent, TableComponent, TabsComponent, TagComponent, TextareaComponent, ThemeService, ToastComponent, ToastContainerComponent, ToastService, ToggleComponent, addDays, addMonths, addYears, buildMonthGrid, clampDate, copyTimeOnto, daysInMonth, defaultCompare, formatDate, getByPath, isAfterDay, isBeforeDay, isInRange, isSameDay, isSameMonth, isSameOptionValue, isWithinBounds, localeFirstDayOfWeek, monthNames, parseDate, provideGogConfig, provideGogIcons, readOption, resolveConfigured, startOfDay, weekdayNames, withTime };
|
|
4764
|
-
export type { ConfirmDialogData, DialogConfig, DialogHandle, DialogRef, GogAccordionChevronContext, GogAccordionHeaderContext, GogAccordionItem, GogAccordionToggleEvent, GogBadgePosition, GogBuiltinIconName, GogButtonToggleAppearance, GogButtonToggleOptionContext, GogCalendarDay, GogColumnBodyContext, GogColumnHeaderContext, GogDateRange, GogDateSelectionMode, GogDatepickerValue, GogDeprecation, GogDeprecationKind, GogDividerVariant, GogDropdownDirection, GogDropdownFilterPosition, GogDropdownOption, GogDropdownOptionContext, GogFloatLabelVariant, GogGlobalConfig, GogHourFormat, GogIconName, GogInputMode, GogInputType, GogOptionAccessor, GogOrientation, GogPaginatorRangeMode, GogProgressbarMode, GogProgressbarVariant, GogRadioOption, GogScrollAxis, GogScrollMetrics, GogScrollOverscrollBehavior, GogScrollSize, GogSize, GogSkeletonAnimation, GogSkeletonShape, GogSliderOrientation, GogSliderRange, GogSpinnerVariant, GogSurfaceVariant, GogTabHeaderContext, GogTableRowClickEvent, GogTableSelectionMode, GogTableSortEvent, GogTabsAlign, GogTabsState, GogTagShape, GogTagVariant, GogTextareaResize, GogTokenGroup, GogTokenLayer, GogTokenName, GogTooltipPosition, GogTooltipSide, GogVariant, OpenDialog, SortDirection, Toast, ToastAction, ToastConfig, ToastPosition, ToastType };
|
|
4992
|
+
export type { ConfirmDialogData, DialogConfig, DialogHandle, DialogRef, GogAccordionChevronContext, GogAccordionHeaderContext, GogAccordionItem, GogAccordionToggleEvent, GogAriaHasPopup, GogBadgePosition, GogBuiltinIconName, GogButtonToggleAppearance, GogButtonToggleOptionContext, GogCalendarDay, GogColumnBodyContext, GogColumnHeaderContext, GogDateRange, GogDateSelectionMode, GogDatepickerValue, GogDeprecation, GogDeprecationKind, GogDividerVariant, GogDropdownDirection, GogDropdownFilterPosition, GogDropdownOption, GogDropdownOptionContext, GogFloatLabelVariant, GogGlobalConfig, GogHourFormat, GogIconName, GogInputMode, GogInputType, GogOptionAccessor, GogOrientation, GogPaginatorRangeMode, GogProgressbarMode, GogProgressbarVariant, GogRadioOption, GogScrollAxis, GogScrollMetrics, GogScrollOverscrollBehavior, GogScrollSize, GogSeverity, GogSize, GogSkeletonAnimation, GogSkeletonShape, GogSliderOrientation, GogSliderRange, GogSpinnerVariant, GogSurfaceVariant, GogTabHeaderContext, GogTableRowClickEvent, GogTableSelectionMode, GogTableSortEvent, GogTabsAlign, GogTabsState, GogTagShape, GogTagVariant, GogTextareaResize, GogTokenGroup, GogTokenLayer, GogTokenName, GogTooltipPosition, GogTooltipSide, GogVariant, OpenDialog, SortDirection, Toast, ToastAction, ToastConfig, ToastPosition, ToastType };
|